/* Happy Medium — shared web glass controls, based on the approved calendar preview.
   Content cards, media, messages and status indicators keep their own surfaces. */
:root{--hm-control-ease:cubic-bezier(.2,.8,.2,1);--hm-control-edge:inset 0 1px 1px #ffffffed,inset 1px 0 1px #ffffffa6,inset 0 -1px 2px #73819a38;--hm-control-shadow:0 2px 5px #26334416,0 6px 16px #26334409;--hm-control-surface:#fbfcfd;--hm-control-selected:#fff;--hm-control-blur:none;--hm-control-border:#c9d0d8;--hm-control-track:#e7e9e9}
@supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){
 :root{--hm-control-surface:radial-gradient(ellipse at var(--glass-x,28%) var(--glass-y,0%),#ffffffed,transparent 80%),linear-gradient(155deg,#ffffffe0,#eef2f4bd);--hm-control-selected:radial-gradient(ellipse at var(--glass-x,25%) 0%,#fffffff0,transparent 75%),linear-gradient(160deg,#ffffffe0,#eff5f7a8);--hm-control-blur:blur(10px) saturate(1.25)}
}
/* Buttons share a material, while their existing dimensions and labels stay intact. */
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.btn,.icon-button,.notification-bell,.notification-close,.notification-mark,.close,.swipe-more,.taskboard-more,.hm-card-menu,.calendar-day-add,.watch-playback button,.chat-launcher,.chat-toggle,.mobile-navigation-toggle,.mobile-navigation-close,.account-profile,.review-precision-toggle,.review-file-arrow,.review-file-switcher,.review-folder-link,.tour-top button,.tour-controls button,.tour-journey button,.overflow-menu>summary,.project-actions>summary,.taskboard-filters>summary):not(.danger):not(.primary):not(.dark):not(.chat-launcher):not(.chat-toggle):not(.review-play-button){background:var(--hm-control-surface)!important;border-color:var(--hm-control-border)!important;color:#293242!important;box-shadow:var(--hm-control-edge),0 2px 5px #26334412!important;backdrop-filter:var(--hm-control-blur)!important;-webkit-backdrop-filter:var(--hm-control-blur)!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.btn.primary,.chat-launcher,.chat-toggle,.review-play-button):not(.danger){background:linear-gradient(160deg,#345fe3,#2048bd)!important;border-color:#274fca!important;color:#fff!important;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -1px 1px #102d8140,0 3px 8px #274fc421!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .btn.dark{background:linear-gradient(155deg,#454a52,#282d35)!important;color:white!important;border-color:#454c57!important;box-shadow:inset 0 1px 1px #ffffff5c,0 2px 5px #26334420!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .btn.danger{background:linear-gradient(155deg,#af3434,#902525)!important;border-color:#922828!important;color:#fff!important;box-shadow:inset 0 1px 1px #ffffff59,0 2px 5px #90252520!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.btn,.icon-button,.notification-bell,.notification-close,.notification-mark,.close,.swipe-more,.taskboard-more,.hm-card-menu,.calendar-day-add,.watch-playback button,.chat-launcher,.chat-toggle,.mobile-navigation-toggle,.mobile-navigation-close,.account-profile,.review-precision-toggle,.review-file-arrow,.review-file-switcher,.review-folder-link,.tour-top button,.tour-controls button,.tour-journey button,.overflow-menu>summary,.project-actions>summary,.taskboard-filters>summary):hover:not(:disabled){filter:brightness(.98)}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.btn,.icon-button,.notification-bell,.notification-close,.notification-mark,.close,.swipe-more,.taskboard-more,.hm-card-menu,.calendar-day-add,.watch-playback button,.chat-launcher,.chat-toggle,.mobile-navigation-toggle,.mobile-navigation-close,.account-profile,.review-precision-toggle,.review-file-arrow,.review-file-switcher,.review-folder-link,.tour-top button,.tour-controls button,.tour-journey button,.overflow-menu>summary,.project-actions>summary,.taskboard-filters>summary):disabled{opacity:.5;box-shadow:none!important;filter:none;transform:none!important;cursor:not-allowed}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(button,summary,a.btn):focus-visible{outline:3px solid #2455c5!important;outline-offset:3px}
/* One moving lens per mutually exclusive selection group. */
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]{position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:nowrap;gap:2px;padding:4px;background:var(--hm-control-track)!important;border:1px solid #cfd4d8!important;border-radius:999px;box-shadow:inset 0 1px 3px #2733440d!important;max-width:100%;overflow-x:auto;scrollbar-width:thin;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]::before{content:'';position:absolute;z-index:0;top:0;left:0;box-sizing:border-box;pointer-events:none;width:var(--segment-width,0);height:var(--segment-height,0);background:var(--hm-control-selected)!important;border:1px solid #ffffffed!important;border-radius:999px;box-shadow:var(--hm-control-edge),var(--hm-control-shadow)!important;backdrop-filter:var(--hm-control-blur)!important;-webkit-backdrop-filter:var(--hm-control-blur)!important;transition:transform .38s var(--hm-control-ease),width .38s var(--hm-control-ease),height .25s var(--hm-control-ease);transform:translate(var(--segment-x,4px),var(--segment-y,4px))}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]>button:not(.danger):not(.dark):not(.primary),:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]>button:is(.active,.is-selected,[aria-pressed="true"],[aria-selected="true"]):not(.danger):not(.dark):not(.primary){position:relative;z-index:1;flex:0 0 auto;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#505866!important;filter:none!important;transform:none!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]>button:is(.active,.is-selected,[aria-pressed="true"],[aria-selected="true"]):not(.danger):not(.dark):not(.primary){color:#162c50!important;font-weight:750}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]>button:focus-visible{outline:2px solid #2455c5!important;outline-offset:-3px}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]:not([data-glass-ready])::before{transition:none!important}
@supports (backdrop-filter:url('#workroom-glass-lens')) and (not (-webkit-touch-callout:none)){
 :is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]::before{backdrop-filter:var(--glass-lens,none) blur(3px) saturate(1.35)!important}
}
/* Workspace navigation and compact selectors have older, more specific rules. */
.shell #workspace-navigation{background:var(--hm-control-track)!important;border-radius:999px}
.shell #workspace-navigation::before{background:var(--hm-control-selected)!important;box-shadow:var(--hm-control-edge),var(--hm-control-shadow)!important;backdrop-filter:var(--hm-control-blur)!important;-webkit-backdrop-filter:var(--hm-control-blur)!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.pipeline-workspace-tabs,.pipeline-format-tabs,.library-client-tabs,.library-view-picker,.notification-filters)[data-glass-segments]{width:fit-content}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.library-view-picker,.notification-filters)[data-glass-segments]>button{min-width:0;padding-inline:12px}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .chat-presence-strip[data-glass-segments]{margin:10px 14px 0;max-width:calc(100% - 28px);padding:4px;flex:none}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .chat-presence-strip[data-glass-segments]>button{min-height:36px;min-width:0;padding:6px 10px}
/* List navigation retains its vertical layout; selected rows use the same lens material. */
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.mail-folder-button,.dock-link,.sidebar .nav){transition:background .2s var(--hm-control-ease),box-shadow .2s var(--hm-control-ease)}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.mail-folder-button,.dock-link,.sidebar .nav):is(.active,.selected-client,[aria-current=page]),:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .dock-client-picker[open]>summary.dock-link{background:var(--hm-control-selected)!important;color:#162c50!important;border-color:#ffffffd9!important;box-shadow:var(--hm-control-edge),var(--hm-control-shadow)!important;backdrop-filter:var(--hm-control-blur)!important;-webkit-backdrop-filter:var(--hm-control-blur)!important}
/* Native switches and range thumbs remain native inputs with unchanged hit areas. */
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .workroom-switch{background:#b3bbc5!important;border-color:#8995a4!important;box-shadow:inset 0 1px 3px #26334426!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .workroom-switch:is(:checked,[aria-checked=true]){background:#2859df!important;border-color:#214cbf!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) .workroom-switch::after{background:var(--hm-control-selected)!important;border:1px solid white!important;box-shadow:var(--hm-control-edge),0 2px 4px #26334435!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) input[type=range]:not(.review-scrubber){accent-color:#2859df}
/* Menu entries are quiet until hovered/focused; they are actions in a list. */
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.overflow-menu-items,.project-actions-menu,.dock-client-popover,.client-view-popover) .btn:not(.danger):not(.primary):not(.dark){background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.overflow-menu-items,.project-actions-menu,.dock-client-popover,.client-view-popover) .btn:not(.danger):not(.primary):not(.dark):is(:hover,:focus-visible){background:var(--hm-control-surface)!important;box-shadow:var(--hm-control-edge)!important}
@media(pointer:coarse){:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]>button{min-height:44px}}
@media(prefers-reduced-motion:reduce){:is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is([data-glass-segments]::before,.btn,.workroom-switch,.workroom-switch::after,.dock-link,.mail-folder-button){transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 :root{--hm-control-surface:#fff;--hm-control-selected:#fff;--hm-control-blur:none;--hm-control-border:#667384;--hm-control-edge:inset 0 0 0 1px #667384;--hm-control-shadow:0 0 transparent}
 :is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]::before,.shell #workspace-navigation::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#667384!important}
}
html[data-opaque-controls]{--hm-control-surface:#fff;--hm-control-selected:#fff;--hm-control-blur:none;--hm-control-edge:inset 0 0 0 1px #667384;--hm-control-shadow:0 0 transparent}
html[data-opaque-controls] :is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(forced-colors:active){
 :root{--hm-control-surface:Canvas;--hm-control-selected:Canvas;--hm-control-blur:none}
 :is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]::before,.shell #workspace-navigation::before{background:Canvas!important;border:2px solid Highlight!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 :is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) :is(.btn,.icon-button,.notification-bell,.notification-close,.notification-mark,.close,.swipe-more,.taskboard-more,.hm-card-menu,.calendar-day-add,.watch-playback button,.chat-launcher,.chat-toggle,.mobile-navigation-toggle,.mobile-navigation-close,.account-profile,.review-precision-toggle,.review-file-arrow,.review-file-switcher,.review-folder-link,.tour-top button,.tour-controls button,.tour-journey button,.overflow-menu>summary,.project-actions>summary,.taskboard-filters>summary){forced-color-adjust:auto;box-shadow:none!important;filter:none!important}
 :is(.shell,#modal,.action-confirmation,.workspace-tour,.auth-stage.elastic-auth) [data-glass-segments]>button:is(.active,.is-selected,[aria-pressed="true"],[aria-selected="true"]){color:Highlight!important}
}
/* Native dropdowns and standalone dialog closes are part of the same control set. */
:is(.shell,#modal,.action-confirmation) select{background-color:#fbfcfd!important;background-image:linear-gradient(155deg,#fffffff0,#eef2f4bd)!important;color:#293242!important;border-color:var(--hm-control-border)!important;box-shadow:var(--hm-control-edge)!important}
.auth-stage.elastic-auth #auth-form .btn.primary{background:linear-gradient(160deg,#345fe3,#2048bd)!important;border:1px solid #274fca!important;color:#fff!important;box-shadow:inset 0 1px 1px #ffffff73,0 3px 8px #274fc421!important}
.auth-stage.elastic-auth .auth-actions .btn{background:transparent!important;border-color:transparent!important;color:#deded9!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.shell,#modal) .watch-tabs .watch-pill.active{background:var(--hm-control-selected);color:#162c50;box-shadow:var(--hm-control-edge),var(--hm-control-shadow)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:is(.shell,#modal,.action-confirmation) select{background:#fff!important}}
html[data-opaque-controls] :is(.shell,#modal,.action-confirmation) select{background:#fff!important}