.admin-main{max-width:960px;margin:0 auto;padding:24px 24px 40px;}
.overview-main h1,.settings-card h1{font-size:24px;line-height:1.25;margin:0 0 8px;font-weight:600;}
.overview-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 16px;margin-bottom:24px;}
.overview-head h1{margin:0;margin-right:auto;}
.overview-meta{margin:0;color:var(--muted);font-size:12px;}
#overview-refresh{background:transparent;color:var(--text);border-color:var(--line);font-weight:500;min-height:36px;padding:6px 12px;}
#overview-refresh:hover{background:var(--banner);border-color:var(--line);}
.overview-spend-line{display:none;}
.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.agent-card{padding:20px;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;gap:12px;}
.agent-card h2{margin:0;font-size:18px;font-weight:600;}
.agent-desc,.agent-avail,.agent-source,.agent-meta{margin:0;font-size:12px;color:var(--muted);}
.agent-model{margin:0;font-size:14px;}
.agent-usage{display:flex;flex-direction:column;gap:8px;}
.agent-usage p{margin:0;font-size:16px;}
.agent-usage .agent-meta{font-size:12px;}
.spend-bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden;}
#astra-spend-bar{display:block;height:100%;width:0;background:var(--accent);border-radius:4px;}
.agent-links{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:12px 16px;}
.agent-links a{font-size:14px;font-weight:500;text-decoration:none;}
.agent-links a:hover{text-decoration:underline;}
.app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;}
.app-bar-actions{gap:12px;}
.app-bar-actions .nav-link{
  background:transparent;color:var(--header-text);border-color:transparent;font-weight:500;
  min-height:36px;padding:6px 12px;
}
.app-bar-actions .nav-link:hover{background:var(--header-hover);border-color:transparent;}
.app-bar-actions .nav-link[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--header-button);}
#logout{background:transparent;color:var(--header-text);border-color:var(--header-border);font-weight:500;min-height:36px;padding:6px 12px;}
#logout:hover{background:var(--header-hover);}
#signed-in{display:none;}
.settings-card{padding:24px;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;gap:24px;}
.settings-card .intro{margin:0;color:var(--muted);font-size:14px;}
.settings-group{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:12px;min-width:0;}
.settings-group legend{padding:0;margin:0 0 4px;font-size:14px;font-weight:600;}
.settings-card label{gap:6px;font-size:14px;}
.settings-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;}
.selects-row label,.limits-row label{width:auto;flex:0 1 auto;}
.settings-card select{
  width:auto;max-width:100%;min-height:40px;height:40px;padding:8px 28px 8px 12px;
  color:var(--text);background:var(--card);border:1px solid var(--input-line);border-radius:4px;
  font:inherit;font-size:14px;
}
#model{min-width:16ch;}
#reasoning{min-width:12ch;}
.limits-row input{width:12ch;max-width:100%;min-height:40px;font-size:14px;}
.settings-card textarea{width:100%;font-size:14px;}
.settings-card #save{align-self:flex-start;width:auto;min-height:40px;padding:8px 16px;}
#save-status{margin:0;font-size:13px;color:var(--muted);}
#save-status:empty{display:none;}
#view-inbox:not([hidden]){display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 64px);}
.inbox-list{background:#fff;border-right:1px solid var(--line);overflow:auto;padding:8px 0;}
.inbox-list ul{list-style:none;margin:0;padding:0;}
.inbox-list li{display:block;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer;color:inherit;font:inherit;}
.inbox-list li:hover,.inbox-list li.active{background:#f0f0fa;}
.inbox-list .who{font-weight:600;font-size:13px;}
.inbox-list .meta{color:var(--muted);font-size:12px;margin:4px 0 0;}
.inbox-thread{padding:20px 24px 40px;overflow:auto;background:#f5f5f5;min-width:0;}
.inbox-thread .msg{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 12px;max-width:100%;}
.msg .cost{color:var(--muted);font-size:12px;}
.msg pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-width:100%;margin:8px 0 0;}
details.sql{margin-top:8px;font-size:13px;max-width:100%;}
details.sql summary{cursor:pointer;color:var(--accent-press);}
details.sql pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;}
@media (max-width:720px){
  .admin-main{padding:16px 16px 32px;}
  #view-inbox:not([hidden]){grid-template-columns:minmax(0,1fr);}
  .inbox-list{border-right:0;border-bottom:1px solid var(--line);max-height:220px;}
  .limits-row input{width:100%;}
}
@media (max-width:520px){
  .app-bar-actions{width:100%;}
  .app-nav{flex:1 1 auto;}
}

/* Astra Overview: presentation only; data and request paths unchanged. */
.overview-main .agent-grid{grid-template-columns:minmax(0,1fr);}
#astra-card{padding:32px;gap:24px;border:1px solid #dbe5ee;border-top:4px solid #0891b2;background:#fff;box-shadow:0 8px 28px #16324f08;}
#astra-card .agent-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;}
#astra-card h2{font-size:30px;font-weight:750;letter-spacing:-.6px;color:#142d49;}
.agent-eyebrow{margin:0 0 4px;color:#52677c;font-size:12px;font-weight:700;letter-spacing:1px;}
#astra-card .agent-avail{display:block;flex:none;width:12px;height:12px;border-radius:50%;background:#b91c1c;box-shadow:0 0 0 5px #fef2f2;}
#astra-card .agent-avail[data-state="up"]{background:#15803d;box-shadow:0 0 0 5px #f0fdf4;}
#astra-card .agent-avail[data-state="slow"]{background:#b45309;box-shadow:0 0 0 5px #fffbeb;}
#astra-card .metric-label{display:block;font-size:12px;font-weight:700;color:#425a70;line-height:1.5;}
#astra-card .metric-value{display:block;font-size:18px;font-weight:700;line-height:1.4;color:#142d49;overflow-wrap:anywhere;}
#astra-card .metric-detail{display:block;font-size:12px;line-height:1.6;color:#52677c;margin-top:4px;}
#astra-card .agent-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;padding:24px;background:#f5f9fc;border:1px solid #e2ebf2;border-radius:12px;}
#astra-card .agent-usage p{margin:0;min-width:0;}
#astra-questions .metric-value,#astra-spend .metric-value,#astra-spend-month .metric-value{font-size:40px;letter-spacing:-1px;}
#astra-spend .metric-value,#astra-spend-month .metric-value{color:#0e7490;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;overflow:hidden;}
.spend-metric{min-width:0;grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.spend-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;width:100%;min-width:0;}
#astra-spend,#astra-spend-month{min-width:0;padding-right:0;}
#spend-reset{position:static;top:auto;right:auto;width:auto;min-height:28px;padding:3px 8px;font-size:12px;font-weight:600;background:#fff;color:#155e75;border:1px solid #bdd4df;border-radius:5px;}
#spend-reset:hover{background:#e8f3f8;}
#spend-reset:disabled{opacity:.6;}
#astra-card #spend-reset-status{font-size:12px;color:#92400e;}
#spend-reset-status:empty{display:none;}
#astra-card .spend-bar{grid-column:1/-1;height:6px;background:#dce8f0;}
#astra-spend-limit,.onboarding-spend-limit{grid-column:1/-1;margin:0;text-align:right;min-width:0;}
#astra-spend-limit .metric-label,.onboarding-spend-limit .metric-label{display:block;font-size:12px;font-weight:700;color:#425a70;line-height:1.5;}
#astra-spend-limit .metric-value,.onboarding-spend-limit .metric-value{display:block;font-size:16px;font-weight:700;line-height:1.4;color:#0e7490;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;}
.usage-meta-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;width:100%;min-width:0;}
.usage-meta-row p{margin:0;min-width:0;}
#astra-onboarding-card .onboarding-questions{grid-column:1/-1;}
#astra-spend-bar{background:#0891b2;}
#astra-card #astra-unsuccessful .metric-value{color:#92400e;font-size:26px;}
#astra-card .agent-links{padding-top:20px;border-top:1px solid #e2ebf2;margin:0;gap:24px;}
#astra-card .agent-links a{font-weight:700;color:#155e75;}
#astra-card a:focus-visible{outline:2px solid #0e7490;outline-offset:5px;}
@media(max-width:520px){#astra-card{padding:22px;gap:20px;}#astra-card .agent-usage{padding:18px;grid-template-columns:minmax(0,1fr);gap:20px;}#astra-card h2{font-size:28px;}#astra-card .metric-value{font-size:16px;}}

/* Display-only onboarding card; no runtime or spend bindings. */
#astra-onboarding-card{padding:32px;gap:24px;border:1px solid #dbe5ee;border-top:4px solid #0891b2;background:#fff;box-shadow:0 8px 28px #16324f08;}
#astra-onboarding-card .agent-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;}
#astra-onboarding-card h2{font-size:30px;font-weight:750;letter-spacing:-.6px;color:#142d49;}
#astra-onboarding-card .agent-avail{display:block;flex:none;width:12px;height:12px;border-radius:50%;background:#b91c1c;box-shadow:0 0 0 5px #fef2f2;}
#astra-onboarding-card .agent-avail[data-state="up"]{background:#15803d;box-shadow:0 0 0 5px #f0fdf4;}
#astra-onboarding-card .agent-avail[data-state="slow"]{background:#b45309;box-shadow:0 0 0 5px #fffbeb;}
#astra-onboarding-card .metric-label{display:block;font-size:12px;font-weight:700;color:#425a70;line-height:1.5;}
#astra-onboarding-card .metric-value{display:block;font-size:18px;font-weight:700;line-height:1.4;color:#142d49;overflow-wrap:anywhere;}
#astra-onboarding-card .metric-detail{display:block;font-size:12px;line-height:1.6;color:#52677c;margin-top:4px;}
#astra-onboarding-card .agent-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;padding:24px;background:#f5f9fc;border:1px solid #e2ebf2;border-radius:12px;}
#astra-onboarding-card .agent-usage p{margin:0;min-width:0;}
#astra-onboarding-card .spend-bar{grid-column:1/-1;height:6px;background:#dce8f0;}
#astra-onboarding-card .onboarding-unsuccessful .metric-value{color:#92400e;font-size:26px;}
@media(max-width:520px){#astra-onboarding-card{padding:22px;gap:20px;}#astra-onboarding-card .agent-usage{padding:18px;grid-template-columns:minmax(0,1fr);gap:20px;}#astra-onboarding-card h2{font-size:28px;}#astra-onboarding-card .metric-value{font-size:16px;}}
#astra-onboarding-card .agent-avail[data-state="neutral"]{background:#64748b;box-shadow:0 0 0 5px #f1f5f9;}
#astra-onboarding-card .onboarding-questions .metric-value,#astra-onboarding-card .onboarding-spend .metric-value,#astra-onboarding-card .onboarding-spend-month .metric-value{font-size:40px;letter-spacing:-1px;}
#astra-onboarding-card .onboarding-spend .metric-value,#astra-onboarding-card .onboarding-spend-month .metric-value{color:#0e7490;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;overflow:hidden;}
@media(min-width:1200px){.overview-main{max-width:1600px;}.overview-main .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.spend-figures,.usage-meta-row{grid-template-columns:minmax(0,1fr);}#astra-spend .metric-value,#astra-spend-month .metric-value,#astra-onboarding-card .onboarding-spend .metric-value,#astra-onboarding-card .onboarding-spend-month .metric-value{font-size:28px;letter-spacing:-0.5px;}}

/* Saved dark theme: preserve the existing light status-card surfaces and readable text. */
:root[data-theme="dark"] .agent-card{--muted:#52677c;--text:#142d49;}
:root[data-theme="dark"] .inbox-list,:root[data-theme="dark"] .inbox-list li,:root[data-theme="dark"] .inbox-thread .msg{background:var(--card);}
:root[data-theme="dark"] .inbox-thread{background:var(--page);}
:root[data-theme="dark"] .inbox-list li:hover,:root[data-theme="dark"] .inbox-list li.active{background:var(--selected);}
:root[data-theme="dark"] .inbox-list .meta,:root[data-theme="dark"] .msg .cost{color:var(--muted);}

/* Each agent owns its settings surface; headings stay in the same card. */
.agent-body:not([hidden]){display:flex;flex-direction:column;gap:24px;min-width:0;}
.agent-settings[hidden],.agent-body[hidden]{display:none!important;}
.agent-settings{padding:0;border:0;color:#142d49;--card:#fff;--text:#142d49;--muted:#52677c;--input-line:#bdd4df;}
.agent-settings h3{margin:0;font-size:20px;color:#142d49;}
.settings-actions{display:flex;gap:12px;flex-wrap:wrap;}
.agent-settings input,.agent-settings textarea{color:#142d49;background:#fff;}
.agent-settings label{min-width:0;max-width:100%;}

#astra-card .usage-top-row{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;}
#astra-questions{flex:1 1 auto;min-width:0;}
#spend-reset{flex:0 0 auto;margin-left:auto;white-space:nowrap;}
#spend-reset-status{grid-column:1/-1;}
@media(max-width:520px){#spend-reset{font-size:10px;padding:3px 5px;}#astra-questions .metric-label{font-size:11px;}}

.overview-section{margin:0 0 32px;}
.overview-section:last-of-type{margin-bottom:0;}
.overview-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#142d49;letter-spacing:-.2px;}
#overview-live-data[hidden]{display:none!important;}
#astra-live-card{padding:32px;gap:24px;border:1px solid #dbe5ee;border-top:4px solid #0891b2;background:#fff;box-shadow:0 8px 28px #16324f08;}
#astra-live-card .agent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
#astra-live-card h2{font-size:30px;font-weight:750;letter-spacing:-.6px;color:#142d49;}
#astra-live-card .agent-source{margin:0;font-size:12px;font-weight:700;letter-spacing:.6px;color:#155e75;background:#e8f3f8;border:1px solid #bdd4df;border-radius:999px;padding:4px 10px;white-space:nowrap;}
#astra-live-card .agent-avail{display:block;flex:none;width:12px;height:12px;border-radius:50%;background:#64748b;box-shadow:0 0 0 5px #f1f5f9;}
#astra-live-card .metric-label{display:block;font-size:12px;font-weight:700;color:#425a70;line-height:1.5;}
#astra-live-card .metric-value{display:block;font-size:18px;font-weight:700;line-height:1.4;color:#142d49;}
#astra-live-status{margin:0;font-size:14px;color:#52677c;}
.live-connect-form{display:flex;flex-direction:column;gap:16px;}
.live-connect-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#142d49;}
.live-connect-form input[type="text"],.live-connect-form input[type="password"]{min-height:40px;padding:8px 12px;border:1px solid #bdd4df;border-radius:4px;font:inherit;font-size:14px;color:#142d49;background:#fff;}
.live-connect-form .settings-actions{align-items:center;}
.live-connect-form button{width:auto;min-height:40px;padding:8px 16px;font-weight:600;}
.live-switch{flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#142d49;white-space:nowrap;}
.live-switch input{width:auto;min-height:0;accent-color:#0891b2;}
@media(max-width:520px){#astra-live-card{padding:22px;gap:20px;}#astra-live-card h2{font-size:28px;}}