.mc-select{display:inline-flex;position:relative;min-width:0;max-width:100%;vertical-align:middle;width:100%;font-weight:400}
.mc-select select.mc-select-native{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important;overflow:hidden!important}
.mc-select>.mc-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;width:100%;min-height:46px;padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--ink);text-align:left;font:inherit;font-size:13px;line-height:1.5;box-shadow:none;transition:border-color .15s,background .15s,box-shadow .15s}
.mc-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--cyan) 45%,var(--line));background:var(--surface)}
.mc-select-trigger:focus-visible,.mc-select-trigger[aria-expanded=true]{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px var(--cyan-soft)}
.mc-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500!important;font-size:inherit!important}
.mc-select-arrow{flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--muted);transition:transform .15s}.mc-select-arrow svg{display:block}
.mc-select-trigger[aria-expanded=true] .mc-select-arrow{transform:rotate(180deg)}
.mc-dialog .mc-select{flex:1;width:100%}.mc-dialog .mc-select-trigger{min-height:50px;font-size:15px;padding:12px 18px}
.mc-select:has(.task-inline-state){width:auto;min-width:112px;max-width:145px}.mc-select:has(.task-inline-state)>.mc-select-trigger{min-height:40px;padding:8px 11px;font-size:11px;gap:7px}
.task-bulk-bar .mc-select{width:190px}.task-bulk-bar:not(:has(#taskBulkMode:checked)) .mc-select{display:none}
.settings-card .field-row>.mc-select{width:min(100%,290px);flex-shrink:1}
.mc-select-popup{position:fixed;inset:auto;margin:0;padding:8px;overflow:hidden;max-width:calc(100vw - 24px);border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 18px 60px #21113926,0 3px 12px #2111390c;font:14px var(--font-body);z-index:10000;animation:select-in .14s ease-out}
.mc-select-popup::backdrop{background:transparent;pointer-events:none}
.mc-select-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px;scroll-padding-block:6px}
.mc-select-popup .mc-select-search{display:block;width:100%;min-height:44px;max-height:44px;margin:0 0 7px;padding:11px 15px;border:1px solid var(--line);border-radius:17px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:14px;outline:0}
.mc-select-popup .mc-select-search:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-soft)}
.mc-select-popup .mc-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:11px 14px;margin:2px 0;border:0;border-radius:15px;background:transparent;color:var(--ink);text-align:left;font:inherit;line-height:1.5;cursor:pointer;white-space:normal}
.mc-select-option>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.mc-select-option>span:last-child{flex-shrink:0;color:var(--cyan);font-size:16px}
.mc-select-popup .mc-select-option[aria-selected=true]{background:var(--cyan-soft);color:var(--cyan);font-weight:650}
.mc-select-popup .mc-select-option:hover:not(:disabled),.mc-select-popup .mc-select-option.is-active:not(:disabled){background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--line)}
.mc-select-popup .mc-select-option[aria-selected=true].is-active{background:var(--cyan-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 25%,transparent)}
.mc-select-option:disabled{opacity:.45;cursor:not-allowed}.mc-select-group{padding:13px 14px 7px;font-size:11px;font-weight:700;color:var(--muted)}.mc-select-empty{padding:18px 12px;margin:0;color:var(--muted);font-size:13px}
@keyframes select-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mc-select-popup{animation:none}.mc-select-trigger,.mc-select-arrow{transition:none}}
@media(max-width:600px){.mc-select>.mc-select-trigger{font-size:13px;min-height:46px}.mc-dialog .mc-select-trigger{font-size:16px;min-height:50px}.mc-select-popup .mc-select-search{font-size:16px}.mc-select-popup .mc-select-option{min-height:46px}.settings-card .field-row>.mc-select{width:100%;max-width:none}}
