.app-shell.welcome-mode:not(.desktop-shell){grid-template-columns:var(--primary-width) minmax(0,1fr)}
.welcome-mode .secondary-nav,.welcome-mode .page-heading,.welcome-mode #page-context,.welcome-mode #organization-layout,.welcome-mode #refresh-data,.welcome-mode #collapse-nav{display:none!important}
.welcome-mode .workspace{overflow:auto;background:#fff}
.welcome-mode .topbar{flex-shrink:0}
.welcome-mode #breadcrumbs{font-size:10px;letter-spacing:2px;color:var(--muted)}
.welcome-mode .edition{margin-bottom:8px}
.welcome-mode .primary-item:not(.unavailable):hover{background:rgba(255,255,255,.09)}
.welcome-mode .brand-lockup:focus-visible,.welcome-entries a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#welcome-page{display:grid;grid-template-columns:minmax(330px,.83fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);padding:clamp(32px,5vh,65px) clamp(36px,5.5vw,100px);flex:1;min-height:650px;max-height:1100px;width:100%;max-width:2100px;align-self:center}
.welcome-copy{display:flex;flex-direction:column;align-items:stretch;padding:20px 0 4px;min-width:0}
.welcome-eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--accent);margin:0 0 clamp(44px,9vh,110px);display:flex;align-items:center;gap:13px}
.welcome-eyebrow:before{content:'';width:26px;height:1px;background:var(--accent)}
.welcome-greeting{font-size:15px;color:var(--muted);margin:0 0 21px;line-height:1.8;overflow-wrap:anywhere}
.welcome-intro h1{font-size:clamp(32px,2.8vw,54px);line-height:1.6;letter-spacing:2px;font-weight:300;margin:0;color:var(--ink);outline:0}
.welcome-description{font-size:13px;line-height:1.8;color:var(--muted);margin:22px 0 0}
.welcome-entries{margin-top:clamp(32px,5vh,60px);max-width:450px}
.welcome-entries a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;transition:color .16s,background-color .16s}
.welcome-entries a:last-of-type{border-bottom:1px solid var(--line)}
.welcome-entries a:hover{color:var(--accent);background:#faf7f8}
.welcome-entries strong{font-size:16px;font-weight:400;display:block;letter-spacing:.6px}
.welcome-entries small{font-size:11px;color:var(--muted);display:block;margin-top:8px;line-height:1.6}
.welcome-entries .icon{width:20px;height:20px;flex-shrink:0}
.welcome-empty{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}
.welcome-foot{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted);letter-spacing:1.5px;margin-top:auto;padding-top:40px}
.welcome-foot span:last-child{font-size:9px;letter-spacing:3px}
.welcome-art{margin:0;position:relative;overflow:hidden;min-height:0;background:#16131f}
.welcome-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.welcome-art figcaption{position:absolute;inset:auto 28px 26px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#f6efe1;pointer-events:none}
.welcome-art figcaption span:first-child{font-size:8px;letter-spacing:2px}
.welcome-art figcaption span:last-child{font-family:'Segoe Script',cursive;font-size:36px;line-height:1.2}
@media(min-width:1800px){#welcome-page{gap:130px;padding-top:70px;padding-bottom:70px}.welcome-copy{padding-top:40px}.welcome-eyebrow{font-size:12px}.welcome-greeting{font-size:19px}.welcome-description{font-size:16px}.welcome-entries{max-width:520px}.welcome-entries a{padding:24px 4px}.welcome-entries strong{font-size:19px}.welcome-entries small{font-size:13px}}
@media(max-height:790px){#welcome-page{min-height:570px;padding-top:25px;padding-bottom:25px}.welcome-eyebrow{margin-bottom:35px}.welcome-greeting{margin-bottom:12px}.welcome-entries{margin-top:24px}.welcome-foot{padding-top:26px}}

/* v0.8.0 desktop workspace rules, owned by this module. */
/* Work is the home screen: the same navigation and scale as the records. */
/* The desktop shell owns all three columns on every route, including home. */
.desktop-shell.welcome-mode .desktop-navigation{display:flex!important}
.desktop-shell.welcome-mode #collapse-nav{display:inline-flex!important}
.desktop-shell.welcome-mode #breadcrumbs{font-size:13px;letter-spacing:0}
.desktop-shell #welcome-page{display:block;min-height:0;max-height:none;padding:28px;max-width:none;align-self:stretch}
.desktop-shell .welcome-main{width:100%;padding:0}
.desktop-shell .welcome-eyebrow{font-size:10px;margin:0 0 12px;letter-spacing:1.5px}
.desktop-shell .welcome-greeting{font-size:13px;margin:0 0 5px}
.desktop-shell .welcome-intro h1{font-family:inherit;font-size:26px;letter-spacing:0;font-weight:600;line-height:1.4}
.desktop-shell .welcome-description{font-size:13px;margin:8px 0 24px}
.desktop-shell .welcome-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:28px;margin:0}
.desktop-shell .welcome-panel{padding:0;border:0;min-width:0}
.desktop-shell .welcome-panel-heading{padding:12px 0;border-bottom:1px solid #e4dfe5;margin:0;display:flex;align-items:baseline;justify-content:space-between}
.desktop-shell .welcome-panel-heading h2{font-family:inherit;font-size:15px;font-weight:600;margin:0}
.desktop-shell .welcome-panel-heading small{font-size:12px;letter-spacing:0}
.desktop-shell .welcome-panel nav>a{min-height:64px;padding:12px 8px;border-bottom:1px solid #eeeaf0;gap:14px}
.desktop-shell .welcome-panel nav>a strong{font-size:14px;font-weight:500;letter-spacing:0}
.desktop-shell .welcome-panel nav>a small{font-size:12px;margin-top:4px;line-height:1.5}
.desktop-shell .welcome-panel nav>a:hover{background:#f8f5f7}
.desktop-shell .welcome-shortcuts{margin-top:28px;padding-top:16px;border-top:1px solid #e4dfe5}
.desktop-shell .welcome-shortcuts nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.desktop-shell .welcome-shortcuts nav>a{padding:8px 12px;border:1px solid #e4dfe5;font-size:13px;background:#fff}
.desktop-shell .welcome-foot{margin-top:30px;padding-top:12px;font-size:11px;color:#777;letter-spacing:0}

.draft-todo-group{margin:18px 0;padding:16px;border:1px solid #ddd8e2;background:#fff;border-radius:6px}.draft-todo-group summary{display:flex;align-items:center;gap:10px;cursor:pointer}.draft-todo-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-top:1px solid #eee9ef;color:inherit;text-decoration:none}.draft-todo-row small{display:block;color:#777;font-size:12px;margin-top:4px}.draft-todo-row:hover{color:#880326}.draft-todo-row:focus-visible{outline:2px solid #880326;outline-offset:3px}
/* Wide workstations keep pending work and useful shortcuts visible together. */
@media(min-width:1600px){
 .desktop-shell .welcome-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,25vw,520px);column-gap:24px;align-items:start}
 .desktop-shell .welcome-main>div,.desktop-shell .welcome-main>p,.desktop-shell .welcome-main>section,.desktop-shell .welcome-main>details{grid-column:1/-1;min-width:0}
 .desktop-shell .welcome-main>.welcome-task-workspace{grid-column:1;grid-row:3}
 .desktop-shell .welcome-main>.welcome-overview{grid-column:2;grid-row:3;grid-template-columns:minmax(0,1fr);gap:18px;margin:10px 0 0;padding:0 18px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}
 .desktop-shell .welcome-panel nav>a{min-height:54px;padding:8px 4px}
 .desktop-shell .welcome-panel nav>a small{margin-top:3px}
 .desktop-shell .welcome-shortcuts{margin-top:18px}
}