/* ARE Design System v1.1 — non-native controls */
.are-control{min-height:44px;border:1px solid var(--are-line);border-radius:9px;background:#fff;color:var(--are-ink);transition:border-color .15s,box-shadow .15s,background .15s}
.are-control:hover{border-color:#aab2c0}.are-control:focus-within{border-color:#8c97a8;box-shadow:0 0 0 3px rgba(255,196,0,.25)}
.are-input-wrap{position:relative;display:flex;align-items:center}.are-input-wrap>.are-icon{position:absolute;left:12px;color:var(--are-muted);pointer-events:none}.are-input-wrap input{width:100%;min-height:44px;border:1px solid var(--are-line);border-radius:9px;padding:0 12px 0 40px;background:#fff;color:var(--are-ink)}
.are-field-help{font-size:11.5px;color:var(--are-muted);line-height:1.35}.are-field-error{font-size:11.5px;color:var(--are-red);line-height:1.35}

/* Hide native select only after JS enhancer has taken responsibility. */
select[data-are-select].are-select-enhanced-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important}
.are-select{position:relative;min-width:180px}.are-select-trigger{width:100%;min-height:44px;border:1px solid var(--are-line);border-radius:9px;background:#fff;color:var(--are-ink);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 11px 0 12px;text-align:left;transition:border-color .15s,box-shadow .15s}.are-select-trigger:hover{border-color:#aab2c0}.are-select-trigger[aria-expanded="true"]{border-color:#8c97a8;box-shadow:0 0 0 3px rgba(255,196,0,.22)}.are-select-trigger .are-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.are-select-chevron{color:var(--are-muted);transition:transform .15s}.are-select-trigger[aria-expanded="true"] .are-select-chevron{transform:rotate(180deg)}
.are-select-menu{position:absolute;z-index:120;top:calc(100% + 6px);left:0;width:max(100%,220px);max-height:280px;overflow:auto;padding:6px;background:#fff;border:1px solid var(--are-line);border-radius:11px;box-shadow:0 12px 32px rgba(23,32,51,.14)}.are-select-menu[hidden]{display:none}.are-select-option{min-height:38px;width:100%;border:0;background:transparent;border-radius:7px;color:var(--are-ink);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;text-align:left}.are-select-option:hover,.are-select-option.active{background:var(--are-yellow-soft)}.are-select-option[aria-selected="true"]{font-weight:750}.are-select-option[aria-selected="true"] .are-option-check{color:var(--are-ink)}.are-option-check{display:inline-flex;color:transparent}

/* Searchable combobox */
.are-combobox-search{padding:6px;position:sticky;top:-6px;background:#fff;z-index:1}.are-combobox-search .are-input-wrap input{min-height:38px}
.are-select-empty{padding:14px 10px;color:var(--are-muted);font-size:12.5px;text-align:center}

/* Multi-select */
.are-multiselect-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.are-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;background:#eef1f5;font-size:12px;color:var(--are-ink)}.are-tag button{border:0;background:transparent;padding:0;display:grid;place-items:center;color:var(--are-muted)}
.are-checkmark{width:17px;height:17px;border-radius:5px;border:1px solid #b9c0cc;background:#fff;display:grid;place-items:center;flex:0 0 auto}.are-select-option[aria-selected="true"] .are-checkmark{background:var(--are-yellow);border-color:#e0ad00}.are-select-option[aria-selected="true"] .are-checkmark svg{display:block}.are-checkmark svg{display:none}

/* Dropdown/action menus */
.are-menu{position:relative;display:inline-block}.are-menu-panel{position:absolute;z-index:120;right:0;top:calc(100% + 6px);min-width:210px;padding:6px;background:#fff;border:1px solid var(--are-line);border-radius:11px;box-shadow:0 12px 32px rgba(23,32,51,.14)}.are-menu-panel[hidden]{display:none}.are-menu-item{width:100%;min-height:38px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:left;color:var(--are-ink)}.are-menu-item:hover,.are-menu-item:focus-visible{background:var(--are-yellow-soft);outline:none}.are-menu-separator{height:1px;background:var(--are-line);margin:5px}.are-menu-item.danger{color:var(--are-red)}

/* Checkbox / radio / switch */
.are-choice{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13px}.are-choice input{position:absolute;opacity:0;pointer-events:none}.are-choice-ui{width:18px;height:18px;border:1px solid #b7bec9;background:#fff;border-radius:5px;display:grid;place-items:center}.are-choice input:checked+.are-choice-ui{background:var(--are-yellow);border-color:#e0ad00}.are-choice input:focus-visible+.are-choice-ui{outline:3px solid var(--are-focus);outline-offset:2px}.are-choice.radio .are-choice-ui{border-radius:50%}.are-choice.radio input:checked+.are-choice-ui:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--are-ink)}
.are-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.are-switch input{position:absolute;opacity:0}.are-switch-track{width:40px;height:22px;border-radius:999px;background:#d7dce4;padding:3px;transition:.15s}.are-switch-track:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s}.are-switch input:checked+.are-switch-track{background:var(--are-yellow)}.are-switch input:checked+.are-switch-track:before{transform:translateX(18px)}.are-switch input:focus-visible+.are-switch-track{outline:3px solid var(--are-focus);outline-offset:2px}

/* Scrollbars for ARE panels/dropdowns */
.are-select-menu,.are-menu-panel,.are-modal,.are-tablebox{scrollbar-width:thin;scrollbar-color:#c7ccd5 transparent}.are-select-menu::-webkit-scrollbar,.are-menu-panel::-webkit-scrollbar,.are-modal::-webkit-scrollbar,.are-tablebox::-webkit-scrollbar{width:8px;height:8px}.are-select-menu::-webkit-scrollbar-thumb,.are-menu-panel::-webkit-scrollbar-thumb,.are-modal::-webkit-scrollbar-thumb,.are-tablebox::-webkit-scrollbar-thumb{background:#c7ccd5;border-radius:99px;border:2px solid #fff}
