:root {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  color: #162018;
  background: #f5f7f4;
  font-synthesis: none;
  --green: #286448;
  --line: #dce3dc;
  --muted: #657168;
  --danger: #a33d35;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% 0, #e9f1eb, transparent 34rem), #f5f7f4; }
.shell { width: min(1040px, calc(100% - 32px)); margin: auto; padding: 40px 0 80px; }
.topbar, .section-head, .dialog-head, .actions, .account-actions, .row-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.topbar { margin-bottom: 26px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(28px, 5vw, 42px); letter-spacing: -.04em; margin-bottom: 0; }
h2 { letter-spacing: -.025em; }
.eyebrow { color: var(--green); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 6px; }
.card, dialog { background: rgba(255, 255, 255, .92); border: 1px solid rgba(216, 225, 217, .9); box-shadow: 0 18px 50px rgba(33, 59, 42, .08); border-radius: 22px; }
.card { padding: 24px; }
.auth { width: min(470px, 100%); margin: 9vh auto; }
.ai-model { overflow-wrap: anywhere; }
.muted { color: var(--muted); line-height: 1.6; }
.notice { padding: 13px 16px; border-radius: 14px; background: #e8f2ec; color: #28523c; margin-bottom: 20px; }
.notice.error { background: #faece9; color: #8a322c; }
.hidden { display: none !important; }
button, input, select { font: inherit; }
button { border: 0; border-radius: 12px; padding: 11px 16px; font-weight: 650; cursor: pointer; }
.primary { background: var(--green); color: white; }
.secondary { background: #e7eee9; color: #234c38; }
.quiet { background: transparent; color: var(--muted); }
.danger { background: var(--danger); color: white; }
.icon { font-size: 25px; background: transparent; color: var(--muted); padding: 4px 8px; }
button:disabled { opacity: .45; cursor: not-allowed; }
label { display: grid; gap: 7px; margin: 17px 0; font-weight: 600; }
input, select { width: 100%; border: 1px solid var(--line); border-radius: 12px; padding: 12px 13px; background: white; color: inherit; }
input:focus, select:focus { outline: 3px solid rgba(40, 100, 72, .18); border-color: var(--green); }
fieldset { border: 1px solid var(--line); border-radius: 14px; margin: 18px 0; padding: 8px 14px; }
legend { padding: 0 5px; font-weight: 600; }
.check { display: flex; align-items: center; gap: 9px; font-weight: 500; margin: 11px 0; }
.check input { width: auto; }
.switch { padding: 12px 0; }
.warning { background: #fff5df; color: #72551e; padding: 12px 14px; border-radius: 12px; line-height: 1.5; }
.actions { margin-top: 24px; justify-content: flex-end; }
.tabs { display: flex; gap: 6px; padding: 5px; margin-bottom: 28px; border-radius: 15px; background: rgba(226, 233, 227, .78); width: fit-content; }
.tab { background: transparent; color: var(--muted); padding: 9px 15px; }
.tab.active { background: white; color: #1e3929; box-shadow: 0 4px 16px rgba(35, 60, 43, .09); }
.workspace-section { min-height: 280px; }
.summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 34px; }
.metric { display: grid; gap: 8px; }
.metric span, .metric small { color: var(--muted); }
.metric strong { font-size: 30px; }
.offer-list, .stack { display: grid; gap: 13px; }
.offer, .person, .passkey, .audit-event, .invitation { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; }
.offer h3, .person h3, .passkey h3 { margin: 0 0 8px; }
.chips { display: flex; gap: 7px; flex-wrap: wrap; }
.chip, .role-chip { font-size: 12px; padding: 5px 9px; border-radius: 999px; background: #edf2ee; color: #486052; }
.chip.inactive { background: #f1eeee; color: #776966; }
.offer-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.app-picker { max-width: 300px; margin: 0 0 20px; }
.subhead { margin-top: 38px; }
.safety-note { margin-top: 18px; }
.safety-note p { margin: 8px 0 0; }
.empty { text-align: center; color: var(--muted); }
.account-actions { justify-content: flex-end; }
.role-chip { white-space: nowrap; }
.audit-event { grid-template-columns: 1fr auto; }
.audit-event p { margin: 5px 0 0; }
.audit-event time, .invitation time { color: var(--muted); font-size: 13px; }
.person-controls { display: grid; grid-template-columns: repeat(2, minmax(110px, 1fr)); gap: 10px; margin-top: 14px; }
.person-controls label { margin: 0; font-size: 13px; }
.app-checks { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.app-checks label { display: flex; margin: 0; align-items: center; gap: 6px; font-size: 13px; }
.app-checks input { width: auto; }
dialog { width: min(560px, calc(100% - 28px)); border: 0; padding: 26px; color: inherit; }
dialog::backdrop { background: rgba(18, 29, 21, .42); backdrop-filter: blur(5px); }
#preview { line-height: 1.8; }
.pool-list { display: grid; gap: 8px; margin: 16px 0; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.pool { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #edf2ee; border-radius: 12px; padding: 10px 12px; }
.pool button { padding: 7px 10px; }
.pool span { font-size: 13px; }
small { line-height: 1.5; }

@media (max-width: 720px) {
  .shell { width: min(100% - 22px, 1040px); padding-top: 24px; }
  .summary-grid { grid-template-columns: 1fr; }
  .section-head, .topbar { align-items: flex-start; }
  .offer, .person, .passkey, .invitation { grid-template-columns: 1fr; }
  .offer-actions, .row-actions { justify-content: flex-start; flex-wrap: wrap; }
  .account-actions { display: grid; justify-items: end; gap: 5px; }
  .tabs { width: 100%; overflow-x: auto; }
  .tab { white-space: nowrap; flex: 1; }
  .card { padding: 19px; }
  dialog { padding: 20px; }
  .actions button { flex: 1; }
}

@media (prefers-color-scheme: dark) {
  :root { color: #edf5ef; background: #101511; --line: #344139; --muted: #a3afa7; }
  body { background: radial-gradient(circle at 20% 0, #18271d, transparent 34rem), #101511; }
  .card, dialog { background: rgba(25, 32, 27, .96); border-color: #344139; }
  .notice { background: #1b3929; color: #c7e7d3; }
  .notice.error { background: #42231f; color: #f2c4bd; }
  input, select { background: #121814; border-color: #3b4a40; }
  .chip, .role-chip, .pool { background: #29372e; color: #c9d6cd; }
  .warning { background: #3a301d; color: #efdcae; }
  .tabs { background: #1a231d; }
  .tab.active { background: #29372e; color: #edf5ef; }
}

/* AI administration keeps the overview compact and edits on separate screens. */
#ai-view { --ai-surface: #fff; --ai-tint: #eff5f0; }
#ai-view h2 { margin-bottom: 8px; }
#ai-view h2:focus { outline: none; }
#ai-view .section-head p { margin-bottom: 24px; }
.ai-tabs { display: flex; gap: 22px; border-bottom: 1px solid var(--line); margin-bottom: 22px; }
.ai-tabs button { border-radius: 0; background: transparent; padding: 12px 0; color: var(--muted); border-bottom: 2px solid transparent; font-weight: 500; }
.ai-tabs button[aria-selected=true] { color: var(--green); border-bottom-color: var(--green); }
.ai-list, .ai-panel { border: 1px solid var(--line); border-radius: 12px; background: var(--ai-surface); overflow: hidden; }
.ai-row { display: grid; grid-template-columns: minmax(135px,.8fr) minmax(160px,1.5fr) auto; align-items: center; gap: 20px; padding: 21px; }
.ai-row + .ai-row, .ai-history-row + .ai-history-row { border-top: 1px solid var(--line); }
.ai-row strong { font-weight: 600; }
.ai-modelcell { min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
.ai-modelcell small, .ai-history-row small, .ai-id { display: block; font-size: 12px; color: var(--muted); margin-top: 6px; overflow-wrap: anywhere; }
.ai-actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.ai-actions button { padding: 10px 12px; font-size: 14px; min-height: 44px; }
.ai-foot { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-top: 22px; }
.ai-back { padding-left: 0; margin-bottom: 18px; }
.ai-panel { padding: 26px; }
.ai-fields { max-width: 650px; margin: auto; }
.ai-field { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 18px 0; border-bottom: 1px solid var(--line); margin-bottom: 12px; }
.ai-field > span:first-child { flex-shrink: 0; }
.ai-field > span:last-child { text-align: right; overflow-wrap: anywhere; min-width: 0; }
.ai-small { font-size: 12px; }
.ai-catalog-meta { padding: 12px 0; }
.ai-model-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ai-model-option { text-align: left; background: var(--ai-surface); border: 1px solid var(--line); padding: 20px; border-radius: 10px; overflow-wrap: anywhere; }
.ai-model-option:hover { border-color: var(--green); }
.ai-model-option strong, .ai-model-option small, .ai-model-option span { display: block; }
.ai-model-option strong { font-weight: 550; margin-bottom: 8px; }
.ai-model-option small { color: var(--muted); font-size: 12px; font-weight: 400; }
.ai-model-option span { color: var(--green); font-size: 12px; margin-top: 20px; font-weight: 500; }
.ai-diff { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 20px; align-items: center; margin: 10px 0 26px; }
.ai-diff strong { display: block; font-weight: 550; overflow-wrap: anywhere; margin-top: 8px; }
.ai-meter { appearance: none; border: 0; width: 100%; height: 10px; border-radius: 8px; overflow: hidden; background: var(--line); }
.ai-meter::-webkit-progress-bar { background: var(--line); }
.ai-meter::-webkit-progress-value { background: var(--green); }
.ai-meter::-moz-progress-bar { background: var(--green); }
.ai-progress { font-size: 36px; font-weight: 500; color: var(--green); margin: 14px 0; }
.ai-command-status { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 20px; }
.ai-history-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; }
.ai-history-row > div { min-width: 0; }
.ai-history-row button { flex-shrink: 0; }
.ai-price-group { padding: 12px 0; }
.ai-price-group p { font-size: 13px; margin: 5px 0; }
#ai-view button:focus-visible, #ai-view summary:focus-visible { outline: 3px solid #8fb7a0; outline-offset: 3px; }
#ai-view select { min-width: 0; }
@media(max-width:720px) {
  .ai-row { grid-template-columns: 1fr auto; gap: 10px; padding: 17px; }
  .ai-row > strong, .ai-row > div:first-child { grid-column: 1; }
  .ai-row .ai-modelcell { grid-column: 1 / -1; grid-row: 2; }
  .ai-row .ai-actions { grid-column: 2; grid-row: 1; justify-content: flex-end; }
  .ai-model-grid { grid-template-columns: 1fr; }
  .ai-panel { padding: 19px; }
  .ai-tabs { gap: 20px; }
  .ai-tabs button { font-size: 14px; white-space: nowrap; }
  .ai-diff { gap: 12px; font-size: 13px; }
  .ai-field { gap: 16px; font-size: 14px; }
  .ai-catalog-meta { align-items: flex-start; }
  .ai-history-row { padding: 16px; }
}
@media(prefers-color-scheme:dark) {
  #ai-view { --ai-surface: #19201b; --ai-tint: #23352a; --green: #8dbf9f; }
  #ai-view .primary { background: #386c4c; color: #fff; }
  #ai-view .secondary { background: #293c30; color: #c7e2d0; }
}

/* Service operations */
.ops-small { font-size: 13px; margin: 16px 0; }
.ops-two, .ops-app-budgets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.ops-two > *, .ops-function > div { min-width: 0; }
.ops-budget-head, .ops-setting, .ops-function { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ops-budget-head h3 { margin-bottom: 10px; }
.ops-budget-head span { text-align: right; }
#platform-view progress { width: 100%; height: 8px; margin-top: 16px; accent-color: var(--green); }
.ops-app-budgets { border-top: 1px solid var(--line); padding-top: 22px; margin-top: 22px; }
.ops-setting { margin-bottom: 20px; }
.ops-setting p { margin-bottom: 0; }
.ops-facts { margin: 24px 0; }
.ops-facts div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; }
.ops-facts dt { color: var(--muted); font-size: 13px; }
.ops-facts dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.ops-alert { border: 1px solid #be994e; background: #b7851110; padding: 18px 22px; border-radius: 16px; margin-bottom: 20px; }
.ops-alert ul { padding-left: 20px; margin-bottom: 0; line-height: 1.7; }
.ops-function { border-top: 1px solid var(--line); padding: 13px 0; }
.ops-function small, .ops-table small { display: block; color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 4px; }
.ops-function button { flex-shrink: 0; }
.ops-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; }
.ops-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ops-table th, .ops-table td { padding: 14px; text-align: left; border-bottom: 1px solid var(--line); }
.ops-table th { color: var(--muted); font-weight: 500; white-space: nowrap; }
.ops-table td:first-child { min-width: 160px; overflow-wrap: anywhere; }
.ops-bottom { margin-top: 22px; }
.ops-count { float: right; margin-left: 12px; }
.ops-form label { font-size: 14px; }
.ops-form .ops-two { column-gap: 24px; row-gap: 0; }
.ops-form details { margin: 20px 0; }
.ops-form summary { cursor: pointer; color: var(--muted); padding: 12px 0; }
.ops-differences > div { padding: 16px 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; }
.ops-differences strong { font-weight: 500; }
.ops-differences del { color: var(--muted); }
.ops-differences span { overflow-wrap: anywhere; }
@media(max-width:700px) {
 .ops-two, .ops-app-budgets { grid-template-columns: 1fr; }
 .ops-setting { align-items: flex-start; flex-direction: column; }
 .ops-differences > div { flex-direction: column; gap: 8px; }
 #platform-view .section-head { align-items: flex-start; }
 #platform-view .section-head > button { flex-shrink: 0; padding-right: 0; }
 #platform-view .ai-foot { flex-wrap: wrap; }
 .ops-costs { grid-template-columns: 1fr; }
}
@media(prefers-color-scheme:dark) {
 #platform-view .ai-tabs button[aria-selected=true] { color: #90caab; border-bottom-color: #90caab; }
}

/* Operations insights */
#platform-view { --insight-paper:#fff; --insight-free:#528675; --insight-paid:#4867b1; --insight-zero:#c09b5d; --insight-unknown:#a0aba6; --insight-test:#967aae; }
#platform-view .card { box-shadow:none; border:1px solid var(--line); border-radius:14px; background:var(--insight-paper); }
#platform-view h3 { font-size:17px; font-weight:600; letter-spacing:-.02em; }
#platform-view .ai-tabs { gap:26px; overflow-x:auto; }
#platform-view .ai-tabs button { white-space:nowrap; }
.insight-heading { display:flex; gap:16px; align-items:flex-start; justify-content:space-between; }
.insight-heading h3 { margin:8px 0 16px; }
.insight-source { font-size:12px; color:var(--muted); letter-spacing:.02em; }
.insight-status { font-size:11px; line-height:1.5; padding:5px 8px; border:1px solid var(--line); border-radius:6px; color:var(--green); white-space:nowrap; }
.insight-status.uncertain { color:var(--muted); }
.insight-overview { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:20px; }
.insight-bill-values { display:flex; align-items:flex-end; gap:48px; margin:12px 0 22px; font-variant-numeric:tabular-nums; }
.insight-bill-values span { display:block; color:var(--muted); font-size:13px; margin-bottom:9px; }
.insight-bill-values strong { font-size:40px; font-weight:550; letter-spacing:-.045em; }
.insight-bill-values b { font-size:24px; font-weight:500; }
.insight-note { font-size:12px; line-height:1.8; margin-bottom:0; }
.insight-budget h3 { margin:10px 0 20px; }
.insight-budget .secondary { margin-top:12px; }
.insight-budget-app { padding:12px 0; }
.insight-details { margin-top:18px; font-size:13px; }
.insight-details summary { cursor:pointer; padding:10px 0; color:var(--muted); }
.insight-section-title { margin-top:36px; }
.insight-section-title h3 { margin-bottom:5px; }
.insight-filters { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin:18px 0 0; padding:0 0 18px; border-bottom:1px solid var(--line); }
.insight-filters label { margin:0; font-size:11px; font-weight:500; color:var(--muted); gap:5px; }
.insight-filters select { width:auto; min-width:125px; padding:9px 28px 9px 10px; font-size:13px; color:inherit; border-radius:8px; }
.insight-filters>span { font-size:11px; margin:0 0 10px auto; }
.insight-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:26px 0; gap:24px; }
.insight-kpis>div+div { border-left:1px solid var(--line); padding-left:24px; }
.insight-kpis span,.insight-kpis strong,.insight-kpis small { display:block; }
.insight-kpis span { font-size:13px; color:var(--muted); }
.insight-kpis strong { font-size:30px; font-weight:550; font-variant-numeric:tabular-nums; margin:12px 0 7px; letter-spacing:-.035em; }
.insight-kpis small { font-size:11px; color:var(--muted); line-height:1.7; }
.insight-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.insight-composition { height:22px; margin:10px 0 22px; }
.insight-composition svg { width:100%; height:14px; border-radius:4px; overflow:hidden; }
.insight-group,.insight-group-head { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr); gap:8px; align-items:center; font-size:13px; padding:12px 0; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.insight-group-head { font-size:11px; color:var(--muted); padding:0 0 10px; }
.insight-group>span:not(:first-child),.insight-group-head>span:not(:first-child) { text-align:right; }
.insight-group small { display:block; font-size:11px; color:var(--muted); padding-top:5px; }
.insight-group:last-child { border-bottom:0; padding-bottom:0; }
.insight-dot { display:inline-block; width:7px; height:7px; border-radius:2px; margin-right:7px; }
#platform-view .free { fill:var(--insight-free); background:var(--insight-free); }
#platform-view .paid { fill:var(--insight-paid); background:var(--insight-paid); }
#platform-view .zero { fill:var(--insight-zero); background:var(--insight-zero); }
#platform-view .test { fill:var(--insight-test); background:var(--insight-test); }
#platform-view .unknown,#platform-view .uncertain:not(.insight-status) { fill:var(--insight-unknown); background:var(--insight-unknown); }
.insight-trend { width:100%; height:auto; margin:18px 0 0; display:block; overflow:visible; }
.insight-chart-label { fill:var(--muted); font-size:12px; }
.insight-gridline { stroke:var(--line); stroke-width:1; }
.insight-legend { display:flex; flex-wrap:wrap; gap:16px; font-size:11px; color:var(--muted); margin:16px 0; }
.insight-chart-empty { height:210px; display:flex; flex-direction:column; justify-content:center; text-align:center; gap:12px; color:var(--muted); font-size:14px; }
.insight-quality { border-top:1px solid var(--line); padding-top:20px; margin-top:22px; font-size:12px; line-height:1.8; }
.insight-quality strong { font-size:13px; }
.insight-quality p { margin:8px 0; }
.insight-method { padding:18px 0; color:var(--muted); font-size:13px; line-height:1.9; }
.insight-method p { max-width:75ch; }
.insight-cohort-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:20px 0; }
.insight-cohort-grid h3 { margin-top:12px; }
.insight-conversion-number { font-size:48px; letter-spacing:-.04em; font-variant-numeric:tabular-nums; margin:20px 0 12px; }
.insight-cohort-grid p { font-size:13px; color:var(--muted); }
.insight-cohort-wait { padding:12px; background:#5286750c; border:1px dashed var(--line); border-radius:8px; }
.insight-cohort-apps { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:20px; border-top:1px solid var(--line); }
.insight-cohort-apps span,.insight-cohort-apps strong,.insight-cohort-apps small { display:block; }
.insight-cohort-apps span,.insight-cohort-apps small { font-size:11px; color:var(--muted); }
.insight-cohort-apps strong { font-size:20px; margin:8px 0; font-weight:550; }
#platform-view button:focus-visible,#platform-view summary:focus-visible { outline:3px solid #8fb7a0; outline-offset:3px; }
@media(max-width:760px) {
 .insight-overview,.insight-chart-grid,.insight-cohort-grid { grid-template-columns:1fr; }
 .insight-bill-values { gap:32px; }
 .insight-bill-values strong { font-size:36px; }
 .insight-bill-values b { font-size:22px; }
 .insight-kpis { gap:12px; }
 .insight-kpis>div+div { padding-left:12px; }
 .insight-kpis strong { font-size:23px; }
 .insight-kpis span { font-size:11px; }
 .insight-filters { gap:10px; }
 .insight-filters select { min-width:0; padding-right:16px; max-width:100%; }
 .insight-filters>span { width:100%; margin:0; }
 .insight-heading { flex-wrap:wrap; gap:4px; }
 .insight-overview .card,.insight-chart-grid .card { padding:19px; }
 .insight-section-title { margin-top:28px; }
}
@media(prefers-color-scheme:dark) {
 #platform-view { --insight-paper:#19201b; --green:#90caab; --insight-free:#6ea994; --insight-paid:#839ee0; --insight-zero:#bda279; --insight-unknown:#75877d; --insight-test:#aa8cc1; }
 #platform-view .secondary { background:#293c30; color:#c7e2d0; }
 #platform-view .primary { background:#386c4c; color:#fff; }
}

/* Prompt editing keeps long prose readable on narrow screens. */
.prompt-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:28px}.prompt-entry{text-align:left;display:flex;flex-direction:column;gap:8px;min-height:105px;color:inherit}.prompt-entry span{font-size:.88rem;color:var(--muted)}.prompt-form{display:flex;flex-direction:column;gap:24px}.prompt-form label{display:flex;flex-direction:column;gap:8px;min-width:0}.prompt-form textarea{width:100%;min-height:80px;resize:vertical;line-height:1.65;font:inherit;padding:12px;border:1px solid var(--line);border-radius:12px;color:inherit;background:var(--ai-surface)}.prompt-form input,.prompt-form select{min-width:0;width:100%}.prompt-form fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:16px}.prompt-form legend{padding:0 6px;font-weight:600}.prompt-two,.prompt-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.prompt-three{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-form .prompt-check{flex-direction:row;align-items:center;min-height:44px}.prompt-check input{width:20px;height:20px;flex-shrink:0}.prompt-style-layout{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:24px}.prompt-style-list{display:flex;flex-direction:column;gap:8px}.prompt-style-list button{text-align:left;overflow-wrap:anywhere}.prompt-style-list small{display:block;margin-top:6px}.prompt-style-list .selected{border-color:currentColor}.prompt-style-editor{display:flex;flex-direction:column;gap:18px;min-width:0}.prompt-diff{display:flex;flex-direction:column;gap:16px}.prompt-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7}.prompt-version-tabs{display:none}.prompt-form .ai-foot{flex-wrap:wrap}.prompt-form .ai-foot .muted{flex:1 1 180px}
@media(max-width:650px){.prompt-two,.prompt-three,.prompt-style-layout{grid-template-columns:minmax(0,1fr)}.prompt-style-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-entry-grid{grid-template-columns:1fr}.prompt-version-tabs{display:flex;gap:8px;margin-bottom:16px}.prompt-version-tabs button[aria-pressed=true]{border-color:currentColor;font-weight:600}.prompt-diff[data-version=after] .prompt-before,.prompt-diff[data-version=before] .prompt-after{display:none}.prompt-form{padding:16px}}
.prompt-form label{margin:0}.prompt-form fieldset{margin:0}.prompt-style-list button{background:transparent;color:inherit;border:1px solid var(--line);font-weight:500}.prompt-style-list .selected{background:var(--ai-tint);border-color:var(--green)}.prompt-style-list small{color:var(--muted);font-size:.78rem}.prompt-form button:not(.primary):not(.quiet):not([data-prompt-page]){background:var(--ai-tint);color:inherit}.prompt-form textarea:focus{outline:3px solid rgba(40,100,72,.18);border-color:var(--green)}

.eval-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eval-output{min-width:0}.eval-output:only-child{grid-column:1 / -1}.eval-output pre,.eval-request,.eval-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:65vh;overflow:auto}.eval-text{line-height:1.8}#ai-view details{margin:12px 0}#ai-view summary{cursor:pointer;padding:8px 0}#ai-view ins{background:color-mix(in srgb,#28a745 20%,transparent);text-decoration:none}#ai-view del{background:color-mix(in srgb,#d94444 20%,transparent)}@media(max-width:700px){.eval-outputs{grid-template-columns:minmax(0,1fr)}.eval-output:not(.selected){display:none}}

.prompt-version-tabs button[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
.automation-summary { padding:24px 0; border-bottom:1px solid var(--line); }
.automation-summary h3 { font-size:26px; margin:8px 0; letter-spacing:-.025em; }
.automation-summary .ops-setting { gap:20px; }
.automation-summary-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 18px; }
.automation-summary-facts span,.automation-summary-facts strong { display:block; }
.automation-summary-facts span { font-size:12px; color:var(--muted); margin-bottom:10px; }
.automation-summary-facts strong { font-size:22px; font-weight:550; }
.automation-incidents,.automation-protections { margin:26px 0; }
.automation-row { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:18px 0; border-bottom:1px solid var(--line); }
.automation-row>div { min-width:0; }
.automation-row strong { font-size:14px; }
.automation-row p { font-size:13px; line-height:1.8; margin:8px 0; }
.automation-row small { font-size:11px; }
.automation-row .chip { flex-shrink:0; }
.automation-empty { padding:20px 0; font-size:13px; color:var(--muted); line-height:1.8; }
.automation-details { border-bottom:1px solid var(--line); padding:18px 0; }
.automation-details summary { cursor:pointer; font-size:14px; line-height:1.8; }
.automation-details summary span { color:var(--muted); font-size:12px; margin-left:10px; }
.automation-host-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:30px; }
.automation-host-grid>div { display:flex; justify-content:space-between; gap:12px; padding:14px 0; font-size:13px; border-bottom:1px solid var(--line); }
.automation-host-grid strong { font-weight:500; }
.automation-timeline { padding-left:18px; }
.automation-timeline li { padding:10px 0 14px 8px; border-bottom:1px solid var(--line); font-size:13px; }
.automation-timeline li>div { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.automation-timeline time { color:var(--muted); font-size:11px; }
.automation-timeline p { font-size:12px; line-height:1.8; margin:8px 0; }
@media(max-width:760px) {
 .automation-summary .ops-setting { align-items:start; flex-direction:column; }
 .automation-summary-facts { gap:12px; }
 .automation-summary-facts strong { font-size:18px; }
 .automation-host-grid { grid-template-columns:1fr; }
 .automation-details summary span { display:block; margin-left:18px; }
}

@media(max-width:700px){.prompt-version-tabs:has([data-eval-output]){display:flex;gap:8px;margin-bottom:16px}}

/* Named Offer delivery separates generated capacity from confirmed inventory. */
#delivery-view { overflow-wrap:anywhere; }
#delivery-view .card { box-shadow:none; border-radius:14px; }
#delivery-view summary { cursor:pointer; font-weight:600; padding:8px 0; }
#delivery-view details.card { margin:18px 0; }
.delivery-pool { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center; }
.delivery-pool p { margin-bottom:8px; }
.delivery-toolbar { display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0; }
.delivery-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0; }
.delivery-metrics .metric { padding:18px; }
.delivery-metrics strong { font-size:26px; }
.delivery-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px; }
.delivery-wide { grid-column:1/-1; }
.delivery-form textarea { width:100%;font:inherit;background:transparent;color:inherit;border:1px solid var(--line);border-radius:12px;padding:12px;resize:vertical; }
.delivery-search { display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:20px; }
.delivery-search label { margin:0; }
.delivery-recipient h3 { margin-bottom:0; }
.delivery-recipient .section-head { margin-bottom:12px; }
.delivery-recipient .offer-actions { justify-content:flex-start;margin-top:16px; }
.delivery-stages { display:grid;gap:6px;color:var(--muted); }
.delivery-note { white-space:pre-wrap; }
.delivery-event { display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--line); }
.delivery-event small { color:var(--muted); }
@media(max-width:720px){
 .delivery-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
 .delivery-pool,.delivery-form { grid-template-columns:1fr; }
 .delivery-search { grid-template-columns:1fr 1fr; }
 .delivery-search label:first-child { grid-column:1/-1; }
 .delivery-pool button { justify-self:start; }
 #delivery-view .section-head { flex-wrap:wrap; }
}
.claim-shell { max-width:560px; }
.claim-shell h1 { margin-bottom:18px; }
.claim-shell h2 { overflow-wrap:anywhere; }
.claim-shell textarea { width:100%;font:inherit;background:transparent;color:inherit;border:1px solid var(--line);border-radius:12px;padding:12px;resize:vertical; }

.personal-send { display: grid; gap: 1rem; max-width: 38rem; }
.personal-send > button { justify-self: start; }
.personal-confirm { display: flex; gap: .65rem; align-items: flex-start; margin-top: 1rem; }
.personal-confirm input { width: 1.2rem; min-width: 1.2rem; height: 1.2rem; margin-top: .2rem; }

.eval-sample-row { grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
.eval-sample-row .prompt-check { display: flex; align-items: center; gap: 10px; margin: 0; min-height: 44px; cursor: pointer; }
.eval-sample-row small { display: block; margin-top: 5px; color: var(--muted); font-weight: normal; }
.eval-sample-row strong, .eval-sample-row span { overflow-wrap: anywhere; }
.eval-sample-actions { display: flex; gap: 6px; }
.eval-readable { overflow-wrap: anywhere; }
.eval-readable li + li { margin-top: 12px; }
.eval-text { white-space: pre-wrap; }
@media(max-width:700px) { .eval-sample-actions { flex-direction: column; } }
.voice-catalog { display:flex; flex-direction:column; gap:20px; min-width:0; }
.voice-filters label { display:flex; flex-direction:column; gap:8px; min-width:0; margin:0; }
.voice-catalog .ai-foot { flex-wrap:wrap; }
.voice-catalog .ai-foot .muted { flex:1 1 180px; }
.voice-row { min-width:0; }
.voice-row small { display:block; overflow-wrap:anywhere; }
.voice-checks { display:flex; flex-wrap:wrap; gap:8px 20px; }
#voice-audio audio { width:100%; max-width:440px; }
@media(max-width:650px){.voice-row { grid-template-columns:minmax(0,1fr) auto; }.voice-row .ai-modelcell { grid-column:1 / -1; grid-row:2; }}
.voice-summary { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 16px; }
.voice-summary dt { color:var(--muted); }
.voice-summary dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }