/* Sprints 533–542: Today-page visual remediation
   Scoped to #home to avoid another system-wide CSS collision. */
#home{
  --today-bg:#000;
  --today-panel:#1c1c1e;
  --today-panel-2:#242426;
  --today-panel-3:#2c2c2e;
  --today-border:#3a3a3c;
  --today-text:#f5f5f7;
  --today-secondary:#c7c7cc;
  --today-muted:#8e8e93;
  --today-blue:#0a84ff;
  --today-green:#30d158;
  --today-orange:#ff9f0a;
  --today-red:#ff453a;
  color:var(--today-text)!important;
  background:var(--today-bg)!important;
}
#home *{box-sizing:border-box}
#home>section,
#home>article,
#home .card,
#home .today-hero,
#home .today-accessibility-summary,
#home .daily-life-command,
#home .state-plan-strip,
#home .today-now,
#home .today-grid,
#home .today-quick-add,
#home .today-source-grid,
#home .today-capture,
#home .today-later{
  min-width:0!important;
}
#home .today-hero,
#home .today-accessibility-summary,
#home .card,
#home .daily-checklist-workspace,
#home .medication-dashboard{
  background:var(--today-panel)!important;
  color:var(--today-text)!important;
  border:1px solid var(--today-border)!important;
  box-shadow:none!important;
}
#home .today-hero{
  padding:24px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
  gap:24px!important;
  align-items:center!important;
}
#home .today-hero h1,
#home .today-hero h2,
#home .today-hero h3{
  color:var(--today-text)!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#home .today-hero p,
#home .today-hero small,
#home .preview{
  color:var(--today-secondary)!important;
}
#home .today-state{
  min-width:0!important;
  padding:14px!important;
  border-radius:16px!important;
  background:var(--today-panel-2)!important;
  border:1px solid var(--today-border)!important;
}
#home .today-state label{
  display:block!important;
  color:var(--today-secondary)!important;
  margin-bottom:7px!important;
  font-size:12px!important;
}
#home select,
#home input,
#home textarea,
#home [contenteditable="true"]{
  width:100%!important;
  max-width:100%!important;
  min-height:42px!important;
  background:var(--today-panel-3)!important;
  color:var(--today-text)!important;
  border:1px solid var(--today-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
#home select option{background:#2c2c2e!important;color:#fff!important}
#home input::placeholder,
#home textarea::placeholder,
#home [data-placeholder]:empty::before{
  color:var(--today-muted)!important;
}
#home .today-accessibility-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
  margin:14px 0 18px!important;
  border-radius:18px!important;
}
#home .today-accessibility-summary>*{
  min-width:0!important;
  padding:10px!important;
  border-radius:12px!important;
  background:var(--today-panel-2)!important;
  color:var(--today-secondary)!important;
}
#home .daily-life-command{
  display:grid!important;
  gap:18px!important;
  margin-bottom:20px!important;
}
#home .daily-life-command>.card{
  padding:22px!important;
  border-radius:20px!important;
}
#home .daily-checklist-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:start!important;
}
#home .daily-checklist-toolbar h2,
#home .medication-dashboard h2{
  margin:.1rem 0 .35rem!important;
  color:var(--today-text)!important;
  font-size:clamp(24px,3vw,38px)!important;
  line-height:1.08!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#home .daily-checklist-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
#home .daily-checklist-filters{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  padding:4px 0 12px!important;
  scrollbar-width:thin!important;
}
#home .daily-checklist-filters button{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:6px 12px!important;
  font-size:12px!important;
}
#home .daily-checklist-scroll{
  max-height:480px!important;
  min-height:180px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#636366 transparent!important;
  border-top:1px solid var(--today-border)!important;
  border-bottom:1px solid var(--today-border)!important;
}
#home .daily-checklist-row{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px 8px!important;
  border-top:1px solid var(--today-border)!important;
  background:transparent!important;
}
#home .daily-checklist-row:first-child{border-top:0!important}
#home .daily-checklist-check{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--today-panel-3)!important;
  border:1px solid #636366!important;
  color:var(--today-text)!important;
}
#home .daily-checklist-row.completed .daily-checklist-check{
  background:var(--today-green)!important;
  border-color:var(--today-green)!important;
  color:#071309!important;
}
#home .daily-checklist-copy{
  min-width:0!important;
  overflow:hidden!important;
}
#home .daily-checklist-copy strong{
  display:block!important;
  color:var(--today-text)!important;
  font-size:15px!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#home .daily-checklist-taxonomy,
#home .daily-checklist-completed-at{
  display:block!important;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#home .daily-checklist-taxonomy{color:var(--today-secondary)!important}
