/* One material system: reading sheets / navigation / clear selection. */
:root {--glass-sheet:rgba(248,250,255,.24);--glass-chrome:rgba(247,249,254,.14);--glass-control:rgba(255,255,255,.18);--glass-inset:rgba(255,255,255,.05);--glass-rim:rgba(255,255,255,.66);--glass-line:rgba(35,48,68,.12);--glass-shadow:rgba(28,42,65,.15)}
html[data-theme="dark"] {--glass-sheet:rgba(22,28,40,.32);--glass-chrome:rgba(24,30,42,.20);--glass-control:rgba(255,255,255,.07);--glass-inset:rgba(255,255,255,.01);--glass-rim:rgba(255,255,255,.24);--glass-line:rgba(255,255,255,.13);--glass-shadow:rgba(0,0,0,.28)}
.topbar,dialog,.bottom-nav.liquid-dock {background:var(--glass-chrome);backdrop-filter:var(--optical-filter,blur(12px) saturate(1.12));-webkit-backdrop-filter:var(--optical-filter,blur(12px) saturate(1.12));border:1px solid var(--glass-rim);box-shadow:0 8px 24px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 var(--glass-line)}
dialog,html[data-theme="dark"] dialog {background:var(--glass-sheet);--optical-filter:blur(20px) saturate(1.12);border-radius:28px;box-shadow:0 28px 70px var(--glass-shadow),0 3px 12px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.18)}
dialog::backdrop {background:rgba(17,24,38,.16);backdrop-filter:none;-webkit-backdrop-filter:none}
.topbar::before,dialog::before,.side-drawer::before,.bottom-nav.liquid-dock::before,.liquid-indicator::after,.liquid-dock.glass-pressed::after {display:none}
.topbar::after,dialog::after {padding:1px;opacity:.48;background:conic-gradient(from 135deg at var(--light-x,25%) var(--light-y,20%),transparent 0deg,rgba(255,255,255,.75) 85deg,transparent 170deg,rgba(255,255,255,.12) 240deg,rgba(255,255,255,.6) 295deg,transparent 360deg)}
.side-drawer {background:color-mix(in srgb,var(--surface) 24%,transparent);backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12);border-color:var(--glass-rim)}
.liquid-dock .liquid-indicator,html[data-theme="dark"] .liquid-dock .liquid-indicator {background:rgba(255,255,255,.05);border:1px solid var(--glass-rim);backdrop-filter:var(--optical-filter,blur(12px) saturate(1.12));-webkit-backdrop-filter:var(--optical-filter,blur(12px) saturate(1.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 var(--glass-line),0 3px 9px var(--glass-shadow)}
dialog :is(.manual-form,.project-detail,.resource-detail,.project-link-picker) {background:transparent;padding:0;border-radius:0}
dialog :is(.manual-form input,.manual-form textarea,.manual-form select,.color-control input,.font-control select) {background:var(--glass-control);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);color:var(--text)}
dialog :is(.media-upload,.detail-section,.project-relation-section,.script-step,.appearance-setting,.history-list article,.trash-list article,.global-results>button,.restore-summary>span,.project-link-options label,.linked-record,.linked-list>button,.linked-list>article) {background:var(--glass-inset);border-color:var(--glass-line);box-shadow:none}
dialog :is(.attachment-list>summary,.detail-meta span,.file-attachment,.attachment-row>button,.history-actions button,.trash-list button,.appearance-modes button,.background-swatches button,.dialog-close) {background:var(--glass-control)}
dialog .manual-form label {color:var(--text);font-weight:550}
dialog .media-upload {border-style:solid}
dialog input::file-selector-button {background:var(--glass-control)}
dialog .appearance-modes button[aria-pressed="true"] {background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.topbar .system-now {color:var(--text);font-weight:550}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 .topbar,dialog,html[data-theme="dark"] dialog,.side-drawer,.bottom-nav.liquid-dock,.liquid-dock .liquid-indicator,html[data-theme="dark"] .liquid-dock .liquid-indicator {background:var(--surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--line)}
 .topbar::after,dialog::after {display:none}
 .liquid-dock .liquid-indicator {background:var(--accent-soft)!important;border-color:var(--accent)}
 dialog :is(input,textarea,select,.media-upload,.detail-section,.project-relation-section,.appearance-setting,.script-step,.history-list article,.trash-list article) {background:var(--surface)!important;border-color:var(--line)}
}