/* Custom dropdowns (see dropdown.js). Selects keep their existing sizing; this adds the date-picker look.
   #dd-x never exists: it only lifts these rules above id-scoped form rules like #item-form select. */
select:not(#dd-x):not([multiple],[size],.status-picker){appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.75 6 6.25l4.5-4.5' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:11px 7px;font-weight:600;transition:border-color .15s,box-shadow .15s}
select:not(#dd-x):not([multiple],[size],.status-picker):hover{border-color:var(--accent)}
select:not(#dd-x):not([multiple],[size],.status-picker):focus-visible,select.dd-open{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
select.dd-open{border-color:var(--accent)}
/* Like .date-trigger: soft shadow outside forms, flat inside them. */
select:not(#dd-x):not([multiple],[size],.status-picker){border-radius:10px}
select:not(#dd-x):not([multiple],[size],.status-picker):not(:focus-visible,.dd-open){box-shadow:var(--shadow)}
:is(#item-form,#link-form,#project-form,.quick-entry) select:not(#dd-x):not([multiple],[size],.status-picker){border-radius:8px}
:is(#item-form,#link-form,#project-form,.quick-entry) select:not(#dd-x):not([multiple],[size],.status-picker):not(:focus-visible,.dd-open){box-shadow:none}
.quick-entry select:not(#dd-x):not([multiple],[size],.status-picker){padding-right:26px;background-position:right 8px center}

/* Status pills keep their own colours and dot; they only get the open ring. */
select.status-picker{font-weight:650}
select.status-picker:hover{border-color:currentColor}
select.status-picker.dd-open,select.status-picker:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}

.dd-menu{position:fixed;inset:auto;margin:0;z-index:1000;box-sizing:border-box;min-width:0;overflow:auto;overscroll-behavior:contain;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px -20px rgba(24,25,28,.28);font-size:13px;opacity:0;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}
.dd-heading{position:sticky;top:-7px;z-index:1;margin:-7px -7px 6px;padding:15px 17px 13px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;font-weight:700;letter-spacing:-.025em;line-height:1.35}
.dd-menu.is-above{transform:translateY(4px)}
.dd-menu.is-shown{opacity:1;transform:none}
.dd-option{position:relative;display:flex;align-items:center;min-height:42px;padding:9px 32px 9px 12px;border-radius:8px;font-weight:600;line-height:1.25;cursor:pointer;user-select:none;-webkit-user-select:none}
.dd-option.is-active{background:var(--accent-soft)}
.dd-option[aria-selected="true"]{background:var(--accent);color:#fff}
.dd-option[aria-selected="true"].is-active{background:var(--accent-strong)}
.dd-option[aria-selected="true"]::after{content:"";position:absolute;right:12px;top:50%;width:10px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(-45deg)}
.dd-option[aria-disabled="true"]{color:var(--muted);opacity:.55;cursor:default}
.dd-group+.dd-group,.dd-option+.dd-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}
.dd-group-label{padding:7px 11px 5px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.dd-menu-for-status{font-size:12px}
.dd-menu-for-status .dd-option{min-height:34px}
:root[data-theme="black"] .dd-option[aria-selected="true"]{color:#111214}
:root[data-theme="black"] .dd-menu{box-shadow:var(--shadow),0 24px 60px -20px rgba(0,0,0,.7)}
@media(max-width:600px){.dd-option,.dd-menu-for-status .dd-option{min-height:46px}.dd-menu{font-size:14px}}
@media(prefers-reduced-motion:reduce){.dd-menu{transition:none}}