#home .daily-checklist-completed-at{color:#8ee6a4!important}
#home .daily-checklist-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:112px!important;
}
#home .daily-checklist-status{
  white-space:nowrap!important;
}
#home .daily-checklist-footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding-top:12px!important;
  color:var(--today-muted)!important;
}
#home .medication-dashboard-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#home .medication-dashboard-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:13px!important;
  border-radius:14px!important;
  background:var(--today-panel-2)!important;
  border:1px solid var(--today-border)!important;
}
#home .medication-dashboard-row strong{
  color:var(--today-text)!important;
  overflow-wrap:anywhere!important;
}
#home .medication-dashboard-row small{
  color:var(--today-secondary)!important;
}
#home .state-plan-strip,
#home .today-now,
#home .today-grid,
#home .today-quick-add,
#home .today-source-grid,
#home .today-capture,
#home .today-later{
  margin-top:18px!important;
}
#home .today-grid,
#home .today-source-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
#home h1,#home h2,#home h3,#home h4{
  color:var(--today-text)!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#home p,#home small,#home label{
  color:var(--today-secondary)!important;
}
#home button{
  max-width:100%!important;
}
#home button.primary{
  background:var(--today-blue)!important;
  border-color:var(--today-blue)!important;
  color:#fff!important;
}
#home .sprint-panel{
  display:none!important;
}
#home .legacy-daily-checklist,
#home .legacy-medication-card{
  display:none!important;
}
#home .capture,
#home .quick-capture-card,
#home .today-capture{
  background:var(--today-panel)!important;
  color:var(--today-text)!important;
}
#home .capture-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
#home details.today-later>summary{
  color:var(--today-text)!important;
}
#home .today-later .later-content{
  min-width:0!important;
}
#home [style*="background: white"],
#home [style*="background:#fff"],
#home [style*="background: #fff"],
#home [style*="background-color: white"],
#home [style*="background-color:#fff"]{
  background:var(--today-panel-2)!important;
  color:var(--today-text)!important;
}
#home [style*="color: white"],
#home [style*="color:#fff"],
#home [style*="color: #fff"]{
  color:var(--today-text)!important;
}
#home .checklist-dialog{
  background:var(--today-panel)!important;
  color:var(--today-text)!important;
  border:1px solid var(--today-border)!important;
}
#home :focus-visible{
  outline:3px solid var(--today-blue)!important;
  outline-offset:2px!important;
}
@media(max-width:980px){
  #home .today-hero{
    grid-template-columns:1fr!important;
  }
  #home .medication-dashboard-list{
    grid-template-columns:1fr!important;
  }
  #home .today-accessibility-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  #home .daily-life-command>.card{
    padding:17px!important;
  }
  #home .daily-checklist-toolbar{
    grid-template-columns:1fr!important;
  }
  #home .daily-checklist-toolbar-actions{
    justify-content:space-between!important;
  }
  #home .daily-checklist-scroll{
    max-height:430px!important;
  }
  #home .daily-checklist-row{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  #home .daily-checklist-row-actions{
    grid-column:2!important;
    justify-content:space-between!important;
    min-width:0!important;
  }
  #home .today-grid,
  #home .today-source-grid{
    grid-template-columns:1fr!important;
  }
  #home .daily-checklist-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}
@media(max-width:430px){
  #home .today-accessibility-summary{
    grid-template-columns:1fr 1fr!important;
  }
  #home .today-hero{
    padding:18px!important;
  }
  #home .daily-checklist-toolbar h2,
  #home .medication-dashboard h2{
    font-size:26px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #home *,#home *::before,#home *::after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}

/* Sprint 561 · Mobile Today hero compression */
@media (max-width: 720px) {
  #home .today-hero {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 12px !important;
  }

  #home .today-hero > div:first-child {
    display: grid !important;
    gap: 2px !important;
  }

  #home .today-hero .eyebrow,
  #home .today-hero h2,
  #home .today-hero p:not(.eyebrow) {
    margin: 0 !important;
  }

  #home .today-hero h2 {
    max-width: none !important;
    font-size: 28px !important;
    line-height: 0.96 !important;
    letter-spacing: -0.04em !important;
  }

  #home .today-hero p:not(.eyebrow) {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  #home .today-state {
    padding: 8px !important;
    border-radius: 12px !important;
  }

  #home .today-state label {
    margin-bottom: 3px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  #home .today-state select {
    min-height: 36px !important;
    height: 36px !important;
    padding-block: 0 !important;
    font-size: 14px !important;
  }

  #home .today-state small {
    margin-top: 3px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}

/* ==========================================================
   Genesis Today Flow
   Consolidated implementation v1.0
   Medication + Arena-grouped Kanban workflow
   ========================================================== */

/* ----------------------------------------------------------
   TODAY PAGE SCOPE
   ---------------------------------------------------------- */

