/* Shared native controls. Root scrollbar only: dialogs keep their own scroll behavior. */
html{scrollbar-width:thin;scrollbar-color:#a5b7d0 #f2f5f9;scrollbar-gutter:stable}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:9px;height:9px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#f2f5f9}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#a5b7d0;border:2px solid #f2f5f9;border-radius:8px}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#7d96b8}
html[data-theme=dark]{scrollbar-color:#4c6380 #121e2d}html[data-theme=dark]::-webkit-scrollbar-track,html[data-theme=dark] body::-webkit-scrollbar-track{background:#121e2d}html[data-theme=dark]::-webkit-scrollbar-thumb,html[data-theme=dark] body::-webkit-scrollbar-thumb{background:#4c6380;border-color:#121e2d}
dialog,dialog *{scrollbar-color:auto}
.public-body select:not([multiple]):not([size]),.admin-body select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;box-sizing:border-box;min-height:40px;max-width:100%;min-width:0;line-height:1.6;padding:8px 12px 8px 36px;text-align:start;direction:rtl;border:1px solid var(--border);border-radius:7px;color:var(--ink);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236e809a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 11px center;background-size:15px;cursor:pointer;font-family:inherit;font-size:12px;text-overflow:ellipsis;box-shadow:none}
.public-body select:focus-visible,.admin-body select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.public-body select:disabled,.admin-body select:disabled{opacity:.6;cursor:not-allowed}select option{background:var(--surface);color:var(--ink)}
#full-player select:not([multiple]):not([size]){color:#f4f7fd;background-color:#202b3c;border-color:#ffffff30}
@media(forced-colors:active){.public-body select:not([multiple]):not([size]),.admin-body select:not([multiple]):not([size]){appearance:auto;background-image:none;padding-inline:8px}}
/* Brand, primary links, search: right to left in visual and keyboard order. */
@media(min-width:651px){.reference-header .header-inner{grid-template-columns:104px minmax(0,1fr) minmax(220px,350px);gap:22px}.reference-header .brand{grid-column:1}.reference-header .desktop-nav{grid-column:2}.reference-header-search{grid-column:3}.reference-header .desktop-nav{gap:12px}}
@media(min-width:651px) and (max-width:1100px){.reference-header .header-inner{grid-template-columns:95px minmax(0,1fr) minmax(165px,240px);gap:15px}.reference-header .desktop-nav{gap:8px;font-size:10px}}
@media(min-width:651px) and (max-width:850px){.reference-header .header-inner{grid-template-columns:85px minmax(0,1fr) minmax(140px,180px);gap:12px}.reference-header .desktop-nav{gap:7px;font-size:9px}.reference-header .desktop-nav a{gap:3px}}
@media(max-width:650px){.reference-header .header-actions{direction:rtl}.reference-header .header-search{order:10}}