/* Shared controls retain the same material, coordinates and geometry on every route. */
body[data-page] .header-tools{
  position:fixed;top:var(--shared-tools-top,21px);right:var(--shared-tools-right,28px);margin:0;
  background-color:rgba(var(--chrome-rgb),var(--home-button-alpha,.5));
  background-image:linear-gradient(155deg,rgba(255,255,255,var(--button-gloss)),transparent 45%,rgba(255,255,255,var(--button-matte-tint)));
  color:var(--home-ink);border-color:var(--shared-edge,#dceaf032);
  backdrop-filter:var(--home-button-filter);-webkit-backdrop-filter:var(--home-button-filter);
  box-shadow:inset 0 1px 0 #e6f4fc18,0 6px 20px #09192418;text-shadow:0 1px 4px #06131cb3;
}
body[data-page] .header-tools button{color:var(--home-ink)}
body[data-page] .header-tools .nav-icon{filter:drop-shadow(0 1px 2px #06131cc0)}
body[data-page][data-wall-period="day"]{--shared-edge:#203d512e}
body[data-page][data-wall-period="day"] .header-tools{ text-shadow:0 1px 3px #f1f7f588 }
body[data-expanded="true"] .app-header{padding-right:calc(var(--shared-tools-right) + var(--shared-tools-width) + 20px)}
body[data-page] .assistant-trigger{right:28px;bottom:var(--shared-assistant-bottom,22px)}
body[data-page] .assistant-panel{bottom:var(--shared-chat-bottom,82px);height:min(680px,calc(100dvh - var(--shared-chat-bottom,82px) - 76px));max-height:calc(100dvh - var(--shared-chat-bottom,82px) - 76px)}
body[data-page="home"] .home-filter-wrap{position:fixed;margin:0}
.position-section-title{grid-column:1/-1;font-size:12px;font-weight:550;color:#e0ebf0;margin:5px 0 0}
/* The working surfaces follow the selected period, so transparent daytime controls stay readable. */
body[data-expanded="true"][data-wall-period="day"]{background:#dfe7eb}
body[data-expanded="true"][data-wall-period="day"] :is(.atmosphere,.app-header,.rail){background:#dfe7eb}
body[data-expanded="true"][data-wall-period="day"] #page-context{color:var(--home-ink)}
body[data-expanded="true"][data-wall-period="day"] #page-context small{color:var(--home-muted)}
body[data-expanded="true"][data-wall-period="day"] .workspace{
  --text:#172e40;--muted:#455d6d;--dim:#4b6271;--line:#203d5124;--accent:#526f7d;--accent-rgb:82,111,125;
  color:var(--text);background:#e9eef1;color-scheme:light;
}
body[data-expanded="true"][data-wall-period="day"] .workspace :is(.button.primary,.tabs button){color:var(--text)}
body[data-expanded="true"][data-wall-period="day"] .workspace .preview-task.done .preview-copy{opacity:1;color:var(--dim)}
body[data-expanded="true"][data-wall-period="day"] .workspace .preview-task.done .preview-copy :is(strong,span){color:var(--dim)}
body[data-expanded="true"][data-wall-period="day"] .workspace .icon{filter:brightness(.32) saturate(.6)}
body[data-expanded="true"][data-wall-period="day"] .workspace :is(.mail-list-head,.mail-folders){background:#dfe7eb}
body[data-expanded="true"][data-wall-period="day"] .workspace :is(.folder,.mail-body,.note-body,.note-title,.mail-sender,.editor-tools,.timeline-copy,.attachment){color:var(--text)}
body[data-expanded="true"][data-wall-period="day"] .workspace :is(.avatar,.task-due){color:var(--muted);border-color:var(--line)}
/* A single row renderer and shared sizes are used in home previews and work sections. */
.workspace .preview-task{width:var(--task-preview-width);max-width:100%;margin:7px 0;flex:none}
.workspace .home-mail-entry{width:var(--mail-preview-width);max-width:100%;margin:7px 0}
.preview-task{position:relative}
.preview-task.has-actions{padding-right:44px}
.preview-task .delete-task{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;opacity:0}
.preview-task:hover .delete-task,.preview-task:focus-within .delete-task{opacity:.85}
.preview-task.done .preview-check svg{opacity:1}
.preview-task.done .preview-check{background:#9eb8c332}
.selected-preview:not(.urgent-mail){border-color:var(--home-hover-edge);box-shadow:0 0 0 1px var(--home-hover-ring)}
.home-mail-card.is-unread .preview-avatar{position:relative}
.home-mail-card.is-unread .preview-avatar::after{content:"";position:absolute;right:-2px;top:0;width:5px;height:5px;border-radius:50%;background:var(--home-ink)}
.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--task-preview-width) + 56px)),1fr))}
.dashboard-grid .span2{grid-column:1/-1}
body[data-mail-layout] .mail-layout{display:grid;grid-template-columns:195px var(--shared-mail-list-width) minmax(320px,1fr);grid-template-rows:minmax(0,1fr)}
body[data-mail-layout] .mail-list,body[data-mail-layout] .mail-reading{min-width:0;min-height:0;display:block}
body[data-mail-layout] .mail-list{padding-bottom:calc(var(--shared-assistant-bottom) + 80px)}
body[data-mail-layout] .mail-list .home-mail-entry{margin:7px 8px}
body[data-mail-layout="compact"] .mail-layout{grid-template-columns:var(--shared-mail-list-width) minmax(320px,1fr);grid-template-rows:54px minmax(0,1fr)}
body[data-mail-layout="stacked"] .mail-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr)}
body:is([data-mail-layout="compact"],[data-mail-layout="stacked"]) .mail-folders{grid-column:1/-1;display:flex;gap:3px;align-items:center;padding:8px;height:54px;overflow:auto;border-bottom:1px solid var(--line)}
body:is([data-mail-layout="compact"],[data-mail-layout="stacked"]) .mail-folders :is(.mail-account,.folder-label){display:none}
body:is([data-mail-layout="compact"],[data-mail-layout="stacked"]) .folder{flex:none;width:auto;padding:7px 9px;gap:6px;white-space:nowrap}
body[data-mail-layout="stacked"] .mail-reading{display:none}
body[data-mail-layout="stacked"] .reading-open .mail-list{display:none}
body[data-mail-layout="stacked"] .reading-open .mail-reading{display:block}
body[data-mail-layout="compact"] .reading-open .mail-list,body[data-mail-layout="split"] .reading-open .mail-list{display:block}
body[data-notes-layout] .notes-layout{display:grid;grid-template-columns:var(--shared-mail-list-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
body[data-notes-layout] .notes-list{display:block;width:auto;height:auto;min-height:0;padding:16px 8px;overflow:auto}
body[data-notes-layout] .notes-list h1{display:block}
body[data-notes-layout] .notes-list>.row{padding:0 12px 12px}
body[data-notes-layout] .notes-list .note-preview{width:calc(var(--mail-preview-width) - 68px);max-width:calc(100% - 16px);margin:7px 8px;flex:none}
body[data-notes-layout="stacked"] .notes-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,30%) minmax(0,1fr)}
body[data-notes-layout="stacked"] .notes-list{border-bottom:1px solid var(--line)}
body[data-notes-layout] .note-editor{min-width:0;min-height:0;overflow:auto}
@media(max-width:650px){
  body[data-page] .assistant-trigger{right:15px}
  body[data-page="home"] .home-clock{top:var(--shared-clock-top,139px)}
  body[data-notes-layout] .notes-list .note-preview{width:calc(var(--mail-preview-width) - 54px)}
  .preview-task .delete-task{opacity:.7}
}