.devapi-view-v14{--dv-bg:#0b121c;--dv-card:#121e2c;--dv-card2:#101a27;--dv-ink:#e7eef6;--dv-muted:#8498af;--dv-line:#263344;--dv-accent:#90ddc8;--dv-soft:#182736;--dv-amber:#e2bd78;--dv-danger:#e78b8b}
[data-theme="light"] .devapi-view-v14{--dv-bg:#f5f7f8;--dv-card:#fff;--dv-card2:#eef3f4;--dv-ink:#182d3c;--dv-muted:#687d8d;--dv-line:#dce4e8;--dv-accent:#28775f;--dv-soft:#e8f0ed;--dv-amber:#9c702a;--dv-danger:#bb5353}
.devapi-view-v14 .devapi-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:24px;align-items:stretch;margin-bottom:22px}
.devapi-view-v14 .devapi-hero-copy,.devapi-view-v14 .devapi-balance-card,.devapi-view-v14 .devapi-card{border:1px solid var(--dv-line);background:var(--dv-card);border-radius:16px}
.devapi-view-v14 .devapi-hero-copy{padding:28px;min-height:230px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--dv-accent) 13%,transparent),transparent 31%),var(--dv-card)}
.devapi-view-v14 .devapi-eyebrow{display:flex;align-items:center;gap:8px;color:var(--dv-accent);font-size:9px;letter-spacing:1.8px;text-transform:uppercase}
.devapi-view-v14 .devapi-eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--dv-accent)}
.devapi-view-v14 .devapi-hero-copy h1{margin:15px 0 10px;font-size:32px;line-height:1.35;font-weight:520;letter-spacing:-1px;color:var(--dv-ink)}
.devapi-view-v14 .devapi-hero-copy p{max-width:760px;margin:0;color:var(--dv-muted);font-size:12px;line-height:1.9}
.devapi-view-v14 .devapi-separate-note{margin-top:19px;display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;border:1px solid color-mix(in srgb,var(--dv-accent) 27%,var(--dv-line));border-radius:8px;padding:8px 10px;color:var(--dv-muted);font-size:10px;background:color-mix(in srgb,var(--dv-accent) 4%,transparent)}
.devapi-view-v14 .devapi-separate-note b{color:var(--dv-ink);font-weight:550}
.devapi-view-v14 .devapi-balance-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.devapi-view-v14 .devapi-balance-card small{color:var(--dv-muted);font-size:10px}
.devapi-view-v14 .devapi-balance{display:block;margin:12px 0 6px;font-size:34px;font-weight:520;color:var(--dv-ink);letter-spacing:-1px}
.devapi-view-v14 .devapi-status-line{display:flex;align-items:center;gap:7px;color:var(--dv-muted);font-size:10px}
.devapi-view-v14 .devapi-status-dot{width:6px;height:6px;border-radius:50%;background:#6f8293}.devapi-view-v14 .devapi-status-dot.on{background:var(--dv-accent)}
.devapi-view-v14 .devapi-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.devapi-view-v14 .devapi-primary,.devapi-view-v14 .devapi-secondary,.devapi-view-v14 .devapi-quiet{border-radius:8px;min-height:36px;padding:8px 13px;font-size:11px;cursor:pointer}
.devapi-view-v14 .devapi-primary{border:1px solid var(--dv-accent);background:var(--dv-accent);color:#092923;font-weight:650}
.devapi-view-v14 .devapi-secondary{border:1px solid var(--dv-line);background:transparent;color:var(--dv-ink)}
.devapi-view-v14 .devapi-quiet{border:0;background:transparent;color:var(--dv-muted);padding-left:7px;padding-right:7px}
.devapi-view-v14 .devapi-primary:disabled,.devapi-view-v14 .devapi-secondary:disabled{opacity:.45;cursor:not-allowed}
.devapi-view-v14 .devapi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.devapi-view-v14 .devapi-metric{border:1px solid var(--dv-line);border-radius:13px;background:var(--dv-card);padding:17px 18px;min-height:92px}
.devapi-view-v14 .devapi-metric small{display:block;color:var(--dv-muted);font-size:9px;letter-spacing:.4px}.devapi-view-v14 .devapi-metric b{display:block;margin-top:10px;color:var(--dv-ink);font-size:20px;font-weight:520}.devapi-view-v14 .devapi-metric em{display:block;margin-top:5px;color:var(--dv-muted);font-size:9px;font-style:normal}
.devapi-view-v14 .devapi-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start}
.devapi-view-v14 .devapi-card{padding:21px;margin-bottom:18px}.devapi-view-v14 .devapi-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}
.devapi-view-v14 .devapi-card-head h2{margin:0 0 6px;font-size:17px;font-weight:520;color:var(--dv-ink)}.devapi-view-v14 .devapi-card-head p{margin:0;color:var(--dv-muted);font-size:10px;line-height:1.75}
.devapi-view-v14 .devapi-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 0;border-top:1px solid var(--dv-line)}.devapi-view-v14 .devapi-key-row:first-child{border-top:0}
.devapi-view-v14 .devapi-key-row b{display:block;color:var(--dv-ink);font-size:12px;font-weight:520}.devapi-view-v14 .devapi-key-row small{display:block;color:var(--dv-muted);font-size:9px;margin-top:5px;line-height:1.65}
.devapi-view-v14 .devapi-key-prefix{display:inline-block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dv-accent);margin-top:7px;font-size:10px}
.devapi-view-v14 .devapi-empty{color:var(--dv-muted);font-size:11px;padding:20px 0;text-align:center}
.devapi-view-v14 .devapi-topups{display:flex;gap:8px;flex-wrap:wrap}.devapi-view-v14 .devapi-topup{border:1px solid var(--dv-line);border-radius:8px;background:transparent;color:var(--dv-ink);padding:9px 13px;font-size:11px}
.devapi-view-v14 .devapi-price-note{margin-top:14px;color:var(--dv-muted);font-size:10px;line-height:1.75}
.devapi-view-v14 .devapi-endpoint{border-top:1px solid var(--dv-line);padding:13px 0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}.devapi-view-v14 .devapi-endpoint:first-of-type{border-top:0}
.devapi-view-v14 .devapi-endpoint span{font-size:10px;color:var(--dv-muted)}.devapi-view-v14 .devapi-endpoint code{color:var(--dv-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere}
.devapi-view-v14 .devapi-code{margin:14px 0 0;border:1px solid var(--dv-line);border-radius:10px;background:#09121c;color:#bcd1df;padding:15px;overflow:auto;white-space:pre;font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
[data-theme="light"] .devapi-view-v14 .devapi-code{background:#edf2f3;color:#274050}
.devapi-view-v14 .devapi-usage-row{display:grid;grid-template-columns:150px 1fr 90px 90px;gap:10px;padding:11px 0;border-top:1px solid var(--dv-line);align-items:center;font-size:10px}.devapi-view-v14 .devapi-usage-row:first-child{border-top:0}
.devapi-view-v14 .devapi-usage-row span{color:var(--dv-muted)}.devapi-view-v14 .devapi-usage-row b{font-weight:520;color:var(--dv-ink)}
.devapi-view-v14 .devapi-flash{position:fixed;right:24px;bottom:24px;z-index:99999;max-width:430px;border:1px solid color-mix(in srgb,var(--dv-accent) 32%,var(--dv-line));background:var(--dv-card);color:var(--dv-ink);border-radius:12px;padding:13px 15px;box-shadow:0 20px 70px #0005;font-size:11px;line-height:1.65}
.devapi-view-v14 .devapi-new-key{margin:13px 0;padding:14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--dv-accent) 35%,var(--dv-line));background:color-mix(in srgb,var(--dv-accent) 5%,var(--dv-card))}
.devapi-view-v14 .devapi-new-key label{display:block;color:var(--dv-muted);font-size:9px;margin-bottom:7px}.devapi-view-v14 .devapi-new-key code{display:block;overflow-wrap:anywhere;color:var(--dv-accent);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.devapi-view-v14 .devapi-new-key .devapi-copy{margin-top:10px}
.devapi-view-v14 .devapi-danger{color:var(--dv-danger)}.devapi-view-v14 .devapi-on{color:var(--dv-accent)}.devapi-view-v14 .devapi-amber{color:var(--dv-amber)}
@media(max-width:1000px){.devapi-view-v14 .devapi-hero,.devapi-view-v14 .devapi-grid{grid-template-columns:1fr}.devapi-view-v14 .devapi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.devapi-view-v14 .devapi-hero-copy,.devapi-view-v14 .devapi-balance-card,.devapi-view-v14 .devapi-card{padding:17px}.devapi-view-v14 .devapi-hero-copy h1{font-size:26px}.devapi-view-v14 .devapi-metrics{grid-template-columns:1fr}.devapi-view-v14 .devapi-usage-row{grid-template-columns:1fr 1fr}.devapi-view-v14 .devapi-endpoint{grid-template-columns:1fr}}

/* v1.4.1 recharge entry */
.devapi-view-v14 .devapi-recharge-shortcut{min-width:92px}
.devapi-view-v14 .devapi-topup{cursor:pointer;transition:.15s ease}
.devapi-view-v14 .devapi-topup:hover{border-color:var(--dv-accent);color:var(--dv-accent)}
.devapi-view-v14 .devapi-topup.selected{
  border-color:var(--dv-accent);
  background:color-mix(in srgb,var(--dv-accent) 11%,transparent);
  color:var(--dv-accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--dv-accent) 8%,transparent)
}
.devapi-view-v14 .devapi-topup-checkout{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.devapi-view-v14 .devapi-topup-checkout .devapi-primary{min-width:170px}
.devapi-view-v14 .devapi-selected-amount{color:var(--dv-muted);font-size:10px}
.devapi-view-v14 #devapi-topup-card-v14{scroll-margin-top:90px}