/* Approved Work B layout. Colours come from the shared tokens so the page follows light and dark mode with the menu around it. */
.work-page { --work-bg:var(--color-canvas); --work-card:var(--color-surface-soft); --work-raised:var(--color-surface); --work-text:var(--color-ink); --work-muted:var(--color-muted); --work-line:var(--color-hairline); --work-gold:var(--color-brand-blue-deep); color:var(--work-text); background:var(--work-bg); min-height:calc(100svh - 110px); padding:28px 36px; margin:0 -16px -24px; }
body:has(.work-page) { background:var(--color-canvas); }
.work-page * { min-width:0; }
.work-page [data-role="work-focus-team"] dt { white-space:normal; min-height:2.8em; }
@media(min-width:768px) { .work-page .work-task-board { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); } }
.work-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:26px; }
.work-heading h1 { font-size:32px; font-weight:700; letter-spacing:-1px; margin:0 0 6px; }
.work-heading p { font-size:13px; color:var(--work-muted); margin:0; }
.work-primary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 18px; border-radius:10px; background:var(--work-text); color:var(--work-bg); font-size:14px; font-weight:700; white-space:nowrap; }
.work-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid var(--work-line); border-radius:10px; padding:11px 14px; color:var(--work-text); font-size:13px; background:transparent; }
.work-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.work-sidebar { grid-column:1 / -1; border-bottom:1px solid var(--work-line); padding-bottom:12px; }
.work-sidebar > summary { cursor:pointer; min-height:44px; align-content:center; font-size:14px; color:var(--work-muted); }
.work-navigation { display:flex; flex-wrap:wrap; gap:16px 32px; padding-top:12px; }
.work-navigation .work-link { display:inline-block; margin-right:8px; }
.work-sidebar h2,.work-tools h2,.work-note h2 { font-size:13px; color:var(--work-muted); font-weight:600; margin-bottom:12px; }
.work-link { display:block; padding:12px 14px; margin-bottom:6px; color:var(--work-muted); font-size:14px; border-radius:8px; }
.work-link.is-active { background:var(--work-raised); color:var(--work-text); border-left:3px solid var(--work-gold); }
.work-tool-heading { margin-top:0; }
.work-view-switch { display:flex; gap:8px; }
.work-toolbar { display:flex; gap:8px; align-items:center; justify-content:space-between; margin-bottom:18px; }
.work-toolbar > span { font-size:13px; color:var(--work-muted); }
.work-voice { border:1px solid var(--work-gold); border-radius:16px; background:var(--work-card); padding:22px; }
.work-mic { width:48px; height:48px; padding:10px; object-fit:contain; filter:brightness(0); margin-bottom:16px; }
html.dark .work-mic { filter:brightness(0) invert(1); }
.work-voice h2 { font-size:20px; font-weight:700; }
.work-voice p,.work-note p { color:var(--work-muted); font-size:14px; line-height:1.5; margin:7px 0 18px; }
.work-voice .work-secondary { width:100%; color:var(--work-gold); border-color:var(--work-gold); }
.work-record-status { display:block; color:var(--work-muted); font-size:12px; margin-top:8px; }
.work-record-status:empty { display:none; }
.work-note,.work-tools { padding:18px; border:1px solid var(--work-line); border-radius:14px; background:var(--work-card); margin-top:24px; }
.work-note small { color:var(--work-muted); font-size:12px; }
.work-switch,.work-tabs,.work-tools { display:none; }
.work-filters { margin-bottom:16px; color:var(--work-muted); font-size:12px; }
.work-filters > summary { cursor:pointer; min-height:30px; }
.work-filters[open] > :not(summary) { margin-top:14px; }
.work-list-panel > section > ul { border-color:var(--work-line); background:var(--work-card); border-radius:14px; }
.work-list-panel > section > ul > li { padding:20px; border-color:var(--work-line); }
.work-list-panel > section > ul > li a { color:var(--work-text); font-size:17px; font-weight:600; }
.work-list-panel > section > ul > li p,.work-list-panel > section > ul > li span:not([data-status-pill], [data-status-pill] *) { color:var(--work-muted); }
.work-page [data-status-pill="active"] { color:var(--color-brand-cyan); }
.work-page [data-status-pill="warning"] { color:var(--color-brand-coral); }
.work-list-panel > section > ul > li > span { color:var(--work-gold); }
/* The voice and meeting cards sit in one line above the table, which then
   shares the width with the picked task's drawer. */
