/* Separate content groups keep task completion distinct from opening a letter. */
.home-feed{--feed-gutter:68px;gap:22px;max-height:min(480px,45dvh,var(--feed-available-height,9999px));align-content:start}
.home-feed-group{min-width:0;max-width:100%}
.home-feed-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.home-feed-heading{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:550;color:var(--home-ink);line-height:1.4}
.home-feed-heading svg{width:15px;height:15px;flex:none;opacity:.8}
.home-feed-heading small{font-size:10px;font-weight:400;color:var(--home-muted);margin-left:2px}
[data-feed-kind="mail"],[data-feed-kind="notes"]{width:min(var(--mail-preview-width,764px),100%)}
[data-feed-kind="mail"] .home-feed-heading,[data-feed-kind="notes"] .home-feed-heading{margin-left:var(--feed-gutter)}
[data-feed-kind="tasks"]{width:min(var(--task-preview-width,696px),calc(100% - var(--feed-gutter)));margin-left:var(--feed-gutter)}
[data-feed-kind="notes"] .home-feed-rows{margin-left:var(--feed-gutter)}
.home-feed-group .home-feed-empty{padding:8px 0 12px;font-size:12px}
[data-feed-kind="mail"] .home-feed-empty{margin-left:var(--feed-gutter)}
body .preview-task{
  width:100%;height:var(--task-preview-height,60px);min-height:var(--task-preview-height,60px);border-radius:20px;
  background-color:rgba(var(--chrome-rgb),var(--taskPreview-alpha,.5));
  background-image:linear-gradient(165deg,rgba(255,255,255,var(--taskPreview-gloss,0)),transparent 48%,rgba(255,255,255,var(--taskPreview-matte-tint,0)));
  backdrop-filter:var(--taskPreview-filter,blur(18px));-webkit-backdrop-filter:var(--taskPreview-filter,blur(18px));
}
.preview-task .preview-check{width:24px;height:24px;border-radius:50%}
.preview-task .preview-copy{min-width:0}
.preview-task .preview-copy>strong{font-weight:550}
.task-due{font-size:10px;white-space:nowrap;color:var(--home-muted);padding:4px 8px;border:1px solid #b8cbd32e;border-radius:10px}
body[data-wall-period="day"] .preview-check{border-color:#203d5166}
/* Identical geometry for the shared controls on every screen. */
body .header-tools{display:flex;align-items:center;justify-content:space-evenly;gap:2px;flex:none;margin-left:auto;padding:4px;border:1px solid #dceaf032;border-radius:999px}
body .header-tools .home-tool{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:48px;padding:0;flex:none;border:1px solid transparent;border-radius:50%;isolation:isolate}
body .header-tools .live-trigger{margin:0;flex:none;min-width:0;height:48px;padding-inline:4px;gap:8px;background:transparent;border:1px solid transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body .header-tools .live-trigger:hover{background:transparent;box-shadow:none}
body:not([data-page="home"]) .header-tools{color:#d6dde1;background:#26333c80;backdrop-filter:blur(24px) saturate(.75);-webkit-backdrop-filter:blur(24px) saturate(.75);box-shadow:inset 0 1px 0 #e6f4fc18,0 6px 20px #09192418}
body:not([data-page="home"]) #search-open{display:none}
body:not([data-page="home"]) #page-context{flex:1;min-width:0;width:auto}
body:not([data-page="home"]) #page-context strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body:not([data-page="home"]) .home-tool::before{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:50%;z-index:-1}
body:not([data-page="home"]) .home-tool:hover::before{border-color:#dceaf048;background:#dceaf00c}
body .assistant-trigger{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;box-sizing:border-box}
.assistant-trigger>.icon,.assistant-trigger>.grip{flex:none}
.assistant-trigger>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-expanded="true"] .mail-article{padding-bottom:86px}
@media(max-width:650px){
  .home-feed{--feed-gutter:54px;gap:18px;max-height:min(360px,34dvh,var(--feed-available-height,9999px))}
  .home-feed-heading{font-size:11px;gap:6px}
  .task-due{font-size:9px;padding:3px 5px}
  .preview-task .preview-priority{display:none}
  .preview-task .preview-copy strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:600px){
  body .header-tools .home-tool{width:40px;height:39px}
  body .header-tools .live-trigger{height:39px;gap:6px}
}