/* A single grid arranges existing modules across every appearance. */
.home-modular .home-modular-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;min-width:0}
.home-modular-heading h1{margin:4px 0 0}.home-layout-entry{margin-left:auto}.home-layout-entry .btn{min-height:44px}
.home-widget-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.home-widget{min-width:0;max-width:100%;border-radius:var(--radius);container-type:inline-size;container-name:home-widget}
.home-widget-expanded{grid-column:1/-1}
.home-widget[data-home-widget="weather"],.home-widget[data-home-widget="life"]{grid-column:1/-1}
.home-widget-content{min-width:0;max-width:100%}
.home-modular .home-widget-content>section,.home-modular .home-widget-content>.card,.home-modular .home-widget-content>details{margin:0;width:100%;max-width:100%;min-width:0}
.home-modular .home-now{min-height:0}.home-modular .home-now .now-grid{min-width:0}
.home-modular .home-widget[data-home-widget="record"] .daily-checkin-dock>header{display:block;margin:0 0 12px}
.home-modular .home-widget[data-home-widget="record"] .daily-checkin-dock>header h2{font:500 17px/1.5 var(--sp-display);margin:0}
.home-modular .home-records .quick-capture-v34{border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;padding:0;margin-top:8px}
.home-modular .home-records .daily-checkin-dock{margin:0}
.home-modular .home-life-records{padding:16px;border:1px solid var(--line);background:var(--panel)}
.home-modular .home-widget-compact .home-quick-recent{display:none}
.home-modular .home-widget-standard .home-quick-summary,.home-modular .home-widget-expanded .home-quick-summary{display:block}
.home-modular .home-widget-compact .state-card-chips,.home-modular .home-widget-compact .timer-decoration{display:none}
.home-modular .home-widget-compact .home-now{padding:16px}
.home-modular .home-widget-compact .now-title{font-size:18px}.home-modular .home-widget-compact .now-clock{font-size:30px}
.home-summary-widget{padding:18px;min-width:0}.home-summary-widget>header{margin-bottom:12px}.home-summary-widget h2{font:500 17px/1.5 var(--sp-display);margin:0}
.home-summary-widget>footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.home-summary-widget .btn{min-height:44px}
.widget-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:10px 0}.widget-facts>span{display:grid;gap:3px;min-width:0}.widget-facts small{color:var(--muted);font:400 12px/1.5 var(--sp-sans)}.widget-facts b{font:500 22px/1.4 var(--sp-mono);overflow-wrap:anywhere}
.widget-data-list{display:grid;min-width:0}.widget-data-row{display:block;width:100%;min-width:0;min-height:44px;padding:10px 0;color:var(--text);background:none;border:0;border-bottom:1px solid var(--line);text-align:left;font:400 14px/1.6 var(--sp-sans)}
.widget-data-row:last-child{border-bottom:0}.widget-data-row b{display:block;font-weight:500;overflow-wrap:anywhere}.widget-data-row small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.widget-empty{color:var(--muted);font:400 14px/1.6 var(--sp-sans);margin:12px 0;overflow-wrap:anywhere}
.home-widget-compact .home-summary-widget{padding:14px 16px}.home-widget-compact[data-home-widget="weather"] .home-summary-widget>header{display:none}
.home-widget[data-home-widget="weather"] .home-weather{position:static;width:100%;max-width:100%;min-height:44px;justify-content:flex-start;text-align:left;margin:0}
.home-widget.is-editing{padding:8px;border:1px dashed var(--accent-2);background:var(--panel-2)}
.home-module-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 0 8px;min-width:0}.home-module-tools>b{flex:1;min-width:80px;font:500 13px/1.5 var(--sp-sans);overflow-wrap:anywhere}.home-module-tools>div{display:flex;gap:4px}.home-module-tools .btn,.widget-drag-handle{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center}
.widget-drag-handle{touch-action:none;cursor:grab;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel);color:var(--text);font-size:24px;user-select:none}.widget-dragging{outline:2px solid var(--accent);opacity:.8}.widget-dragging .widget-drag-handle{cursor:grabbing}
.home-module-tools select{min-height:44px;min-width:72px;border:1px solid var(--line);border-radius:var(--control-radius);color:var(--text);background:var(--panel);font-size:13px;padding:6px}
.home-edit-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.home-edit-bar>span{font-size:12px;color:var(--muted)}.home-edit-bar>div{display:flex;flex-wrap:wrap;gap:6px}.home-edit-bar>p{flex-basis:100%;margin:0;color:var(--warn);font-size:13px}
.home-empty-layout{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:var(--radius)}.home-empty-layout h2{font-size:18px}.home-empty-layout p{color:var(--muted)}
.modal:has(.widget-library){width:min(960px,100%);background:var(--panel)}
.widget-library{min-width:0}.widget-library-search{display:grid;gap:6px;font-size:13px}.widget-library-search input{min-height:44px}.widget-library-categories{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.widget-library-categories .btn{min-height:44px}.widget-library-categories [aria-pressed="true"]{background:var(--accent-wash);border-color:var(--accent)}
.widget-library-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.widget-library-list{display:grid;gap:5px;max-height:470px;overflow-y:auto;min-width:0}
.widget-library-item{display:flex;gap:10px;align-items:center;min-width:0;min-height:66px;padding:10px;text-align:left;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--control-radius)}.widget-library-item.active{border-color:var(--accent);background:var(--accent-wash)}.widget-library-item i{font-size:22px;width:28px;flex:none;text-align:center;font-style:normal;color:var(--accent-2)}.widget-library-item span{min-width:0}.widget-library-item b{display:block;font-size:14px;font-weight:500}.widget-library-item small{display:block;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.widget-library-detail{min-width:0}.widget-library-detail h4{font-size:18px;margin:0 0 6px}.widget-library-detail>p{font-size:13px;color:var(--muted);line-height:1.6}.widget-library-detail>.btn{min-height:44px;margin-top:12px}.widget-library-preview{padding:10px;max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);pointer-events:none;min-width:0}.widget-library-preview>*{max-width:100%;min-width:0}.widget-library-preview .home-now,.widget-library-preview .home-records{padding:14px}
@media(max-width:900px){.home-widget-grid{grid-template-columns:minmax(0,1fr);gap:12px}.home-widget{grid-column:1}.home-modular .home-modular-heading{align-items:flex-start}.home-layout-entry:has(.home-edit-bar){width:100%}.home-edit-bar{gap:8px}.home-module-tools>b{font-size:13px}.home-widget-content .home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.widget-library-columns{grid-template-columns:minmax(0,1fr)}.widget-library-list{max-height:230px}.widget-library-preview{max-height:250px}.home-module-tools>b{flex-basis:calc(100% - 56px)}.home-module-tools>div{margin-left:auto}.home-summary-widget{padding:14px}.home-modular .home-widget .home-now .now-grid{grid-template-columns:minmax(0,1fr)}}

.home-widget-compact .sync-health-card p{display:none}

.home-modular .home-records{display:block;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.home-modular .home-records>.daily-checkin-dock{padding:0;border:0;background:none;box-shadow:none}
@media(min-width:901px){.home-modular .home-widget-expanded[data-home-widget="record"] .home-records{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:20px}.home-modular .home-widget-expanded[data-home-widget="record"] .quick-capture-v34{margin:0}}
.home-modular .home-modular-heading:has(.home-edit-bar){position:sticky;top:var(--topbar-height,76px);z-index:25;background:var(--bg);padding:8px 0;margin-top:0}
.home-modular-heading:has(.home-edit-bar)>div:first-child{display:none}
.home-modular-heading:has(.home-edit-bar) .home-layout-entry{width:100%}
.app .content:has(.home-edit-bar){overflow:visible}
.home-modular .home-records>.daily-checkin-dock,.home-modular .home-records>.quick-capture-v34{grid-area:auto;min-width:0}
.home-modular .home-records,.home-modular .daily-checkin-dock,.home-modular .daily-checkin-grid,.home-modular .daily-checkin.state-card{width:100%;min-width:0;max-width:100%}.home-modular .daily-checkin.state-card{overflow:hidden}.home-modular .daily-checkin.state-card>*{min-width:0;max-width:100%}
@container home-widget (max-width:900px){.home-modular .home-widget-expanded[data-home-widget="record"] .home-records{display:block}.home-modular .home-widget-expanded[data-home-widget="record"] .quick-capture-v34{margin-top:12px}}
@container home-widget (max-width:480px){.home-modular .daily-checkin-grid{grid-template-columns:minmax(0,1fr)!important}}

/* One card, one active pane; existing task and event rows retain their controls. */
/* The heading and cards share normal flow; a 100% grid height overflows the dock. */
body[data-style] .home-modular .home-records>.daily-checkin-dock{display:block;height:auto;min-height:0;align-self:start}
body[data-style] .home-modular .home-records .daily-checkin-grid{height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body[data-style] .home-modular .home-records .state-card{height:auto;min-width:0;min-height:150px;overflow-wrap:anywhere}
@container home-widget (max-width:480px){body[data-style] .home-modular .home-records .daily-checkin-grid{grid-template-columns:minmax(0,1fr)}}
.app .home-agenda{padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}
.home-agenda-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.home-agenda-head h2{margin:0;font:500 18px/1.5 var(--sp-display)}
.home-agenda-actions{display:flex;gap:4px;align-items:center}.home-agenda-actions .btn{min-height:44px}
.home-agenda-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:4px 0 10px}
.home-agenda-tabs [role="tab"]{min-width:76px;min-height:44px;padding:8px 18px;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--muted);font:500 14px/1.5 var(--sp-sans)}
.home-agenda-tabs [aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.home-agenda-tabs [role="tab"]:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
body[data-style] .app .home-agenda .home-tasks,body[data-style] .app .home-agenda .home-events{margin:0!important;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.home-agenda #home-agenda-panel{min-width:0}.home-agenda .time-empty{padding:12px 0;line-height:1.6}
@media(max-width:520px){.app .home-agenda{padding:12px}.home-agenda-head h2{font-size:17px}}

/* Desktop modules share one outer column; density only changes their contents. */
@media(min-width:901px){
 .home-modular>.home-widget-grid>.home-widget{grid-column:1/-1;width:100%}
 body[data-style] .home-modular .home-widget-content>.home-agenda,
 body[data-style] .home-modular .home-widget-content>.home-life-records,
 body[data-style] .home-modular .home-widget-content>.home-records{padding:20px}
 body[data-style] .home-modular .home-widget-content>.home-trajectory-preview{border-radius:var(--radius);background:var(--panel)}
 .home-modular .home-trajectory-preview>summary{padding:16px 20px;gap:16px;align-items:center}
 .app .home-modular .simple-task.lean-task.home-task-row{padding:10px 12px;min-height:76px}
 .app .home-modular .simple-task.lean-task.home-task-row>.lean-task-main{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-content:center}
 .app .home-modular .simple-task.lean-task.home-task-row .lean-task-title-button{min-height:28px}
 .app .home-modular .simple-task.lean-task.home-task-row .lean-task-meta{margin:0}
 .home-modular .home-agenda .lean-task-list{gap:8px}
}