/* 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;
  }
}