/* 用途：下拉控件；文件：public/assets/dropdowns.css。 */
/* 模块：下拉控件。入口：public/assets/dropdowns.css。 */
/* Shared vector chevron. Multi-select lists retain their native list presentation. */
/* 样式分区：select:not([multiple]):not([size]),select:not([multiple])[size="0"],select:not([multiple])[size="1"]；维护此组件的布局、外观与交互状态。 */

select:not([multiple]):not([size]),select:not([multiple])[size="0"],select:not([multiple])[size="1"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('icons/chevron-down.svg')!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px 18px!important;padding-right:42px!important;cursor:pointer}
/* 样式分区：select::-ms-expand；维护此组件的布局、外观与交互状态。 */

select::-ms-expand{display:none}
/* 样式分区：select:disabled；维护此组件的布局、外观与交互状态。 */
select:disabled{cursor:default}
/* 样式分区：.dropdown-chevron；维护此组件的布局、外观与交互状态。 */
.dropdown-chevron{display:block;flex:0 0 18px;width:18px;height:18px;color:#718566;transition:transform .18s ease}
/* 样式分区：.reader-menu-chevron；维护此组件的布局、外观与交互状态。 */
.reader-menu-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
/* 样式分区：.reader-account-trigger[aria-expanded=true] .dropdown-chevron；维护此组件的布局、外观与交互状态。 */
.reader-account-trigger[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}
/* 样式分区：details>summary；维护此组件的布局、外观与交互状态。 */

details>summary{list-style:none}
/* 样式分区：details>summary::-webkit-details-marker；维护此组件的布局、外观与交互状态。 */
details>summary::-webkit-details-marker{display:none}
/* 样式分区：details>summary::marker；维护此组件的布局、外观与交互状态。 */
details>summary::marker{content:''}
/* 样式分区：.admin-nav-group>summary::after；维护此组件的布局、外观与交互状态。 */
.admin-nav-group>summary::after{content:'';display:block;flex:0 0 18px;width:18px;height:18px;background:url('icons/chevron-down.svg') center/18px 18px no-repeat;font-size:0;line-height:0;transition:transform .18s ease}.admin-nav-group[open]>summary::after{transform:rotate(180deg)}
/* 样式分区：.ko-dropdown-toggle svg；维护此组件的布局、外观与交互状态。 */

.ko-dropdown-toggle svg{width:18px;height:18px;display:block;flex-shrink:0}
/* 样式分区：input[list]:not(.ko-input-wrap input)；维护此组件的布局、外观与交互状态。 */
input[list]:not(.ko-input-wrap input){background-image:url('icons/chevron-down.svg')!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px 18px!important;padding-right:42px!important}
/* 样式分区：@media(prefers-reduced-motion:reduce)；维护此组件的布局、外观与交互状态。 */

@media(prefers-reduced-motion:reduce){.dropdown-chevron,.admin-nav-group>summary::after{transition:none}}
/* 样式分区：input[list]::-webkit-calendar-picker-indicator；维护此组件的布局、外观与交互状态。 */

input[list]::-webkit-calendar-picker-indicator{opacity:0}
/* 样式分区：select[multiple],select[size]:not([size="0"]):not([size="1"])；维护此组件的布局、外观与交互状态。 */

select[multiple],select[size]:not([size="0"]):not([size="1"]){background-image:none!important}
/* Put the picker at the control's right edge; the keyboard appears to its left on focus. */
/* 样式分区：.admin-body .ko-input-wrap>.ko-dropdown-toggle；维护此组件的布局、外观与交互状态。 */

.admin-body .ko-input-wrap>.ko-dropdown-toggle{right:9px;width:26px;height:28px;padding:4px}
.admin-body .ko-input-wrap>input[list]{background-image:none!important;padding-right:42px!important}
.admin-body .ko-input-wrap.ko-has-picker>.ko-input-toggle{right:40px}
.admin-body .ko-input-wrap:focus-within>input[list]{padding-right:76px!important}
input[list]::-webkit-calendar-picker-indicator{display:none!important;width:0!important;margin:0!important;padding:0!important}

/* 共用单选与候选弹层：全站同一控件/焦点/禁用状态，长内容省略显示并保留 title。
 * 原字段仅视觉隐藏，value、name、required 与 FormData 保留；多选维持原语义。
 */
.shared-select{display:inline-grid;min-width:0;max-width:100%;vertical-align:middle;position:relative}
label>.shared-select,.field>.shared-select{width:100%}
.shared-select>.shared-select-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
.shared-select>.shared-select-trigger{width:100%;min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border,#dce4d5);border-radius:10px;background:var(--paper,#fffef9);color:var(--ink,#243b32);font:inherit;font-size:13px;line-height:1.6;text-align:left;cursor:pointer;box-shadow:none;margin:0}
.shared-select-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shared-select-trigger>svg,.shared-data-trigger>svg{flex:none;width:18px;height:18px;color:#74866c;display:block}
.shared-select-trigger[aria-expanded=true]{border-color:#7d9b77}
.shared-select>.shared-select-trigger:disabled{opacity:.5;cursor:default}
.shared-select>.shared-select-trigger:focus-visible,.shared-select-search:focus-visible{outline:2px solid #76946e;outline-offset:2px}
.shared-select-popup{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #dce4d5;border-radius:13px;background:#fffef9;color:#243b32;box-shadow:0 12px 36px #214c4226;box-sizing:border-box;overflow:hidden;z-index:4500;flex-direction:column;gap:5px;max-width:calc(100vw - 16px)}
.shared-select-popup:popover-open,.shared-select-popup.is-fallback{display:flex}
.shared-select-popup::backdrop{background:transparent}
.shared-select-popup>.shared-select-search{box-sizing:border-box;width:100%;min-width:0;flex:none;border:1px solid #dce4d5;border-radius:8px;background:#f4f7ef;color:#243b32;font-size:16px;line-height:1.5;padding:8px 10px;min-height:40px;outline-offset:0}
.shared-select-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c6ac transparent;flex:1}
.shared-select-option{padding:9px 10px;min-height:38px;box-sizing:border-box;border-radius:7px;line-height:1.6;font-size:13px;overflow-wrap:anywhere;cursor:pointer;white-space:normal}
.shared-select-option.is-active{background:#edf3e5}
.shared-select-option[aria-selected=true]{color:#214c42;font-weight:600;background:#e6efdf}
.shared-select-option[aria-disabled=true]{color:#9ba592;background:transparent;cursor:default}
.shared-select-status{font-size:10px;line-height:1.5;color:#859477;padding:4px 10px;flex:none}
.shared-data-select{display:inline-block;position:relative;min-width:0;width:100%}
.shared-data-select>input{padding-right:42px!important;width:100%}
.shared-data-trigger{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;min-height:28px!important;padding:4px!important;border:0!important;background:transparent!important}
.alphabet-builder .shared-select{min-width:100px}
select[multiple],select[size]:not([size="0"]):not([size="1"]){max-height:260px;max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:8px}
@media(max-width:600px){.shared-select-popup{border-radius:12px}.shared-select-option{min-height:42px}.shared-select>.shared-select-trigger{min-height:44px}}