body[data-auth="signed_out"] .app-sidebar,
body[data-auth="signed_out"] .app-header,
body[data-auth="signed_out"] main {
  display: none;
}

body[data-auth="signed_in"] {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100vh;
}

body[data-auth="signed_in"] .auth-screen {
  display: none;
}

body[data-theme="light"] .workbench-section-head {
  background: var(--soft-line);
  color: var(--muted);
}

body[data-theme="light"] .workbench-row:hover:not(.is-selected) {
  background: var(--soft-line);
}

body[data-theme="light"] .workbench-row.is-selected {
  background: var(--blue-soft);
  box-shadow: inset 3px 0 0 var(--blue);
}

body[data-theme="light"] .workbench-step:has(.workbench-check.is-done) {
  background: var(--green-soft);
}

body[data-theme="light"] .workbench-detail-actions {
  background: var(--soft-line) !important;
}

/* =========================================================
   MASTER LIGHT THEME RESET — My Work workbench
   Covers all injected styles from data.js, renderers.js,
   my-work-workbench.js, and rooftop-implementation.js so
   no future hardcoded dark value can bleed through.
   ========================================================= */
html body[data-theme="light"] .workbench-group-head {
  background: #ede9e4 !important;
  color: var(--ink) !important;
}
html body[data-theme="light"] .workbench-group-head:hover {
  background: var(--blue-soft) !important;
}
html body[data-theme="light"] .workbench-group-count.heavy {
  background: #e2e8f0 !important;
  color: var(--ink) !important;
}
html body[data-theme="light"] .workbench-group-more {
  color: var(--blue) !important;
  border-top-color: var(--line) !important;
}
html body[data-theme="light"] .workbench-section,
html body[data-theme="light"] .workbench-queue {
  background: #fffcf8 !important;
}
html body[data-theme="light"] .workbench-row {
  background: transparent !important;
  color: var(--ink) !important;
  border-top-color: var(--line) !important;
}
html body[data-theme="light"] .workbench-row:hover:not(.is-selected) {
  background: #f2ede7 !important;
}
html body[data-theme="light"] .workbench-live-card {
  background: #fffcf8 !important;
  color: var(--ink) !important;
}
html body[data-theme="light"] .workbench-live-card:hover {
  background: var(--blue-soft) !important;
}
html body[data-theme="light"] .workbench-live-count {
  background: var(--amber-soft) !important;
  color: var(--amber) !important;
}
html body[data-theme="light"] .workbench-live-action {
  color: var(--blue) !important;
}
html body[data-theme="light"] .workbench-checklist {
  background: #f5f1eb !important;
}
html body[data-theme="light"] .workbench-detail-actions {
  background: #ede9e4 !important;
}
html body[data-theme="light"] .workbench-next-step {
  background: var(--blue-soft) !important;
}
html body[data-theme="light"] .workbench-ai-result {
  background: #f5f1eb !important;
}