/* Select-only comboboxes keep native controls for forms and change events. */
.custom-select{position:relative;display:block;width:100%;min-width:0}
.custom-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%);opacity:0;pointer-events:none}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;box-shadow:none}
.custom-select-trigger:hover:not(:disabled){background:var(--surface-soft)}
.custom-select-trigger:focus-visible{outline:3px solid var(--brand);outline-offset:2px;box-shadow:none}
.custom-select-trigger:disabled{cursor:not-allowed;opacity:.55}
.custom-select-trigger[aria-invalid=true]{border-color:var(--warning)}
.custom-select-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-chevron{position:relative;flex:0 0 10px;width:10px;height:15px;color:var(--muted)}
.custom-select-chevron::before,.custom-select-chevron::after{content:"";position:absolute;left:2px;width:6px;height:6px;border:solid currentColor;border-width:1.3px 1.3px 0 0}
.custom-select-chevron::before{top:1px;transform:rotate(-45deg)}
.custom-select-chevron::after{bottom:1px;transform:rotate(135deg)}
.custom-select-list{position:fixed;inset:auto;z-index:1000;box-sizing:border-box;max-width:calc(100vw - 16px);max-height:320px;margin:0;padding:6px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);box-shadow:0 8px 28px rgb(0 0 0/.16),0 1px 4px rgb(0 0 0/.06);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.custom-select-option{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 10px;border-radius:7px;overflow-wrap:anywhere;cursor:pointer}
.custom-select-option.is-active{background:var(--brand-soft)}
.custom-select-option[aria-disabled=true]{color:var(--muted);cursor:not-allowed;opacity:.65}
.custom-select-check{display:block;flex:0 0 16px;width:16px;color:var(--brand);font-size:15px;font-weight:600}
.plan-country-field{display:flex;flex-direction:column;gap:7px;width:244px;max-width:100%}
.plan-country-field .field-hint{font-size:12px;line-height:1.6;white-space:normal}
.plan-country-field .region-warning{color:var(--warning)}
.channel-plans-table{min-width:700px}
.channel-plans-table .plan-country-cell{width:270px;min-width:250px;vertical-align:middle}
@media(max-width:640px){.custom-select-trigger{min-height:44px;font-size:14px}.channel-route .custom-select-trigger{font-size:16px}.custom-select-list{font-size:15px}.custom-select-option{min-height:46px;padding-block:10px}.plan-country-field{width:244px}.channel-plans-table .plan-country-cell{min-width:250px}}
@media(prefers-contrast:more){.custom-select-trigger,.custom-select-list{border-color:var(--line-strong)}.custom-select-option.is-active{outline:1px solid var(--brand);outline-offset:-1px}}
@media(forced-colors:active){.custom-select-trigger,.custom-select-list{border:1px solid ButtonText;background:Canvas;color:CanvasText}.custom-select-option.is-active{outline:2px solid Highlight;outline-offset:-2px}.custom-select-check{color:Highlight}.custom-select-chevron{color:ButtonText}}
