/* AtticusBeta v6.9.21 — personal usage dashboard + readability lock */
:root{
  --ab21-paper:#F4EEE4;
  --ab21-paper-2:#E9E1D4;
  --ab21-ink:#17211C;
  --ab21-dark:#111914;
  --ab21-dark-2:#1B2720;
  --ab21-cream:#F4E8D6;
  --ab21-orange:#C97849;
  --ab21-sage:#8EA495;
  --ab21-sage-dark:#30483A;
}

/* Welcome modal: primary/open dashboard must always be readable. */
#modal.is-open .personal-welcome-modal + * {}
#modal.is-open #modalActions .modal-btn.primary,
#modal.is-open #modalActions [data-modal-close].modal-btn.primary{
  background:#B9683E !important;
  border-color:#D18A5D !important;
  color:#FFF5E6 !important;
  -webkit-text-fill-color:#FFF5E6 !important;
  opacity:1 !important;
}

/* Focus brand: smaller, breathing room, locked brand colors. */
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-header{
  padding-top:12px !important;
  padding-bottom:12px !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo{
  font-size:clamp(42px,5.2vw,72px) !important;
  line-height:1 !important;
  margin:4px 0 6px !important;
  color:var(--ab21-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(--ab21-sage) !important;
  -webkit-text-fill-color:var(--ab21-sage) !important;
}
body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo .bet{
  color:var(--ab21-orange) !important;
  -webkit-text-fill-color:var(--ab21-orange) !important;
}

/* User message cards: dark surface = light text, no exceptions. */
body .stage :is(.response-content,.thread-body) .message.user,
body .stage .focus-message.user{
  background-color:#654734 !important;
  background:linear-gradient(180deg,#71503A,#5B3F2F) !important;
  border-color:rgba(201,120,73,.78) !important;
  color:var(--ab21-cream) !important;
}
body .stage :is(.response-content,.thread-body) .message.user *,
body .stage .focus-message.user *{
  color:var(--ab21-cream) !important;
  -webkit-text-fill-color:var(--ab21-cream) !important;
  opacity:1 !important;
}
body .stage :is(.response-content,.thread-body) .message.user :is(.message-name,.message-meta,.message-time,.message-author){
  color:#F0B080 !important;
  -webkit-text-fill-color:#F0B080 !important;
}

/* Technical text/code blocks: force light text all the way down. */
body .stage .code-card,
body .stage .code-card pre,
body .stage .code-card code{
  background-color:#0E1712 !important;
  color:#F6EBDC !important;
  -webkit-text-fill-color:#F6EBDC !important;
}
body .stage .code-card pre,
body .stage .code-card pre code,
body .stage .code-card pre code *,
body .stage .code-card code,
body .stage .code-card code *{
  color:#F6EBDC !important;
  -webkit-text-fill-color:#F6EBDC !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body .stage .code-card .code-card-head{
  background:#2A342E !important;
  color:#F6EBDC !important;
}

/* Any dark form field in the main app gets light entered text and visible placeholders. */
body .stage :is(input,textarea,select){
  caret-color:var(--ab21-orange);
}
body .stage :is(.settings-card,.settings-panel,.setting-row,.profile-section,.focus-context-bar,.terminal,.app-filter-bar,.files-explorer) :is(input,textarea,select),
body .stage :is(#focusWorkspaceSelect,#focusConversationSelect,#focusInput,#messengerInput){
  background-color:#0D1511 !important;
  color:#F6EBDC !important;
  -webkit-text-fill-color:#F6EBDC !important;
}
body .stage :is(.settings-card,.settings-panel,.setting-row,.profile-section,.focus-context-bar,.terminal,.app-filter-bar,.files-explorer) :is(input,textarea)::placeholder,
body .stage :is(#focusInput,#messengerInput)::placeholder{
  color:#CFC4B3 !important;
  -webkit-text-fill-color:#CFC4B3 !important;
  opacity:.84 !important;
}
body .stage :is(.settings-card,.settings-panel,.setting-row,.profile-section) select option,
body .stage :is(#focusWorkspaceSelect,#focusConversationSelect) option{
  background:#0D1511 !important;
  color:#F6EBDC !important;
}

/* Personal dashboard: usage only, with the landing palette and clear light/dark contrast. */
body .stage > section.view.page-view[data-view="dashboard"] .personal-usage-dashboard{
  color:var(--ab21-ink) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-hero{
  background-color:var(--ab21-dark-2) !important;
  background:linear-gradient(135deg,#202C25,#152019) !important;
  border:1px solid rgba(201,120,73,.36) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-hero :is(.dashboard-hero-title,.dashboard-hero-copy,.dashboard-chip span,.dashboard-chip strong){
  color:var(--ab21-cream) !important;
  -webkit-text-fill-color:var(--ab21-cream) !important;
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .dashboard-chip{
  background:#101813 !important;
  border-color:rgba(244,232,214,.20) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-panel{
  background-color:#F7F1E8 !important;
  background:linear-gradient(180deg,#FAF5EC,#F0E8DD) !important;
  border-color:rgba(23,33,28,.16) !important;
  color:var(--ab21-ink) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-panel > .personal-panel-head :is(.panel-title,.setting-copy){
  color:var(--ab21-ink) !important;
  -webkit-text-fill-color:var(--ab21-ink) !important;
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] :is(.personal-snapshot-card,.personal-chart-card,.personal-radar-row,.personal-usage-row,.personal-app-row){
  background-color:#17221C !important;
  background:linear-gradient(180deg,#1E2B24,#131C17) !important;
  border-color:rgba(244,232,214,.16) !important;
  color:var(--ab21-cream) !important;
}
body .stage > section.view.page-view[data-view="dashboard"] :is(.personal-snapshot-card,.personal-chart-card,.personal-radar-row,.personal-usage-row,.personal-app-row) *{
  color:var(--ab21-cream) !important;
  -webkit-text-fill-color:var(--ab21-cream) !important;
  opacity:1 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] :is(.personal-snapshot-value,.personal-chart-top em,.personal-app-row>b,.personal-radar-row>b){
  color:#D98B5A !important;
  -webkit-text-fill-color:#D98B5A !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-sparkline polyline{
  stroke:#F0E3D0 !important;
  stroke-width:2.2 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-chart-point,
body .stage > section.view.page-view[data-view="dashboard"] .personal-barline span,
body .stage > section.view.page-view[data-view="dashboard"] .personal-meter span{
  background:#C97849 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-meter.is-hour span{
  background:#8EA495 !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-tool-usage-panel{
  margin-top:18px;
}
body .stage > section.view.page-view[data-view="dashboard"] .personal-tool-usage-row{
  cursor:default !important;
}
body .stage > section.view.page-view[data-view="dashboard"] .dashboard-compat-targets{
  display:none !important;
}

/* Small-screen dashboard keeps existing layout rules but avoids cramped chart text. */
@media(max-width:760px){
  body .stage > section.view.focus-view.is-active[data-view="focus"] .focus-logo{font-size:clamp(34px,10vw,52px)!important;}
  body .stage > section.view.page-view[data-view="dashboard"] .personal-tool-usage-panel{margin-top:12px;}
}