#home.view.active {
  --today-surface: #1c1c1e;
  --today-surface-2: #202124;
  --today-surface-3: #26272b;
  --today-column: #18191b;

  --today-border: #34363b;
  --today-border-strong: #474a51;

  --today-text: #f4f4f5;
  --today-secondary: #c6c7cc;
  --today-muted: #92959d;

  --today-pending: #858991;
  --today-doing: #d8aa50;
  --today-doing-bg: #242016;
  --today-done: #72bd89;
  --today-done-bg: #172119;
}


/* ----------------------------------------------------------
   REMOVE SUPERSEDED TODAY SURFACES
   Keep them in DOM until focused QA proves no dependency.
   ---------------------------------------------------------- */

#home.view.active .state-plan-strip,
#home.view.active .legacy-daily-checklist,
#home.view.active .today-now,
#home.view.active .today-grid,
#home.view.active .today-quick-add,
#home.view.active .today-source-grid,
#home.view.active .today-capture,
#home.view.active
  .daily-checklist-workspace[data-checklist-family="creative"] {
  display: none !important;
}


/* ----------------------------------------------------------
   COMMAND STACK
   ---------------------------------------------------------- */

#home.view.active .daily-life-command {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
}

#home.view.active .medication-dashboard,
#home.view.active
  .daily-checklist-workspace[data-today-unified="true"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-width: 0 !important;
}


/* ----------------------------------------------------------
   MEDICATION
   ---------------------------------------------------------- */

#home.view.active .medication-dashboard {
  order: 1 !important;
}

#home.view.active .medication-dashboard .preview,
#home.view.active #dailyMedicationRefresh {
  display: none !important;
}


/* ----------------------------------------------------------
   TODAY FLOW WORKSPACE
   ---------------------------------------------------------- */

#home.view.active
.daily-checklist-workspace[data-today-unified="true"] {
  order: 2 !important;
  display: block !important;
  overflow: visible !important;
}

#home.view.active
.daily-checklist-workspace[data-today-unified="true"]
.daily-checklist-workspace {
  min-height: 0 !important;
}

#home.view.active
[data-today-unified="true"]
.daily-checklist-workspace
> .daily-checklist-toolbar {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 14px !important;
}

#home.view.active
[data-today-unified="true"]
.daily-checklist-toolbar h2 {
  margin: 2px 0 0 !important;
}

#home.view.active
[data-today-unified="true"]
.daily-checklist-toolbar .preview {
  display: none !important;
}

#home.view.active
[data-today-unified="true"]
.daily-checklist-toolbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#home.view.active
[data-today-unified="true"]
#personalChecklistProgress {
  color: var(--today-secondary) !important;
  font-size: .85rem !important;
  white-space: nowrap !important;
}


/* Legacy filters/footer are replaced by Kanban controls. */

#home.view.active
[data-today-unified="true"]
> .daily-checklist-filters,

#home.view.active
[data-today-unified="true"]
> .daily-checklist-footer {
  display: none !important;
}


/* ----------------------------------------------------------
   KANBAN CONTROLS
   ---------------------------------------------------------- */

#home.view.active .today-kanban-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  padding: 12px 0 16px !important;
  margin: 0 !important;

  border-top: 1px solid var(--today-border) !important;
}

#home.view.active .today-kanban-filters {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

#home.view.active .today-kanban-filters button {
  min-height: 36px !important;
  padding: 7px 14px !important;

  border: 1px solid #383a40 !important;
  border-radius: 999px !important;

  background: #2a2b2f !important;
  color: var(--today-text) !important;

  font-size: .84rem !important;
  font-weight: 750 !important;
}

#home.view.active .today-kanban-filters button:hover {
  background: #34363b !important;
  border-color: #4b4e55 !important;
}

#home.view.active .today-kanban-filters button.active {
  background: #3a3b40 !important;
  border-color: #52555d !important;
  color: #fff !important;
}

#home.view.active .today-kanban-wip-note {
  color: var(--today-secondary) !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}


/* ----------------------------------------------------------
   BOARD
   ---------------------------------------------------------- */

#home.view.active #personalChecklistList {
  display: block !important;
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

#home.view.active .today-kanban-board {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  gap: 16px !important;

  width: 100% !important;
  min-width: 0 !important;
  align-items: start !important;
}

#home.view.active .today-kanban-column {
  display: block !important;
  min-width: 0 !important;
  min-height: 260px !important;

  padding: 10px !important;

  background: var(--today-column) !important;
  border: 1px solid var(--today-border) !important;
  border-radius: 18px !important;

  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease !important;
}


/* ----------------------------------------------------------
   COLUMN HEADERS
   ---------------------------------------------------------- */

