/* AtticusBeta v6.9.22 — Focus spacing, code readability, dashboard chart polish, usage readability */
:root{
  --ab22-paper:#F4EEE4;
  --ab22-ink:#17211C;
  --ab22-dark:#111914;
  --ab22-dark-2:#1B2720;
  --ab22-cream:#F6EBDC;
  --ab22-orange:#C97849;
  --ab22-sage:#8EA495;
}

/* Focus wordmark: smaller, branded, and clearly separated from the work window. */
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-header{
  padding-top:14px !important;
  padding-bottom:20px !important;
  margin-bottom:8px !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-kicker{
  margin-bottom:8px !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo{
  font-size:clamp(34px,4.1vw,58px) !important;
  line-height:.94 !important;
  margin:0 auto !important;
  color:var(--ab22-ink) !important;
  text-shadow:none !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo .brace{
  color:#26332D !important;
  -webkit-text-fill-color:#26332D !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo .att{
  color:var(--ab22-sage) !important;
  -webkit-text-fill-color:var(--ab22-sage) !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo .bet{
  color:var(--ab22-orange) !important;
  -webkit-text-fill-color:var(--ab22-orange) !important;
}

/* Returned code/text blocks: absolute light-on-dark readability lock. */
body .app .stage .code-card,
body .app .stage .code-card pre,
body .app .stage .code-card code,
body .app .stage .code-card pre code,
body .app .stage .code-card pre code *,
body .app .stage .response-content .code-card code,
body .app .stage .response-content .code-card code *,
body .app .stage .focus-response .code-card code,
body .app .stage .focus-response .code-card code *{
  background-color:#0C1510 !important;
  color:var(--ab22-cream) !important;
  -webkit-text-fill-color:var(--ab22-cream) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body .app .stage .code-card .code-card-head,
body .app .stage .code-card .code-card-head *{
  background-color:#253129 !important;
  color:var(--ab22-cream) !important;
  -webkit-text-fill-color:var(--ab22-cream) !important;
  opacity:1 !important;
}
body .app .stage .code-card .code-copy-button{
  background:#F7F1E8 !important;
  color:var(--ab22-ink) !important;
  -webkit-text-fill-color:var(--ab22-ink) !important;
}

/* Dashboard charts: restrained professional line/area treatment. */
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-card{
  min-height:178px !important;
  grid-template-rows:auto 86px 28px !important;
  gap:10px !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-stage{
  min-height:82px !important;
  margin:8px 0 2px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.045)) !important;
  border:1px solid rgba(246,235,220,.08) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-sparkline{
  height:72px !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-sparkline polyline{
  fill:none !important;
  stroke:#D28A5C !important;
  stroke-width:2.1 !important;
  stroke-linejoin:round !important;
  stroke-linecap:round !important;
  vector-effect:non-scaling-stroke !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-spark-area{
  fill:rgba(142,164,149,.13) !important;
  stroke:none !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-gridline{
  stroke:rgba(246,235,220,.09) !important;
  stroke-width:1 !important;
  vector-effect:non-scaling-stroke !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-points{
  inset:5px 0 5px 0 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-point{
  width:6px !important;
  height:6px !important;
  border:1px solid #F6EBDC !important;
  background:#C97849 !important;
  opacity:.88 !important;
  box-shadow:0 0 0 2px rgba(201,120,73,.12) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-point:hover,
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-point:focus-visible{
  width:8px !important;
  height:8px !important;
  opacity:1 !important;
  outline:none !important;
  box-shadow:0 0 0 4px rgba(201,120,73,.18) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-barline{
  display:none !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-readout{
  min-height:28px !important;
  display:flex !important;
  align-items:center !important;
  padding:5px 9px !important;
  border:1px solid rgba(246,235,220,.10) !important;
  background:#101813 !important;
  color:var(--ab22-cream) !important;
  -webkit-text-fill-color:var(--ab22-cream) !important;
  font-size:11px !important;
}

/* Usage & Limits: larger copy and unambiguous cream-on-dark rows. */
body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel,
body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel *{
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel .personal-panel-copy{
  color:#554C43 !important;
  -webkit-text-fill-color:#554C43 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  margin-bottom:10px !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel .personal-usage-row{
  color:var(--ab22-cream) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel .personal-usage-row strong{
  color:var(--ab22-cream) !important;
  -webkit-text-fill-color:var(--ab22-cream) !important;
  font-size:12px !important;
  line-height:1.3 !important;
  letter-spacing:.08em !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel .personal-usage-row span{
  color:#E7DAC7 !important;
  -webkit-text-fill-color:#E7DAC7 !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}

/* Usage by Tool: all descriptive text stays readable on dark tool rows. */
body .stage > section.view.page-view[data-view="dashboard"] #dashboardAppsPanel .personal-app-row,
body .stage > section.view.page-view[data-view="dashboard"] #dashboardAppsPanel .personal-app-row *{
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardAppsPanel .personal-app-row strong{
  color:var(--ab22-cream) !important;
  -webkit-text-fill-color:var(--ab22-cream) !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardAppsPanel .personal-app-row em{
  color:#D8CCBA !important;
  -webkit-text-fill-color:#D8CCBA !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] #dashboardAppsPanel .personal-app-row b{
  color:#E49A68 !important;
  -webkit-text-fill-color:#E49A68 !important;
  font-size:11px !important;
}

/* Settings Add-On Usage & Credits: explicit cream text on the dark usage surface. */
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel{
  background-color:#1B2720 !important;
  color:var(--ab22-cream) !important;
}
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .usage-row,
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .usage-row *,
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .app-usage-breakdown,
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .app-usage-breakdown *{
  color:var(--ab22-cream) !important;
  -webkit-text-fill-color:var(--ab22-cream) !important;
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .usage-row > div:last-child,
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .app-usage-bar strong{
  color:#E49A68 !important;
  -webkit-text-fill-color:#E49A68 !important;
}
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .usage-row span,
body .stage > section.view.page-view[data-view="settings"] [data-settings-card="app-credits"] .settings-usage-panel .usage-row small{
  color:#D8CCBA !important;
  -webkit-text-fill-color:#D8CCBA !important;
  font-size:11px !important;
  line-height:1.45 !important;
}

@media(max-width:760px){
  body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-header{padding-top:10px!important;padding-bottom:14px!important;margin-bottom:4px!important;}
  body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo{font-size:clamp(30px,9vw,46px)!important;}
  body .stage > section.view.page-view[data-view="dashboard"] #dashboardUsagePanel .personal-usage-row span{font-size:11px!important;}
}