/* Happy Medium / Elastic. One material, control, and motion system for every workspace. */
:root{--hm-ink:#2e2c2a;--hm-bone:#f7f7f4;--hm-paper:#fdfdfb;--hm-mist:#efefec;--hm-line:#deded9;--hm-muted:#706e6a;--hm-spring:cubic-bezier(.2,.85,.2,1.12);--glass-control:var(--hm-paper);--glass-highlight:inset 0 0 transparent;--glass-shadow:0 0 transparent}
.shell,.client-mode{--purple:var(--hm-strong);--soft:var(--hm-mist);--accent:var(--hm-strong);--accent-soft:var(--hm-mist);--ink:var(--hm-ink);--muted:var(--hm-muted);--line:var(--hm-line)}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray){font-family:var(--sans);color:var(--hm-ink)}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) :is(button,input,select,textarea){font-family:var(--sans)}
:where(.shell,dialog,.workspace-tour) :is(h2,h3){font-family:var(--sans);letter-spacing:-.035em}
:where(.shell,dialog,.workspace-tour) :is(button,a,summary,input,textarea,select):focus-visible{outline:2px solid var(--hm-muted);outline-offset:3px}
:where(.shell,dialog,.workspace-tour) :is(input[type=checkbox],input[type=range]){accent-color:var(--hm-strong)}
.shell .topbar{background:var(--hm-bone)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.shell .topbar::after{display:none}
/* Tactile controls: all click feedback is local; inputs never move. */
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn{font-size:12px;font-weight:650;letter-spacing:-.015em;border-radius:12px;transition:background .16s,color .16s,border-color .16s,transform .22s var(--hm-spring)}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn:not(.ghost){background:var(--hm-paper)!important;border-color:var(--hm-line);color:var(--hm-ink);box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn:is(.primary,.dark):not(.danger){background:var(--hm-ink)!important;border-color:var(--hm-ink)!important;color:#f4f4ec!important;box-shadow:none!important}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn.ghost{color:var(--hm-muted);background:transparent;box-shadow:none;backdrop-filter:none}
:where(.shell,dialog,.workspace-tour,.chat-dock,.upload-tray) .btn.danger{color:#a72f2f;background:#fff1ee!important;border-color:#edc9c2}
:where(.shell,dialog) .btn:disabled{opacity:.5;transform:none!important;cursor:not-allowed}
.hm-icon{flex:none;vertical-align:middle}.btn .hm-icon{width:18px;height:18px;transition:transform .3s var(--hm-spring)}
@media(hover:hover){
 :where(.shell,dialog,.workspace-tour) .btn:not(:disabled):hover{background:var(--hm-mist)!important;border-color:var(--hm-dim);transform:translateY(-1px)}
 :where(.shell,dialog,.workspace-tour) .btn:is(.primary,.dark):not(.danger):hover{background:#414d3f!important;color:#fff!important}
 :where(.shell,dialog) .btn:hover .hm-icon{transform:rotate(-6deg)}
}
:where(.shell,dialog,.workspace-tour) .btn:active:not(:disabled){transform:scale(.97)!important}
/* Shared forms, including those rendered outside the main application shell. */
:where(.shell,dialog,.chat-dock) :is(.field input,.field select,.field textarea,.search input,.todo-search input,.mail-search-field input){background:var(--hm-paper);border:1px solid var(--hm-line);border-radius:12px;color:var(--hm-ink);box-shadow:none;font-size:14px;line-height:1.5}
:where(.shell,dialog) .field{color:var(--hm-strong);font-size:12px;line-height:1.5;font-weight:650}
:where(.shell,dialog) :is(input,textarea)::placeholder{color:var(--hm-muted);opacity:1}
:where(.shell,dialog) :is(.info-callout,.preview-note,.inbox-preview-note){background:var(--hm-bone);border-color:var(--hm-line);color:var(--hm-strong);border-radius:14px}
:where(.shell,dialog) .quiet-link{color:var(--hm-strong);text-underline-offset:3px}
:where(.shell,dialog) :is(.tiny,.subtitle){line-height:1.6}
/* The sliding selection remains keyboard accessible, without optical blur. */
:where(.shell,dialog) [data-glass-segments]{background:var(--hm-mist);border:1px solid var(--hm-line);box-shadow:none;backdrop-filter:none}
:where(.shell,dialog) [data-glass-segments]::before{background:var(--hm-line)!important;border-color:var(--hm-edge);box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform .3s var(--hm-spring),width .3s var(--hm-spring),height .2s}
:where(.shell,dialog) [data-glass-segments]>button{color:var(--hm-muted);font-weight:600}
:where(.shell,dialog) [data-glass-segments]>button:is(.active,.is-selected,[aria-pressed=true],[aria-selected=true]){color:var(--hm-ink)!important;font-weight:750}
:where(.shell,dialog) :is(.filter,.tab,.work-tab,.content-category).active{background:var(--hm-mist);color:var(--hm-strong);box-shadow:none;backdrop-filter:none!important}
/* Dialogs and transient surfaces feel like pieces of the same world. */
dialog#modal,dialog.action-confirmation{background:var(--hm-paper);color:var(--hm-ink);border:1px solid var(--hm-line);border-radius:25px;box-shadow:0 24px 85px #2e2c2a30;backdrop-filter:none;-webkit-backdrop-filter:none}
dialog::backdrop{background:#2e2c2a65;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#modal .modal-head{background:var(--hm-paper);border-bottom:1px solid var(--hm-mist);padding-block:23px}
#modal .modal-head h2{font:800 24px/1.2 var(--sans);letter-spacing:-1px}
#modal .modal-head h2::before{content:'';display:inline-block;width:10px;height:20px;margin-right:12px;background:var(--hm-edge);border-radius:10px;vertical-align:-2px;transform:rotate(-18deg)}
#modal .modal-footer{background:var(--hm-bone);border-color:var(--hm-line)}
:where(#modal,.shell) .close,.notification-close{border-radius:50%;background:var(--hm-mist);color:var(--hm-strong);border:0;box-shadow:none}
.action-confirmation h2{font:750 25px/1.2 var(--sans);letter-spacing:-.9px}.action-confirmation p{font:400 14px/1.65 var(--sans);color:var(--hm-muted)}
.confirmation-actions button{font:650 13px var(--sans);background:var(--hm-mist);color:var(--hm-strong);border-color:var(--hm-line);border-radius:12px}
.confirmation-actions .confirmation-accept{background:#b34036;color:#fff}.confirmation-actions .is-archive{background:#88652e;color:#fff}
.confirmation-symbol{border-radius:50%;background:#f2e4df;color:#a33e36}.confirmation-symbol.is-archive{background:#eee7d7;color:#866432}
.notification-panel,.overflow-menu-items,.client-view-popover,.dock-client-popover,.chat-drawer,.upload-tray{background:var(--hm-paper)!important;color:var(--hm-ink);border:1px solid var(--hm-line);border-radius:20px;box-shadow:0 16px 50px #2e2c2a24!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.notification-heading,.chat-drawer-head{background:var(--hm-bone);border-color:var(--hm-line)}
.notification-heading h2,.chat-drawer-head h2{font-family:var(--sans);letter-spacing:-.04em}
.notification-toolbar,.notification-footer{border-color:var(--hm-line);background:var(--hm-bone)}
.notification-bell{background:var(--hm-mist);color:var(--hm-strong);border:1px solid var(--hm-line);box-shadow:none;backdrop-filter:none}
.notification-symbol,.notification-symbol.is-approved{background:#dfe8d9;color:#3c5831;border-radius:50%}
.notification-row,.notification-swipe .swipe-content{background:var(--hm-paper)}.notification-row.is-unread{background:var(--hm-bone)}
.notification-item-title{color:var(--hm-strong)}.notification-copy,.notification-empty{color:var(--hm-muted)}
.notification-count,.notification-unread-dot,.day-update-count{background:var(--hm-strong)}
:where(.overflow-menu-items,.client-view-popover,.dock-client-popover) :is(button,a){font-family:var(--sans);color:var(--hm-strong);border-radius:10px;box-shadow:none;backdrop-filter:none}
:where(.overflow-menu-items,.client-view-popover,.dock-client-popover) :is(button,a):hover{background:var(--hm-mist)}
.overflow-menu>summary{background:var(--hm-bone);border:1px solid var(--hm-mist);box-shadow:none;color:var(--hm-strong);backdrop-filter:none!important}
#toast{background:var(--hm-ink);color:var(--hm-bone);border:1px solid var(--hm-muted);border-radius:16px;font:600 13px/1.5 var(--sans);box-shadow:0 8px 30px #2e2c2a25}
/* Workspace surfaces: understated borders, generous corners, clear hierarchy. */
.shell :is(.panel,.card,.todo-panel,.work-client-card,.work-shoot-card,.social-account-card,.dash-metric,.dash-account,.profile-details,.profile-team,.conversation-full-list,.chat-panel,.review-tool-card,.content-review-aside,.review-notes,.workspace-section){background:var(--hm-paper);border-color:var(--hm-line);border-radius:22px;box-shadow:none;backdrop-filter:none}
.shell :is(.todo-group-toggle,.todo-workspace-bar,.todo-toolbar,.taskboard-toolbar,.workspace-header,.social-metric-heading,.performance-summary-bar,.content-library-toolbar){border-color:var(--hm-line);color:var(--hm-strong)}
.shell :is(.todo-group-count,.calendar-day-count,.approval-count){background:var(--hm-mist);color:var(--hm-strong);border-radius:30px}
.shell :is(.todo-title,.work-client-title,.work-shoot-title,.idea-title){font-family:var(--sans);letter-spacing:-.035em;color:var(--hm-ink)}
.shell :is(.todo-group-toggle,.taskboard-row,.work-deliverable-row,.work-idea-row,.access-row,.profile-person){border-color:var(--hm-mist)}
.shell :is(.work-brand-fallback,.content-file-glyph,.reference-link-icon,.empty-orbit){background:var(--hm-mist);color:var(--hm-muted);box-shadow:none;border-radius:22px}
.shell .work-brand-fallback{font-family:var(--sans);font-weight:800;letter-spacing:-.06em}
.shell :is(.work-card-stats,.work-card-footer,.work-shoot-meta){border-color:var(--hm-line);color:var(--hm-muted)}
.shell :is(.profile-icon-option,.profile-collection-card){border-color:var(--hm-mist);box-shadow:none}
.shell :is(.profile-icon-option,.profile-collection-card).selected{background:var(--hm-mist);border-color:var(--hm-muted)}
.shell :is(.brain-column,.brain-card,.pipeline-slide,.pipeline-stage-control){box-shadow:none;backdrop-filter:none}
.shell .brain-card:hover{border-color:var(--hm-edge);box-shadow:0 3px 0 var(--hm-line)}
.shell .pipeline-slide-number{background:var(--hm-ink);color:var(--hm-bone);border-radius:50%}
.shell :is(.brain-empty,.work-empty,.day-dialog-empty,.mail-reader-empty,.chat-empty){color:var(--hm-muted)}
.shell .empty h3{font-family:var(--sans);font-size:20px;font-weight:750;letter-spacing:-.045em;color:var(--hm-strong)}
.shell .empty p{color:var(--hm-muted);line-height:1.7}
.shell .empty>.hm-icon{transform:rotate(-7deg);background:var(--hm-mist);color:var(--hm-muted)}
/* Calendar and performance keep real status and client colors. */
.shell .visual-calendar{background:var(--hm-paper);border-color:var(--hm-line);border-radius:22px;box-shadow:none}
.shell .visual-calendar-toolbar{background:var(--hm-bone);border-color:var(--hm-line)}
.shell .visual-weekdays{background:var(--hm-bone);color:var(--hm-muted)}
.shell .visual-day{background:var(--hm-paper);border-color:var(--hm-mist)}
.shell .visual-day.is-today{background:var(--hm-bone)}.shell .visual-day.is-today .calendar-day-header>span{background:var(--hm-strong);color:var(--hm-bone);border-radius:30px}
.shell .calendar-day-add{background:var(--hm-mist);color:var(--hm-strong);border-radius:50%}
.shell .calendar-agenda{border-color:var(--hm-line);background:var(--hm-paper)}
.shell .performance-workspace-header{background:var(--hm-bone);border-color:var(--hm-line);border-radius:22px}
.shell .social-account-metrics strong,.shell .dash-metric strong{font-family:var(--sans);letter-spacing:-.06em;color:var(--hm-strong)}
.shell .dash-social-empty{background:var(--hm-bone);color:var(--hm-muted);border-radius:20px}
/* Inbox, conversations, and review: quiet reading spaces with branded controls. */
.shell :is(.mail-workspace,.inbox-workspace,.mail-reader,.mail-message-pane,.chat-page){background:var(--hm-paper);border-color:var(--hm-line);box-shadow:none}
.shell .mail-folders{background:var(--hm-bone);border-color:var(--hm-line)}
.shell :is(.mail-folder.active,.chat-thread.active,.chat-thread.is-active){background:var(--hm-mist);color:var(--hm-strong)}
.shell :is(.mail-reader-toolbar,.mail-reader-heading,.mail-reader-footer,.chat-composer,.chat-compose-footer,.chat-audience-note){background:var(--hm-bone);border-color:var(--hm-line);color:var(--hm-muted)}
.shell .mail-sender-avatar{background:var(--hm-mist);color:var(--hm-strong);border-radius:14px}
.shell .mail-unread-dot{background:var(--hm-muted)}
.chat-launcher,.chat-toggle{background:var(--hm-ink)!important;color:var(--hm-bone)!important;border:1px solid var(--hm-strong);box-shadow:0 6px 18px #2e2c2a22!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.shell .review-tool-symbol{background:var(--hm-mist);color:var(--hm-muted);border-radius:50%}
.shell :is(.review-caption-block,.review-thumbnail-block,.vo-ready,.vo-playback,.vo-take,.vo-context,.vo-writing-surface){background:var(--hm-bone);border-color:var(--hm-line);border-radius:18px}
.shell .review-transport [data-player=play]{background:var(--hm-ink)!important;color:var(--hm-bone)!important}
.shell .timeline-playhead{background:var(--hm-bone);box-shadow:0 0 0 1px var(--hm-muted)}.shell .timeline-playhead::before{background:var(--hm-mist);border-color:var(--hm-paper);box-shadow:none}
.shell .review-scrubber:focus-visible{outline-color:var(--hm-dim)}
.shell .vo-success-symbol{background:#e2ebd9;color:#4b673b}.shell .vo-step-label{color:var(--hm-muted)}
/* Uploads and loading have their own elastic capsule motif. */
.file-dropzone,.dropzone{background:var(--hm-bone);border-color:var(--hm-edge);border-radius:20px;color:var(--hm-strong);box-shadow:none;transition:background .2s,border-color .2s}
.file-dropzone:hover,.file-dropzone.drag-over,.dropzone.drag-over{background:var(--hm-mist);border-color:var(--hm-muted)}
.file-drop-icon{background:var(--hm-mist);color:var(--hm-strong);border-radius:50%;transition:transform .3s var(--hm-spring)}
.file-dropzone:hover .file-drop-icon{transform:translateY(-3px) rotate(-7deg)}
.file-dropzone :is(small,.file-drop-instruction){color:var(--hm-muted)}.file-dropzone.has-files{border-color:var(--hm-muted);background:var(--hm-bone)}
.media-placeholder{background:var(--hm-bone);color:var(--hm-muted)}
.media-loader{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;width:38px;height:30px;transform:none;animation:none!important}
.media-loader i{position:static;display:block;width:7px;height:22px;border-radius:8px;background:currentColor;opacity:.65;transform:none;animation:none}
.media-loader i:nth-child(2){height:12px}.media-loader i:nth-child(3){height:17px}
.is-loading .media-loader i{animation:hm-bars 1.2s ease-in-out infinite;animation-delay:calc(var(--spoke)*.13s)}
.preview-failed .media-loader i{animation:none!important}.preview-ready .media-loader{display:none}
.motion-completion{display:flex;align-items:center;gap:12px;background:var(--hm-ink)!important;border:1px solid var(--hm-muted);border-radius:20px!important;color:var(--hm-bone)!important;box-shadow:0 10px 30px #2e2c2a24;padding:14px 20px!important;min-width:0!important;width:auto!important;font:650 14px var(--sans)}
.hm-complete-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--hm-line);border-radius:50%;color:var(--hm-strong);animation:hm-stamp .45s var(--hm-spring)}
.hm-complete-mark svg{width:23px;height:23px}.hm-complete-mark path{stroke-dasharray:24;stroke-dashoffset:0;animation:hm-check .4s ease-out}
.workspace-tour{color:var(--hm-ink)}.workspace-tour :is(.tour-card,.tour-top,.tour-footer){background:var(--hm-paper);border-color:var(--hm-line)}
.workspace-tour .tour-next{background:var(--hm-ink)!important;color:var(--hm-bone)!important;border-radius:12px;box-shadow:none}.workspace-tour .tour-progress span.active{background:var(--hm-muted)}
/* Entrance motion happens once when a surface opens; no continuous page animation. */
dialog[open],dialog.action-confirmation[open],.notification-panel,.chat-drawer,.overflow-menu[open]>.overflow-menu-items,.client-view-picker[open]>.client-view-popover,.dock-client-picker[open]>.dock-client-popover{animation:hm-surface-in .23s var(--hm-spring)}
@keyframes hm-surface-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hm-bars{0%,100%{transform:scaleY(.7);opacity:.45}50%{transform:scaleY(1.15);opacity:1}}
@keyframes hm-stamp{from{transform:scale(.7) rotate(-20deg)}to{transform:scale(1) rotate(0)}}
@keyframes hm-check{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media(max-width:760px){:where(.shell,dialog) .btn:not(.small){min-height:44px}:where(.shell,dialog) :is(input,select,textarea){font-size:16px!important}#modal .modal-head h2{font-size:22px}#modal .modal-head{padding-block:19px}.shell :is(.panel,.todo-panel,.visual-calendar,.social-account-card){border-radius:18px}}
@media(prefers-reduced-motion:reduce){dialog[open],.notification-panel,.chat-drawer,.overflow-menu-items,.client-view-popover,.dock-client-popover,.media-loader i,.hm-complete-mark,.hm-complete-mark path{animation:none!important}:where(.shell,dialog,.workspace-tour) .btn,.btn .hm-icon,.file-drop-icon{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:where(.shell,dialog) :is(.btn,input,select,textarea){border-color:var(--hm-muted)}:where(.shell,dialog) :is(.tiny,.subtitle){color:var(--hm-strong)}}
/* Specialty controls that do not use the shared button class. */
.shell .pipeline-format-tabs{background:var(--hm-mist);border:1px solid var(--hm-line);box-shadow:none;backdrop-filter:none;border-radius:16px}
.shell .pipeline-format-tabs button{color:var(--hm-muted);font-family:var(--sans);border-radius:11px;transition:background .2s,color .2s}
.shell .pipeline-format-tabs button[aria-pressed=true]{background:var(--hm-ink);color:var(--hm-bone);box-shadow:none}
#modal .pipeline-type-picker label{background:var(--hm-bone);border-color:var(--hm-mist);box-shadow:none;transition:background .2s,transform .25s var(--hm-spring)}
#modal .pipeline-type-picker label:has(input:checked){background:var(--hm-mist);border-color:var(--hm-muted);box-shadow:none}
#modal .pipeline-type-picker label:has(input:focus-visible){outline:2px solid var(--hm-muted);outline-offset:3px}
#modal .pipeline-type-art{background:var(--hm-ink);color:var(--hm-bone);border-radius:50%;box-shadow:none}
#modal .pipeline-type-art.email{border-radius:16px;background:var(--hm-muted)}#modal .pipeline-type-art.gallery{background:var(--hm-edge);color:var(--hm-strong)}#modal .pipeline-type-art.image{border-radius:17px;background:var(--hm-line);color:var(--hm-strong)}
#modal .pipeline-type-picker label:hover .pipeline-type-art{transform:rotate(-6deg)}
#modal .pipeline-type-art{transition:transform .3s var(--hm-spring)}
#modal .pipeline-type-picker i{background:var(--hm-strong);font-family:var(--sans)}
#modal .pipeline-create-footer{background:var(--hm-bone);border-color:var(--hm-mist)}#modal .pipeline-create-footer p{color:var(--hm-muted)}
#modal .task-type-choice input:checked+span{background:var(--hm-mist);border-color:var(--hm-muted);color:var(--hm-strong);box-shadow:none}
.shell .brain-toolbar :is(input,select){background:var(--hm-paper);border:1px solid var(--hm-line);border-radius:12px;color:var(--hm-strong)}
.shell .brain-heading>div>p{color:var(--hm-muted)}.shell .brain-empty{color:var(--hm-muted);border-color:var(--hm-line)}
.shell .visual-day.today{background:var(--hm-bone)}.shell .visual-day.today .day-num{background:var(--hm-strong);color:var(--hm-bone);border-radius:50%;box-shadow:none}
.shell .visual-calendar-toolbar .tabs{background:var(--hm-mist);box-shadow:none}
.shell .mail-folder-button{color:var(--hm-strong)}.shell .mail-folder-button.active{background:var(--hm-mist);color:var(--hm-strong);box-shadow:none}
.shell .mail-folder-button small{color:var(--hm-muted)}
.shell .mail-reader-empty>span,.shell .mail-reader-empty>svg,.shell .mail-empty-icon{background:var(--hm-mist);color:var(--hm-muted);box-shadow:none;border-radius:24px}
.shell .mail-reader-empty h2{color:var(--hm-strong)}.shell .mail-search-field{background:var(--hm-bone);border-color:var(--hm-line);box-shadow:none}
.shell .mail-search-field input{background:transparent;border:0}
.shell .workroom-switch{background:var(--hm-line);box-shadow:none;border-color:var(--hm-line)}.shell .workroom-switch:checked,.shell .workroom-switch[aria-checked=true]{background:var(--hm-muted);border-color:var(--hm-muted);box-shadow:none}
.shell .workroom-switch::after{background:var(--hm-paper);box-shadow:0 1px 3px #2e2c2a22}
.chat-dock .chat-launcher>span,.chat-dock .chat-launcher>small{color:var(--hm-mist)!important}.chat-dock .chat-launcher>.launcher-icon{background:var(--hm-strong)!important;color:var(--hm-bone)!important;border-radius:50%;display:grid;place-items:center}
.chat-launcher .hm-icon{width:18px;height:18px}.chat-drawer-glyph .hm-icon{width:24px;height:24px}
.shell .account-header .profile-trigger{background:var(--hm-mist);border-color:var(--hm-line);box-shadow:none}
.motion-completion{backdrop-filter:none;-webkit-backdrop-filter:none}
.shell .content h1[data-brand-title]::after{content:'';display:inline-block;width:42px;height:28px;margin-left:20px;background:url('/icons/hm-motion.svg') center/contain no-repeat;vertical-align:middle;filter:brightness(.4);opacity:.55}
.shell .overview-heading:has(h1[data-brand-title])::after{display:none}
@media(max-width:760px){.shell .content h1[data-brand-title]::after{width:30px;height:22px;margin-left:12px}}
@media(prefers-reduced-motion:reduce){#modal .pipeline-type-art{transition:none!important;transform:none!important}}
.shell .client-preview-bar{background:var(--hm-mist);border-color:var(--hm-line);color:var(--hm-strong)}.shell .client-preview-bar small{color:var(--hm-muted)}
.shell .media-review :is(.review-video-block,.review-notes-block,.review-tool-card){background:var(--hm-paper)!important;border:1px solid var(--hm-line);box-shadow:none}
.shell .media-review .review-label{color:var(--hm-muted)}.shell .media-review .review-total{background:var(--hm-mist);color:var(--hm-strong)}
.shell .workflow-progress .progress-node{border-color:var(--hm-bone);background:var(--hm-mist);box-shadow:none}
.shell .workflow-progress .progress-core{background:var(--hm-mist);box-shadow:none}
.shell .workflow-progress :is(.is-past,.is-current) .progress-core{background:var(--step-color);box-shadow:none}
.shell .workflow-progress .is-current .progress-node:before{box-shadow:0 0 0 2px color-mix(in srgb,var(--step-color) 35%,transparent);animation:none}
.shell .workflow-progress .is-current .progress-core:after{box-shadow:none}
.shell .workflow-progress>li:before{background:var(--hm-mist)}.shell .workflow-progress>li:after{background:var(--step-color)}
.shell .workflow-progress>li{color:var(--hm-muted)}.shell .workflow-progress>.is-current{color:var(--hm-strong)}
/* Personal tasks and sharing controls follow the same system. */
:where(.shell,#modal) .people-sharing{background:var(--hm-bone);border-color:var(--hm-mist);color:var(--hm-strong)}
:where(.shell,#modal) .person-bubble:has(input:checked){background:var(--hm-mist);border-color:var(--hm-edge)}
:where(.shell,#modal) .person-bubble>i{background:var(--hm-muted);font-family:var(--sans)}
:where(.shell,#modal) .person-bubble:hover{background:var(--hm-mist)}
:where(.shell,#modal) .person-bubble:has(input:focus-visible){outline:2px solid var(--hm-muted)}
#modal .todo-date-presets .btn[aria-pressed=true]{background:var(--hm-mist)!important;color:var(--hm-strong)!important;border-color:var(--hm-edge)!important}
.shell :is(.todo-area-tabs,.todo-tabs){background:var(--hm-mist);box-shadow:none}
.shell :is(.todo-area-tabs,.todo-tabs) button{font-family:var(--sans);color:var(--hm-muted)}
.shell :is(.todo-area-tabs,.todo-tabs) button[aria-pressed=true]{background:var(--hm-line);color:var(--hm-strong);box-shadow:none;border-radius:12px}
.shell .todo-scope-note,.shell .todo-group-empty{color:var(--hm-muted)}.shell .todo-scope-note span{color:var(--hm-muted)}
.shell .todo-group{background:var(--hm-paper);box-shadow:none;border-color:var(--hm-line)}
.shell .todo-group>header{background:color-mix(in srgb,var(--todo-color) 5%,var(--hm-bone));border-color:var(--hm-line)}
.shell .todo-group-toggle h2{font:700 16px var(--sans);letter-spacing:-.03em}
.shell .todo-card .todo-title strong{color:var(--hm-strong)}.shell .todo-card .todo-title small{color:var(--hm-muted)}
.shell .todo-due:not(.is-overdue){background:var(--hm-bone);border-color:var(--hm-mist);color:var(--hm-muted);font-family:var(--sans)}
.shell .todo-due.is-today{background:var(--hm-mist);color:var(--hm-muted)}
.shell .todo-check:hover{border-color:#638749}.shell .todo-check[aria-checked=true]{background:#466b33;border-color:#466b33}
.workspace-tour .tour-panel{background:var(--hm-paper);border-color:var(--hm-line);box-shadow:0 18px 70px #2e2c2a2b}
.workspace-tour .tour-visual{background:var(--hm-mist);border-color:var(--hm-line);box-shadow:none}
.workspace-tour :is(.tour-symbol,.tour-note,.tour-topics button,.tour-flow i){background:var(--hm-bone);border-color:var(--hm-line);color:var(--hm-muted);box-shadow:none}
.workspace-tour :is(.tour-chart i,.tour-wave i,.tour-upload-track i,.tour-scheduled){background:var(--hm-muted);color:var(--hm-bone);border-color:var(--hm-edge)}
.workspace-tour .tour-film i{background:var(--hm-edge)}.workspace-tour .tour-playhead{background:var(--hm-strong)}
[data-ambient-paused] .is-loading .media-loader i{animation-play-state:paused}
.shell #workspace-navigation{background:var(--hm-mist)!important;border:1px solid var(--hm-line);border-radius:20px;box-shadow:0 4px 18px #2e2c2a12;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.shell #workspace-navigation>.btn{background:transparent!important;color:var(--hm-muted);box-shadow:none!important}
.shell #workspace-navigation>.btn.active{background:var(--hm-line)!important;color:var(--hm-strong)!important}
.shell #workspace-navigation::before{box-shadow:none;background:var(--hm-line)!important;backdrop-filter:none!important}