#home.view.active
[data-today-unified="true"]
.today-kanban-column-header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  min-height: 72px !important;
  padding: 14px !important;
  margin: 0 0 14px !important;

  background: #050505 !important;
  border: 1px solid #24262a !important;
  border-radius: 0 !important;

  color: var(--today-text) !important;
}

#home.view.active .today-kanban-column-header > div {
  display: grid !important;
  gap: 4px !important;
}

#home.view.active .today-kanban-column-header span {
  color: var(--today-text) !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
}

#home.view.active .today-kanban-column-header small {
  color: var(--today-secondary) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
}

#home.view.active .today-kanban-column-header strong {
  display: grid !important;
  place-items: center !important;

  min-width: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;

  background: #2b2d31 !important;
  border-radius: 999px !important;

  color: var(--today-text) !important;
  font-size: .8rem !important;
}


/* ----------------------------------------------------------
   ARENA GROUPS
   ---------------------------------------------------------- */

#home.view.active
[data-today-unified="true"]
.today-kanban-arena {
  display: grid !important;
  visibility: visible !important;
  gap: 8px !important;
}

#home.view.active
.today-kanban-arena + .today-kanban-arena {
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid #303238 !important;
}

#home.view.active
[data-today-unified="true"]
.today-kanban-arena-header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 34px !important;
  padding: 7px 6px !important;
  margin: 0 !important;

  background: #050505 !important;
  border-bottom: 1px solid #303238 !important;

  color: var(--today-text) !important;
}

#home.view.active .today-kanban-arena-header span {
  color: #f0f1f3 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

#home.view.active .today-kanban-arena-header strong {
  color: var(--today-muted) !important;
  font-size: .76rem !important;
}

#home.view.active
[data-today-unified="true"]
.today-kanban-arena-cards {
  display: grid !important;
  gap: 8px !important;
}


/* ----------------------------------------------------------
   CARDS
   ---------------------------------------------------------- */

#home.view.active .today-kanban-card {
  position: relative !important;

  display: grid !important;
  gap: 9px !important;

  min-width: 0 !important;
  padding: 14px !important;

  background: var(--today-surface-2) !important;
  border: 1px solid #36383e !important;
  border-left: 4px solid var(--today-pending) !important;
  border-radius: 15px !important;

  box-shadow: none !important;

  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease,
    opacity 140ms ease !important;
}

#home.view.active
.today-kanban-card[data-kanban-status="pending"] {
  border-left-color: var(--today-pending) !important;
}

#home.view.active
.today-kanban-card[data-kanban-status="doing"] {
  background: var(--today-doing-bg) !important;
  border-left-color: var(--today-doing) !important;
}

#home.view.active
.today-kanban-card[data-kanban-status="completed"] {
  background: var(--today-done-bg) !important;
  border-left-color: var(--today-done) !important;
}


/* ----------------------------------------------------------
   CARD HOVER / DRAG FEEDBACK
   ---------------------------------------------------------- */

#home.view.active .today-kanban-card:hover {
  background: #292d34 !important;
  border-color: #7992c4 !important;

  box-shadow:
    0 0 0 2px rgba(121,146,196,.18),
    0 14px 30px rgba(0,0,0,.3) !important;

  transform: translateY(-2px) scale(1.008) !important;
}

#home.view.active
.today-kanban-card[data-kanban-status="doing"]:hover {
  background: #302719 !important;
}

#home.view.active
.today-kanban-card[data-kanban-status="completed"]:hover {
  background: #1d2b20 !important;
}

#home.view.active .today-kanban-card.dragging {
  background: #28334a !important;
  border-color: #93aee5 !important;

  box-shadow:
    0 0 0 3px rgba(147,174,229,.24),
    0 18px 40px rgba(0,0,0,.42) !important;

  opacity: .88 !important;
  transform: rotate(1deg) scale(1.02) !important;
}


/* ----------------------------------------------------------
   CARD TOP ROW
   ---------------------------------------------------------- */

#home.view.active .today-kanban-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

#home.view.active .today-kanban-card-labels {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#home.view.active .today-kanban-domain {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 24px !important;
  padding: 3px 9px !important;

  border: 1px solid #45474e !important;
  border-radius: 999px !important;

  background: #303136 !important;
  color: #d6d7dc !important;

  font-size: .68rem !important;
  font-weight: 850 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}


/* ----------------------------------------------------------
   DRAG HANDLE
   ---------------------------------------------------------- */

#home.view.active .today-kanban-drag-handle {
  display: grid !important;
  place-items: center !important;

  flex: 0 0 auto !important;

  width: 30px !important;
  height: 30px !important;

  border: 1px solid #44464d !important;
  border-radius: 9px !important;

  background: #2b2d32 !important;
  color: #aeb1b8 !important;

  cursor: grab !important;
  user-select: none !important;
}

