/* One workspace navigation, shared by strategy, learning and people. */
.workspace-layout { display:grid; grid-template-columns:168px minmax(0,1fr); gap:32px; padding-block:24px 48px; flex:1; }
.workspace-layout main { min-width:0; }
.workspace-navigation { align-self:start; position:sticky; top:24px; }
.workspace-navigation nav { display:grid; gap:8px; }
.workspace-navigation a { display:flex; align-items:center; min-height:44px; padding:10px 16px; border-radius:12px; text-decoration:none; color:var(--muted); }
.workspace-navigation a[aria-current] { background:var(--surface, #eee3dd); color:var(--text); font-weight:700; }
.workspace-layout .compact-shell { display:block; width:100%; padding:0; }
.workspace-layout main > .shell { width:100%; }
.header-inner { min-height:76px; }
.user-menu,.action-menu { position:relative; }
.user-menu summary,.action-menu summary { cursor:pointer; min-height:44px; display:flex; align-items:center; padding:8px 12px; }
.menu-popover { position:absolute; right:0; top:100%; z-index:50; min-width:220px; padding:12px; border:1px solid var(--border,#dbcfc8); border-radius:12px; background:var(--surface,#fff8f3); box-shadow:0 12px 32px #0002; display:grid; gap:4px; }
.menu-popover a,.menu-popover button { padding:10px; text-decoration:none; text-align:left; min-height:44px; }
.menu-popover .theme-toggle { order:0; justify-content:flex-start; }
.menu-popover .theme-toggle [data-theme-label] { display:inline; }
.section-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:8px; }
.section-toolbar form { display:flex; gap:8px; min-width:0; align-items:center; margin:0; }
.section-toolbar select { max-width:440px; min-width:0; }
.section-tabs { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:24px; border-bottom:1px solid var(--border,#dbcfc8); }
.section-tabs > a { padding:12px 16px; min-height:44px; text-decoration:none; }
.section-tabs > a[aria-current] { border-bottom:2px solid currentColor; font-weight:700; }
.workspace-layout .strategy-panel .strategy-panel { margin:12px 0; padding:16px; box-shadow:none; }
.workspace-layout .strategy-heading h1 { font-size:clamp(24px,2.5vw,36px); overflow-wrap:anywhere; }
.work-list { display:grid; gap:12px; }
.work-item { border:1px solid var(--border,#dbcfc8); border-radius:12px; padding:16px; min-width:0; }
.work-item h3 { margin:0 0 8px; font-size:17px; overflow-wrap:anywhere; }
.work-item p { margin:8px 0; }
.work-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:12px; }
.work-item details { margin-top:12px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:16px; font-size:13px; }
.inline-error { color:var(--danger,#9c2535); padding:12px; border:1px solid currentColor; border-radius:8px; }
.mobile-menu { display:none; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link:focus { display:block; padding:12px; }
.workspace-layout a:focus-visible,.workspace-layout summary:focus-visible,button:focus-visible { outline:3px solid var(--accent,#b56e56); outline-offset:3px; }
.setup-steps { padding-left:24px; }
.setup-steps li { padding:12px 0; }
.strategy-step,.work-item { scroll-margin-top:20px; }
.step-relations { display:grid; gap:10px; margin-top:16px; overflow-wrap:anywhere; }
.step-more { margin-top:12px; }
.step-primary { font-weight:600; margin-top:12px; }
.workspace-layout summary { cursor:pointer; min-height:36px; padding-block:8px; }
.strategy-form [hidden], [hidden] { display:none !important; }
/* Personal daily agenda: one rhythm for steps and requests. */
.today-page { max-width:1240px; margin-inline:auto; }
.today-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.today-heading .button { flex-shrink:0; }
.today-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.today-stat { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); text-decoration:none; font-size:13px; }
.today-stat strong { font-size:26px; line-height:1; font-weight:500; font-variant-numeric:tabular-nums; }
.today-stat:first-child { background:var(--accent-soft); }
.today-stat-alert strong,.today-page .today-late { color:var(--danger); }
.today-section { min-width:0; margin-bottom:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; scroll-margin-top:24px; }
.today-section-heading { display:flex; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--line); }
.today-section-heading h2 { margin:0; font-size:18px; font-weight:600; letter-spacing:-.02em; }
.today-section-heading > a { margin-left:auto; font-size:12px; }
.today-count { display:inline-flex; align-items:center; justify-content:center; min-width:24px; padding:2px 7px; border-radius:6px; background:var(--bg); color:var(--muted); font-size:12px; font-weight:500; font-variant-numeric:tabular-nums; }
.today-list { display:grid; }
.today-item { padding:16px 20px; min-width:0; overflow-wrap:anywhere; scroll-margin-top:24px; }
.today-item + .today-item { border-top:1px solid var(--line); }
.today-item-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:6px; }
.today-item-heading > :first-child { min-width:0; }
.today-id { flex-shrink:0; white-space:nowrap; font-size:11px; line-height:20px; padding:1px 7px; border:1px solid var(--line); border-radius:5px; text-decoration:none; color:var(--muted); font-variant-numeric:tabular-nums; }
.today-item h3 { margin:0 0 6px; font-size:15px; font-weight:600; line-height:1.5; }
.today-item h3 a { text-decoration:none; }
.today-item h3 a:hover { text-decoration:underline; text-underline-offset:3px; }
.today-page .today-meta { font-size:12px; line-height:1.6; color:var(--muted); margin:4px 0; }
.today-item-state { display:flex; flex-wrap:wrap; gap:4px 16px; }
.today-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-top:10px; }
.today-actions .button { min-height:36px; padding:7px 12px; font-size:12px; }
.today-actions a,.today-text-action { display:inline-flex; align-items:center; min-height:36px; font-size:12px; text-underline-offset:3px; }
.today-page .today-edit { margin-top:4px; }
.today-edit > summary { font-size:12px; color:var(--muted); }
.today-edit[open] { margin-top:12px; }
.today-edit .strategy-form { padding:12px 0 4px; gap:12px; max-width:680px; }
.today-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.today-form-grid > label { min-width:0; }
.today-queues { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.today-detail { font-size:13px; margin:8px 0 4px; }
.today-question-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; margin-top:8px; }
.today-page .today-empty { padding:14px 20px; margin:0; font-size:13px; color:var(--muted); }
.today-more { border-top:1px solid var(--line); }
.today-more > summary,.today-undated > summary { padding:12px 20px; font-size:13px; }
.today-more[open] > summary { border-bottom:1px solid var(--line); }
.today-undated > summary { font-weight:600; }
.today-undated .today-count { margin-left:8px; }
@media(min-width:1101px) {
 .today-steps .today-item { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:24px; }
 .today-steps .today-item-heading,.today-steps .today-edit { grid-column:1 / -1; }
 .today-steps .today-item > h3,.today-steps .today-item-state { grid-column:1; }
 .today-steps .today-item > .today-actions { grid-column:2; grid-row:2 / span 2; align-self:center; margin:0; }
}
@media(max-width:1100px) { .today-queues { grid-template-columns:minmax(0,1fr); gap:0; } }
@media(max-width:600px) {
 .today-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .today-stat { padding:12px; gap:8px; font-size:12px; }
 .today-stat strong { font-size:24px; }
 .today-heading { align-items:flex-start; }
 .today-heading .button { padding-inline:10px; font-size:12px; }
 .today-section-heading,.today-item { padding:14px; }
 .today-section-heading h2 { font-size:16px; }
 .today-form-grid { grid-template-columns:minmax(0,1fr); }
 .today-page .today-empty,.today-more > summary,.today-undated > summary { padding:12px 14px; }
}
@media(max-width:900px) {
 .workspace-layout { display:block; padding-top:16px; }
 .workspace-navigation { position:static; margin-bottom:20px; }
 .mobile-menu { display:inline-flex; }
 .workspace-navigation nav { display:none; margin-top:8px; }
 .workspace-navigation nav.is-open { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .section-toolbar select { width:100%; }
 .section-toolbar form { flex:1; }
 .section-toolbar form .button { padding-inline:10px; }
 .header-inner { flex-wrap:wrap; }
 .user-menu summary { max-width:150px; overflow-wrap:anywhere; }
 .menu-popover { max-width:calc(100vw - 32px); }
 .section-tabs { gap:0; }
 .section-tabs > a { padding-inline:12px; }
}
