/* Shared material layer for the sphere, fan and navigation.
   No dimensions, positioning, transforms, gesture handlers or data rules change. */
:root[data-material]{--ink:#202226;--ink-2:#535961;--ink-3:#626872;--surface:#f4f5f6;--surface-2:#e8ebef;--glass:rgba(244,246,249,.8);--glass-2:rgba(249,250,252,.92);--glass-line:rgba(255,255,255,.65);--sep:#ccd1d8;--chip:#e4e8ed;--accent:#007aff;--material-bg:radial-gradient(ellipse at 48% 42%,#f5f6f8,#d7dde4);--material-face:linear-gradient(155deg,rgba(255,255,255,.99),rgba(237,240,245,.97));--material-edge:rgba(255,255,255,.8);--material-shadow:0 9px 28px rgba(22,35,52,.12);color-scheme:light}
:root[data-material=graphite]{--ink:#f5f5f7;--ink-2:#d1d3d8;--ink-3:#c1c5ce;--surface:#292c33;--surface-2:#353942;--glass:rgba(42,45,52,.84);--glass-2:rgba(44,47,55,.94);--glass-line:rgba(255,255,255,.16);--sep:#535761;--chip:#3a3e47;--accent:#8bc5ff;--acc-blue:#8bc5ff;--acc-green:#56d879;--acc-orange:#ffb15d;--acc-purple:#ca9bee;--acc-pink:#ff89a8;--material-bg:radial-gradient(ellipse at 48% 42%,#3b404a,#1b1e25 72%);--material-face:linear-gradient(145deg,rgba(72,77,88,.97),rgba(37,40,47,.98));--material-edge:rgba(255,255,255,.18);--material-shadow:0 12px 32px rgba(0,0,0,.28);color-scheme:dark}
:root[data-material=smoke]{--ink:#fafafa;--ink-2:#d5d5db;--ink-3:#b7b7c0;--surface:#1d1e22;--surface-2:#303136;--glass:rgba(24,25,29,.82);--glass-2:rgba(35,36,40,.94);--glass-line:rgba(255,255,255,.24);--sep:#4d4f57;--chip:#34353c;--accent:#80bdff;--acc-blue:#80bdff;--acc-green:#65df8c;--acc-orange:#ffb974;--acc-purple:#d8b4f4;--acc-pink:#ffa2bf;--material-bg:radial-gradient(ellipse at 44% 34%,#393b40,#0f1014 73%);--material-face:linear-gradient(140deg,rgba(72,73,79,.96),rgba(27,28,33,.99) 65%);--material-edge:rgba(255,255,255,.28);--material-shadow:0 16px 42px rgba(0,0,0,.4);color-scheme:dark}
:root[data-material] body,:root[data-material] #stage{background:var(--material-bg)!important;color:var(--ink)}
:root[data-material] #stage .tile,:root[data-material] .typed-fan .sm-card:not(.sm-icon),:root[data-material] .typed-fan .sm-detail,:root[data-material] .typed-fan .sm-detail-related button{background:var(--material-face)!important;color:var(--ink)!important;box-shadow:inset 0 .5px 0 var(--material-edge),inset 0 0 0 .5px var(--material-edge),var(--material-shadow)!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:root[data-material] .typed-fan .sm-icon{background:none!important;color:var(--ink)!important;box-shadow:none!important}
:root[data-material] .sm-card strong,:root[data-material] .sm-detail h3,:root[data-material] .sm-detail h4,:root[data-material] .sm-anchor h2,:root[data-material] .sm-anchor h3,:root[data-material] #stage .tile h3{color:var(--ink)!important}
:root[data-material] .typed-summary,:root[data-material] .pw-preview,:root[data-material] .sm-summary,:root[data-material] .sm-date,:root[data-material] .sm-count,:root[data-material] .sm-card-rows,:root[data-material] .sm-detail-body,:root[data-material] .sm-detail small,:root[data-material] .pf-document-excerpt,:root[data-material] .hc-fan .body,:root[data-material] .hc-fan .feedback,:root[data-material] .sm-lane-title,:root[data-material] #stage .tile p{color:var(--ink-2)!important}
:root[data-material] .sm-anchor,:root[data-material] .sm-detail-toolbar{background:transparent!important;color:var(--ink)!important}
:root[data-material] .sm-main-action{background:#0064d1!important;color:#fff!important}
:root[data-material] .sm-text-action,:root[data-material] .sm-detail button,:root[data-material] .sm-detail a{color:var(--accent)!important}
:root[data-material] .sm-detail input:not([type=checkbox]),:root[data-material] .sm-detail textarea,:root[data-material] .sm-detail select,:root[data-material] .pw-add-tool,:root[data-material] .pf-document,:root[data-material] .pw-avatar,:root[data-material] .sm-detail .controls button{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--sep)!important;caret-color:var(--accent)}
:root[data-material] .sm-wing-navigation,:root[data-material] .dock,:root[data-material] .dock-menu{background:var(--glass)!important;color:var(--ink)!important;box-shadow:inset 0 .5px 0 var(--glass-line),inset 0 0 0 .5px var(--glass-line),var(--material-shadow)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
:root[data-material] #edge-status,:root[data-material] .sm-label,:root[data-material] .sm-status,:root[data-material] .sm-date{color:var(--ink-3)!important}
:root[data-material] .mini-note{color:#352b0a!important}
:root[data-material] .sm-detail .calendar-grid button{color:var(--ink)!important}
:root[data-material] .hc-fan .contact-row,:root[data-material] .pw-contact,:root[data-material] .pw-file,:root[data-material] .pf-check-row{border-color:var(--sep)!important;color:var(--ink)!important}
:root[data-material=graphite] .sf-symbol,:root[data-material=smoke] .sf-symbol{filter:invert(1)}
:root[data-material] .pf-file-thumbnail{background:var(--surface-2)}
:root[data-material] ::selection{background:#007aff;color:white}
:root[data-material] *{scrollbar-color:var(--ink-3) var(--surface-2)}
@media(prefers-reduced-transparency:reduce){:root[data-material] .dock,:root[data-material] .sm-wing-navigation,:root[data-material] .dock-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)!important}}

/* Dense conversation content stays opaque enough to read; glass is navigation. */
:root[data-material] .lc-panel,:root[data-material] .lc-header,:root[data-material] .palette-panel,:root[data-material] .reader-panel{background:var(--glass-2);color:var(--ink)}
:root[data-material] .lc-input::placeholder{color:var(--ink-3)}
:root[data-material] .lc-send,:root[data-material] .lc-user .lc-message{background:#0064d1!important;color:#fff!important}
:root[data-material] .lc-flight{background:var(--surface);color:var(--ink)}
:root[data-material] .lc-sheet-item:not(.is-current):hover{background:var(--surface-2)}
:root[data-material] .lc-composer:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent),var(--material-shadow)}
@media(prefers-reduced-transparency:reduce){:root[data-material] .lc-panel,:root[data-material] .lc-header,:root[data-material] .palette-panel,:root[data-material] .reader-panel{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}

:root[data-material] #stage .sw-card[data-form=document] .sw-preview{background:var(--surface-2);color:var(--ink)}
:root[data-material] #stage .sw-card[data-form=note] .sw-preview{--ink:#352b0a;--ink-2:#625320;color:var(--ink)}