#home.view.active .today-kanban-drag-handle:hover {
  background: #586b93 !important;
  border-color: #8298c5 !important;
  color: #fff !important;
}

#home.view.active .today-kanban-drag-handle:active {
  cursor: grabbing !important;
}


/* ----------------------------------------------------------
   CARD MENU
   ---------------------------------------------------------- */

#home.view.active .today-kanban-menu {
  display: grid !important;
  place-items: center !important;

  flex: 0 0 auto !important;

  width: 34px !important;
  height: 34px !important;

  padding: 0 !important;

  border: 1px solid #3c3e44 !important;
  border-radius: 50% !important;

  background: #2c2d31 !important;
  color: #f0f0f2 !important;

  cursor: pointer !important;
}

#home.view.active .today-kanban-menu:hover {
  background: #3a3c42 !important;
}


/* ----------------------------------------------------------
   CARD CONTENT
   ---------------------------------------------------------- */

#home.view.active .today-kanban-title {
  display: block !important;

  color: var(--today-text) !important;

  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;

  overflow-wrap: anywhere !important;
}

#home.view.active .today-kanban-taxonomy {
  display: block !important;

  color: var(--today-secondary) !important;

  font-size: .79rem !important;
  line-height: 1.4 !important;

  overflow-wrap: anywhere !important;
}


/* ----------------------------------------------------------
   EVENT-BACKED STATUS HISTORY
   ---------------------------------------------------------- */

#home.view.active .today-kanban-status-time {
  display: block !important;

  margin-top: 1px !important;

  font-size: .79rem !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
}

#home.view.active .today-kanban-status-time-doing {
  color: #efc45f !important;
}

#home.view.active .today-kanban-status-time-completed {
  color: #8ed7a3 !important;
}

#home.view.active .today-kanban-status-time-history {
  color: var(--today-muted) !important;
  font-weight: 650 !important;
}


/* ----------------------------------------------------------
   CARD ACTIONS
   ---------------------------------------------------------- */

#home.view.active .today-kanban-card-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;

  margin-top: 2px !important;
}

#home.view.active .today-kanban-action {
  min-height: 34px !important;
  padding: 7px 12px !important;

  border: 1px solid #3f4147 !important;
  border-radius: 999px !important;

  background: #303136 !important;
  color: #f1f1f3 !important;

  font-size: .78rem !important;
  font-weight: 800 !important;

  cursor: pointer !important;
}

#home.view.active .today-kanban-action:hover {
  background: #404249 !important;
  border-color: #53565e !important;
}

#home.view.active .today-kanban-action.primary-action {
  background: #34363b !important;
}


/* ----------------------------------------------------------
   EMPTY STATE
   ---------------------------------------------------------- */

#home.view.active .today-kanban-empty {
  display: grid !important;
  place-items: center !important;

  min-height: 132px !important;
  padding: 24px !important;

  border: 1px dashed #373a40 !important;
  border-radius: 14px !important;

  color: #878a92 !important;
  text-align: center !important;
  font-size: .84rem !important;
}


/* ----------------------------------------------------------
   DROP DESTINATION FEEDBACK
   ---------------------------------------------------------- */

#home.view.active
.today-kanban-column-pending.drag-over {
  background: #1c222b !important;
  border-color: #7184a8 !important;

  box-shadow:
    inset 0 0 0 2px rgba(113,132,168,.22) !important;
}

#home.view.active
.today-kanban-column-doing.drag-over {
  background: #292316 !important;
  border-color: #d1a148 !important;

  box-shadow:
    inset 0 0 0 2px rgba(209,161,72,.25) !important;
}

#home.view.active
.today-kanban-column-completed.drag-over {
  background: #17271c !important;
  border-color: #67ad7c !important;

  box-shadow:
    inset 0 0 0 2px rgba(103,173,124,.25) !important;
}

#home.view.active
.today-kanban-column-pending.drag-over
.today-kanban-column-header {
  background: #222b38 !important;
}

#home.view.active
.today-kanban-column-doing.drag-over
.today-kanban-column-header {
  background: #332914 !important;
}

#home.view.active
.today-kanban-column-completed.drag-over
.today-kanban-column-header {
  background: #1c3022 !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 980px) {

  #home.view.active .today-kanban-board {
    display: flex !important;
    gap: 14px !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    scroll-snap-type: x proximity !important;
    padding-bottom: 10px !important;
  }

  #home.view.active .today-kanban-column {
    flex: 0 0 min(82vw, 390px) !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 700px) {

  #home.view.active
  [data-today-unified="true"]
  .daily-checklist-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #home.view.active
  [data-today-unified="true"]
  .daily-checklist-toolbar-actions {
    justify-content: space-between !important;
  }

  #home.view.active .today-kanban-controls {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #home.view.active .today-kanban-column {
    flex-basis: 88vw !important;
  }
}


