/* MiniApp design system: shared shell components plus explicitly scoped page styles. */
:root { color-scheme: light; --bg: #f7f7f2; --ink: #101010; --muted: #5f5a50; --line: #171717; --paper: #ffffff; --accent: #f2ff42; --accent-2: #ff5c28; --shadow: 6px 6px 0 #101010; --surface-muted: #e7e3d8; --miniapp-error: #8a1111; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--ink); }
body { min-height: 100vh; font: 15px/1.42 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
main { width: min(760px, calc(100% - 28px)); margin: 0 auto; padding: 18px 0 34px; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: clamp(38px, 12vw, 72px); line-height: .88; font-weight: 950; letter-spacing: 0; }
h2 { font-size: 24px; line-height: 1; font-weight: 950; letter-spacing: 0; }
h3 { font-size: 16px; line-height: 1.05; font-weight: 950; letter-spacing: 0; }
p { color: var(--muted); }
.page-loading { display: grid; gap: 12px; padding-top: 14px; }
.loading-block { min-height: 76px; border: 2px solid var(--line); background: var(--paper); box-shadow: var(--shadow); overflow: hidden; position: relative; }
.loading-block:first-child { min-height: 106px; }
.loading-block::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 68%, transparent), transparent); animation: loading-sweep 1.1s ease-in-out infinite; }
@keyframes loading-sweep { to { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) { .loading-block::after { animation: none; transform: none; opacity: .32; }
}
button, input { width: 100%; border: 2px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; letter-spacing: 0; }
button { min-height: 42px; padding: 0 12px; border: 2px solid var(--line); background: var(--ink); color: var(--paper); font-weight: 950; box-shadow: 4px 4px 0 var(--line); cursor: pointer; }
button:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--line); }
button:disabled { opacity: .55; cursor: wait; }
input { min-height: 42px; padding: 8px 10px; font-weight: 800; }
input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.eyebrow { margin-bottom: 10px; color: var(--muted); font-size: 12px; font-weight: 950; text-transform: uppercase; }
.stack { display: grid; gap: 14px; }
.mini-hero { padding: 14px 0 20px; border-bottom: 2px solid var(--line); margin-bottom: 16px; }
.lede { margin-top: 12px; color: #29261f; font-size: 18px; line-height: 1.2; }
.card { border: 2px solid var(--line); background: var(--paper); box-shadow: var(--shadow); }
.card .card, .card .latency-kpi, .analytics-card .model-row, .reliability-card .reliability-stat, .reliability-card .reliability-model { box-shadow: none; }
.accent { background: var(--accent); }
.dark { background: var(--ink); color: var(--paper); }
.dark p, .dark .muted { color: #f8f2dd; }
.muted { color: var(--muted); }
.mono { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
.fail { border: 2px solid var(--line); background: #ffe9e9; padding: 16px; box-shadow: var(--shadow); white-space: pre-wrap; color: #8a1111; font-weight: 800; }
/* Desktop operator sign-in shares the existing MiniApp visual language. */
.browser-admin-session { width: min(760px, calc(100% - 28px)); margin: 14px auto 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; font-weight: 800; }
.browser-admin-session[hidden] { display: none; }
.browser-admin-session button { width: auto; }
.admin-sign-in { max-width: 480px; margin: 10vh auto 0; padding: 24px; display: grid; gap: 20px; }
.admin-sign-in h1 { font-size: clamp(32px, 8vw, 44px); line-height: 1; }
.admin-sign-in p { color: var(--ink); }
.admin-sign-in a { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 8px 12px; border: 2px solid var(--line); background: var(--accent); box-shadow: 4px 4px 0 var(--line); font-weight: 900; }
/* Customer MiniApp shell and history components. */
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}
body{min-height:100vh;font:15px/1.42 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}main{width:min(760px,calc(100% - 28px));margin:0 auto;padding:18px 0 34px}
h1,h2,p{margin:0}.page-loading{display:grid;gap:12px;padding-top:14px}.loading-block{min-height:76px;border:2px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}
.fail{white-space:pre-wrap;border:2px solid var(--line);background:var(--paper);box-shadow:var(--shadow);padding:18px;color:var(--miniapp-error,#8a1111)}
.customer-page,.customer-stack{display:grid;gap:16px}.customer-stack{margin-top:16px}
.customer-head,.customer-card{border:2px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}
.customer-head{padding:20px;background:var(--accent)}.customer-head h1,.customer-card h1{font-size:36px}
.customer-head p,.customer-card p{margin-top:7px}.customer-card{padding:18px;overflow:hidden}.customer-card h2{margin-bottom:12px}
.customer-tabs{display:flex;gap:8px;margin-top:16px}.customer-tabs a,.customer-tabs span{min-height:42px;display:inline-flex;align-items:center;border:2px solid var(--line);padding:0 13px;font-weight:950;box-shadow:3px 3px 0 var(--line)}.customer-tabs a{background:var(--paper)}.customer-tabs span{background:var(--accent)}
.customer-table-wrap{overflow-x:auto;margin-top:14px}.customer-table{width:100%;min-width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.customer-table th,.customer-table td{padding:11px 10px;border-bottom:1px solid #d8d3c8;text-align:left;vertical-align:top}
.customer-table th{font-size:11px;text-transform:uppercase;color:var(--muted)}.customer-table td:last-child,.customer-table th:last-child{text-align:right}
.customer-jobs-table th:first-child{width:32%}.customer-jobs-table th:last-child{width:22%}.customer-transactions-table th:first-child{width:40%}
.customer-primary{display:block;font-weight:900;overflow-wrap:anywhere}.customer-secondary{display:block;margin-top:3px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.customer-error{color:var(--miniapp-error,#8a1111)}.customer-empty{padding:16px 0;color:var(--muted)}
.customer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.customer-actions a{min-height:42px;display:inline-flex;align-items:center;border:2px solid var(--line);background:var(--accent);padding:0 13px;font-weight:950;box-shadow:3px 3px 0 var(--line)}
/* Analytics (page-scoped) */
main[data-miniapp-view="analytics"] .analytics-page { display: grid; gap: 16px; }
main[data-miniapp-view="analytics"] .analytics-page > * { min-width: 0; }
main[data-miniapp-view="analytics"] .analytics-filters { display: grid; gap: 10px; }
main[data-miniapp-view="analytics"] .model-list { display: grid; gap: 10px; }
main[data-miniapp-view="analytics"] .field-label { color: var(--muted); font-size: 10px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="analytics"] .analytics-filters button { min-height: 42px; padding: 0 12px; border: 2px solid var(--line); background: var(--ink); color: var(--paper); font-weight: 950; box-shadow: 4px 4px 0 var(--line); cursor: pointer; }
main[data-miniapp-view="analytics"] .analytics-filters button:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--line); }
main[data-miniapp-view="analytics"] .analytics-filters button:disabled { opacity: .55; cursor: wait; }
main[data-miniapp-view="analytics"] .analytics-header h1 { font-size: clamp(38px, 12vw, 68px); }
main[data-miniapp-view="analytics"] .analytics-subtitle { max-width: 36rem; color: var(--muted); font-size: 13px; }
main[data-miniapp-view="analytics"] .filter-card { padding: 12px; }
main[data-miniapp-view="analytics"] .filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
main[data-miniapp-view="analytics"] .filter-grid label { display: grid; gap: 4px; min-width: 0; }
main[data-miniapp-view="analytics"] .analytics-filters select { width: 100%; min-width: 0; min-height: 42px; border: 2px solid var(--line); border-radius: 0; padding: 7px 9px; background: var(--paper); color: var(--ink); font: inherit; font-weight: 800; }
main[data-miniapp-view="analytics"] .summary-board { display: grid; grid-template-columns: minmax(92px, .65fr) minmax(0, 1.7fr); padding: 0; overflow: hidden; }
main[data-miniapp-view="analytics"] .summary-total { display: grid; align-content: center; gap: 5px; padding: 14px; background: var(--ink); color: var(--paper); }
main[data-miniapp-view="analytics"] .summary-total strong { font-size: 34px; line-height: .9; }
main[data-miniapp-view="analytics"] .summary-total span { font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="analytics"] .summary-outcomes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
main[data-miniapp-view="analytics"] .summary-stat { display: grid; align-content: center; gap: 3px; min-width: 0; padding: 10px 11px; border-left: 2px solid var(--line); }
main[data-miniapp-view="analytics"] .summary-stat:nth-child(n + 3) { border-top: 2px solid var(--line); }
main[data-miniapp-view="analytics"] .summary-stat strong { font-size: 21px; line-height: 1; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="analytics"] .summary-stat span { color: var(--muted); font-size: 10px; font-weight: 900; line-height: 1.1; }
main[data-miniapp-view="analytics"] .analytics-card { padding: 14px; }
main[data-miniapp-view="analytics"] .section-heading { margin-bottom: 12px; }
main[data-miniapp-view="analytics"] .section-heading h2 { font-size: 20px; }
main[data-miniapp-view="analytics"] .chart-frame { position: relative; width: 100%; height: 270px; }
main[data-miniapp-view="analytics"] .model-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; border-bottom: 2px solid var(--line); padding: 11px; background: var(--paper); }
main[data-miniapp-view="analytics"] .model-row h3 { overflow-wrap: anywhere; }
main[data-miniapp-view="analytics"] .model-meta { margin-top: 5px; font-size: 12px; }
main[data-miniapp-view="analytics"] .spark { display: flex; align-items: end; gap: 1px; width: 92px; height: 34px; overflow: hidden; }
main[data-miniapp-view="analytics"] .spark i { flex: 1 1 0; min-width: 0; background: var(--accent-2); }
main[data-miniapp-view="analytics"] .latency-card { overflow: hidden; }
main[data-miniapp-view="analytics"] .latency-card > summary { display: flex; justify-content: space-between; gap: 12px; padding: 14px; cursor: pointer; font-size: 20px; font-weight: 950; list-style: none; }
main[data-miniapp-view="analytics"] .latency-card > summary::-webkit-details-marker { display: none; }
main[data-miniapp-view="analytics"] .latency-card > summary::after { content: "+"; }
main[data-miniapp-view="analytics"] .latency-card[open] > summary::after { content: "−"; }
main[data-miniapp-view="analytics"] [data-analytics-latency-body] { padding: 0 14px 14px; }
main[data-miniapp-view="analytics"] .analytics-latency-loading { display: grid; gap: 8px; }
main[data-miniapp-view="analytics"] .analytics-latency-loading span { display: block; height: 52px; border: 2px solid var(--line); background: var(--paper); }
main[data-miniapp-view="analytics"] .analytics-inline-error { display: grid; gap: 10px; }
main[data-miniapp-view="analytics"] .analytics-inline-error button { width: auto; }
main[data-miniapp-view="analytics"] .analytics-empty { padding: 18px 0; text-align: center; }
main[data-miniapp-view="analytics"] .analytics-disclosure { overflow: hidden; }
main[data-miniapp-view="analytics"] .analytics-disclosure > summary { display: flex; justify-content: space-between; gap: 12px; padding: 14px; cursor: pointer; font-size: 19px; font-weight: 950; list-style: none; }
main[data-miniapp-view="analytics"] .analytics-disclosure > summary::-webkit-details-marker { display: none; }
main[data-miniapp-view="analytics"] .analytics-disclosure > summary::after { content: "+"; }
main[data-miniapp-view="analytics"] .analytics-disclosure[open] > summary::after { content: "−"; }
main[data-miniapp-view="analytics"] [data-analytics-fragment-body] { padding: 0 14px 14px; }
@media (max-width: 560px){ main[data-miniapp-view="analytics"] .filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
main[data-miniapp-view="analytics"] .filter-outcome { grid-column: 1 / -1; }
}
@media (max-width: 420px){ main[data-miniapp-view="analytics"] .chart-frame { height: 235px; }
}
/* Analytics Latency (page-scoped) */
main[data-miniapp-view="analytics"] .reliability-note { margin-top: 9px; font-size: 12px; overflow-wrap: anywhere; }
main[data-miniapp-view="analytics"] .reliability-totals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
main[data-miniapp-view="analytics"] .reliability-stat { display: grid; gap: 6px; padding: 12px; border: 2px solid var(--line); min-width: 0; }
main[data-miniapp-view="analytics"] .reliability-stat:first-child { background: #fff1dc; }
main[data-miniapp-view="analytics"] .reliability-stat strong { font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="analytics"] .reliability-stat span { font-size: 12px; font-weight: 900; }
main[data-miniapp-view="analytics"] .reliability-stat small { color: var(--muted); font-size: 11px; }
main[data-miniapp-view="analytics"] .reliability-model-picker { display: grid; gap: 5px; margin: 18px 0 12px; }
main[data-miniapp-view="analytics"] .reliability-controls { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 10px; }
main[data-miniapp-view="analytics"] .reliability-chart-frame { height: 330px; }
main[data-miniapp-view="analytics"] .reliability-model-picker select { width: 100%; min-width: 0; min-height: 42px; padding: 8px; border: 2px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; }
main[data-miniapp-view="analytics"] .reliability-models { margin-top: 16px; }
main[data-miniapp-view="analytics"] .reliability-models > summary { cursor: pointer; padding: 10px 0; font-weight: 900; }
main[data-miniapp-view="analytics"] .reliability-model { padding: 12px; border: 2px solid var(--line); }
main[data-miniapp-view="analytics"] .reliability-model h3 { overflow-wrap: anywhere; }
main[data-miniapp-view="analytics"] .reliability-breakdown { display: grid; gap: 6px; margin: 12px 0 0; }
main[data-miniapp-view="analytics"] .reliability-breakdown > div { display: flex; justify-content: space-between; gap: 12px; }
main[data-miniapp-view="analytics"] .reliability-breakdown dt { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
main[data-miniapp-view="analytics"] .reliability-breakdown dd { margin: 0; font-size: 13px; font-weight: 900; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="analytics"] .reliability-breakdown dd span { font-weight: 400; }

main[data-miniapp-view="analytics"] .latency-list { display: grid; gap: 12px; }
main[data-miniapp-view="analytics"] .latency-model { display: grid; gap: 4px; border-top: 1px solid var(--line); padding-top: 10px; }
main[data-miniapp-view="analytics"] .latency-model:first-child { border-top: 0; padding-top: 0; }
main[data-miniapp-view="analytics"] .latency-model-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
main[data-miniapp-view="analytics"] .latency-model-heading h3 { min-width: 0; font-size: 15px; overflow-wrap: anywhere; }
main[data-miniapp-view="analytics"] .latency-completed { flex: 0 0 auto; color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
main[data-miniapp-view="analytics"] .latency-chart-frame { position: relative; width: 100%; height: 176px; background: transparent; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls { grid-template-columns: repeat(5, minmax(0, 1fr)); min-width: 0; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls select,
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls button { box-sizing: border-box; width: 100%; min-width: 0; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root],
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-list,
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-model,
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-chart-frame { min-width: 0; max-width: 100%; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .analytics-subtitle { overflow-wrap: anywhere; }
@media (max-width: 600px){
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls,
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls label { min-width: 0; max-width: 100%; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls { grid-template-columns: minmax(0, 1fr); }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls select,
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .paired-extra-controls button { min-width: 0; max-width: 100%; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-model-heading { align-items: flex-start; flex-wrap: wrap; min-width: 0; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-model-heading > * { min-width: 0; max-width: 100%; }
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-chart-frame,
main[data-miniapp-view="analytics"] [data-paired-extra-latency-root] .latency-chart-frame canvas { width: 100% !important; max-width: 100%; }
}
main[data-miniapp-view="analytics"] .analytics-empty { padding: 18px 0; text-align: center; }
@media (max-width: 420px){ main[data-miniapp-view="analytics"] .latency-chart-frame { height: 164px; }
}
/* Client Create (page-scoped) */
main[data-miniapp-view="client-create"] .notice { margin: 0 0 14px; padding: 12px 14px; border: 2px solid var(--line); font-weight: 900; box-shadow: 4px 4px 0 var(--line); }
main[data-miniapp-view="client-create"] .notice.err { background: #ffe9e9; color: #9b1c1c; }
main[data-miniapp-view="client-create"] .create-form { display: grid; gap: 14px; }
main[data-miniapp-view="client-create"] .form-section { display: grid; gap: 10px; padding: 14px; }
main[data-miniapp-view="client-create"] .form-section h2 { font-size: 18px; }
main[data-miniapp-view="client-create"] label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-create"] textarea, main[data-miniapp-view="client-create"] select { width: 100%; border: 2px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; font-weight: 800; letter-spacing: 0; }
main[data-miniapp-view="client-create"] textarea { min-height: 76px; padding: 8px 10px; resize: vertical; text-transform: none; }
main[data-miniapp-view="client-create"] .balance-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
@media (max-width: 520px){ main[data-miniapp-view="client-create"] .balance-grid { grid-template-columns: 1fr; }
}
main[data-miniapp-view="client-create"] .checkline { display: flex; gap: 8px; align-items: center; min-height: 42px; }
main[data-miniapp-view="client-create"] .checkline { color: var(--ink); font-size: 13px; font-weight: 950; text-transform: none; }
main[data-miniapp-view="client-create"] .checkline input { width: 18px; min-height: 18px; height: 18px; padding: 0; }
main[data-miniapp-view="client-create"] .price-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(88px, 126px); gap: 10px; padding: 9px 0; border-top: 2px solid var(--line); align-items: center; }
main[data-miniapp-view="client-create"] .price-row:first-of-type { border-top: 0; }
main[data-miniapp-view="client-create"] .model-name { min-width: 0; overflow-wrap: anywhere; color: var(--ink); font-size: 14px; font-weight: 950; text-transform: none; }
main[data-miniapp-view="client-create"] .create-actions { display: grid; gap: 10px; }
main[data-miniapp-view="client-create"] .back-link { color: var(--muted); font-size: 12px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-create"] .video-create-price { align-items: start; }
main[data-miniapp-view="client-create"] .video-create-card { display: grid; gap: 6px; }
main[data-miniapp-view="client-create"] .video-create-summary { color: var(--muted); font-size: 11px; font-weight: 900; }
main[data-miniapp-view="client-create"] .video-create-rates { display: flex; gap: 6px; flex-wrap: wrap; }
main[data-miniapp-view="client-create"] .video-create-rate { padding: 5px 7px; border: 1px solid var(--line); font-size: 12px; font-weight: 900; }
/* Client Detail (page-scoped) */
main[data-miniapp-view="client-detail"] .notice { margin: 0 0 14px; padding: 12px 14px; border: 2px solid var(--line); font-weight: 900; box-shadow: 4px 4px 0 var(--line); }
main[data-miniapp-view="client-detail"] .notice.ok { background: #e7f7e9; color: #176326; }
main[data-miniapp-view="client-detail"] .notice.err { background: #ffe9e9; color: #9b1c1c; }
main[data-miniapp-view="client-detail"] .topline { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: stretch; margin-bottom: 14px; }
main[data-miniapp-view="client-detail"] .balance { padding: 16px; }
main[data-miniapp-view="client-detail"] .balance-value { margin-top: 4px; font-size: 34px; line-height: 1; font-weight: 950; }
main[data-miniapp-view="client-detail"] .token-box { min-width: 146px; display: grid; align-content: center; }
main[data-miniapp-view="client-detail"] .token-box button { min-height: 42px; padding: 0 12px; border: 2px solid var(--line); background: var(--accent); color: var(--ink); font-weight: 950; box-shadow: 4px 4px 0 var(--line); cursor: pointer; }
main[data-miniapp-view="client-detail"] .token-box button:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--line); }
main[data-miniapp-view="client-detail"] .token-box button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 520px){ main[data-miniapp-view="client-detail"] .topline { grid-template-columns: 1fr; }
main[data-miniapp-view="client-detail"] .token-box { min-width: 0; }
}
main[data-miniapp-view="client-detail"] .balance-label { color: var(--muted); font-size: 12px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-detail"] .client-analytics { margin: 0 0 14px; }
main[data-miniapp-view="client-detail"] .client-analytics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
main[data-miniapp-view="client-detail"] .client-analytics-panel { min-width: 0; padding: 14px; overflow: hidden; }
main[data-miniapp-view="client-detail"] .client-analytics-panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
main[data-miniapp-view="client-detail"] .client-analytics-panel-title { min-width: 0; margin: 0; font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-detail"] .client-analytics-kpi { flex: 0 0 auto; font-size: clamp(22px, 3.4vw, 28px); font-weight: 950; line-height: 1; letter-spacing: -.025em; text-align: right; white-space: nowrap; }
main[data-miniapp-view="client-detail"] .client-analytics-loading { display: grid; gap: 8px; min-height: 220px; place-items: center; color: var(--muted); font-size: 11px; font-weight: 900; }
main[data-miniapp-view="client-detail"] .client-analytics-retry { border: 0; padding: 0; background: transparent; color: var(--accent); font: inherit; text-decoration: underline; cursor: pointer; }
main[data-miniapp-view="client-detail"] .client-chart-frame { position: relative; width: 100%; height: 198px; }
main[data-miniapp-view="client-detail"] .client-model-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; margin: 10px 0 0; padding: 0; list-style: none; }
main[data-miniapp-view="client-detail"] .client-model-legend li { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; gap: 5px; align-items: baseline; min-width: 0; font-size: 10px; line-height: 1.2; }
main[data-miniapp-view="client-detail"] .client-model-legend i { width: 9px; height: 9px; align-self: center; border: 1px solid var(--line); background: var(--muted); }
main[data-miniapp-view="client-detail"] .client-model-legend span { overflow-wrap: anywhere; }
main[data-miniapp-view="client-detail"] .client-model-legend strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
main[data-miniapp-view="client-detail"] .client-chart-error { color: var(--muted); font-size: 10px; font-weight: 800; }
main[data-miniapp-view="client-detail"] .client-chart-error { display: grid; height: 100%; place-items: center; text-align: center; }
main[data-miniapp-view="client-detail"] .client-analytics-empty { margin: 0; padding: 18px 0; color: var(--muted); font-weight: 800; }
main[data-miniapp-view="client-detail"] .topup-card { display: grid; gap: 10px; margin: 0 0 14px; padding: 14px; }
main[data-miniapp-view="client-detail"] .topup-card h2, main[data-miniapp-view="client-detail"] .topups-card h2 { font-size: 18px; }
main[data-miniapp-view="client-detail"] .topup-form { display: grid; grid-template-columns: minmax(96px, 150px) minmax(94px, 130px) minmax(0, 1fr) auto; gap: 8px; align-items: end; }
@media (max-width: 520px){ main[data-miniapp-view="client-detail"] .topup-form { grid-template-columns: 1fr; }
}
main[data-miniapp-view="client-detail"] .topup-form label, main[data-miniapp-view="client-detail"] .topup-note-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-detail"] .topup-form select, main[data-miniapp-view="client-detail"] .topup-form textarea, main[data-miniapp-view="client-detail"] .topup-note-form textarea { width: 100%; border: 2px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; font-weight: 800; letter-spacing: 0; }
main[data-miniapp-view="client-detail"] .topup-form select { min-height: 42px; padding: 8px 10px; }
main[data-miniapp-view="client-detail"] .topup-form textarea, main[data-miniapp-view="client-detail"] .topup-note-form textarea { min-height: 42px; padding: 8px 10px; resize: vertical; text-transform: none; }
main[data-miniapp-view="client-detail"] .topup-form textarea { height: 42px; resize: none; }
main[data-miniapp-view="client-detail"] .topup-form textarea::placeholder { color: var(--muted); opacity: .65; }
main[data-miniapp-view="client-detail"] .topup-form button { min-width: 82px; min-height: 42px; padding: 0 12px; border: 2px solid var(--line); background: var(--ink); color: var(--paper); font-weight: 950; box-shadow: none; cursor: pointer; }
main[data-miniapp-view="client-detail"] .topup-form button:disabled { opacity: .55; cursor: wait; }
main[data-miniapp-view="client-detail"] .price-card, main[data-miniapp-view="client-detail"] .topups-card { padding: 0; overflow: hidden; }
main[data-miniapp-view="client-detail"] .price-row { display: grid; grid-template-columns: minmax(0, 1fr) 66px; gap: 10px; padding: 10px; border-bottom: 2px solid var(--line); align-items: end; }
main[data-miniapp-view="client-detail"] .price-row:last-child { border-bottom: 0; }
@media (max-width: 520px){ main[data-miniapp-view="client-detail"] .price-row { grid-template-columns: minmax(0, 1fr) 58px; gap: 8px; }
}
main[data-miniapp-view="client-detail"] .price-main { display: grid; gap: 8px; min-width: 0; }
main[data-miniapp-view="client-detail"] .model-line { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; min-width: 0; }
main[data-miniapp-view="client-detail"] .model-name { min-width: 0; overflow-wrap: anywhere; font-weight: 950; }
main[data-miniapp-view="client-detail"] .default-price { color: var(--muted); font-size: 11px; font-weight: 900; white-space: nowrap; }
main[data-miniapp-view="client-detail"] .price-edit { display: grid; grid-template-columns: minmax(86px, 124px) minmax(140px, 1fr); gap: 8px; align-items: center; }
@media (max-width: 520px){ main[data-miniapp-view="client-detail"] .price-edit { grid-template-columns: minmax(78px, 112px) minmax(0, 1fr); }
}
main[data-miniapp-view="client-detail"] .token-price-label { color: var(--muted); font-size: 11px; font-weight: 900; text-transform: uppercase; }
main[data-miniapp-view="client-detail"] .price-row input { min-height: 34px; padding: 6px 8px; font-size: 14px; }
main[data-miniapp-view="client-detail"] .token-price-edit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(170px, 1fr); gap: 8px; align-items: end; }
main[data-miniapp-view="client-detail"] .token-price-field { display: grid; gap: 4px; min-width: 0; }
main[data-miniapp-view="client-detail"] .token-price-control { position: relative; min-width: 0; }
main[data-miniapp-view="client-detail"] .token-price-prefix { position: absolute; z-index: 1; left: 8px; top: 50%; color: var(--muted); font-size: 13px; font-weight: 900; transform: translateY(-50%); pointer-events: none; }
main[data-miniapp-view="client-detail"] .token-price-control input { width: 100%; min-width: 0; padding-left: 20px; }
main[data-miniapp-view="client-detail"] .price-meta { display: grid; gap: 3px; min-width: 0; font-size: 11px; line-height: 1.35; color: var(--muted); font-weight: 500; }
main[data-miniapp-view="client-detail"] .price-costs { display: flex; align-items: baseline; gap: 3px 6px; min-width: 0; flex-wrap: wrap; }
main[data-miniapp-view="client-detail"] .price-meta-label { font-weight: inherit; white-space: nowrap; }
main[data-miniapp-view="client-detail"] .cost-route-off { color: #9b1c1c; }
main[data-miniapp-view="client-detail"] .cost-floor-status { color: #9b1c1c; font-weight: 950; }
main[data-miniapp-view="client-detail"] .video-price-row { grid-template-columns: minmax(0, 1fr); }
main[data-miniapp-view="client-detail"] .video-price-summary { color: var(--muted); font-size: 11px; font-weight: 900; }
main[data-miniapp-view="client-detail"] .video-rate-grid { display: grid; grid-template-columns: repeat(4, minmax(62px, 1fr)); gap: 6px; }
main[data-miniapp-view="client-detail"] .video-rate { display: grid; gap: 2px; padding: 7px 8px; border: 1px solid var(--line); background: var(--paper); }
main[data-miniapp-view="client-detail"] .video-rate-label { color: var(--muted); font-size: 10px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-detail"] .video-rate-value { font-size: 13px; font-weight: 950; }
main[data-miniapp-view="client-detail"] .price-row button { min-height: 34px; padding: 0 8px; border: 2px solid var(--line); background: var(--ink); color: var(--paper); font-size: 12px; font-weight: 950; box-shadow: none; cursor: pointer; }
main[data-miniapp-view="client-detail"] .price-row button:disabled { opacity: .55; cursor: not-allowed; background: #cfcac0; border-color: #cfcac0; color: #6c675e; }
main[data-miniapp-view="client-detail"] .empty { padding: 18px; color: var(--muted); font-weight: 800; }
main[data-miniapp-view="client-detail"] .topups-card { margin-top: 14px; }
main[data-miniapp-view="client-detail"] .topups-card h2 { padding: 14px; border-bottom: 2px solid var(--line); }
main[data-miniapp-view="client-detail"] .topup-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(86px, auto); gap: 8px 10px; padding: 12px 14px; border-bottom: 2px solid var(--line); }
main[data-miniapp-view="client-detail"] .topup-row:last-child { border-bottom: 0; }
main[data-miniapp-view="client-detail"] .topup-meta { min-width: 0; color: var(--muted); font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="client-detail"] .topup-amount { white-space: nowrap; text-align: right; font-weight: 950; }
main[data-miniapp-view="client-detail"] .topup-kind { color: var(--muted); }
main[data-miniapp-view="client-detail"] .topup-note-form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
main[data-miniapp-view="client-detail"] .topup-note-form button { min-width: 70px; min-height: 42px; padding: 0 12px; border: 2px solid var(--line); background: var(--ink); color: var(--paper); font-weight: 950; box-shadow: none; cursor: pointer; }
main[data-miniapp-view="client-detail"] .topup-note-form button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 520px){ main[data-miniapp-view="client-detail"] .topup-note-form { grid-template-columns: 1fr; }
}
main[data-miniapp-view="client-detail"] .onboarding { display: grid; gap: 12px; margin: 0 0 14px; padding: 16px; }
main[data-miniapp-view="client-detail"] .onboarding h2 { margin: 0; font-size: 24px; line-height: 1.05; }
main[data-miniapp-view="client-detail"] .onboarding p { margin: 0; color: var(--muted); font-weight: 800; }
main[data-miniapp-view="client-detail"] .onboarding-actions { display: flex; gap: 10px; flex-wrap: wrap; }
main[data-miniapp-view="client-detail"] .onboarding-actions a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 12px; border: 2px solid var(--line); background: var(--accent); color: var(--ink); font-weight: 950; text-decoration: none; box-shadow: 3px 3px 0 var(--line); cursor: pointer; }
main[data-miniapp-view="client-detail"] .code { margin: 0; overflow: auto; border: 2px solid var(--line); background: #0f0f0f; color: #f8f2dd; padding: 12px; box-shadow: 3px 3px 0 var(--line); }
main[data-miniapp-view="client-detail"] .code code { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.55; }
@media (max-width: 640px){ main[data-miniapp-view="client-detail"] .client-analytics-grid { grid-template-columns: 1fr; }
main[data-miniapp-view="client-detail"] .token-price-edit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
main[data-miniapp-view="client-detail"] .token-price-meta { grid-column: 1 / -1; }
}
@media (max-width: 520px){ main[data-miniapp-view="client-detail"] .default-price, main[data-miniapp-view="client-detail"] .jobs-note { font-size: 10px; }
main[data-miniapp-view="client-detail"] .video-rate-grid { grid-template-columns: repeat(2, minmax(62px, 1fr)); }
}
@media (max-width: 420px){ main[data-miniapp-view="client-detail"] .client-chart-frame { height: 184px; }
main[data-miniapp-view="client-detail"] .client-model-legend { grid-template-columns: 1fr; }
}
/* Clients (page-scoped) */
main[data-miniapp-view="clients"] .clients-heading { display: flex; gap: 14px; align-items: center; justify-content: space-between; }
main[data-miniapp-view="clients"] .clients-heading h1 { min-width: 0; }
main[data-miniapp-view="clients"] .new-client-plus { width: 58px; min-width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); font-size: 62px; line-height: .78; font-weight: 950; text-decoration: none; }
main[data-miniapp-view="clients"] .new-client-plus:active { transform: translate(2px, 2px); }
main[data-miniapp-view="clients"] .clients-total { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-top: 14px; font-weight: 950; }
main[data-miniapp-view="clients"] .clients-total span { color: var(--muted); font-size: 12px; text-transform: uppercase; }
main[data-miniapp-view="clients"] .clients-total b { font-size: 24px; line-height: 1; }
main[data-miniapp-view="clients"] .client-section { display: grid; gap: 10px; margin: 0 0 18px; }
main[data-miniapp-view="clients"] .section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: var(--ink); }
main[data-miniapp-view="clients"] .section-title h2 { font-size: 15px; text-transform: uppercase; }
main[data-miniapp-view="clients"] .section-title span { color: var(--muted); font-size: 12px; font-weight: 900; }
main[data-miniapp-view="clients"] .clients { display: grid; gap: 10px; }
main[data-miniapp-view="clients"] .client-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(118px, auto); gap: 10px 12px; align-items: center; padding: 12px 14px; color: var(--ink); }
main[data-miniapp-view="clients"] .client-row:active { transform: translate(2px, 2px); box-shadow: 4px 4px 0 var(--line); }
main[data-miniapp-view="clients"] .client-row.test { color: #68635b; }
main[data-miniapp-view="clients"] .client-row.test .profit, main[data-miniapp-view="clients"] .client-row.test .client-caption, main[data-miniapp-view="clients"] .client-row.test .client-metrics, main[data-miniapp-view="clients"] .client-row.test .client-status, main[data-miniapp-view="clients"] .client-row.test .muted { color: inherit; }
main[data-miniapp-view="clients"] .client-main { display: grid; gap: 6px; min-width: 0; }
main[data-miniapp-view="clients"] .client-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; }
main[data-miniapp-view="clients"] .client-caption { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
main[data-miniapp-view="clients"] .client-side { display: grid; gap: 7px; min-width: 118px; justify-items: end; }
main[data-miniapp-view="clients"] .client-money { white-space: nowrap; text-align: right; font-size: 17px; font-weight: 950; }
main[data-miniapp-view="clients"] .profit.positive { color: #167034; }
main[data-miniapp-view="clients"] .profit.negative { color: #9b1c1c; }
main[data-miniapp-view="clients"] .client-metrics { color: var(--muted); font-size: 11px; font-weight: 900; line-height: 1.05; }
main[data-miniapp-view="clients"] .client-metrics { display: grid; gap: 3px; justify-items: end; }
main[data-miniapp-view="clients"] .client-status { color: var(--muted); font-size: 11px; font-weight: 950; text-align: right; text-transform: uppercase; }
main[data-miniapp-view="clients"] .empty { padding: 18px; color: var(--muted); font-weight: 800; }
@media (max-width: 420px){ main[data-miniapp-view="clients"] .client-row { grid-template-columns: minmax(0, 1fr) minmax(106px, auto); padding: 12px; }
main[data-miniapp-view="clients"] .client-name { font-size: 18px; }
main[data-miniapp-view="clients"] .client-money { font-size: 15px; }
}
main[data-miniapp-view="clients"] .kpi-eyebrow { color: var(--muted); font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="clients"] .kpi-lead { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
main[data-miniapp-view="clients"] .kpi-profit { white-space: nowrap; text-align: left; font-size: clamp(38px, 11vw, 64px); font-weight: 950; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="clients"] .kpi-target { display: grid; gap: 3px; justify-items: end; }
main[data-miniapp-view="clients"] .kpi-facts { display: grid; gap: 8px; }
main[data-miniapp-view="clients"] .kpi-fact { border: 1px solid var(--surface-muted); border-radius: 6px; padding: 6px 7px; min-width: 0; background: rgba(255, 255, 255, .66); }
main[data-miniapp-view="clients"] .kpi-pace { display: flex; gap: 8px; }
main[data-miniapp-view="clients"] .kpi-pace-item { border: 1px solid var(--surface-muted); border-radius: 6px; padding: 6px 7px; min-width: 0; background: var(--ink); }
main[data-miniapp-view="clients"] .profit-kpi { margin: 0 0 24px; padding: 16px; }
main[data-miniapp-view="clients"] .kpi-topline { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
main[data-miniapp-view="clients"] .kpi-status { border: 2px solid var(--ink); padding: 3px 6px; font-size: 10px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="clients"] .kpi-lead { margin-top: 12px; }
main[data-miniapp-view="clients"] .kpi-target span, main[data-miniapp-view="clients"] .kpi-fact span, main[data-miniapp-view="clients"] .kpi-pace span { display: block; font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="clients"] .kpi-profit { display: block; margin-top: 3px; line-height: .92; letter-spacing: -.045em; }
main[data-miniapp-view="clients"] .kpi-target strong { font-size: 22px; line-height: 1; }
main[data-miniapp-view="clients"] .kpi-progress { height: 17px; margin-top: 14px; overflow: hidden; border: 2px solid var(--line); background: var(--paper); }
main[data-miniapp-view="clients"] .kpi-progress span { display: block; width: 0; height: 100%; background: var(--ink); transition: width 180ms ease-out; }
main[data-miniapp-view="clients"] .kpi-progress-copy { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 6px; font-weight: 950; }
main[data-miniapp-view="clients"] .kpi-progress-copy span { font-size: 12px; }
main[data-miniapp-view="clients"] .kpi-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
main[data-miniapp-view="clients"] .kpi-fact { border-color: var(--line); border-radius: 0; padding: 9px; }
main[data-miniapp-view="clients"] .kpi-fact strong { display: block; margin-top: 3px; font-size: 18px; }
main[data-miniapp-view="clients"] .kpi-pace { margin-top: 8px; }
main[data-miniapp-view="clients"] .kpi-pace-legend { margin-top: 12px; color: #29261f; font-size: 10px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="clients"] .kpi-pace > div { flex: 1 1 0; border-color: var(--ink); border-radius: 0; color: var(--paper); padding: 9px; }
main[data-miniapp-view="clients"] .kpi-pace span { color: #d8d2c4; }
main[data-miniapp-view="clients"] .kpi-pace strong { display: block; margin-top: 3px; font-size: 17px; white-space: nowrap; }
main[data-miniapp-view="clients"] .kpi-pace strong span { display: inline; font-size: inherit; }
main[data-miniapp-view="clients"] .kpi-pace .kpi-actual.on-target { color: var(--accent); }
main[data-miniapp-view="clients"] .kpi-pace .kpi-actual.behind { color: #ff9a8f; }
main[data-miniapp-view="clients"] .kpi-pace .kpi-divider, main[data-miniapp-view="clients"] .kpi-pace .kpi-required { color: #d8d2c4; }
main[data-miniapp-view="clients"] .kpi-cash { margin-top: 11px; color: #29261f; font-size: 12px; font-weight: 850; }
main[data-miniapp-view="clients"] .kpi-cash strong { color: var(--ink); font-weight: 950; }
main[data-miniapp-view="clients"] .goal-history { margin: -10px 0 24px; padding: 12px 14px; }
main[data-miniapp-view="clients"] .goal-history summary { cursor: pointer; font-size: 12px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="clients"] .goal-history summary span { color: var(--muted); }
main[data-miniapp-view="clients"] .goal-history-row { display: flex; justify-content: space-between; gap: 14px; margin-top: 10px; padding-top: 10px; border-top: 2px solid var(--line); font-size: 12px; }
main[data-miniapp-view="clients"] .goal-history-row span { color: var(--muted); text-align: right; }
@media (max-width: 520px){ main[data-miniapp-view="clients"] .profit-kpi { padding: 14px; }
main[data-miniapp-view="clients"] .kpi-lead { align-items: flex-end; }
main[data-miniapp-view="clients"] .kpi-target strong { font-size: 18px; }
main[data-miniapp-view="clients"] .kpi-facts { gap: 6px; }
main[data-miniapp-view="clients"] .kpi-fact { padding: 8px; }
main[data-miniapp-view="clients"] .kpi-fact strong { margin-top: 3px; font-size: 16px; white-space: nowrap; }
main[data-miniapp-view="clients"] .kpi-pace { flex-wrap: wrap; }
main[data-miniapp-view="clients"] .kpi-pace > div { min-width: calc(50% - 4px); }
main[data-miniapp-view="clients"] .kpi-pace strong { font-size: 13px; }
main[data-miniapp-view="clients"] .goal-history-row { display: grid; gap: 4px; }
main[data-miniapp-view="clients"] .goal-history-row span { text-align: left; }
}
/* Dashboard (page-scoped) */
main[data-miniapp-view="dashboard"] .home-actions { display: grid; gap: 18px; }
main[data-miniapp-view="dashboard"] .home-action { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 124px; padding: 20px; border: 2px solid var(--line); background: var(--paper); color: var(--ink); font-size: clamp(28px, 9vw, 44px); font-weight: 950; text-decoration: none; box-shadow: 4px 4px 0 var(--line); cursor: pointer; }
main[data-miniapp-view="dashboard"] .home-action:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--line); }
main[data-miniapp-view="dashboard"] .home-action:disabled { opacity: .55; cursor: wait; }
main[data-miniapp-view="dashboard"] .home-action::after { content: "→"; font-size: .9em; }
main[data-miniapp-view="dashboard"] .home-action.analytics { background: var(--accent); }
/* Job Detail (page-scoped) */
main[data-miniapp-view="job-detail"] .card { margin: 0 0 10px; padding: 0; }
main[data-miniapp-view="job-detail"] .card h2 { font-size: 13px; margin: 0 0 6px; font-weight: 700; }
main[data-miniapp-view="job-detail"] table { border-collapse: collapse; width: 100%; margin: 0 0 10px; }
main[data-miniapp-view="job-detail"] th, main[data-miniapp-view="job-detail"] td { border-bottom: 1px solid var(--surface-muted); padding: 4px 0; vertical-align: top; }
main[data-miniapp-view="job-detail"] th { color: var(--muted); font-weight: 400; text-align: left; width: 116px; }
main[data-miniapp-view="job-detail"] td { word-break: break-word; }
main[data-miniapp-view="job-detail"] code { font-size: 12px; }
main[data-miniapp-view="job-detail"] .warn { color: #b35b00; }
main[data-miniapp-view="job-detail"] .media-list { margin: 0; padding-left: 18px; }
main[data-miniapp-view="job-detail"] .media-list li { margin: 0 0 3px; }
main[data-miniapp-view="job-detail"] pre.prompt { margin: 0; padding: 6px; background: var(--surface-muted); border-radius: 6px; }
/* Shared operator pages. Model Providers and Supply Chain deliberately use the same shell. */
.operator-page { display: grid; gap: 16px; }
.operator-header { display: grid; gap: 14px; padding: 12px 0 18px; border-bottom: 2px solid var(--line); }
.operator-header-row { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.operator-title { min-width: 0; }
.operator-title .eyebrow { margin-bottom: 8px; }
.operator-title h1 { font-size: clamp(40px, 11vw, 68px); overflow-wrap: anywhere; }
.operator-meta { flex: 0 0 auto; color: var(--muted); font-size: 11px; font-weight: 850; text-align: right; }
.operator-links { display: flex; gap: 8px; flex-wrap: wrap; }
.operator-links a, .operator-links span { min-height: 42px; display: inline-flex; align-items: center; border: 2px solid var(--line); padding: 0 10px; background: var(--paper); font-size: 11px; font-weight: 950; text-transform: uppercase; box-shadow: 3px 3px 0 var(--line); }
.operator-links span { background: var(--accent); }
.operator-links a:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--line); }
.operator-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.operator-metric { min-width: 0; min-height: 88px; display: grid; align-content: space-between; gap: 8px; border: 2px solid var(--line); padding: 12px; background: var(--paper); box-shadow: 4px 4px 0 var(--line); }
.operator-metric b { display: block; font-size: clamp(23px, 6vw, 32px); line-height: .92; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.operator-metric span { display: block; color: var(--muted); font-size: 11px; font-weight: 950; line-height: 1.12; text-transform: uppercase; }
.operator-metric.warn { background: #fff1c8; }
.operator-metric.bad { background: #ffe1df; }
.operator-card { margin: 0; padding: 0; overflow: hidden; }
.operator-card > h2 { padding: 14px; border-bottom: 2px solid var(--line); font-size: 18px; }
.operator-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.operator-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.operator-table th, .operator-table td { border-right: 1px solid #c9c4b9; border-bottom: 1px solid #c9c4b9; padding: 7px 8px; text-align: left; vertical-align: top; font-variant-numeric: tabular-nums; }
.operator-table th { background: var(--surface-muted); font-size: 11px; font-weight: 950; text-transform: uppercase; white-space: nowrap; }
.operator-table td.num, .operator-table th.num { text-align: right; }
.operator-table code { padding: 1px 3px; background: var(--surface-muted); font-family: inherit; font-weight: 800; word-break: break-word; }
.operator-empty { padding: 18px; color: var(--muted); font-weight: 800; }
@media (max-width: 560px){ .operator-header-row { display: grid; gap: 8px; }
.operator-meta { text-align: left; }
.operator-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Model Providers (page-scoped) */
main[data-miniapp-view="model-providers"] .provider-table { min-width: 980px; }
main[data-miniapp-view="model-providers"] .labels { max-width: 160px; color: var(--muted); word-break: break-word; }
main[data-miniapp-view="model-providers"] .warn { color: #9b4e00; }
main[data-miniapp-view="model-providers"] .bad { color: #a51e1e; }
/* Models (page-scoped) */
main[data-miniapp-view="models"] .models-controls { padding: 12px; }
main[data-miniapp-view="models"] .models-controls form { display: grid; grid-template-columns: auto minmax(180px, 300px); gap: 8px 12px; align-items: center; }
main[data-miniapp-view="models"] .models-controls label { color: var(--muted); font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="models"] .models-controls select { width: 100%; min-height: 40px; border: 2px solid var(--line); border-radius: 0; padding: 7px 9px; background: var(--paper); color: var(--ink); font: inherit; font-weight: 800; }
main[data-miniapp-view="models"] .models-controls button { grid-column: 2; width: auto; justify-self: start; }
main[data-miniapp-view="models"] .models-card { margin-top: 14px; }
main[data-miniapp-view="models"] .models-card-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 14px; border-bottom: 2px solid var(--line); }
main[data-miniapp-view="models"] .models-card-heading h2 { font-size: 20px; }
main[data-miniapp-view="models"] .models-scope { color: var(--muted); font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="models"] .models-list { display: grid; }
main[data-miniapp-view="models"] .model-record { display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, 0.7fr); gap: 16px; padding: 14px; border-bottom: 1px solid #c9c4b9; }
main[data-miniapp-view="models"] .model-record:last-child { border-bottom: 0; }
main[data-miniapp-view="models"] .model-record-main { min-width: 0; }
main[data-miniapp-view="models"] .model-record-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; }
main[data-miniapp-view="models"] .model-record-title h3 { font-size: 20px; }
main[data-miniapp-view="models"] .model-record-title code { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
main[data-miniapp-view="models"] .model-record-upstream { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 8px; margin-top: 7px; color: var(--muted); font-size: 11px; }
main[data-miniapp-view="models"] .model-record-upstream span { font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="models"] .model-record-upstream code { color: var(--ink); overflow-wrap: anywhere; }
main[data-miniapp-view="models"] .model-record-economics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
main[data-miniapp-view="models"] .model-record-economics > div { min-width: 0; display: grid; gap: 3px; }
main[data-miniapp-view="models"] .model-record-economics span, main[data-miniapp-view="models"] .model-record-economics small { color: var(--muted); font-size: 10px; line-height: 1.15; }
main[data-miniapp-view="models"] .model-record-economics span { font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="models"] .model-record-economics b { font-size: 16px; line-height: 1; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="models"] .model-record-latency { min-width: 0; align-self: center; padding-left: 14px; border-left: 2px solid var(--line); }
main[data-miniapp-view="models"] .model-latency-head { display: grid; gap: 3px; margin-bottom: 6px; font-size: 11px; font-weight: 950; }
main[data-miniapp-view="models"] .model-latency-head > span:first-child { color: var(--muted); text-transform: uppercase; }
main[data-miniapp-view="models"] .model-latency-values { font-variant-numeric: tabular-nums; }
main[data-miniapp-view="models"] .model-sparkline { display: block; width: 100%; height: 48px; overflow: visible; }
main[data-miniapp-view="models"] .model-sparkline path { fill: none; stroke-linecap: square; stroke-linejoin: miter; stroke-width: 2.2; }
main[data-miniapp-view="models"] .sparkline-median { stroke: var(--accent-2); }
main[data-miniapp-view="models"] .sparkline-p95 { stroke: var(--ink); stroke-width: 1.6 !important; }
main[data-miniapp-view="models"] .model-sparkline-legend { display: flex; gap: 10px; color: var(--muted); font-size: 10px; }
main[data-miniapp-view="models"] .model-sparkline-legend span { display: inline-flex; align-items: center; gap: 4px; }
main[data-miniapp-view="models"] .model-sparkline-legend i { display: inline-block; width: 12px; height: 2px; background: var(--accent-2); }
main[data-miniapp-view="models"] .model-sparkline-legend .legend-p95 { background: var(--ink); }
main[data-miniapp-view="models"] .model-sparkline-empty { display: grid; min-height: 48px; place-items: center; color: var(--muted); font-size: 20px; }
@media (max-width: 620px){ main[data-miniapp-view="models"] .model-record { grid-template-columns: 1fr; gap: 12px; }
main[data-miniapp-view="models"] .model-record-latency { padding-left: 0; border-left: 0; border-top: 2px solid var(--line); padding-top: 10px; }
}
@media (max-width: 480px){ main[data-miniapp-view="models"] .models-controls form { grid-template-columns: 1fr; }
main[data-miniapp-view="models"] .models-controls button { grid-column: 1; }
main[data-miniapp-view="models"] .model-record-economics { gap: 6px; }
main[data-miniapp-view="models"] .model-record-economics b { font-size: 14px; }
}
/* Supply Chain (page-scoped) */
main[data-miniapp-view="supply-chain"] .supply-table { min-width: 1060px; }
main[data-miniapp-view="supply-chain"] .sku-row td { background: color-mix(in srgb, var(--accent-2) 10%, var(--bg)); border-top: 2px solid color-mix(in srgb, var(--accent-2) 38%, var(--surface-muted)); padding: 6px 7px; }
main[data-miniapp-view="supply-chain"] .sku-head { display: flex; gap: 5px 7px; align-items: center; flex-wrap: wrap; }
main[data-miniapp-view="supply-chain"] .sku-head code { font-weight: 700; }
main[data-miniapp-view="supply-chain"] .price-pill, main[data-miniapp-view="supply-chain"] .pill { display: inline-flex; align-items: baseline; gap: 4px; border: 1px solid var(--surface-muted); border-radius: 999px; padding: 1px 6px; background: var(--bg); white-space: nowrap; }
main[data-miniapp-view="supply-chain"] .price-pill b { font-weight: 700; }
main[data-miniapp-view="supply-chain"] .pill { margin: 0 3px 3px 0; }
main[data-miniapp-view="supply-chain"] .ok { color: #167a3f; }
 main[data-miniapp-view="supply-chain"] .warn { color: #a15c00; }
main[data-miniapp-view="supply-chain"] .bad { color: #c33; }
main[data-miniapp-view="supply-chain"] .muted { color: var(--muted); }
main[data-miniapp-view="supply-chain"] .rank { display: inline-flex; width: 28px; height: 24px; align-items: center; justify-content: center; border-radius: 5px; background: var(--surface-muted); font-weight: 700; }
main[data-miniapp-view="supply-chain"] .route-main { display: grid; gap: 2px; max-width: 280px; }
main[data-miniapp-view="supply-chain"] .status { display: inline-block; border-radius: 4px; padding: 1px 5px; background: var(--surface-muted); font-weight: 700; white-space: nowrap; }
main[data-miniapp-view="supply-chain"] .status.ok { background: color-mix(in srgb, #167a3f 11%, var(--surface-muted)); color: #167a3f; }
main[data-miniapp-view="supply-chain"] .status.warn { background: color-mix(in srgb, #a15c00 13%, var(--surface-muted)); color: #a15c00; }
main[data-miniapp-view="supply-chain"] .status.bad { background: color-mix(in srgb, #c33 12%, var(--surface-muted)); color: #c33; }
main[data-miniapp-view="supply-chain"] .status.muted { font-weight: 600; color: var(--muted); }
main[data-miniapp-view="supply-chain"] .blockers { max-width: 240px; margin-top: 3px; }
main[data-miniapp-view="supply-chain"] .blockers .pill { white-space: normal; border-radius: 4px; }
main[data-miniapp-view="supply-chain"] .wallet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; padding: 14px; }
main[data-miniapp-view="supply-chain"] .wallet { border: 2px solid var(--line); padding: 9px 10px; min-width: 0; background: var(--bg); }
main[data-miniapp-view="supply-chain"] .wallet-line { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-weight: 700; }
main[data-miniapp-view="supply-chain"] .wallet-balance { white-space: nowrap; }
main[data-miniapp-view="supply-chain"] .wallet-balance .muted, main[data-miniapp-view="supply-chain"] .wallet-balance .bad { margin-left: 4px; font-weight: 500; }
main[data-miniapp-view="supply-chain"] .row-attn td { background: color-mix(in srgb, #c33 4%, var(--bg)); }
main[data-miniapp-view="supply-chain"] .row-warn td { background: color-mix(in srgb, #a15c00 4%, var(--bg)); }
@supports not (color: color-mix(in srgb, red 50%, white)){ main[data-miniapp-view="supply-chain"] .sku-row td, main[data-miniapp-view="supply-chain"] .row-attn td, main[data-miniapp-view="supply-chain"] .row-warn td { background: var(--bg); }
}
/* Operator latency boards (desktop fullscreen). */
main[data-miniapp-view="latency"],
main[data-miniapp-view="errors"],
main[data-miniapp-view="revenue"] { width: min(1200px, calc(100% - 28px)); }
main[data-miniapp-view="latency"] .latency-page,
main[data-miniapp-view="errors"] .latency-page,
main[data-miniapp-view="revenue"] .latency-page { display: grid; gap: 18px; }
main[data-miniapp-view="latency"] .operator-title h1 { font-size: clamp(36px, 7vw, 56px); }
main[data-miniapp-view="latency"] .latency-toolbar,
main[data-miniapp-view="errors"] .latency-toolbar,
main[data-miniapp-view="revenue"] .latency-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 4px; }
main[data-miniapp-view="latency"] .latency-windows,
main[data-miniapp-view="errors"] .latency-windows,
main[data-miniapp-view="revenue"] .latency-windows { display: flex; gap: 8px; }
main[data-miniapp-view="latency"] .latency-windows a,
main[data-miniapp-view="latency"] .latency-windows span,
main[data-miniapp-view="errors"] .latency-windows a,
main[data-miniapp-view="errors"] .latency-windows span,
main[data-miniapp-view="revenue"] .latency-windows a,
main[data-miniapp-view="revenue"] .latency-windows span { min-height: 42px; display: inline-flex; align-items: center; border: 2px solid var(--line); padding: 0 12px; background: var(--paper); font-size: 12px; font-weight: 950; text-transform: uppercase; box-shadow: 3px 3px 0 var(--line); }
main[data-miniapp-view="latency"] .latency-windows span,
main[data-miniapp-view="errors"] .latency-windows span,
main[data-miniapp-view="revenue"] .latency-windows span { background: var(--accent); }
main[data-miniapp-view="latency"] .latency-windows a:active,
main[data-miniapp-view="errors"] .latency-windows a:active,
main[data-miniapp-view="revenue"] .latency-windows a:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--line); }
/* The Latency board dropped its KPI tiles; Errors and Revenue still use them. */
main[data-miniapp-view="errors"] .latency-kpi-row,
main[data-miniapp-view="revenue"] .latency-kpi-row { display: flex; gap: 8px; flex-wrap: wrap; }
main[data-miniapp-view="errors"] .latency-kpi,
main[data-miniapp-view="revenue"] .latency-kpi { min-width: 120px; display: grid; gap: 4px; padding: 10px 12px; border: 2px solid var(--line); background: var(--ink); color: var(--paper); box-shadow: 4px 4px 0 var(--line); }
main[data-miniapp-view="errors"] .latency-kpi strong,
main[data-miniapp-view="revenue"] .latency-kpi strong { font-size: 28px; line-height: .9; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="errors"] .latency-kpi span,
main[data-miniapp-view="revenue"] .latency-kpi span { font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="latency"] .latency-flow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
}
main[data-miniapp-view="latency"] .flow-box {
  flex: 1 1 72px;
  min-width: 72px;
  min-height: 64px;
  display: grid;
  place-content: center;
  gap: 4px;
  padding: 8px 10px;
  border: 2px solid var(--line);
  background: var(--paper);
  text-align: center;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  box-shadow: 3px 3px 0 var(--line);
}
main[data-miniapp-view="latency"] .flow-box b { font-size: 22px; line-height: 1; }
main[data-miniapp-view="latency"] .flow-box.a { background: #5f5a50; color: var(--paper); }
main[data-miniapp-view="latency"] .flow-box.b { background: #ff5c28; color: var(--paper); }
main[data-miniapp-view="latency"] .flow-box.c { background: #101010; color: var(--paper); }
main[data-miniapp-view="latency"] .flow-box.d { background: #2563eb; color: var(--paper); }
main[data-miniapp-view="latency"] .flow-box.sosana { background: repeating-linear-gradient(-52deg, var(--paper) 0 7px, #e7e3d8 7px 9px); }
main[data-miniapp-view="latency"] .flow-box.ghost { border-style: dashed; color: var(--muted); }
main[data-miniapp-view="latency"] .flow-arrow { flex: 0 0 auto; color: var(--ink); font-size: 22px; font-weight: 950; line-height: 1; }
main[data-miniapp-view="latency"] .flow-arrow.dashed { color: var(--muted); }
main[data-miniapp-view="latency"] .latency-board { display: grid; gap: 14px; }
main[data-miniapp-view="latency"] .latency-panel { border: 2px solid var(--line); background: var(--paper); box-shadow: var(--shadow); overflow: hidden; }
main[data-miniapp-view="latency"] .latency-panel-heading { padding: 12px 14px; border-bottom: 2px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
main[data-miniapp-view="latency"] .latency-panel-heading h2 { font-size: 18px; }
main[data-miniapp-view="latency"] .latency-panel-heading .latency-windows { margin: 0; }
main[data-miniapp-view="latency"] .latency-windows button { width: auto; min-height: 42px; padding: 0 12px; border: 2px solid var(--line); background: var(--paper); color: var(--ink); font-size: 12px; font-weight: 950; text-transform: uppercase; box-shadow: 3px 3px 0 var(--line); }
main[data-miniapp-view="latency"] .latency-windows button[aria-pressed="true"] { background: var(--accent); }
main[data-miniapp-view="latency"] .latency-frame { position: relative; width: 100%; height: 40vh; min-height: 220px; }
main[data-miniapp-view="latency"] .latency-frame-upstream { height: 48vh; min-height: 280px; }
main[data-miniapp-view="latency"] .latency-frame canvas { width: 100% !important; max-width: 100%; }
main[data-miniapp-view="errors"] .chart-frame,
main[data-miniapp-view="revenue"] .chart-frame { position: relative; width: 100%; height: 40vh; min-height: 240px; }
main[data-miniapp-view="errors"] .reliability-totals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
main[data-miniapp-view="errors"] .reliability-stat { display: grid; gap: 6px; padding: 12px; border: 2px solid var(--line); min-width: 0; }
main[data-miniapp-view="errors"] .reliability-stat:first-child { background: #fff1dc; }
main[data-miniapp-view="errors"] .reliability-stat strong { font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; }
main[data-miniapp-view="errors"] .reliability-controls { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 10px; }
main[data-miniapp-view="errors"] .reliability-model-picker select,
main[data-miniapp-view="revenue"] .analytics-filters select { width: 100%; min-height: 42px; padding: 8px; border: 2px solid var(--line); background: var(--paper); font: inherit; }
main[data-miniapp-view="errors"] .reliability-chart-frame { height: 40vh; min-height: 280px; }
main[data-miniapp-view="revenue"] .model-list { display: grid; gap: 10px; }
main[data-miniapp-view="revenue"] .model-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; border-bottom: 2px solid var(--line); padding: 11px 14px; background: var(--paper); }
main[data-miniapp-view="revenue"] .model-row:last-child { border-bottom: 0; }
main[data-miniapp-view="revenue"] .spark { display: flex; align-items: end; gap: 1px; width: 92px; height: 34px; overflow: hidden; }
main[data-miniapp-view="revenue"] .spark i { flex: 1 1 0; min-width: 0; background: var(--accent-2); }

/* Treasury */
main[data-miniapp-view="treasury"] .treasury-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px; }
main[data-miniapp-view="treasury"] .treasury-form label { display: grid; gap: 4px; min-width: 0; color: var(--muted); font-size: 11px; font-weight: 950; text-transform: uppercase; }
main[data-miniapp-view="treasury"] .treasury-form select, main[data-miniapp-view="treasury"] .treasury-form textarea { width: 100%; min-height: 42px; border: 2px solid var(--line); border-radius: 0; padding: 8px 10px; background: var(--paper); color: var(--ink); font: inherit; font-weight: 800; }
main[data-miniapp-view="treasury"] .treasury-form textarea { resize: vertical; }
main[data-miniapp-view="treasury"] .treasury-form button { grid-column: 1 / -1; }
main[data-miniapp-view="treasury"] details { margin-top: 5px; }
main[data-miniapp-view="treasury"] summary { cursor: pointer; color: var(--muted); font-size: 11px; font-weight: 900; }
main[data-miniapp-view="treasury"] details.operator-card > summary { padding: 14px; color: var(--ink); font-size: 18px; font-weight: 950; list-style-position: inside; }
main[data-miniapp-view="treasury"] details.operator-card[open] > summary { border-bottom: 2px solid var(--line); }
main[data-miniapp-view="treasury"] .treasury-form input[type="checkbox"] { width: 18px; min-height: 18px; height: 18px; padding: 0; }
main[data-miniapp-view="treasury"] .treasury-form label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: 8px; color: var(--ink); text-transform: none; }
main[data-miniapp-view="treasury"] td, main[data-miniapp-view="treasury"] td small { overflow-wrap: anywhere; }
main[data-miniapp-view="treasury"] .operator-account-rollup { display: flex; gap: .75rem; flex-wrap: wrap; padding: 14px; }
main[data-miniapp-view="treasury"] .operator-account-rollup span { padding: .55rem .7rem; border: 1px solid var(--line); border-radius: .6rem; }
main[data-miniapp-view="treasury"] .treasury-form { grid-template-columns: 1fr; }
main[data-miniapp-view="treasury"] .treasury-ledger-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px; border-bottom:2px solid var(--line); }
main[data-miniapp-view="treasury"] .treasury-ledger-head h2 { font-size:18px; }
main[data-miniapp-view="treasury"] .treasury-table { min-width: 760px; table-layout: auto; }
main[data-miniapp-view="treasury"] .treasury-table td, main[data-miniapp-view="treasury"] .treasury-table td small { overflow-wrap: normal; word-break: normal; }
main[data-miniapp-view="treasury"] .treasury-table th:nth-child(1) { width: 110px; }
main[data-miniapp-view="treasury"] .treasury-table th:nth-child(2) { min-width: 165px; }
main[data-miniapp-view="treasury"] .treasury-table th:nth-child(3), main[data-miniapp-view="treasury"] .treasury-table th:nth-child(4) { width: 92px; }
main[data-miniapp-view="treasury"] .treasury-table th:nth-child(5) { min-width: 90px; }
main[data-miniapp-view="treasury"] .treasury-table th:nth-child(6) { min-width: 80px; }
main[data-miniapp-view="treasury"] .treasury-table th:nth-child(7) { min-width: 130px; }
main[data-miniapp-view="treasury"] .treasury-totals .operator-metric { min-height: 68px; box-shadow: 3px 3px 0 var(--line); }
main[data-miniapp-view="treasury"] .treasury-secondary { margin-top: 10px; }
main[data-miniapp-view="treasury"] .treasury-form-stack { padding-bottom: 14px; }
main[data-miniapp-view="treasury"] .treasury-form-stack h3 { margin: 14px; font-size: 14px; }
main[data-miniapp-view="treasury"] .treasury-nested { margin: 0 14px 8px; border: 1px solid var(--line); }
main[data-miniapp-view="treasury"] .treasury-nested summary { padding: 10px; }
main[data-miniapp-view="treasury"] .treasury-headline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
main[data-miniapp-view="treasury"] .treasury-headline .operator-metric { min-height: 118px; }
main[data-miniapp-view="treasury"] .treasury-headline .operator-metric span { order: 0; font-size: 12px; }
main[data-miniapp-view="treasury"] .treasury-headline .operator-metric b { order: 1; font-size: clamp(32px, 8vw, 54px); }
main[data-miniapp-view="treasury"] .treasury-split { padding: 12px 14px; }
main[data-miniapp-view="treasury"] .treasury-split-row, main[data-miniapp-view="treasury"] .treasury-secondary-copy { display: flex; gap: 16px; flex-wrap: wrap; align-items: baseline; }
main[data-miniapp-view="treasury"] .treasury-split-row span, main[data-miniapp-view="treasury"] .treasury-secondary-copy span { font-size: 13px; font-weight: 800; }
main[data-miniapp-view="treasury"] .treasury-split details { margin-top: 9px; }
@media (max-width: 560px){ main[data-miniapp-view="treasury"] .treasury-headline { grid-template-columns: 1fr; } main[data-miniapp-view="treasury"] .treasury-headline .operator-metric { min-height: 92px; } }
main[data-miniapp-view="treasury"] .treasury-form-stack > h3 { display:none; }
main[data-miniapp-view="treasury"] .treasury-headline small { color: var(--muted); font-size: 11px; font-weight: 800; }
main[data-miniapp-view="treasury"] .treasury-amount { white-space: nowrap; font-weight: 950; }
main[data-miniapp-view="treasury"] .treasury-amount.positive { color: #176b3a; }
main[data-miniapp-view="treasury"] .treasury-amount.negative { color: #9b321e; }
main[data-miniapp-view="treasury"] .treasury-amount.pending { color: var(--muted); }
main[data-miniapp-view="treasury"] .treasury-amount.credit { color: var(--muted); }
main[data-miniapp-view="treasury"] .treasury-add-link { white-space: nowrap; }
main[data-miniapp-view="treasury"] .treasury-receipt-edit { margin-top: 6px; }
main[data-miniapp-view="treasury"] .treasury-receipt-edit summary { display: inline-block; font-weight: 900; text-decoration: underline; cursor: pointer; }
main[data-miniapp-view="treasury"] .treasury-pending-link a, main[data-miniapp-view="treasury"] .treasury-attention-actions a { font-weight: 900; text-decoration: underline; }
main[data-miniapp-view="treasury"] .treasury-attention-actions { display: flex; gap: 14px; flex-wrap: wrap; padding: 0 14px 14px; }