/* Release 41 — one moving glass surface per control, quieter content chrome. */
:root{--fluid-ease:cubic-bezier(.2,.9,.22,1.12)}
.topbar{background:linear-gradient(135deg,#ffffffa6,#ecf2f54d);border:1px solid #ffffffbd;box-shadow:inset 0 1.3px 1px #fff,inset 0 -1px 1px #566b8a33,0 6px 24px #1c365510;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);isolation:isolate}
.topbar::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #ffffff80;box-shadow:inset 2px 2px 3px #fff9,inset -2px -2px 3px #7088a62b;background:radial-gradient(ellipse at var(--glass-x,20%) 0%,#ffffff7d,transparent 50%);z-index:-1}
.btn:not(.ghost):not(.primary):not(.dark){background:linear-gradient(155deg,#ffffffb0,#f4f7fb70);border-color:#c6d2df85;box-shadow:inset 0 1px #ffffffe8,0 1px 3px #28415c0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#3a4a5f}
.btn:not(.ghost):hover:not(.primary):not(.dark){background:#ffffffce;box-shadow:inset 0 1px #fff,0 3px 10px #28415c14}
[data-glass-segments]{display:inline-flex;align-items:center;gap:2px;position:relative;isolation:isolate;border-radius:999px;padding:4px;background:#bdcbdc30;border:1px solid #aebdd028;box-shadow:inset 0 1px 3px #2a42640a;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:100%;overflow-x:auto;scrollbar-width:none}
[data-glass-segments]::-webkit-scrollbar{display:none}
[data-glass-segments]::before{z-index:-1;top:0;left:0;transform:translate(var(--segment-x,4px),var(--segment-y,4px));width:var(--segment-width,0);height:var(--segment-height,0);border-radius:999px;background:radial-gradient(ellipse at var(--glass-x,30%) 0%,#ffffffd6,transparent 76%),linear-gradient(160deg,#ffffff7a,#e5f1fc28);border:1px solid #fffffff0;box-shadow:inset 1.5px 1.5px 2px #fff,inset -1px -1.5px 2px #667c9636,0 2px 7px #23425f24;backdrop-filter:blur(7px) saturate(1.65);-webkit-backdrop-filter:blur(7px) saturate(1.65);transition:transform .42s var(--fluid-ease),width .42s var(--fluid-ease),height .3s ease;will-change:auto}
[data-glass-segments]>button,[data-glass-segments]>.btn,[data-glass-segments]>.tab{flex:0 0 auto;position:relative;z-index:1;min-height:36px;min-width:64px;padding:9px 17px;border:0!important;border-radius:999px;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;margin:0;color:#627087;font:500 12px/1.35 var(--sans,system-ui);transition:color .2s;white-space:nowrap}
[data-glass-segments]>button:is(.active,.is-selected,[aria-pressed=true],[aria-selected=true]){color:#174f85!important;font-weight:650}
[data-glass-segments]>button:hover{color:#213d5b;background:#ffffff20!important}
[data-glass-segments]>button:focus-visible{outline:2px solid #2988e1;outline-offset:-3px}
[data-glass-segments] small,[data-glass-segments] button>span:last-child:not(:first-child){font-variant-numeric:tabular-nums}
.visual-calendar-toolbar .tabs{width:fit-content;margin:0}.visual-calendar-toolbar .tabs:before{content:''}.visual-calendar-toolbar .tabs .tab{border-bottom:0}
.visual-calendar-toolbar{align-items:center;gap:16px}.visual-calendar-toolbar h2{min-width:150px;text-align:center}.visual-calendar-toolbar select{border:1px solid #c4d0df80;border-radius:12px;background:#ffffff90;padding:8px 11px;color:#475971}
.project-detail-tabs,.client-workspace .work-tabs{width:fit-content;margin-block:22px 26px}
/* Mail has a single reading surface, with dividers rather than nested cards. */
.content:has(.mail-workspace){padding-top:25px;padding-inline:24px}.content:has(.mail-workspace)>.heading-row{margin-bottom:20px}
.mail-workspace{grid-template-columns:158px minmax(240px,.8fr) minmax(340px,1.35fr);height:calc(100dvh - 230px);min-height:580px;border:1px solid #dce4ed8c;border-radius:18px;box-shadow:0 4px 20px #273e5405;background:#fff}
.mail-folders{background:#edf1f680;padding:20px 9px;border-right:1px solid #e2e8ee}.mail-message-pane{background:#fff}.mail-message-list{padding-inline:0}.mail-message{padding:17px 16px;border-radius:0!important;border-inline:0}.mail-message.is-selected{background:#eaf2fd;border-color:#dce8f5}.mail-reader{background:white;padding:0;border:0;box-shadow:none}.mail-reader-heading{padding:26px 28px 22px;border:0}.mail-reader-toolbar{padding:16px 24px;background:transparent;border-bottom:1px solid #edf0f4}.mail-reading-body{padding:0 28px 24px;background:#fff;border:0;box-shadow:none;border-radius:0;min-height:260px}.mail-reading-body iframe{display:block;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%;min-height:420px;background:#fff}.mail-reader-footer{margin:0;padding:16px 28px;border-top:1px solid #edf0f4;background:#fff}.mail-reader-empty{background:transparent}.mail-inbox-note{font-size:10px;color:#798798}
/* Real switches stay keyboard accessible and visibly labelled. */
.workroom-switch{appearance:none!important;-webkit-appearance:none!important;position:relative;width:44px!important;height:27px!important;border-radius:99px;border:1px solid #aebdcba8;background:#c6d0db;vertical-align:middle;cursor:pointer;transition:background .25s,box-shadow .25s;box-shadow:inset 0 1px 3px #273f6420;flex:none}
.workroom-switch::after{content:'';position:absolute;left:2px;top:2px;width:21px;height:21px;border-radius:50%;background:linear-gradient(155deg,#fff,#e7f1fbba);border:1px solid #fff;box-sizing:border-box;box-shadow:0 2px 5px #20385430,inset 0 -1px #b8c7d333;transition:transform .32s var(--fluid-ease)}
.workroom-switch:is(:checked,[aria-checked=true]){background:#1681e5;border-color:#1979c9}.workroom-switch:is(:checked,[aria-checked=true])::after{transform:translateX(17px)}.workroom-switch:focus-visible{outline:3px solid #0071e350;outline-offset:3px}.workroom-switch:disabled{opacity:.5;cursor:not-allowed}
.sound-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4eaf1;margin-top:26px;padding-top:22px}.sound-setting strong{display:block;font-size:14px}.sound-setting p{font-size:12px;color:#6e7d91;margin:6px 0 0}.install-card img{border-radius:22%;box-shadow:0 5px 18px #1b579b25}.install-steps li{padding-left:4px;line-height:1.7;margin-bottom:12px}.install-steps li::marker{color:#1779cd;font-weight:650}.install-tip{padding:14px 16px;background:#eff5fc;border-radius:13px;color:#51677f;font-size:12px;line-height:1.7}.install-platform{border-top:1px solid #e3eaf2;margin-top:26px;padding-top:24px}.app-settings .panel{padding:28px}.app-settings .button-row{flex-wrap:wrap}
@supports (backdrop-filter:url("#workroom-glass-lens")) and (not (-webkit-touch-callout:none)){
 .topbar{backdrop-filter:var(--glass-lens,url("#workroom-glass-lens")) blur(4px) saturate(1.45)}
 [data-glass-segments]::before{backdrop-filter:var(--glass-lens,url("#workroom-glass-lens")) blur(1.5px) saturate(1.65)}
}
@media(max-width:1180px){.mail-workspace{grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr)}.mail-reader-heading{padding:22px 20px}.mail-reading-body{padding:0 20px 24px}.mail-folder-button{font-size:11px}.mail-folder-accounts{margin-top:20px}}
@media(max-width:1000px){.mail-workspace{grid-template-columns:minmax(0,1fr)}.mail-reader{display:none}.mail-workspace.has-selection{grid-template-columns:minmax(0,1fr)}.mail-workspace.has-selection .mail-message-pane{display:none}.mail-workspace.has-selection .mail-reader{display:flex}.mail-reader-back{display:inline-flex!important}}
@media(max-width:760px){[data-glass-segments]>button,[data-glass-segments]>.btn{min-height:40px;padding-inline:14px}.project-detail-tabs{display:flex;width:100%}.project-detail-tabs>button{flex:1 0 auto;padding-inline:12px;font-size:11px}.visual-calendar-toolbar{align-items:flex-start}.visual-calendar-toolbar>.button-row:last-child{width:100%;justify-content:space-between}.visual-calendar-toolbar h2{font-size:18px;min-width:130px}.content:has(.mail-workspace){padding:20px 12px 90px}.mail-workspace,.mail-workspace.has-selection{display:flex;flex-direction:column;min-height:620px;height:calc(100dvh - 220px);border-radius:15px}.mail-folders{padding:12px;border:0;border-bottom:1px solid #e0e7ef}.mail-workspace.has-selection .mail-folders{display:none}.mail-message-pane{flex:1;min-height:0;border:0}.mail-reader{min-height:0;flex:1;overflow:auto}.mail-reader-heading{padding:20px 18px}.mail-reading-body{padding:0 16px 24px;min-height:220px}.mail-reader-toolbar{padding:12px 14px}.mail-reader-footer{padding:16px}.app-settings .panel{padding:22px}.sound-setting{gap:15px}}
@media(prefers-reduced-motion:reduce){[data-glass-segments]::before,.workroom-switch,.workroom-switch::after{transition:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.topbar{background:#f3f6fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.topbar::after{display:none}[data-glass-segments]{background:#e5ecf3;backdrop-filter:none}[data-glass-segments]::before{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.btn:not(.ghost):not(.primary):not(.dark){background:#fff!important;backdrop-filter:none!important}.workroom-switch::after{background:#fff}}

[data-glass-segments]:not([data-glass-ready])::before{transition:none!important}
@media(prefers-reduced-motion:reduce){[data-glass-segments]::before{transform:translate(var(--segment-x,4px),var(--segment-y,4px))!important;transition:none!important}}