/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  #home.view.active .today-kanban-card,
  #home.view.active .today-kanban-column,
  #home.view.active .today-kanban-column-header,
  #home.view.active .today-kanban-drag-handle {
    transition: none !important;
  }
}


/* ==========================================================
   Genesis Today Flow shell correction v1.0
   Hide superseded Today hero/state surfaces and reclaim width.
   ========================================================== */

#home.view.active .today-hero,
#home.view.active .today-state-strip,
#home.view.active .today-summary-strip,
#home.view.active .today-more-toggle {
  display: none !important;
}

#home.view.active {
  max-width: none !important;
  width: 100% !important;
}

#home.view.active > .daily-life-command {
  width: 100% !important;
  max-width: none !important;
}

#home.view.active .daily-life-command {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#home.view.active
.daily-checklist-workspace[data-today-unified="true"],
#home.view.active .medication-dashboard {
  max-width: none !important;
  width: 100% !important;
}


/* ==========================================================
   Genesis Today Flow structural shell correction v1.0
   Today uses the available main workspace instead of the
   globally centered 1440px content rail.
   ========================================================== */

#genesisMain:has(#home.view.active) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#genesisMain:has(#home.view.active) > #home.view.active {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Defensive only. These are structurally removed above. */
#home.view.active .today-hero,
#home.view.active .today-accessibility-summary,
#home.view.active .today-more-link,
#home.view.active #todayMoreButton {
  display: none !important;
}

/* ============================================================
   Genesis Light Mode Visual Parity v1.0
   Version date: 08-13-2026
   Scope:
   - Global light sidebar parity
   - Today Flow light presentation
   - Readable dark controls
   - Plan template-pill contrast
   - Dark mode intentionally unchanged
   ============================================================ */


/* ------------------------------------------------------------
   GLOBAL LIGHT CANVAS
   ------------------------------------------------------------ */

html[data-theme="light"] body,
html[data-theme="light"] .shell,
html[data-theme="light"] #genesisMain {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
}


/* ------------------------------------------------------------
   GLOBAL LIGHT SIDEBAR
   ------------------------------------------------------------ */

html[data-theme="light"] .shell > aside,
html[data-theme="light"] #sidebar,
html[data-theme="light"] .sidebar {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  border-right: 1px solid rgba(60,60,67,.18) !important;
}


/* Brand */

html[data-theme="light"] .shell > aside .brand,
html[data-theme="light"] .shell > aside .brand strong,
html[data-theme="light"] #sidebar .brand,
html[data-theme="light"] #sidebar .brand strong {
  color: #1d1d1f !important;
}

html[data-theme="light"] .shell > aside .brand small,
html[data-theme="light"] #sidebar .brand small,
html[data-theme="light"] .shell > aside small,
html[data-theme="light"] #sidebar small {
  color: #8e8e93 !important;
}

html[data-theme="light"] .shell > aside .brand-mark,
html[data-theme="light"] #sidebar .brand-mark {
  background: #e6e6eb !important;
  border-color: rgba(60,60,67,.14) !important;
  color: #1d1d1f !important;
}


/* Navigation */

html[data-theme="light"] .shell > aside .nav,
html[data-theme="light"] #sidebar .nav,
html[data-theme="light"] .shell > aside .nav-more summary,
html[data-theme="light"] #sidebar .nav-more summary {
  background: transparent !important;
  border-color: transparent !important;
  color: #3a3a3c !important;
  opacity: 1 !important;
}

html[data-theme="light"] .shell > aside .nav *,
html[data-theme="light"] #sidebar .nav *,
html[data-theme="light"] .shell > aside .nav-more summary *,
html[data-theme="light"] #sidebar .nav-more summary * {
  color: inherit !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] .shell > aside .nav:hover,
html[data-theme="light"] #sidebar .nav:hover,
html[data-theme="light"] .shell > aside .nav-more summary:hover,
html[data-theme="light"] #sidebar .nav-more summary:hover {
  background: #e9e9ed !important;
  color: #1d1d1f !important;
}


/* Active navigation */

html[data-theme="light"] .shell > aside .nav.active,
html[data-theme="light"] #sidebar .nav.active,
html[data-theme="light"] .shell > aside [aria-current="page"],
html[data-theme="light"] #sidebar [aria-current="page"] {
  background: #1d1d1f !important;
  border-color: #1d1d1f !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

html[data-theme="light"] .shell > aside .nav.active *,
html[data-theme="light"] #sidebar .nav.active *,
html[data-theme="light"] .shell > aside [aria-current="page"] *,
html[data-theme="light"] #sidebar [aria-current="page"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] .shell > aside .nav.active::before,
html[data-theme="light"] #sidebar .nav.active::before {
  background: transparent !important;
  box-shadow: none !important;
}


