/* AtticusBeta v6.9.23 — Chart.js dashboard charts + Usage Signals / Archived readability */
:root{
  --ab23-dark:#111914;
  --ab23-dark-2:#1B2720;
  --ab23-cream:#F4E8D6;
  --ab23-cream-muted:#DDD0BE;
  --ab23-orange:#D48655;
  --ab23-sage:#A5B5A5;
}

/* Usage Signals: this is a dark technical surface, so all information is light. */
body .stage > section.view.page-view[data-view="dashboard"] #dashboardRadar .personal-radar-row{
  background-color:var(--ab23-dark-2) !important;
  background:linear-gradient(180deg,#1E2B24,#121B16) !important;
  color:var(--ab23-cream) !important;
  border-color:rgba(244,232,214,.15) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardRadar .personal-radar-row strong{
  color:var(--ab23-cream) !important;
  -webkit-text-fill-color:var(--ab23-cream) !important;
  opacity:1 !important;
  font-size:11px !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardRadar .personal-radar-row em{
  color:var(--ab23-cream-muted) !important;
  -webkit-text-fill-color:var(--ab23-cream-muted) !important;
  opacity:1 !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardRadar .personal-radar-row b{
  color:var(--ab23-orange) !important;
  -webkit-text-fill-color:var(--ab23-orange) !important;
  opacity:1 !important;
}

/* Chart.js owns the chart rendering now. Keep the cards calm and presentation-quality. */
body .stage > section.view.page-view[data-view="dashboard"] .chartjs-chart-card{
  min-height:218px !important;
  grid-template-rows:auto minmax(126px,1fr) 30px !important;
  gap:10px !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .chartjs-chart-stage{
  position:relative !important;
  width:100% !important;
  height:132px !important;
  min-height:132px !important;
  padding:8px 8px 3px !important;
  margin:4px 0 0 !important;
  border:1px solid rgba(244,232,214,.09) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.045)) !important;
  overflow:hidden !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .chartjs-chart-stage canvas{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-top strong,
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-top span,
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-readout{
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-library-fallback{
  height:100%;
  display:grid;
  place-items:center;
  padding:12px;
  color:var(--ab23-cream-muted) !important;
  -webkit-text-fill-color:var(--ab23-cream-muted) !important;
  font-size:10px;
  text-align:center;
}

/* Archived conversations: dark row = light copy, without relying on inherited legacy colors. */
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="recoverable"] #recoverableList .project-row,
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="recoverable"] #recoverableList .archive-card{
  background-color:var(--ab23-dark-2) !important;
  background:linear-gradient(180deg,#202C25,#151E19) !important;
  border-color:rgba(244,232,214,.15) !important;
  color:var(--ab23-cream) !important;
}
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="recoverable"] #recoverableList :is(.project-title,.archive-title,strong){
  color:var(--ab23-cream) !important;
  -webkit-text-fill-color:var(--ab23-cream) !important;
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="recoverable"] #recoverableList :is(.project-copy,.archive-copy,.archive-meta){
  color:var(--ab23-cream-muted) !important;
  -webkit-text-fill-color:var(--ab23-cream-muted) !important;
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="recoverable"] #recoverableList :is(.project-state,.archive-meta){
  color:var(--ab23-orange) !important;
  -webkit-text-fill-color:var(--ab23-orange) !important;
}

@media(max-width:760px){
  body .stage > section.view.page-view[data-view="dashboard"] .chartjs-chart-card{
    min-height:205px !important;
  }
  body .stage > section.view.page-view[data-view="dashboard"] .chartjs-chart-stage{
    height:118px !important;
    min-height:118px !important;
  }
}