/* SOHL glass: photograph + a single frosted layer, never transparent text. */
.appearance-settings .padded{padding:22px}.appearance-label{font-size:12px;font-weight:600;margin-bottom:10px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.appearance-choice{border:1px solid var(--control);background:var(--surface-alt);padding:8px;text-align:left;color:var(--ink);position:relative}.appearance-choice.selected{border:2px solid var(--green);padding:7px}.appearance-choice strong{display:block;margin:12px 5px 2px;font-size:14px}.appearance-choice small{display:block;margin:0 5px 7px;color:var(--muted);font-size:11px}.style-thumb{height:92px;display:grid;grid-template-columns:22% 1fr 1fr;gap:6px;padding:9px;background:#edf2f5;overflow:hidden;position:relative}.style-thumb i{background:#243c50;grid-row:1/3}.style-thumb b{display:block;background:white;border:1px solid #dce3e9;grid-row:1/3}.glass-thumb{background:#d6d0c3 url('assets/sohl-lounge-glass.webp') center 60%/cover}.glass-thumb i{background:rgba(35,34,30,.4);border:1px solid rgba(255,255,255,.35)}.glass-thumb b{background:rgba(255,251,243,.3);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(3px)}.appearance-checks{display:grid;gap:10px;margin:22px 0 0}.appearance-checks>small{font-size:11px;color:var(--muted);margin:-5px 0 7px 24px}.appearance-footnote{border-top:1px solid var(--line);padding-top:16px;margin:20px 0 16px}.appearance-settings .segmented button{display:flex;align-items:center;gap:7px;min-width:90px}.appearance-settings .segmented svg{width:15px;height:15px}

/* The chart is data, not a decorative trend line. */
.activity-panel{margin:0 0 24px;position:relative}.activity-top{padding:18px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.activity-top h2{font-size:14px;font-weight:650;display:flex;gap:10px;align-items:center}.activity-top h2>span{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.activity-top p{font-size:12px;color:var(--muted);margin:5px 0 0}.activity-top p strong{font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:5px;font-weight:600}.activity-top p>span{margin-left:6px}.activity-controls{display:flex;gap:10px;align-items:center}.activity-controls .segmented{border:1px solid var(--line)}.activity-controls .segmented button{padding:6px 10px;font-size:11px}.activity-chart{padding:5px 20px 0;color:var(--green)}.activity-chart svg{display:block;width:100%;height:132px;overflow:visible}.chart-grid{stroke:var(--ink);stroke-opacity:.12;stroke-width:1;vector-effect:non-scaling-stroke}.chart-label{fill:var(--muted);font-family:inherit;font-size:10px}.activity-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.activity-point{fill:currentColor}.activity-footer{display:flex;align-items:flex-start;gap:20px;padding:10px 22px 16px;color:var(--muted);font-size:10px}.activity-footer>span{display:flex;align-items:center;gap:6px}.activity-footer i{width:7px;height:7px;background:var(--green)}.activity-footer b{font-weight:400;margin:0 3px}.activity-footer details{margin-left:auto;max-width:360px}.activity-footer summary{cursor:pointer;font-size:11px;text-align:right;text-decoration:underline;text-underline-offset:3px}.chart-data{margin-top:12px;max-height:200px;overflow:auto;border:1px solid var(--line);background:var(--surface);min-width:240px}.chart-data caption{text-align:left;padding:10px;font-weight:600}.chart-data th,.chart-data td{padding:7px 12px;font-size:11px}.chart-data td:last-child{text-align:right}

/* Warm neutral glass is a complete appearance, independent of Classic's navy palette.
   A static scrim gives text a stable contrast floor. Hover never changes blur. */
[data-appearance=glass]{--ink:#20211d;--muted:#2e3029;--paper:transparent;--bg:transparent;--surface:rgba(255,253,247,.42);--surface-alt:rgba(255,253,247,.28);--line:rgba(49,48,40,.18);--control:#77786b;--accent:#34392a;--on-accent:#fffef8;--accent-soft:rgba(208,214,184,.48);--avatar-bg:rgba(237,235,220,.4);--green:#36522e;--green-soft:rgba(213,226,192,.5);--success:#36522e;--success-bg:rgba(213,226,192,.5);--blue:#34392a;--red:#863832;--red-bg:rgba(255,226,216,.6);--amber:#664b21;--amber-bg:rgba(245,231,198,.6);--glass-panel:rgba(255,253,247,.34);--glass-edge:rgba(255,255,249,.7);--glass-shadow:0 8px 28px rgba(31,27,18,.07),inset 0 1px 0 rgba(255,255,255,.8);--glass-blur:8px;--glass-solid:#f2f0e7;--glass-nav:rgba(247,244,233,.42);--glass-scrim:rgba(253,249,237,.43);--glass-selected:rgba(255,255,251,.54);--glass-button:#383d2e;--glass-button-text:#fffdf6;--glass-image-filter:saturate(.55)}
[data-appearance=glass][data-theme=dark]{--ink:#fffdf5;--muted:#f0eee3;--surface:rgba(30,29,25,.4);--surface-alt:rgba(30,29,25,.3);--line:rgba(247,244,227,.2);--control:#aba99a;--accent:#e5e5cf;--on-accent:#272920;--accent-soft:rgba(183,190,147,.19);--avatar-bg:rgba(231,232,208,.16);--green:#c8df9f;--green-soft:rgba(132,157,91,.2);--success:#c8df9f;--success-bg:rgba(132,157,91,.2);--blue:#e5e5cf;--red:#ffbeb0;--red-bg:rgba(105,43,35,.6);--amber:#f0d79d;--amber-bg:rgba(96,74,33,.6);--glass-panel:rgba(28,27,23,.32);--glass-edge:rgba(255,255,238,.34);--glass-shadow:0 8px 28px rgba(19,17,13,.1),inset 0 1px 0 rgba(255,255,238,.2);--glass-solid:#2c2d27;--glass-nav:rgba(27,27,23,.38);--glass-scrim:rgba(18,18,14,.48);--glass-selected:rgba(225,227,198,.16);--glass-button:#e3e5cf;--glass-button-text:#292d22;--glass-image-filter:saturate(.5)}
[data-appearance=glass] body{background:#aaa593;isolation:isolate}
[data-appearance=glass] body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('assets/sohl-lounge-glass.webp') center/cover no-repeat;filter:var(--glass-image-filter);pointer-events:none}
[data-appearance=glass] body::after{content:"";position:fixed;inset:0;z-index:-1;background:var(--glass-scrim);pointer-events:none}
[data-appearance=glass] .main,[data-appearance=glass] .shell{background:transparent}
[data-appearance=glass] .sidebar{background:var(--glass-nav);color:var(--ink);border-right:1px solid var(--glass-edge);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:none}
[data-appearance=glass] .sidebar .nav-btn{border:1px solid transparent;color:var(--ink);background:transparent}
[data-appearance=glass] .sidebar .nav-btn.active{background:var(--glass-selected);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);color:var(--ink)}
[data-appearance=glass] .sidebar .nav-btn:hover{border-color:var(--glass-edge)}
[data-appearance=glass] .nav-label,[data-appearance=glass] .brand>span,[data-appearance=glass] .user small{color:var(--muted)}
[data-appearance=glass] .user{border-color:var(--line)}
[data-appearance=glass] .sidebar .avatar,[data-appearance=glass] .nav-btn .count{background:var(--accent-soft);color:var(--ink)}
[data-appearance=glass] .sidebar button:focus-visible{outline-color:var(--accent)}
[data-appearance=glass] .topbar{background:var(--glass-nav);border-bottom:1px solid var(--glass-edge);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:none}
[data-appearance=glass] .page-title{padding:5px 0 0;background:none;border:0;box-shadow:none;backdrop-filter:none;margin-bottom:24px}
[data-appearance=glass] .page-title h1{font-weight:550;letter-spacing:-.9px;font-size:30px}
[data-appearance=glass] .panel,[data-appearance=glass] .metric,[data-appearance=glass] .day-summary,[data-appearance=glass] .record-main,[data-appearance=glass] .record-sidebar,[data-appearance=glass] .stage,[data-appearance=glass] .thread,[data-appearance=glass] .calendar-shell,[data-appearance=glass] .plan-controls,[data-appearance=glass] .directory-filters{background:var(--glass-panel);border:1px solid var(--glass-edge);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}
[data-appearance=glass] .panel .panel,[data-appearance=glass] .panel .thread,[data-appearance=glass] .panel .record-workflow{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
[data-appearance=glass] .metric-strip{border:0;box-shadow:none;background:transparent;gap:14px;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-appearance=glass] .metric{transition:none;border:1px solid var(--glass-edge)}
[data-appearance=glass] .metric:hover{background:var(--glass-panel);box-shadow:var(--glass-shadow);filter:none;transform:none}
[data-appearance=glass] .metric:hover .metric-name{text-decoration:underline;text-underline-offset:4px}
[data-appearance=glass] .metric-value{font-weight:550;letter-spacing:-1px}
[data-appearance=glass] .metric-track{background:var(--line)}
[data-appearance=glass] .day-summary{padding:14px 0;margin-bottom:20px}
[data-appearance=glass] .summary-item:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}
[data-appearance=glass] .activity-panel{background:var(--glass-panel)}
[data-appearance=glass] .activity-line{stroke-width:1.75}
[data-appearance=glass] .panel-head,[data-appearance=glass] .quick-head,[data-appearance=glass] .quick-identity,[data-appearance=glass] .quick-section,[data-appearance=glass] .quick-details,[data-appearance=glass] .queue-toolbar,[data-appearance=glass] .record-tabs,[data-appearance=glass] .thread-head,[data-appearance=glass] .thread-body,[data-appearance=glass] .calendar-toolbar{background:transparent}
[data-appearance=glass] .queue-table td{background:transparent}
[data-appearance=glass] .queue-table th{background:var(--glass-solid)}
[data-appearance=glass] .queue-table tr:hover,[data-appearance=glass] .queue-table tr:hover td{background:var(--surface-alt)}
[data-appearance=glass] .queue-table tr.selected,[data-appearance=glass] .queue-table tr.selected td,[data-appearance=glass] .queue-table tr.selected:hover td{background:var(--accent-soft)}
[data-appearance=glass] .template-card,[data-appearance=glass] .schedule-event,[data-appearance=glass] .deal{background:var(--surface-alt);border:1px solid var(--glass-edge);box-shadow:none}
[data-appearance=glass] .stage-head{background:transparent}
[data-appearance=glass] .btn:not(.primary):not(.danger),[data-appearance=glass] .segmented{background:var(--surface-alt);border-color:var(--line)}
[data-appearance=glass] .btn.primary{background:var(--glass-button);border-color:var(--glass-button);box-shadow:none;color:var(--glass-button-text)}
[data-appearance=glass] .btn.primary:hover{background:var(--glass-button);color:var(--glass-button-text);filter:none;text-decoration:underline;text-underline-offset:3px}
[data-appearance=glass] .btn:not(.primary):hover,[data-appearance=glass] .icon-btn:hover{background:var(--surface-alt);border-color:var(--control)}
[data-appearance=glass] .icon-btn{border:1px solid transparent}
[data-appearance=glass] .topbar .icon-btn{border-color:var(--line);background:transparent;box-shadow:none}
[data-appearance=glass] .row-preview{background:transparent;box-shadow:none}
[data-appearance=glass] input,[data-appearance=glass] select,[data-appearance=glass] textarea{background:var(--surface-alt);border-color:var(--control)}
[data-appearance=glass] select option{background:var(--glass-solid);color:var(--ink)}
[data-appearance=glass] .modal{background:var(--glass-solid);border:1px solid var(--glass-edge);box-shadow:0 24px 80px rgba(18,18,14,.28)}
[data-appearance=glass] .modal-backdrop{background:rgba(18,18,14,.45);backdrop-filter:none;-webkit-backdrop-filter:none}
[data-appearance=glass] .workspace-footer{color:var(--muted);background:var(--glass-panel);border-top:1px solid var(--glass-edge);padding:12px 22px;margin:26px 32px 0}
[data-appearance=glass] .directory-filters,[data-appearance=glass] .plan-controls{padding:14px;margin-bottom:18px}
[data-appearance=glass] .page-description,[data-appearance=glass] .calendar-filters,[data-appearance=glass] .note-privacy,[data-appearance=glass] .notification-heading{background:var(--glass-panel);padding:12px 16px;border:1px solid var(--glass-edge)}
[data-appearance=glass] .page-description{margin-top:0}
[data-appearance=glass] .calendar-block:not(.task):not(.training),[data-appearance=glass] .week-event:not(.task):not(.training),[data-appearance=glass] .calendar-block,[data-appearance=glass] .week-event{background:var(--accent-soft);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
[data-appearance=glass] .calendar-block.training,[data-appearance=glass] .week-event.training{background:var(--green-soft);color:var(--green)}
[data-appearance=glass] .month-cell,[data-appearance=glass] .week-track{background:transparent}
[data-appearance=glass] .bubble.out{background:var(--accent-soft);color:var(--ink)}
[data-appearance=glass] .sample-card{background:var(--glass-solid);color:var(--ink);border:1px solid var(--glass-edge)}
[data-appearance=glass] .sample-card b{color:var(--muted)}
[data-appearance=glass] .settings-v6 .panel{background:var(--glass-panel)}
.appearance-choice:hover{border-color:var(--green)}
/* A stable, opaque alternative is available without changing the wallpaper. */
[data-appearance=glass][data-reduce-transparency=true]{--glass-panel:var(--glass-solid);--glass-nav:var(--glass-solid);--surface:var(--glass-solid);--surface-alt:var(--glass-solid);--glass-blur:0px}
@media(prefers-reduced-transparency:reduce){[data-appearance=glass]{--glass-panel:var(--glass-solid);--glass-nav:var(--glass-solid);--surface:var(--glass-solid);--surface-alt:var(--glass-solid);--glass-blur:0px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-appearance=glass]{--glass-panel:var(--glass-solid);--glass-nav:var(--glass-solid);--surface:var(--glass-solid);--surface-alt:var(--glass-solid)}}
@media(prefers-reduced-motion:reduce){.metric{transition:none}}
@media(prefers-contrast:more){[data-appearance=glass]{--glass-panel:var(--glass-solid);--glass-nav:var(--glass-solid);--surface:var(--glass-solid);--surface-alt:var(--glass-solid);--glass-blur:0px}}
@media(max-width:900px){.activity-top{padding:16px 17px 0}.activity-footer{padding:10px 17px 15px;gap:12px}[data-appearance=glass] .workspace-footer{margin-left:20px;margin-right:20px}}
@media(max-width:680px){.activity-top{display:block}.activity-controls{margin:11px 0 0;justify-content:space-between}.activity-top p>span{display:block;margin:3px 0 0}.activity-chart{padding:10px 12px 0;overflow:hidden}.activity-chart svg{height:112px}.chart-label{font-size:25px}.activity-footer{flex-wrap:wrap;gap:8px 12px}.activity-footer details{margin:0;width:100%;max-width:none}.activity-footer summary{text-align:left}.chart-data{min-width:0}.appearance-options{gap:8px}.appearance-choice small{font-size:10px}[data-appearance=glass] .workspace-footer{margin:18px 14px 0;padding:12px}[data-appearance=glass] .directory-filters{padding:11px}.activity-panel{margin-bottom:18px}[data-appearance=glass] .metric-strip{gap:10px}[data-appearance=glass] .metric:first-child{border:1px solid var(--glass-edge)}}