/* Account / authenticated status */

html[data-theme="light"] .shell > aside .storage,
html[data-theme="light"] #sidebar .storage {
  background: #ffffff !important;
  border: 1px solid rgba(60,60,67,.16) !important;
  box-shadow: none !important;
  color: #6e6e73 !important;
}

html[data-theme="light"] .shell > aside .storage *,
html[data-theme="light"] #sidebar .storage * {
  color: #6e6e73 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .shell > aside #logoutButton,
html[data-theme="light"] #sidebar #logoutButton {
  background: #eeeef1 !important;
  border-color: rgba(60,60,67,.14) !important;
  color: #1d1d1f !important;
}


/* Search / command */

html[data-theme="light"] .shell > aside .command-hint,
html[data-theme="light"] #sidebar .command-hint,
html[data-theme="light"] .shell > aside .search-or-command,
html[data-theme="light"] #sidebar .search-or-command {
  background: #ffffff !important;
  border: 1px solid rgba(60,60,67,.18) !important;
  box-shadow: none !important;
  color: #1d1d1f !important;
}


/* ------------------------------------------------------------
   TODAY LIGHT TOKENS
   ------------------------------------------------------------ */

html[data-theme="light"] #home.today-view {
  --today-bg: #f5f5f7;
  --today-surface: #ffffff;
  --today-surface-2: #f7f7f9;
  --today-surface-3: #eeeef1;
  --today-column: #f3f4f7;

  --today-text: #1d1d1f;
  --today-secondary: #6e6e73;
  --today-muted: #8e8e93;

  --today-border: rgba(60,60,67,.16);
  --today-border-strong: rgba(60,60,67,.24);

  --today-blue: #007aff;
  --today-pending: #8e8e93;
  --today-doing: #c58a18;
  --today-done: #3f9256;

  --today-doing-bg: #fff8e8;
  --today-done-bg: #f1faf3;

  background: #f5f5f7 !important;
  color: #1d1d1f !important;
}


/* ------------------------------------------------------------
   TODAY PRIMARY SURFACES
   ------------------------------------------------------------ */

html[data-theme="light"] #home .medication-dashboard,
html[data-theme="light"] #home .daily-checklist-workspace[data-today-unified="true"] {
  background: #ffffff !important;
  border: 1px solid rgba(60,60,67,.14) !important;
  box-shadow: none !important;
  color: #1d1d1f !important;
}

html[data-theme="light"] #home .medication-dashboard h2,
html[data-theme="light"] #home .daily-checklist-workspace h2,
html[data-theme="light"] #home .daily-checklist-workspace h3,
html[data-theme="light"] #home .daily-checklist-workspace strong {
  color: #1d1d1f !important;
}

html[data-theme="light"] #home .medication-dashboard .eyebrow,
html[data-theme="light"] #home .daily-checklist-workspace .eyebrow,
html[data-theme="light"] #home .daily-checklist-workspace .meta,
html[data-theme="light"] #home .daily-checklist-workspace small {
  color: #6e6e73 !important;
}


/* ------------------------------------------------------------
   PRIMARY BLUE ACTIONS
   ------------------------------------------------------------ */

html[data-theme="light"] button.primary,
html[data-theme="light"] .primary,
html[data-theme="light"] #home #addPersonalChecklistItem {
  background: #007aff !important;
  border-color: #007aff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* ------------------------------------------------------------
   TODAY DOMAIN FILTERS
   ------------------------------------------------------------ */

html[data-theme="light"]
#home.view.active
.today-kanban-filters button {
  background: #2c2c2e !important;
  border: 1px solid #3a3a3c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"]
#home.view.active
.today-kanban-filters button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"]
#home.view.active
.today-kanban-filters button:hover {
  background: #3a3a3c !important;
  border-color: #48484a !important;
}

html[data-theme="light"]
#home.view.active
.today-kanban-filters button.active {
  background: #1d1d1f !important;
  border-color: #1d1d1f !important;
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   TODAY KANBAN BOARD
   ------------------------------------------------------------ */

html[data-theme="light"] #home .today-kanban-board {
  background: transparent !important;
}

html[data-theme="light"] #home .today-kanban-column {
  background: #f3f4f7 !important;
  border: 1px solid rgba(60,60,67,.14) !important;
  box-shadow: none !important;
}


/* Column headers */

html[data-theme="light"]
#home.today-view
.today-kanban-column
.today-kanban-column-header {
  background: #050505 !important;
  border-color: #050505 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"]
#home.today-view
.today-kanban-column
.today-kanban-column-header * {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] #home .today-kanban-count,
html[data-theme="light"] #home .today-kanban-column-count {
  background: #2c2c2e !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
}


