/* Production controls share the recovered Agent Canvas visual system. */
:root { --paper:#111411; --paper-2:#182017; --surface:#182017; --ink-2:#d0dcc7; --line-strong:#485b3a; --inverse:#111411; --v8:#c3ef99; --focus:#c3ef99; --font:Geist,Arial,sans-serif; --mono:GeistMono,monospace; --maxw:1360px; --gutter:56px; --r:5px; --r-sm:3px; --r-lg:7px; --danger:#ffb0a4; color-scheme:dark; }
body { font-family:Geist,Arial,sans-serif; }
.hidden { display:none!important; }
.brand .tld { color:var(--muted); font-weight:400; }
.brand { color:var(--ink); }
.header a[aria-current] { color:var(--accent); }
.skip { z-index:100; }
.notice { padding:14px 18px; margin:16px 0; border:1px solid #657a50; border-radius:4px; background:#1d2918; color:#e0edcf; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.notice.error { color:#ffc8bd; border-color:#835147; background:#2a1c18; }
.notice.ok { color:#c3ef99; }
.pricing-page button.plan-link { width:100%; border:0; border-top:1px solid #bbc6ae; background:transparent; text-align:left; font:inherit; cursor:pointer; }
.pricing-page [data-price] { font:inherit; color:inherit; letter-spacing:inherit; }
.pricing-page .price small { font:12px/1.6 Geist,Arial,sans-serif; color:#64765a; }
.functional main { min-height:65vh; }
.functional .eyebrow::before { display:none; }
.functional .eyebrow { text-transform:none; }
.functional .btn { border-radius:3px; border-color:#4d6040; background:transparent; color:#d6e6c9; font-weight:450; font-size:12px; box-shadow:none; min-height:44px; }
.functional .btn:hover { background:#273520; border-color:#829c6a; }
.functional .btn-primary { background:#c3ef99; color:#1d2b14; border-color:#c3ef99; }
.functional .btn-primary:hover { background:#d7ffb1; color:#1d2b14; }
.functional .btn.danger { color:#ffb0a4; border-color:#785249; }
.functional .card, .functional .panel { background:#172014; border:1px solid #3a4a2f; border-radius:5px; box-shadow:none; }
.functional .card.highlight { border-color:#617e4b; }
.functional .card h3, .functional .panel-title h2 { color:#e3eedb; font-weight:450; }
.functional .muted { color:#a4b498; }
.functional .badge { border-radius:3px; background:#202d18; color:#b5d499; border-color:#4d643a; }
.functional .badge.accent { color:#c3ef99; }
.functional .field input { border-radius:3px; border-color:#4a5d3b; background:#10180d; color:#edf5e6; min-height:48px; }
.functional .auth-panel h1 { font-size:25px; line-height:1.2; letter-spacing:-.04em; font-weight:450; margin:0 0 14px; }
.functional .auth-panel .divider { color:#849b73; border-color:#3b4d30; }
.functional .auth-panel .divider::before, .functional .auth-panel .divider::after { background:#3b4d30; }
.functional .auth-panel .google-btn { justify-content:center; gap:12px; }
.functional .auth-panel .google-btn svg { width:20px; height:20px; }
.functional .auth-panel .tiny { font-size:11px; }
.functional .auth { padding:70px 24px 90px; min-height:60vh; }
.functional .auth-card { max-width:520px; border:1px solid #3a4a2f; border-radius:5px; background:#172014; box-shadow:none; }
.functional .auth-card h1 { font-size:32px; font-weight:450; letter-spacing:-.04em; }
.connection-mark { fill:none; stroke:#e5efdb; stroke-width:1.7; width:38px; height:38px; }
.connection-mark .logo-signal { stroke:#c3ef99; }
.account-live { padding-top:40px; padding-bottom:80px; }
.account-live .account-layout { padding-inline:0; }
.account-profile small { overflow-wrap:anywhere; }
.account-main { min-width:0; }
.account-main .account-heading { align-items:flex-start; gap:24px; }
.account-main .action-row { flex-wrap:wrap; justify-content:flex-end; }
.account-main .panel-title { margin-top:40px; }
.account-main .panel-title h2 { font-size:21px; }
.account-main .plan-card { padding:28px; }
.account-main #plans { grid-template-columns:1fr; }
.account-main .meter { background:#303f25; }
.account-main .meter i { background:#c3ef99; }
.account-main .list td { border-color:#34492a; }
.functional .viewer-stage { border-radius:5px; border-color:#3a4a2f; }
@media(max-width:800px) { :root { --gutter:32px; } .account-main .account-heading { flex-wrap:wrap; } .account-main .action-row { justify-content:flex-start; } }
@media(max-width:520px) { :root { --gutter:22px; } .functional .auth { padding:36px 22px 56px; } .functional .auth-card { padding:22px!important; } .functional .auth-card h1 { font-size:28px; } .account-main .grid-2 { grid-template-columns:1fr; } .account-main .panel-title { align-items:flex-start; flex-wrap:wrap; gap:8px; } .account-main .list td { padding:14px 10px; } .account-main .card { padding:22px; } .account-main .account-heading h1 { font-size:38px; } }