.work-strip { display:flex; gap:12px; margin-bottom:18px; }
.work-strip .work-voice,.work-strip .work-note { flex:1; display:flex; align-items:center; gap:14px; margin:0; padding:12px 16px; }
.work-strip .work-note { display:block; }
.work-strip .work-note small { display:block; margin-top:4px; }
.work-strip .work-mic { width:36px; height:36px; padding:6px; margin:0; }
.work-strip .work-voice > div { flex:1; }
.work-strip .work-voice h2,.work-strip .work-note h2 { font-size:15px; margin:0; }
.work-strip .work-voice p,.work-strip .work-note p { font-size:12px; margin:2px 0 0; }
.work-strip .work-voice .work-secondary { width:auto; min-height:40px; padding:8px 14px; }
.work-page [data-role="tasks-table"] table { background:var(--work-card); }
.work-page [data-role="tasks-table"] tbody tr:hover { background:var(--work-raised); }
.work-page [data-role="tasks-table"] tbody tr[aria-current="true"] { background:var(--work-raised); box-shadow:inset 3px 0 0 var(--work-gold); }
.work-checkbox { display:block; width:19px; height:19px; border:1px solid var(--work-muted); border-radius:5px; }
.work-complete { flex-shrink:0; }
.work-workspace { min-height:44px; display:flex; align-items:center; margin-bottom:24px; font-size:17px; font-weight:700; }
.work-workspace summary { cursor:pointer; }
.work-workspace details { position:relative; }
.work-workspace-menu { position:absolute; z-index:10; top:100%; width:280px; background:var(--work-card); color:var(--work-text); border:1px solid var(--work-line); border-radius:12px; }
@media(max-width:1199px) {
  .work-page { padding:20px; }
  .work-heading { align-items:flex-start; margin-bottom:20px; }
  .work-heading h1 { font-size:29px; }
  .work-primary { padding:11px 13px; font-size:13px; }
  .work-grid { display:block; }
  .work-sidebar { display:none; }
  .work-switch { display:flex; padding:4px; border:1px solid var(--work-line); border-radius:10px; background:var(--work-card); margin-bottom:18px; }
  .work-switch button { flex:1; padding:10px; font-size:13px; color:var(--work-text); min-height:44px; border-radius:7px; }
  .work-switch button[aria-selected="true"] { background:var(--work-raised); color:var(--work-gold); }
  .work-tabs { display:flex; gap:21px; border-bottom:1px solid var(--work-line); margin-bottom:20px; }
  .work-tabs .work-link { padding:0 0 13px; margin:0; border-radius:0; white-space:nowrap; }
  .work-tabs .work-link.is-active { background:transparent; border-left:0; border-bottom:3px solid var(--work-gold); font-weight:700; }
  .work-toolbar .work-secondary { font-size:12px; padding:9px 11px; }
  .work-list-panel > section > ul > li { padding:16px 14px; }
  .work-list-panel > section > ul > li a { font-size:16px; }
  .work-strip { display:block; }
  .work-strip .work-voice { flex-wrap:wrap; }
  .work-voice { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px; margin-top:20px; }
  .work-mic { margin:0; }
  .work-voice > div { flex:1; }
  .work-voice h2 { font-size:18px; }
  .work-voice p { margin:7px 0 0; font-size:13px; }
  .work-voice > form,.work-voice > .work-secondary { width:100%; margin-top:2px; }
  .work-note { display:none; }
  .work-tools { display:block; padding:15px; }
  .work-tools .work-link { display:inline-block; padding:0; margin:0 18px 10px 0; }
  .work-show-tools .work-list-panel,.work-show-tools .work-rail { display:none; }
}
html[data-native-shell] .work-page { margin:-16px; font-family:-apple-system,"Apple SD Gothic Neo",sans-serif; }
/* First day: no task yet, one card in place of the toolbar and the notes. */
.work-first { display:flex; flex-direction:column; align-items:stretch; gap:10px; max-width:560px; margin:8px 0 14px; padding:28px 22px 22px; border:1px solid var(--work-line); border-radius:18px; background:var(--work-raised); text-align:center; }
.work-first__icon { align-self:center; display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:999px; background:var(--work-card); color:var(--work-gold); }
.work-first h2 { font-size:22px; font-weight:700; margin:6px 0 0; }
.work-first p { color:var(--work-muted); font-size:14px; line-height:1.5; margin:0 0 8px; }
.work-first .work-secondary { font-size:14px; }
.work-first__voice { max-width:560px; }
.work-first__tools { max-width:560px; }
.work-first__tools summary { display:inline-flex; min-height:44px; align-items:center; gap:6px; cursor:pointer; list-style:none; color:var(--work-muted); font-size:14px; }
.work-first__tools summary::-webkit-details-marker { display:none; }
.work-first__tools .work-link { display:inline-block; margin:0 18px 8px 0; }