/* Arena headers */

html[data-theme="light"]
#home.today-view
.today-kanban-arena-header {
  background: #050505 !important;
  border-color: #050505 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"]
#home.today-view
.today-kanban-arena-header * {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* ------------------------------------------------------------
   TODAY CARDS
   ------------------------------------------------------------ */

html[data-theme="light"] #home .today-kanban-card {
  background: #ffffff !important;
  border: 1px solid rgba(60,60,67,.16) !important;
  box-shadow: none !important;
  color: #1d1d1f !important;
}

html[data-theme="light"] #home .today-kanban-card:hover {
  background: #fafafc !important;
  border-color: rgba(60,60,67,.24) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
}

html[data-theme="light"] #home .today-kanban-card-title,
html[data-theme="light"] #home .today-kanban-card strong {
  color: #1d1d1f !important;
}

html[data-theme="light"] #home .today-kanban-taxonomy,
html[data-theme="light"] #home .today-kanban-card .meta,
html[data-theme="light"] #home .today-kanban-card small {
  color: #6e6e73 !important;
  opacity: 1 !important;
}


/* Pending */

html[data-theme="light"]
#home
.today-kanban-card[data-kanban-status="pending"] {
  background: #ffffff !important;
  border-left: 3px solid #8e8e93 !important;
}


/* Doing */

html[data-theme="light"]
#home
.today-kanban-card[data-kanban-status="doing"] {
  background: #fff8e8 !important;
  border-color: #e8d39d !important;
  border-left: 3px solid #c58a18 !important;
}

html[data-theme="light"] #home .today-kanban-status-time-doing {
  color: #9a6b10 !important;
  font-weight: 700 !important;
}


/* Done */

html[data-theme="light"]
#home
.today-kanban-card[data-kanban-status="completed"] {
  background: #f1faf3 !important;
  border-color: #c9e3cf !important;
  border-left: 3px solid #3f9256 !important;
}

html[data-theme="light"] #home .today-kanban-status-time-completed {
  color: #307744 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #home .today-kanban-status-time-history {
  color: #6e6e73 !important;
}


/* ------------------------------------------------------------
   TODAY CARD CONTROLS
   ------------------------------------------------------------ */

html[data-theme="light"]
#home.view.active
.today-kanban-card
button {
  background: #2c2c2e !important;
  border-color: #3a3a3c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"]
#home.view.active
.today-kanban-card
button * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html[data-theme="light"]
#home.view.active
.today-kanban-drag-handle {
  background: #2c2c2e !important;
  border-color: #3a3a3c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] #home .today-kanban-card-menu {
  background: #eeeef1 !important;
  border-color: rgba(60,60,67,.14) !important;
  color: #2c2c2e !important;
}


/* ------------------------------------------------------------
   TODAY EMPTY STATES
   ------------------------------------------------------------ */

html[data-theme="light"] #home .today-kanban-empty,
html[data-theme="light"] #home .today-kanban-dropzone-empty,
html[data-theme="light"] #home .today-kanban-column-placeholder {
  background: #fafafc !important;
  border-color: rgba(60,60,67,.18) !important;
  color: #6e6e73 !important;
  opacity: 1 !important;
}

html[data-theme="light"] #home .today-kanban-empty *,
html[data-theme="light"] #home .today-kanban-dropzone-empty *,
html[data-theme="light"] #home .today-kanban-column-placeholder * {
  color: #6e6e73 !important;
  opacity: 1 !important;
}


/* ------------------------------------------------------------
   TODAY DRAG FEEDBACK
   ------------------------------------------------------------ */

html[data-theme="light"] #home .today-kanban-card.dragging {
  background: #eef5ff !important;
  border-color: #82a9e6 !important;
}

html[data-theme="light"] #home .today-kanban-column-pending.drag-over {
  background: #f0f1f5 !important;
  border-color: #8e8e93 !important;
}

html[data-theme="light"] #home .today-kanban-column-doing.drag-over {
  background: #fff5dc !important;
  border-color: #c58a18 !important;
}

html[data-theme="light"] #home .today-kanban-column-completed.drag-over {
  background: #edf8f0 !important;
  border-color: #3f9256 !important;
}


/* ------------------------------------------------------------
   PLAN TEMPLATE PILLS
   ------------------------------------------------------------ */

html[data-theme="light"] .os-templates button {
  background: #2c2c2e !important;
  border-color: #3a3a3c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"] .os-templates button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"] .os-templates button:hover {
  background: #3a3a3c !important;
  border-color: #48484a !important;
}


/* ------------------------------------------------------------
   ACCESSIBILITY
   ------------------------------------------------------------ */

html[data-theme="light"] :focus-visible {
  outline: 2px solid #007aff !important;
  outline-offset: 2px !important;
}