:root {
  --ink: #0b1728;
  --ink-2: #16243a;
  --paper: #f4f3ee;
  --white: #ffffff;
  --line: #dce1e5;
  --line-dark: rgba(255, 255, 255, 0.16);
  --muted: #667085;
  --muted-2: #8b96a6;
  --amber: #f4b743;
  --amber-2: #fff0ca;
  --teal: #0d9f91;
  --teal-2: #dff5f1;
  --blue: #316bdc;
  --blue-2: #e8efff;
  --red: #c8463c;
  --red-2: #fde9e7;
  --violet: #7357c7;
  --violet-2: #eee8ff;
  --shadow: 0 16px 44px rgba(18, 33, 55, 0.1);
  --shadow-soft: 0 7px 24px rgba(18, 33, 55, 0.07);
  --radius: 16px;
  --radius-sm: 10px;
  --max: 1240px;
}

/* v64: readable, consistent typography for the signed-in user center */
.account-v2 .account-main {
  font-size: 14px;
  line-height: 1.65;
}
.account-v2 .account-identity strong {
  font-size: 17px;
  line-height: 1.35;
}
.account-v2 .account-identity small {
  font-size: 13px;
  line-height: 1.55;
}
.account-v2 .account-identity b {
  font-size: 12px;
  line-height: 1.4;
}
.account-v2 .account-summary-grid small,
.account-v2 .account-toolbar small,
.account-v2 .wallet-card-head small,
.account-v2 .wallet-recharge-card > p,
.account-v2 .balance-ledger-card > p,
.account-v2 .report-list-main small,
.account-v2 .report-list-main p,
.account-v2 .invoice-profile-card > p,
.account-v2 .invoice-application-entry > div > span,
.account-v2 .invoice-application-entry > div > small,
.account-v2 .invoice-order-row > span,
.account-v2 .invoice-order-row small,
.account-v2 .invoice-step span,
.account-v2 .invoice-history-row span {
  font-size: 13px;
  line-height: 1.6;
}
.account-v2 .account-summary-grid button,
.account-v2 .wallet-card-head button,
.account-v2 .wallet-recharge-card button,
.account-v2 .balance-ledger-card button,
.account-v2 .report-list-actions button,
.account-v2 .account-security-card button,
.account-v2 .invoice-application-entry button,
.account-v2 .invoice-profile-form > button,
.account-v2 .invoice-order-row button,
.account-v2 .invoice-history-row button {
  min-height: 40px;
  padding: 9px 14px;
  font-size: 13px;
  line-height: 1.35;
}
.account-v2 .account-card-title h2,
.account-v2 .wallet-card-head h2,
.account-v2 .invoice-profile-card h3,
.account-v2 .invoice-application-entry > div > strong {
  font-size: 20px;
  line-height: 1.35;
}
.account-v2 .account-card-title p {
  font-size: 14px;
  line-height: 1.65;
}
.account-v2 .account-card-title > span,
.account-v2 .account-card-title .account-badge {
  font-size: 12px;
}
.account-v2 .account-report-row .report-list-main h3,
.account-v2 .saved-profile-head strong,
.account-v2 .invoice-order-row strong,
.account-v2 .balance-ledger-card strong {
  font-size: 16px;
  line-height: 1.45;
}
.account-v2 .report-list-main li,
.account-v2 .report-list-main .tag,
.account-v2 .report-list-actions a,
.account-v2 .wallet-recharge-card label,
.account-v2 .recharge-amounts button,
.account-v2 .recharge-payment-options button {
  font-size: 12px;
  line-height: 1.45;
}
.account-v2 .account-toolbar input,
.account-v2 .wallet-recharge-card input,
.account-v2 .invoice-form input,
.account-v2 .invoice-form select,
.account-v2 .invoice-form textarea {
  min-height: 46px;
  font-size: 14px;
  line-height: 1.5;
}
.account-v2 .account-security-card dl > div {
  font-size: 14px;
  line-height: 1.55;
}
.account-v2 .account-security-card dt,
.account-v2 .account-security-card dd {
  font-size: 14px;
}
.account-v2 .account-security-card dd b,
.account-v2 .account-security-card dd small {
  font-size: 12px;
  line-height: 1.5;
}
.account-v2 .saved-profile-head span,
.account-v2 .invoice-type-switch small,
.account-v2 .special-invoice-note span {
  font-size: 12px;
  line-height: 1.55;
}
.account-v2 .invoice-type-switch strong,
.account-v2 .special-invoice-note strong {
  font-size: 14px;
  line-height: 1.45;
}
.account-v2 .invoice-form label > span {
  font-size: 13px;
  line-height: 1.45;
}
.account-v2 .invoice-form label > span em {
  font-size: 12px;
}
.account-v2 .invoice-step b,
.account-v2 .invoice-history-row strong {
  font-size: 14px;
  line-height: 1.45;
}
@media (max-width: 760px) {
  .account-v2 .account-card-title h2,
  .account-v2 .wallet-card-head h2,
  .account-v2 .invoice-profile-card h3,
  .account-v2 .invoice-application-entry > div > strong {
    font-size: 18px;
  }
  .account-v2 .account-identity strong {
    font-size: 16px;
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
p { line-height: 1.7; }
code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 999; top: -60px; left: 20px; padding: 10px 16px; background: var(--amber); color: var(--ink); border-radius: 8px; font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 20px; }
.icon { display: inline-block; flex: 0 0 auto; vertical-align: -3px; }

/* Prototype controls */
.prototype-bar {
  position: fixed;
  z-index: 200;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px;
  background: rgba(11, 23, 40, .94);
  color: #fff;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  box-shadow: 0 16px 50px rgba(0,0,0,.24);
  backdrop-filter: blur(16px);
}
.prototype-label { padding: 0 10px; color: #9eabba; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.proto-tab, .proto-icon, .proto-note { border: 0; background: transparent; color: #c9d0db; cursor: pointer; }
.proto-tab { padding: 9px 13px; border-radius: 999px; font-size: 12px; white-space: nowrap; }
.proto-tab:hover, .proto-tab.active { color: var(--ink); background: var(--amber); }
.proto-separator { width: 1px; height: 20px; background: rgba(255,255,255,.18); margin: 0 3px; }
.proto-icon { width: 32px; height: 32px; border-radius: 50%; font-size: 18px; }
.proto-icon:hover { background: rgba(255,255,255,.1); color: #fff; }
.proto-note { display: flex; align-items: center; gap: 6px; padding: 8px 11px; }
.proto-note:hover { color: var(--amber); }
.annotation-panel {
  position: fixed;
  z-index: 180;
  right: 18px;
  bottom: 74px;
  width: 360px;
  padding: 18px;
  background: var(--ink);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 70px rgba(0,0,0,.32);
  transform: translateY(16px) scale(.97);
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
}
.annotation-panel.open { transform: none; opacity: 1; pointer-events: auto; }
.annotation-head { display: flex; align-items: start; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.14); }
.annotation-head div { display: grid; gap: 4px; }
.annotation-head span { color: var(--amber); font-size: 10px; letter-spacing: .16em; }
.annotation-head strong { font-size: 17px; }
.annotation-head button { border: 0; background: transparent; color: #fff; cursor: pointer; }
.annotation-list { display: grid; gap: 8px; padding: 14px 0; }
.annotation-list > div { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 8px; }
.annotation-list span { color: #8f9baa; font-size: 11px; }
.annotation-list code { overflow: hidden; text-overflow: ellipsis; padding: 7px 9px; color: #e4e9ef; background: rgba(255,255,255,.07); border-radius: 6px; font-size: 11px; }
.annotation-warning { padding: 10px 12px; background: rgba(244,183,67,.13); border: 1px solid rgba(244,183,67,.3); border-radius: 8px; color: #ffe0a1; font-size: 11px; line-height: 1.55; }
.toast-region { position: fixed; z-index: 300; top: 82px; right: 24px; display: grid; gap: 10px; }
.toast { max-width: 360px; padding: 13px 16px; background: var(--ink); color: white; border-left: 4px solid var(--amber); border-radius: 8px; box-shadow: var(--shadow); font-size: 13px; transform: translateX(24px); opacity: 0; transition: .25s ease; }
.toast.show { opacity: 1; transform: none; }

/* Shared brand and controls */
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand-mark { position: relative; display: grid; place-items: center; width: 72px; height: 38px; overflow: hidden; background: #09171c; border-radius: 9px; box-shadow: 0 7px 18px rgba(9,23,28,.18); }
.brand-mark::before, .brand-mark::after { content: none; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font-family: "Songti SC", "STSong", serif; font-size: 21px; letter-spacing: .08em; }
.brand-copy small { margin-top: 5px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .22em; }
.brand-suffix { padding-left: 10px; border-left: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1px solid transparent; border-radius: 8px; font-weight: 700; cursor: pointer; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: .45; transform: none; }
.button.primary { background: var(--ink); color: white; }
.button.primary:hover { background: #20304a; }
.button.ghost { border-color: var(--line); background: white; }
.button.ghost:hover { border-color: #aeb7c2; }
.button.wide { width: 100%; }
.text-button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--blue); font-weight: 700; cursor: pointer; }
.quiet-button { border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.account-chip { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid var(--line); background: white; border-radius: 8px; font-size: 13px; font-weight: 650; }
.kicker { display: block; margin-bottom: 8px; color: var(--teal); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.kicker.light { color: var(--amber); }
.breadcrumbs { display: flex; gap: 9px; align-items: center; color: var(--muted); font-size: 12px; }
.breadcrumbs a:hover { color: var(--blue); }
.status-pill { display: inline-flex; align-items: center; width: max-content; padding: 4px 8px; border-radius: 99px; font-size: 10px; font-weight: 700; }
.status-pill.ok { color: #087769; background: var(--teal-2); }
.status-pill.warn { color: #9c6502; background: var(--amber-2); }
.status-pill.info { color: #2c58b0; background: var(--blue-2); }
.status-pill.muted { color: #687385; background: #eef0f2; }
.state-badge { display: inline-flex; align-items: center; width: max-content; padding: 5px 8px; border: 1px solid transparent; border-radius: 99px; font-size: 9px; font-weight: 750; white-space: nowrap; }
.state-available { color: #087769; background: var(--teal-2); border-color: #bfe8e1; }
.state-no_record { color: #2c58b0; background: var(--blue-2); border-color: #ccdaf9; }
.state-partial { color: #9c6502; background: var(--amber-2); border-color: #f3d790; }
.state-no_coverage { color: #687385; background: #eef0f2; border-color: #d9dee4; }
.state-ambiguous { color: #7357c7; background: var(--violet-2); }
.state-provider_error, .state-system_error { color: #a3312a; background: var(--red-2); }
.module-code { display: grid; place-items: center; width: 43px; height: 30px; border-radius: 7px; font-size: 11px; font-weight: 850; letter-spacing: .06em; }
.module-code.teal { color: #06796e; background: var(--teal-2); }
.module-code.blue { color: #285bbf; background: var(--blue-2); }
.module-code.amber { color: #935e00; background: var(--amber-2); }
.module-code.red { color: #a3312a; background: var(--red-2); }
.module-code.violet { color: #6548b8; background: var(--violet-2); }

/* Web shell */
.web-app { min-height: 100vh; }
.site-header { position: sticky; z-index: 90; top: 0; display: grid; grid-template-columns: 240px 1fr auto; align-items: center; min-height: 68px; padding: 0 max(28px, calc((100vw - var(--max))/2)); background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.main-nav { display: flex; align-self: stretch; justify-content: center; gap: 28px; }
.main-nav a { position: relative; display: grid; place-items: center; color: #475467; font-size: 14px; font-weight: 650; }
.main-nav a::after { content: ""; position: absolute; bottom: -1px; height: 2px; width: 0; background: var(--teal); transition: width .2s; }
.main-nav a:hover, .main-nav a.active { color: var(--ink); }
.main-nav a.active::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.site-footer { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 50px; padding: 54px max(28px, calc((100vw - var(--max))/2)) 110px; background: var(--ink); color: white; }
.site-footer > div { display: grid; align-content: start; gap: 9px; }
.site-footer strong { font-size: 13px; }
.site-footer span, .site-footer p { margin: 0; color: #9ca8b8; font-size: 12px; line-height: 1.5; }
.footer-brand .brand-mark { background: var(--amber); color: var(--ink); }
.footer-brand .brand-copy small { color: #9ca8b8; }

/* Home */
.hero { position: relative; overflow: hidden; min-height: 680px; padding: 118px max(28px, calc((100vw - var(--max))/2)) 80px; background: var(--ink); color: white; }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .48; background: radial-gradient(circle at 77% 25%, rgba(13,159,145,.26), transparent 29%), radial-gradient(circle at 20% 82%, rgba(244,183,67,.12), transparent 26%); }
.hero-grid { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); }
.hero-grid::after { content: ""; position: absolute; width: 680px; height: 360px; right: -80px; top: 70px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; transform: rotate(-12deg); box-shadow: 0 0 0 65px rgba(255,255,255,.02), 0 0 0 130px rgba(255,255,255,.015); }
.hero-content { position: relative; z-index: 1; max-width: 920px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--amber); font-size: 11px; font-weight: 750; letter-spacing: .18em; }
.eyebrow span { width: 34px; height: 1px; background: var(--amber); }
.hero h1 { margin: 24px 0 20px; font-family: "Songti SC", "STSong", serif; font-size: clamp(52px, 6vw, 82px); line-height: 1.08; letter-spacing: -.03em; }
.hero h1 em { color: var(--amber); font-style: normal; }
.hero-content > p { max-width: 710px; margin: 0 0 32px; color: #bcc5d2; font-size: 18px; }
.global-search { display: grid; grid-template-columns: auto 1fr auto; max-width: 880px; min-height: 66px; padding: 7px; background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.country-select { display: flex; align-items: center; gap: 8px; padding: 0 16px; color: var(--ink); border-right: 1px solid var(--line); font-size: 13px; font-weight: 700; }
.global-search input { min-width: 0; padding: 0 18px; border: 0; outline: 0; color: var(--ink); font-size: 15px; }
.global-search button { display: flex; align-items: center; gap: 8px; padding: 0 24px; border: 0; background: var(--amber); color: var(--ink); border-radius: 8px; font-weight: 800; cursor: pointer; }
.search-meta { display: flex; gap: 13px; align-items: center; padding: 13px 0; color: #8390a1; font-size: 11px; }
.search-meta button { border: 0; background: transparent; color: #cbd2dc; cursor: pointer; }
.hero-evidence { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); max-width: 900px; margin-top: 62px; border-top: 1px solid var(--line-dark); }
.hero-evidence > div { display: grid; grid-template-columns: 36px 1fr; gap: 3px 12px; padding: 23px 28px 0 0; }
.hero-evidence > div + div { padding-left: 28px; border-left: 1px solid var(--line-dark); }
.hero-evidence span { grid-row: 1/3; color: var(--amber); font-size: 11px; }
.hero-evidence strong { font-size: 14px; }
.hero-evidence small { color: #8f9cad; font-size: 11px; line-height: 1.5; }
.home-section { max-width: var(--max); margin: 0 auto; padding: 92px 28px; }
.trust-strip { display: grid; grid-template-columns: 320px 1fr; gap: 60px; align-items: center; padding-top: 70px; padding-bottom: 70px; }
.trust-strip h2, .section-heading h2 { margin: 0; font-family: "Songti SC", "STSong", serif; font-size: 34px; line-height: 1.25; }
.market-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.market-chips span { padding: 9px 12px; background: white; border: 1px solid var(--line); border-radius: 99px; font-size: 12px; }
.market-chips span.pending { color: var(--muted); border-style: dashed; }
.process-section { max-width: none; background: white; padding-left: max(28px, calc((100vw - var(--max))/2)); padding-right: max(28px, calc((100vw - var(--max))/2)); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 35px; }
.section-heading > p { max-width: 470px; margin: 0; color: var(--muted); font-size: 13px; }
.process-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.process-card { position: relative; min-height: 260px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.process-card > span { position: absolute; right: 22px; top: 18px; color: #cfd5dc; font-family: "Songti SC", serif; font-size: 32px; }
.process-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--teal); background: var(--teal-2); border-radius: 12px; }
.process-card h3 { margin: 37px 0 9px; font-size: 17px; }
.process-card p { margin: 0; color: var(--muted); font-size: 12px; }
.module-preview-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.module-mini-card { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: start; min-height: 138px; padding: 21px; background: white; border: 1px solid var(--line); border-radius: 12px; transition: .18s ease; }
.module-mini-card:hover { transform: translateY(-2px); border-color: #aeb8c4; box-shadow: var(--shadow-soft); }
.module-mini-card h3 { margin: 2px 0 7px; font-size: 15px; }
.module-mini-card p { margin: 0 0 10px; color: var(--muted); font-size: 11px; }
.module-mini-card div > span { color: #8993a1; font-size: 10px; }
.module-mini-card > .icon { margin-top: 7px; color: #9aa4b2; }
.api-callout { position: relative; display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; align-items: center; max-width: var(--max); margin-bottom: 92px; padding: 70px; overflow: hidden; background: var(--ink); color: white; border-radius: 20px; }
.api-callout::before { content: ""; position: absolute; width: 340px; height: 340px; right: -120px; top: -140px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.02), 0 0 0 110px rgba(255,255,255,.012); }
.api-callout h2 { margin: 0; font-family: "Songti SC", serif; font-size: 36px; }
.api-callout p { color: #aab5c4; font-size: 13px; }
.code-card { position: relative; z-index: 1; overflow: hidden; background: #101f34; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.code-card > div { display: flex; align-items: center; gap: 6px; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,.1); }
.code-card > div span { width: 7px; height: 7px; border-radius: 50%; background: #6e7a8b; }
.code-card > div span:first-child { background: var(--red); }
.code-card > div span:nth-child(2) { background: var(--amber); }
.code-card > div span:nth-child(3) { background: var(--teal); }
.code-card code { margin-left: auto; color: #98a7b9; font-size: 10px; }
.code-card pre { margin: 0; padding: 22px; color: #bdd5eb; font-size: 11px; line-height: 1.8; }
.light-button { position: relative; z-index: 1; width: max-content; background: var(--amber); color: var(--ink); }

/* Search and common pages */
.page-hero, .simple-page-head { padding: 55px max(28px, calc((100vw - var(--max))/2)); background: white; border-bottom: 1px solid var(--line); }
.page-hero.compact { padding-bottom: 42px; }
.search-title { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 34px; }
.search-title h1, .simple-page-head h1 { margin: 5px 0 9px; font-family: "Songti SC", serif; font-size: 38px; }
.search-title p, .simple-page-head p { max-width: 690px; margin: 0; color: var(--muted); font-size: 13px; }
.inline-search { display: grid; grid-template-columns: 1fr auto; width: 470px; padding: 5px; background: var(--paper); border: 1px solid var(--line); border-radius: 9px; }
.inline-search input { min-width: 0; padding: 0 13px; border: 0; background: transparent; outline: 0; }
.inline-search button { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border: 0; background: var(--ink); color: white; border-radius: 6px; cursor: pointer; }
.content-layout { max-width: var(--max); margin: 0 auto; padding: 36px 28px 100px; }
.search-layout { display: grid; grid-template-columns: 240px 1fr; gap: 24px; }
.filter-panel { align-self: start; display: grid; gap: 20px; padding: 20px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.filter-head { display: flex; justify-content: space-between; align-items: center; }
.filter-head button { border: 0; background: transparent; color: var(--blue); font-size: 11px; cursor: pointer; }
.filter-panel label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; }
.filter-panel select { width: 100%; padding: 10px; border: 1px solid var(--line); background: #fff; border-radius: 7px; outline: 0; }
.filter-note { display: flex; align-items: start; gap: 9px; padding: 12px; color: #765200; background: #fff8e7; border-radius: 8px; font-size: 10px; line-height: 1.55; }
.results-panel { display: grid; gap: 12px; }
.results-toolbar { display: flex; justify-content: space-between; padding: 0 4px 8px; color: var(--muted); font-size: 11px; }
.results-toolbar strong { color: var(--ink); font-size: 15px; }
.company-result-card { display: grid; grid-template-columns: auto 1fr 170px; gap: 20px; padding: 22px; background: white; border: 1px solid var(--line); border-radius: 12px; transition: .18s; }
.company-result-card:hover { border-color: #aeb8c4; box-shadow: var(--shadow-soft); }
.flag-box { display: grid; place-items: center; width: 50px; height: 50px; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; font-size: 24px; }
.flag-box.large { width: 64px; height: 64px; font-size: 30px; }
.company-title-row { display: flex; justify-content: space-between; gap: 20px; }
.company-title-row h2 { margin: 0; font-size: 18px; }
.company-title-row p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.company-facts { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px 25px; margin: 20px 0; }
.company-facts div { display: grid; gap: 3px; }
.company-facts dt { color: var(--muted-2); font-size: 10px; }
.company-facts dd { margin: 0; color: #38465b; font-size: 11px; }
.match-row { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; color: var(--muted); font-size: 10px; }
.match-row strong { color: var(--teal); }
.confidence { height: 4px; overflow: hidden; background: #e8ecef; border-radius: 3px; }
.confidence i { display: block; height: 100%; background: var(--teal); }
.company-result-action { display: grid; align-content: center; gap: 9px; }
.demo-tag { justify-self: end; color: var(--muted); font-size: 9px; }

/* Company / catalog */
.company-banner { padding: 28px max(28px, calc((100vw - var(--max))/2)) 34px; background: white; border-bottom: 1px solid var(--line); }
.company-banner-grid { margin-top: 28px; }
.company-identity { display: flex; align-items: center; gap: 16px; }
.identity-title { display: flex; align-items: center; gap: 12px; }
.identity-title h1 { margin: 0; font-size: 27px; }
.company-identity p { margin: 5px 0 9px; color: var(--muted); font-size: 12px; }
.identity-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.identity-tags span { padding: 5px 8px; color: #4d5a6d; background: var(--paper); border-radius: 5px; font-size: 9px; }
.identity-facts { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr; gap: 22px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.identity-facts div { display: grid; gap: 5px; }
.identity-facts span { color: var(--muted); font-size: 10px; }
.identity-facts strong { font-size: 11px; font-weight: 600; }
.module-buy-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 25px; max-width: var(--max); margin: 0 auto; padding: 45px 28px 110px; }
.catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.catalog-head h2 { margin: 0 0 7px; font-family: "Songti SC", serif; font-size: 30px; }
.catalog-head p { max-width: 620px; margin: 0; color: var(--muted); font-size: 11px; }
.legend-inline { display: flex; flex-wrap: wrap; justify-content: end; gap: 5px; }
.module-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.module-card { position: relative; display: flex; flex-direction: column; min-height: 350px; padding: 19px; background: white; border: 1px solid var(--line); border-radius: 12px; transition: .18s ease; }
.module-card:hover { border-color: #aeb8c4; transform: translateY(-1px); box-shadow: var(--shadow-soft); }
.module-card.selected { border-color: var(--teal); box-shadow: inset 0 0 0 1px var(--teal); }
.module-card.selected::before { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 36px solid var(--teal); border-left: 36px solid transparent; border-radius: 0 11px 0 0; }
.module-card.selected::after { content: "✓"; position: absolute; right: 5px; top: 3px; color: white; font-size: 11px; }
.module-card.disabled { background: #f5f5f3; }
.module-card-top { display: flex; justify-content: space-between; align-items: center; }
.module-card h3 { margin: 18px 0 7px; font-size: 17px; }
.module-card > p { min-height: 40px; margin: 0 0 13px; color: var(--muted); font-size: 11px; }
.field-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.field-tags span { padding: 4px 6px; color: #536176; background: var(--paper); border-radius: 4px; font-size: 9px; }
.module-source { display: grid; gap: 5px; margin-top: 15px; padding: 10px; background: #f8f9fa; border-left: 2px solid #cbd2da; }
.module-source span { color: var(--muted-2); font-size: 8px; letter-spacing: .08em; }
.module-source code { overflow: hidden; color: #6a7585; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.module-card-footer { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-top: auto; padding-top: 18px; }
.module-card-footer > div { display: grid; gap: 4px; }
.module-card-footer span { color: var(--muted); font-size: 9px; }
.module-card-footer strong { font-size: 18px; }
.module-card-footer button { min-width: 96px; padding: 8px 10px; border: 1px solid var(--line); background: white; border-radius: 7px; font-size: 10px; font-weight: 750; cursor: pointer; }
.module-card.selected .module-card-footer button { display: flex; align-items: center; gap: 4px; color: var(--teal); border-color: #a9ded7; background: var(--teal-2); }
.cart-panel { align-self: start; }
.cart-sticky { position: sticky; top: 92px; padding: 23px; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-soft); }
.cart-sticky h2 { margin: 0 0 18px; font-size: 20px; }
.cart-company { display: flex; gap: 10px; align-items: center; padding: 12px; background: var(--paper); border-radius: 8px; }
.cart-company > span { font-size: 22px; }
.cart-company div { display: grid; gap: 3px; min-width: 0; }
.cart-company strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cart-company small { color: var(--muted); font-size: 9px; }
.cart-items { display: grid; max-height: 290px; overflow: auto; margin: 18px 0; }
.cart-items > div { display: grid; grid-template-columns: 1fr auto auto; gap: 7px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.cart-items span { display: flex; gap: 7px; align-items: center; font-size: 10px; }
.cart-items small { color: var(--muted); font-size: 8px; }
.cart-items strong { font-size: 10px; }
.cart-items button { border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.empty-cart { display: block !important; padding: 25px !important; color: var(--muted); text-align: center; font-size: 11px; }
.price-lines { display: grid; gap: 8px; margin: 0 0 17px; }
.price-lines div { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.price-lines dd { margin: 0; color: var(--ink); }
.price-lines .price-total { align-items: end; margin-top: 7px; padding-top: 13px; border-top: 1px solid var(--line); }
.price-total dt { color: var(--ink); font-size: 12px; font-weight: 700; }
.price-total dd { font-size: 25px; font-weight: 800; }
.cart-sticky > .button + .button { margin-top: 8px; }
.cart-assurance { display: flex; flex-wrap: wrap; gap: 9px 14px; margin-top: 17px; color: var(--muted); }
.cart-assurance span { display: flex; align-items: center; gap: 4px; font-size: 9px; }

/* Checkout and progress */
.simple-page-head { padding-top: 62px; padding-bottom: 42px; }
.checkout-layout { display: grid; grid-template-columns: 1fr 340px; gap: 25px; max-width: 1100px; margin: 0 auto; padding: 36px 28px 110px; }
.checkout-main { display: grid; gap: 13px; }
.checkout-card, .order-summary { background: white; border: 1px solid var(--line); border-radius: 13px; }
.checkout-card { padding: 23px; }
.card-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.card-heading > div { display: flex; align-items: center; gap: 10px; }
.card-heading span { display: grid; place-items: center; width: 25px; height: 25px; color: var(--teal); background: var(--teal-2); border-radius: 50%; font-size: 9px; font-weight: 800; }
.card-heading h2 { margin: 0; font-size: 15px; }
.card-heading button { border: 0; background: transparent; color: var(--blue); font-size: 10px; cursor: pointer; }
.checkout-company { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px; background: var(--paper); border-radius: 9px; }
.checkout-company > div { display: grid; gap: 4px; }
.checkout-company strong { font-size: 13px; }
.checkout-company span, .checkout-company small { color: var(--muted); font-size: 9px; }
.checkout-user { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; padding: 12px 14px; color: #554fd4; background: #f3f1ff; border: 1px solid #e3dfff; border-radius: 9px; }
.checkout-user > div { display: grid; flex: 1; gap: 2px; }
.checkout-user strong { color: var(--ink); font-size: 11px; }
.checkout-user span { color: var(--muted); font-size: 9px; }
.checkout-user b { display: flex; align-items: center; gap: 4px; color: #16816f; font-size: 9px; }
.checkout-modules { display: grid; gap: 9px; }
.checkout-modules > div { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.checkout-modules > div:last-child { border: 0; }
.checkout-modules > div > div:nth-child(2) { display: grid; gap: 3px; }
.checkout-modules strong { font-size: 11px; }
.checkout-modules span, .checkout-modules small { color: var(--muted); font-size: 9px; }
.checkout-modules b { font-size: 11px; }
.payment-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.payment-option { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; min-height: 67px; padding: 12px; color: var(--ink); text-align: left; background: #fff; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; transition: .18s ease; }
.payment-option:hover { transform: translateY(-1px); border-color: #cbc6fb; box-shadow: 0 8px 20px rgba(64,55,131,.08); }
.payment-option.selected { border-color: #7167ed; background: linear-gradient(135deg,#f8f7ff,#fff); box-shadow: 0 0 0 2px rgba(113,103,237,.1); }
.payment-option > i { display: grid; place-items: center; width: 34px; height: 34px; color: white; font-style: normal; font-size: 12px; font-weight: 900; border-radius: 10px; }
.payment-option.wechat > i { background: #20b36a; }
.payment-option.alipay > i { background: #1677ff; }
.payment-option.balance > i { background: linear-gradient(135deg,#665ef0,#a45ed8); }
.payment-option.bank > i { background: #26334a; }
.payment-option > span { display: grid; gap: 3px; }
.payment-option strong { font-size: 11px; }
.payment-option small { color: var(--muted); font-size: 9px; }
.payment-option > b { display: grid; place-items: center; width: 20px; height: 20px; color: white; background: #6d63eb; border-radius: 50%; }
.payment-warning { margin-top: 10px; padding: 9px 11px; color: #a94242; background: #fff2f1; border-radius: 7px; font-size: 9px; }
.invoice-choice { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.invoice-choice button { display: grid; gap: 4px; padding: 13px; color: var(--ink); text-align: left; background: white; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.invoice-choice button.selected { border-color: #7167ed; background: #f6f4ff; box-shadow: inset 3px 0 #7167ed; }
.invoice-choice strong { font-size: 11px; }
.invoice-choice span { color: var(--muted); font-size: 9px; }
.invoice-note { margin: 11px 0 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.invoice-details { margin-top: 13px; padding: 15px; background: #faf9ff; border: 1px solid #e5e1f5; border-radius: 11px; }
.invoice-details-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 13px; }
.invoice-details-head > div { display: grid; gap: 3px; }
.invoice-details-head strong { color: var(--ink); font-size: 11px; }
.invoice-details-head span { color: var(--muted); font-size: 8px; }
.invoice-details-head button { color: #625bd5; background: transparent; border: 0; font-size: 8px; font-weight: 800; cursor: pointer; }
.invoice-type-switch { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-bottom: 12px; }
.invoice-type-switch button { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; min-height: 55px; padding: 10px; color: var(--ink); text-align: left; background: #fff; border: 1px solid #dedbea; border-radius: 10px; cursor: pointer; }
.invoice-type-switch button.selected { color: #5047cb; background: #f3f1ff; border-color: #756cec; box-shadow: 0 0 0 2px rgba(117,108,236,.08); }
.invoice-type-switch i { display: grid; place-items: center; width: 30px; height: 30px; color: #6d65dc; background: #efedff; border-radius: 8px; font-size: 10px; font-style: normal; font-weight: 900; }
.invoice-type-switch button.selected i { color: #fff; background: linear-gradient(135deg,#625def,#9461df); }
.invoice-type-switch span { display: grid; gap: 3px; }
.invoice-type-switch strong { font-size: 9px; }
.invoice-type-switch small { color: var(--muted); font-size: 7px; }
.invoice-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.invoice-form label { display: grid; gap: 5px; }
.invoice-form label.wide { grid-column: 1 / -1; }
.invoice-form label > span { color: #625d72; font-size: 8px; font-weight: 750; }
.invoice-form input { min-width: 0; height: 39px; padding: 0 10px; background: #fff; border: 1px solid #e1deeb; border-radius: 8px; outline: 0; font-size: 10px; }
.invoice-form input:focus { border-color: #7770eb; box-shadow: 0 0 0 3px rgba(119,112,235,.08); }
.special-invoice-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 11px; padding: 10px 11px; color: #765821; background: #fff9e9; border: 1px solid #f0e1b7; border-radius: 8px; }
.special-invoice-note strong { flex: none; font-size: 8px; }
.special-invoice-note span { color: #8b7548; font-size: 7px; line-height: 1.55; }
.invoice-details > small { display: block; margin-top: 10px; color: #9993a6; font-size: 7px; }
.terms-grid { display: grid; gap: 11px; }
.terms-grid label { display: flex; align-items: start; gap: 9px; color: #526074; font-size: 10px; line-height: 1.55; }
.terms-grid input { accent-color: var(--teal); }
.order-summary { align-self: start; position: sticky; top: 92px; padding: 24px; box-shadow: var(--shadow-soft); }
.order-summary h2 { margin: 0 0 18px; font-size: 20px; }
.order-summary dl { display: grid; gap: 12px; margin: 0; }
.order-summary dl div { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.order-summary dd { margin: 0; color: var(--ink); font-weight: 700; }
.order-summary .grand-total { align-items: end; margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--line); }
.grand-total dt { color: var(--ink); font-size: 13px; }
.grand-total dd { font-size: 27px; }
.delivery-box { display: grid; gap: 4px; margin: 20px 0 15px; padding: 14px; background: var(--paper); border-radius: 8px; }
.delivery-box strong { font-size: 11px; }
.delivery-box span { color: var(--muted); font-size: 9px; }
.fine-print { margin: 8px 0 0; color: var(--muted); font-size: 9px; text-align: center; }
.order-proof { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 22px; padding: 14px; color: #116f61; background: #edf9f6; border: 1px solid #ccebe4; border-radius: 10px; }
.order-proof > span { display: grid; place-items: center; width: 27px; height: 27px; color: white; background: #1ca68d; border-radius: 50%; }
.order-proof > div { display: grid; gap: 3px; }
.order-proof strong { color: var(--ink); font-size: 11px; }
.order-proof small { color: #5e766f; font-size: 9px; }
.progress-page { display: grid; grid-template-columns: .9fr 1.1fr; min-height: calc(100vh - 68px); }
.progress-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 70px; background: var(--ink); color: white; text-align: center; }
.orbit { position: relative; display: grid; place-items: center; width: 180px; height: 180px; margin-bottom: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.orbit::before, .orbit::after { content: ""; position: absolute; inset: 21px; border: 1px dashed rgba(255,255,255,.14); border-radius: 50%; animation: spin 18s linear infinite; }
.orbit::after { inset: -18px; animation-direction: reverse; }
.orbit-core { display: grid; place-items: center; width: 88px; height: 88px; color: var(--ink); background: var(--amber); border-radius: 50%; }
.orbit > span { position: absolute; width: 9px; height: 9px; background: var(--teal); border-radius: 50%; }
.orbit > span:nth-child(2) { top: 18px; left: 35px; }
.orbit > span:nth-child(3) { right: -4px; top: 85px; background: var(--amber); }
.orbit > span:nth-child(4) { bottom: 8px; left: 69px; background: var(--blue); }
@keyframes spin { to { transform: rotate(360deg); } }
.progress-visual h1 { margin: 4px 0 7px; font-family: "Songti SC", serif; font-size: 34px; }
.progress-visual > p { max-width: 460px; margin: 0 0 28px; color: #9facbd; font-size: 12px; }
.overall-progress { width: min(460px,100%); height: 6px; overflow: hidden; background: rgba(255,255,255,.12); border-radius: 5px; }
.overall-progress i { display: block; height: 100%; background: linear-gradient(90deg,var(--teal),var(--amber)); transition: width .6s; }
.progress-meta { display: flex; justify-content: space-between; width: min(460px,100%); margin: 10px 0 25px; color: #9facbd; font-size: 9px; }
.progress-visual .button.primary { background: var(--amber); color: var(--ink); }
.progress-visual .button.ghost { color: white; background: transparent; border-color: rgba(255,255,255,.25); }
.task-panel { display: flex; flex-direction: column; justify-content: center; padding: 70px max(40px, 8vw); background: white; }
.task-panel-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 20px; }
.task-panel-head h2 { margin: 0; font-size: 23px; }
.task-panel-head > span { color: var(--muted); font-size: 10px; }
.task-row { display: grid; grid-template-columns: 30px 1.1fr 1fr 120px; gap: 10px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.task-status { display: grid; place-items: center; width: 24px; height: 24px; color: var(--muted); background: var(--paper); border-radius: 50%; }
.task-row.done .task-status { color: white; background: var(--teal); }
.task-row > div:nth-child(2) { display: grid; gap: 3px; }
.task-row strong { font-size: 10px; }
.task-row span, .task-row small { color: var(--muted); font-size: 8px; }
.task-progress { height: 4px; overflow: hidden; background: #e8ecef; border-radius: 4px; }
.task-progress i { display: block; height: 100%; background: var(--teal); transition: width .5s; }
.spinner { width: 12px; height: 12px; border: 2px solid #c7ced6; border-top-color: var(--blue); border-radius: 50%; animation: spin .8s linear infinite; }
.task-note { display: flex; gap: 8px; margin-top: 22px; padding: 12px; color: #765200; background: #fff8e7; border-radius: 8px; font-size: 9px; line-height: 1.5; }

/* Report reader */
.report-app { min-width: 1180px; height: 100vh; overflow: hidden; background: #e9ecef; }
.report-topbar { display: grid; grid-template-columns: 235px 1fr auto; align-items: center; height: 64px; padding: 0 18px; background: white; border-bottom: 1px solid var(--line); }
.compact-brand .brand-mark { width: 60px; height: 32px; }
.compact-brand .brand-copy strong { font-size: 17px; }
.report-title { display: grid; gap: 2px; justify-self: center; text-align: center; }
.report-title strong { font-size: 12px; }
.report-title small { color: #44546a; font-size: 10px; font-weight: 650; }
.report-title span { color: var(--muted); font-size: 9px; }
.report-actions { display: flex; align-items: center; gap: 7px; }
.report-actions button { display: flex; align-items: center; gap: 5px; min-height: 34px; padding: 0 11px; border: 1px solid var(--line); background: white; border-radius: 6px; font-size: 10px; cursor: pointer; }
.report-actions .primary-small { color: white; background: var(--ink); border-color: var(--ink); }
.report-layout { display: grid; grid-template-columns: 235px minmax(620px,1fr) 350px; height: calc(100vh - 64px); }
.report-toc { overflow-y: auto; padding: 16px 13px 90px; background: white; border-right: 1px solid var(--line); }
.toc-search { display: flex; align-items: center; gap: 7px; padding: 7px 10px; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--muted); }
.toc-search input { min-width: 0; width: 100%; border: 0; background: transparent; outline: 0; font-size: 10px; }
.report-version { display: grid; gap: 5px; padding: 14px 4px; border-bottom: 1px solid var(--line); }
.report-version span { color: var(--muted); font-size: 8px; }
.report-version button { padding: 7px 9px; border: 1px solid var(--line); background: white; border-radius: 5px; text-align: left; font-size: 9px; }
.report-toc nav { display: grid; gap: 2px; margin-top: 12px; }
.toc-item { display: grid; grid-template-columns: 25px 1fr auto; gap: 5px; align-items: center; width: 100%; padding: 9px 7px; border: 0; background: transparent; border-radius: 6px; text-align: left; cursor: pointer; }
.toc-item:hover, .toc-item.active { background: var(--teal-2); }
.toc-item span { color: var(--muted); font-size: 8px; }
.toc-item strong { font-size: 9px; }
.toc-item .icon { color: var(--muted); }
.toc-item.locked { color: #98a1ad; }
.toc-legend { display: grid; gap: 6px; margin-top: 18px; padding: 12px; background: var(--paper); border-radius: 7px; }
.toc-legend strong { margin-bottom: 3px; font-size: 9px; }
.toc-legend small { color: var(--muted); font-size: 8px; line-height: 1.45; }
.report-document { overflow-y: auto; padding: 34px max(30px, 5vw) 120px; scroll-behavior: smooth; }
.report-cover { min-height: 720px; display: flex; flex-direction: column; justify-content: space-between; padding: 46px; background: var(--ink); color: white; box-shadow: var(--shadow); }
.cover-top, .cover-foot { display: flex; justify-content: space-between; color: #8390a1; font-size: 8px; letter-spacing: .12em; }
.cover-main { padding: 70px 0; }
.cover-kicker { color: var(--amber); font-size: 10px; letter-spacing: .18em; }
.cover-main h1 { max-width: 680px; margin: 18px 0 13px; font-family: "Songti SC", serif; font-size: 52px; line-height: 1.13; }
.cover-main .cover-local-name { max-width: 680px; margin: -2px 0 14px; color: rgba(255,255,255,.88); font-size: 25px; font-weight: 650; line-height: 1.35; letter-spacing: .02em; }
.cover-main > p { color: #aab5c4; font-size: 13px; }
.cover-status { display: grid; grid-template-columns: repeat(3,1fr); max-width: 600px; margin-top: 80px; border-top: 1px solid rgba(255,255,255,.16); }
.cover-status div { display: grid; gap: 7px; padding: 18px 18px 0 0; }
.cover-status div + div { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.16); }
.cover-status span { color: #8390a1; font-size: 8px; }
.cover-status strong { font-size: 12px; }
.report-section { position: relative; margin-top: 24px; padding: 48px 50px; background: white; box-shadow: var(--shadow-soft); scroll-margin-top: 18px; }
.section-number { position: absolute; top: 40px; right: 46px; color: #e1e5e9; font-family: "Songti SC", serif; font-size: 48px; }
.section-heading-report > span { color: var(--teal); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.section-heading-report h2 { margin: 8px 0; font-family: "Songti SC", serif; font-size: 31px; }
.section-heading-report > p { max-width: 620px; color: var(--muted); font-size: 10px; }
.summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 28px; }
.summary-card { display: flex; flex-direction: column; min-height: 200px; padding: 17px; background: var(--paper); border-top: 3px solid var(--teal); }
.summary-card:nth-child(2) { border-color: var(--amber); }
.summary-card:nth-child(3) { border-color: var(--violet); }
.summary-label { width: max-content; padding: 3px 6px; border-radius: 3px; font-size: 8px; font-weight: 800; }
.summary-label.fact { color: #087769; background: var(--teal-2); }
.summary-label.rule { color: #9c6502; background: var(--amber-2); }
.summary-label.ai { color: #6548b8; background: var(--violet-2); }
.summary-card > strong { margin: 15px 0 6px; font-size: 12px; }
.summary-card p { margin: 0 0 13px; color: var(--muted); font-size: 9px; }
.summary-card button { display: flex; align-items: center; gap: 4px; margin-top: auto; padding: 0; border: 0; background: transparent; color: var(--blue); font-size: 8px; font-weight: 700; cursor: pointer; }
.risk-overview { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 18px; border: 1px solid var(--line); }
.risk-overview div { display: grid; gap: 4px; padding: 15px; }
.risk-overview div + div { border-left: 1px solid var(--line); }
.risk-overview span, .risk-overview small { color: var(--muted); font-size: 8px; }
.risk-overview strong { font-size: 20px; }
.section-state { display: flex; align-items: center; gap: 8px; margin-top: 15px; }
.section-state > span:last-child { color: var(--muted); font-size: 8px; }
.evidence-table { display: grid; grid-template-columns: repeat(2,1fr); margin-top: 28px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.evidence-table div { display: grid; gap: 5px; min-height: 75px; padding: 13px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.evidence-table span { color: var(--muted); font-size: 8px; }
.evidence-table strong { font-size: 10px; line-height: 1.45; }
.source-note { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding: 12px; background: var(--paper); }
.source-note > div { display: flex; gap: 8px; align-items: center; }
.source-note > div > span { display: grid; gap: 3px; }
.source-note strong { font-size: 9px; }
.source-note small { color: var(--muted); font-size: 8px; }
.source-note button { border: 0; background: transparent; color: var(--blue); font-size: 8px; cursor: pointer; }
.locked-section { min-height: 130px; padding: 28px 35px; }
.locked-content { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: center; color: #7f8997; }
.locked-content h2 { margin: 0 0 4px; font-size: 14px; }
.locked-content p { margin: 0; font-size: 9px; }
.locked-content button { padding: 8px 10px; border: 1px solid var(--line); background: white; border-radius: 6px; color: var(--blue); font-size: 9px; cursor: pointer; }
.report-disclaimer { margin-top: 24px; padding: 25px; background: #fff8e7; border: 1px solid #ead7a8; color: #765200; }
.report-disclaimer strong { font-size: 11px; }
.report-disclaimer p { margin: 7px 0 0; font-size: 9px; }
.ai-panel { display: flex; flex-direction: column; min-width: 0; background: white; border-left: 1px solid var(--line); }
.ai-head { display: flex; justify-content: space-between; align-items: center; padding: 14px; border-bottom: 1px solid var(--line); }
.ai-head > div { display: flex; align-items: center; gap: 9px; }
.ai-head > div > div { display: grid; gap: 2px; }
.ai-avatar { display: grid; place-items: center; width: 34px; height: 34px; color: white; background: var(--violet); border-radius: 9px; }
.ai-head strong { font-size: 11px; }
.ai-head small { color: var(--muted); font-size: 8px; }
.budget-chip { padding: 4px 6px; color: #9c6502; background: var(--amber-2); border-radius: 99px; font-size: 8px; }
.ai-context { display: grid; grid-template-columns: auto 1fr; gap: 3px 8px; padding: 12px 14px; background: var(--paper); border-bottom: 1px solid var(--line); }
.ai-context > span { grid-row: 1/3; color: var(--blue); font-size: 8px; }
.ai-context strong { font-size: 9px; }
.ai-context small { color: var(--muted); font-size: 8px; }
.suggested-questions { display: flex; gap: 5px; overflow-x: auto; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.suggested-questions button { flex: 0 0 auto; padding: 6px 8px; border: 1px solid var(--line); background: white; border-radius: 99px; color: #566275; font-size: 8px; cursor: pointer; }
.ai-messages { flex: 1; overflow-y: auto; padding: 14px; }
.ai-message { margin-bottom: 14px; }
.ai-message.user { display: flex; justify-content: end; }
.ai-message.user p { max-width: 78%; padding: 9px 11px; background: var(--ink); color: white; border-radius: 10px 10px 2px 10px; font-size: 9px; }
.ai-message.assistant { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; }
.mini-avatar { display: grid; place-items: center; width: 25px; height: 25px; color: white; background: var(--violet); border-radius: 7px; }
.ai-message p { margin: 0; font-size: 9px; line-height: 1.65; }
.citation-card { display: grid; gap: 4px; width: 100%; margin-top: 8px; padding: 9px; border: 1px solid #d6dff4; background: #f4f7ff; border-radius: 7px; text-align: left; cursor: pointer; }
.citation-card span { color: var(--blue); font-size: 8px; }
.citation-card strong { overflow: hidden; color: #536176; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ai-input { padding: 12px; border-top: 1px solid var(--line); }
.ai-input textarea { width: 100%; padding: 9px; resize: none; border: 1px solid var(--line); border-radius: 7px; outline: 0; font-size: 9px; }
.ai-input > div { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; }
.ai-input span { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 8px; }
.ai-input button { display: grid; place-items: center; width: 28px; height: 28px; border: 0; background: var(--ink); color: white; border-radius: 7px; cursor: pointer; }

/* Library, files, account */
.library-layout { display: grid; grid-template-columns: 190px 1fr; gap: 25px; max-width: var(--max); margin: 0 auto; padding: 36px 28px 110px; }
.library-nav { display: grid; align-content: start; gap: 5px; }
.library-nav button { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; padding: 11px; border: 0; background: transparent; border-radius: 7px; color: var(--muted); font-size: 11px; text-align: left; cursor: pointer; }
.library-nav button.active { color: var(--ink); background: white; font-weight: 700; }
.library-nav span { font-size: 9px; }
.library-main { display: grid; gap: 12px; }
.library-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.tab-row { display: flex; gap: 5px; }
.tab-row button { padding: 7px 11px; border: 0; background: transparent; border-radius: 6px; color: var(--muted); font-size: 10px; cursor: pointer; }
.tab-row button.active { color: var(--ink); background: white; font-weight: 700; }
.library-toolbar .toc-search { width: 240px; background: white; }
.report-list-card { display: grid; grid-template-columns: 90px 1fr 140px; gap: 18px; align-items: center; padding: 17px; background: white; border: 1px solid var(--line); border-radius: 11px; }
.report-list-card.featured { border-left: 3px solid var(--teal); }
.report-thumb { display: flex; flex-direction: column; justify-content: space-between; width: 78px; height: 96px; padding: 10px; background: var(--ink); color: white; }
.report-thumb span { color: var(--amber); font-size: 7px; letter-spacing: .12em; }
.report-thumb strong { align-self: end; font-family: "Songti SC", serif; font-size: 30px; }
.report-thumb.muted { background: #dfe3e7; color: #7a8491; }
.report-list-main { min-width: 0; }
.report-list-main > div:first-child { display: flex; align-items: center; gap: 8px; }
.report-list-main small { color: var(--muted); font-size: 8px; }
.report-list-main h2 { margin: 9px 0 5px; font-size: 15px; }
.report-list-main p { margin: 0; color: var(--muted); font-size: 9px; }
.list-tags { display: flex; gap: 5px; margin-top: 10px; }
.list-tags span { padding: 3px 5px; background: var(--paper); border-radius: 3px; font-size: 8px; }
.report-list-actions { display: grid; gap: 6px; }
.report-list-actions .button { min-height: 34px; font-size: 9px; }
.file-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 20px; max-width: 1020px; margin: 0 auto; padding: 45px 28px 110px; }
.upload-zone { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 420px; padding: 45px; background: white; border: 1px dashed #aeb7c2; border-radius: 15px; text-align: center; }
.upload-icon { display: grid; place-items: center; width: 66px; height: 66px; color: var(--teal); background: var(--teal-2); border-radius: 17px; }
.upload-zone h2 { margin: 20px 0 5px; font-size: 20px; }
.upload-zone > p { max-width: 470px; margin: 0 0 20px; color: var(--muted); font-size: 10px; }
.upload-rules { display: flex; gap: 13px; margin-top: 24px; color: var(--muted); }
.upload-rules span { display: flex; align-items: center; gap: 4px; font-size: 8px; }
.file-policy { padding: 28px; background: var(--ink); color: white; border-radius: 15px; }
.file-policy h2 { margin: 0 0 24px; font-family: "Songti SC", serif; font-size: 27px; }
.file-policy ol { display: grid; gap: 18px; padding: 0; list-style: none; }
.file-policy li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; }
.file-policy li > span { display: grid; place-items: center; width: 27px; height: 27px; color: var(--amber); border: 1px solid rgba(255,255,255,.17); border-radius: 50%; font-size: 9px; }
.file-policy li div { display: grid; gap: 3px; }
.file-policy strong { font-size: 10px; }
.file-policy small { color: #9facbd; font-size: 8px; line-height: 1.5; }
.account-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; max-width: 980px; margin: 0 auto; padding: 45px 28px 120px; }
.account-grid article { padding: 25px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.account-grid article > span { display: grid; place-items: center; width: 46px; height: 46px; color: var(--teal); background: var(--teal-2); border-radius: 11px; }
.account-grid h2 { margin: 20px 0 6px; font-size: 16px; }
.account-grid p { margin: 0 0 18px; color: var(--muted); font-size: 10px; }
.account-grid .account-invoice-card { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; gap: 0 14px; }
.account-invoice-card > div h2 { margin: 3px 0 5px; }
.account-invoice-card > div p { margin-bottom: 0; }
.account-invoice-card form { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; gap: 10px; align-items: end; margin-top: 20px; }
.account-invoice-card label { display: grid; gap: 5px; }
.account-invoice-card label > span { color: var(--muted); font-size: 8px; }
.account-invoice-card input { min-width: 0; height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; outline: 0; }
.account-invoice-card form button { min-height: 40px; padding: 0 14px; color: #fff; background: linear-gradient(135deg,#5d64f3,#965bdd); border: 0; border-radius: 8px; font-size: 9px; font-weight: 800; cursor: pointer; }

.account-page { min-height: 100vh; padding-bottom: 110px; background: #f6f7fb; }
.account-page-head { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 58px max(28px,calc((100vw - 1100px)/2)) 45px; color: #fff; background: radial-gradient(circle at 78% 25%,rgba(255,117,145,.28),transparent 20rem),linear-gradient(135deg,#252348,#4e3c83); }
.account-page-head .kicker { color: #aaa6ff; }
.account-page-head h1 { margin: 10px 0 8px; font-size: 38px; }
.account-page-head p { margin: 0; color: #c3bed2; font-size: 11px; }
.account-identity { display: flex; align-items: center; gap: 11px; min-width: 330px; padding: 15px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; }
.account-identity > span { display: grid; place-items: center; width: 44px; height: 44px; color: #fff; background: linear-gradient(145deg,#6c67ef,#a75ad6); border-radius: 12px; }
.account-identity > div { display: grid; flex: 1; gap: 4px; }
.account-identity strong { font-size: 12px; }
.account-identity small { color: #aca7bd; font-size: 8px; }
.account-identity > b { padding: 5px 8px; color: #88e0c7; background: rgba(60,200,160,.12); border-radius: 999px; font-size: 8px; }
.account-dashboard { display: grid; grid-template-columns: 1.05fr .95fr; gap: 15px; max-width: 1100px; margin: 0 auto; padding: 26px 28px; }
.account-summary-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.account-summary-grid article { display: flex; gap: 12px; align-items: center; padding: 17px; background: #fff; border: 1px solid #e6e4ed; border-radius: 14px; }
.account-summary-grid article > span { display: grid; place-items: center; width: 39px; height: 39px; color: #655fdb; background: #f0eeff; border-radius: 11px; }
.account-summary-grid article > div { display: grid; grid-template-columns: 1fr auto; flex: 1; gap: 3px 10px; align-items: end; }
.account-summary-grid small { grid-column: 1 / -1; color: #8f8999; font-size: 8px; }
.account-summary-grid strong { color: #302c46; font-size: 24px; }
.account-summary-grid button { color: #625bd3; background: transparent; border: 0; font-size: 8px; font-weight: 800; cursor: pointer; }
.wallet-card { grid-row: span 2; overflow: hidden; color: #fff; background: radial-gradient(circle at 90% 10%,rgba(255,134,159,.28),transparent 18rem),linear-gradient(145deg,#353264,#5d4c93); border-radius: 19px; box-shadow: 0 18px 40px rgba(52,46,99,.16); }
.wallet-head { display: flex; align-items: center; justify-content: space-between; padding: 20px 21px 0; }
.wallet-head > div { display: flex; align-items: center; gap: 9px; }
.wallet-head > div > span { display: grid; place-items: center; width: 36px; height: 36px; background: rgba(255,255,255,.11); border-radius: 10px; }
.wallet-head > div > div { display: grid; gap: 2px; }
.wallet-head small { color: #aaa5bf; font-size: 7px; letter-spacing: .09em; }
.wallet-head strong { font-size: 11px; }
.wallet-head > button { padding: 7px 12px; color: #403967; background: #fff; border: 0; border-radius: 8px; font-size: 9px; font-weight: 850; cursor: pointer; }
.wallet-balance { display: grid; gap: 5px; padding: 36px 21px 28px; }
.wallet-balance > span,.wallet-balance > small { color: #aaa5bb; font-size: 8px; }
.wallet-balance > strong { font-size: 42px; letter-spacing: -.04em; }
.wallet-actions { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; padding: 0 21px 20px; }
.wallet-actions button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; color: #fff; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.11); border-radius: 9px; font-size: 8px; font-weight: 800; cursor: pointer; }
.wallet-payment-badges { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 21px 17px; }
.wallet-payment-badges span { display: flex; align-items: center; gap: 5px; padding: 5px 7px; color: #c7c3da; background: rgba(255,255,255,.07); border-radius: 999px; font-size: 7px; }
.wallet-payment-badges i { display: grid; place-items: center; width: 18px; height: 18px; color: #fff; background: #635de0; border-radius: 50%; font-size: 6px; font-style: normal; font-weight: 900; }
.wallet-payment-badges span:first-child i { background: #20b36a; }
.wallet-payment-badges span:nth-child(2) i { background: #1677ff; }
.wallet-payment-badges span:nth-child(3) i { background: #677084; }
.wallet-ledger { padding: 15px 21px; background: rgba(13,12,32,.18); }
.wallet-ledger > div { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; padding: 8px 0; color: #b8b3c6; font-size: 8px; }
.wallet-ledger time { color: #827d96; }
.wallet-ledger strong { color: #7fe1c2; }
.account-security-card,.account-invoice-card { padding: 21px; background: #fff; border: 1px solid #e6e4ed; border-radius: 17px; }
.account-card-title { display: flex; align-items: flex-start; gap: 11px; }
.account-card-title > span { display: grid; place-items: center; width: 39px; height: 39px; flex: none; color: #655fda; background: #f0efff; border-radius: 11px; }
.account-card-title > div { flex: 1; }
.account-card-title h2 { margin: 1px 0 5px; color: #302c44; font-size: 14px; }
.account-card-title p { margin: 0; color: #8a8494; font-size: 8px; line-height: 1.55; }
.account-card-title > b { padding: 5px 7px; color: #a16b25; background: #fff5df; border-radius: 999px; font-size: 7px; }
.account-security-card dl { display: grid; gap: 0; margin: 17px 0 0; }
.account-security-card dl > div { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-top: 1px solid #f0eef4; font-size: 8px; }
.account-security-card dt { color: #8c8695; }
.account-security-card dd { display: flex; align-items: center; gap: 7px; margin: 0; color: #4d4859; }
.account-security-card dd b { color: #2b9b7d; font-size: 7px; }
.account-security-card dd button { color: #625bd4; background: transparent; border: 0; font-size: 8px; }
.account-dashboard .account-invoice-card { grid-column: 1 / -1; display: block; }
.account-dashboard .account-invoice-card form { margin-top: 19px; }
.saved-invoice-profile { margin-top: 18px; padding: 17px; background: #faf9fc; border: 1px solid #ebe8f1; border-radius: 13px; }
.saved-profile-head { display: grid; grid-template-columns: 1fr minmax(390px,44%); align-items: center; gap: 20px; }
.saved-profile-head > div:first-child { display: grid; gap: 4px; }
.saved-profile-head > div:first-child strong { color: #4c4759; font-size: 10px; }
.saved-profile-head > div:first-child span { color: #918b99; font-size: 8px; }
.saved-profile-head .invoice-type-switch { margin: 0; }
.account-invoice-card .invoice-type-switch button { min-height: 55px; padding: 10px; color: var(--ink); background: #fff; border: 1px solid #dedbea; border-radius: 10px; }
.account-invoice-card .invoice-type-switch button.selected { color: #5047cb; background: #f3f1ff; border-color: #756cec; }
.account-dashboard .account-invoice-card .invoice-profile-form { display: block; }
.account-invoice-fields { margin-top: 12px; }
.invoice-profile-form > button { display: block; min-height: 40px; margin: 12px 0 0 auto; padding: 0 16px; color: #fff; background: linear-gradient(135deg,#5d64f3,#965bdd); border: 0; border-radius: 8px; font-size: 9px; font-weight: 800; cursor: pointer; }
.invoice-application-entry { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 16px; background: linear-gradient(135deg,#f1efff,#fff5f0); border: 1px solid #ded9f8; border-radius: 13px; }
.invoice-application-entry > div { display: grid; gap: 4px; }
.invoice-application-entry strong { color: #3d3856; font-size: 11px; }
.invoice-application-entry span { color: #867f92; font-size: 8px; }
.invoice-application-entry button { display: flex; align-items: center; gap: 6px; flex: none; min-height: 38px; padding: 0 13px; color: #fff; background: #625ce0; border: 0; border-radius: 9px; font-size: 8px; font-weight: 800; cursor: pointer; }
.invoice-application-entry button:disabled { opacity: .45; cursor: not-allowed; }
.account-dashboard .account-invoice-card .invoice-application { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 15px; margin-top: 15px; padding: 16px; background: #fff; border: 1px solid #dfdbea; border-radius: 14px; box-shadow: 0 15px 34px rgba(52,43,92,.08); }
.invoice-application-step { min-width: 0; padding: 14px; background: #fbfafd; border: 1px solid #efedf4; border-radius: 11px; }
.invoice-application-step > header { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 12px; }
.invoice-application-step > header > span { display: grid; place-items: center; width: 28px; height: 28px; flex: none; color: #655edb; background: #eeecff; border-radius: 8px; font-size: 8px; font-weight: 900; }
.invoice-application-step > header > div { display: grid; gap: 3px; }
.invoice-application-step header strong { color: #474153; font-size: 10px; }
.invoice-application-step header small { color: #918b9b; font-size: 7px; }
.invoice-order-list { display: grid; gap: 7px; }
.invoice-order-list label { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 10px; background: #fff; border: 1px solid #e5e2ea; border-radius: 9px; cursor: pointer; }
.invoice-order-list label.selected { background: #f4f2ff; border-color: #7b72ec; }
.invoice-order-list input { width: 15px; height: 15px; accent-color: #665fdf; }
.invoice-order-list label > span { display: grid; gap: 3px; }
.invoice-order-list strong { color: #4b4655; font-size: 8px; }
.invoice-order-list small { color: #9892a0; font-size: 7px; }
.invoice-order-list b { color: #322e42; font-size: 9px; }
.invoice-order-empty { padding: 25px 10px; color: #9a94a2; background: #fff; border: 1px dashed #dedbe5; border-radius: 9px; font-size: 8px; text-align: center; }
.invoice-merge-summary { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; padding: 10px; color: #706a7d; background: #f1eff5; border-radius: 8px; font-size: 8px; }
.invoice-merge-summary b { color: #322c49; font-size: 13px; }
.invoice-application > footer { grid-column: 1 / -1; display: flex; justify-content: flex-end; align-items: center; gap: 15px; padding-top: 14px; border-top: 1px solid #efedf3; }
.invoice-application > footer > div { display: grid; gap: 3px; text-align: right; }
.invoice-application > footer span { color: #888291; font-size: 7px; }
.invoice-application > footer strong { color: #332e47; font-size: 16px; }
.invoice-application > footer button { min-height: 38px; padding: 0 14px; color: #625c70; background: #f2f0f5; border: 0; border-radius: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }
.invoice-application > footer button[type="submit"] { display: flex; align-items: center; gap: 6px; color: #fff; background: linear-gradient(135deg,#5d64f3,#965bdd); }
.invoice-application > footer button:disabled { opacity: .5; cursor: not-allowed; }
.invoice-application-result { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 11px 13px; color: #147c65; background: #edf9f6; border: 1px solid #cdebe4; border-radius: 10px; }
.invoice-application-result > span { display: grid; place-items: center; width: 27px; height: 27px; color: #fff; background: #22a487; border-radius: 50%; }
.invoice-application-result > div { display: grid; flex: 1; gap: 3px; }
.invoice-application-result strong { color: #3b4c48; font-size: 9px; }
.invoice-application-result small { color: #738b85; font-size: 7px; }
.invoice-application-result > b { padding: 5px 8px; background: #d8f2eb; border-radius: 999px; font-size: 7px; }
.invoice-history { display: grid; grid-template-columns: 110px 1fr; gap: 15px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #efedf3; }
.invoice-history span { color: #5c5768; font-size: 9px; font-weight: 800; }
.invoice-history p { margin: 0; color: #938d9c; font-size: 8px; }
.recharge-panel { grid-column: 1 / -1; overflow: hidden; background: #fff; border: 1px solid #dedbea; border-radius: 18px; box-shadow: 0 18px 44px rgba(51,44,95,.11); }
.recharge-panel > header { display: flex; justify-content: space-between; padding: 22px; background: linear-gradient(135deg,#f2f0ff,#fff5f1); }
.recharge-panel h2 { margin: 5px 0; color: #2d2941; font-size: 18px; }
.recharge-panel header p { margin: 0; color: #888292; font-size: 8px; }
.recharge-panel header > button { align-self: start; width: 30px; height: 30px; color: #6b6479; background: #fff; border: 0; border-radius: 50%; cursor: pointer; }
.recharge-body { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; padding: 22px; }
.recharge-body > div > strong { display: block; margin-bottom: 11px; color: #514b5d; font-size: 9px; }
.recharge-amounts,.recharge-methods { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.recharge-amounts button,.recharge-methods button { min-height: 43px; color: #554f60; background: #faf9fc; border: 1px solid #e6e3eb; border-radius: 9px; font-size: 9px; font-weight: 800; cursor: pointer; }
.recharge-amounts button.selected,.recharge-methods button.selected { color: #5e57d1; background: #f2f0ff; border-color: #7770eb; box-shadow: 0 0 0 2px rgba(119,112,235,.08); }
.recharge-methods button { display: flex; align-items: center; gap: 8px; padding: 7px; text-align: left; }
.recharge-methods i { display: grid; place-items: center; width: 27px; height: 27px; color: #fff; background: #635de0; border-radius: 7px; font-size: 8px; font-style: normal; }
.recharge-methods svg { margin-left: auto; }
.recharge-panel > footer { display: flex; align-items: center; justify-content: flex-end; gap: 22px; padding: 16px 22px; background: #faf9fc; border-top: 1px solid #edeaf1; }
.recharge-panel footer > div { display: grid; gap: 3px; text-align: right; }
.recharge-panel footer span { color: #918b9a; font-size: 8px; }
.recharge-panel footer strong { color: #302c43; font-size: 17px; }
.recharge-panel footer > button { display: flex; align-items: center; gap: 6px; min-height: 39px; padding: 0 14px; color: #fff; background: linear-gradient(135deg,#5d64f3,#975add); border: 0; border-radius: 9px; font-size: 9px; font-weight: 850; cursor: pointer; }

.site-footer.download-footer { grid-template-columns: 1fr 1.05fr 1.05fr; gap: 22px; align-items: stretch; padding-top: 42px; color: #fff; background: linear-gradient(135deg,#272148,#31235e); }
.download-footer .footer-brand { align-content: center; }
.download-footer .footer-brand > p { max-width: 280px; margin-top: 12px; }
.download-footer .footer-brand > small { margin-top: 18px; color: #857fa1; font-size: 8px; }
.footer-mini-entry,.footer-app-entry { display: flex; gap: 16px; align-items: center; min-height: 155px; padding: 20px; color: inherit; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; }
.footer-mini-entry:hover { background: rgba(255,255,255,.09); transform: translateY(-2px); }
.footer-qr { position: relative; display: grid !important; grid-template-columns: repeat(11,5px); grid-auto-rows: 5px; gap: 1px; flex: none; padding: 9px; background: #fff; border-radius: 10px; }
.footer-qr i { background: #fff; }
.footer-qr i.on { background: #292541; border-radius: 1px; }
.footer-qr b { position: absolute; display: grid; place-items: center; inset: 50% auto auto 50%; width: 23px; height: 23px; color: #fff; background: linear-gradient(145deg,#5e64f3,#9d59db); border: 3px solid #fff; border-radius: 7px; transform: translate(-50%,-50%); font-size: 8px; }
.footer-mini-entry > div,.footer-app-entry > div { display: grid; gap: 5px; }
.footer-mini-entry small,.footer-app-entry small { color: #85809f; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.footer-mini-entry strong,.footer-app-entry strong { color: #fff; font-size: 13px; }
.footer-mini-entry p,.footer-app-entry p { color: #aaa4bf !important; font-size: 8px !important; }
.footer-app-mark { display: grid !important; place-items: center; width: 67px; height: 67px; flex: none; color: #fff !important; background: linear-gradient(145deg,#5e64f3,#a45bd9); border-radius: 18px; font-size: 24px !important; font-weight: 900; }
.footer-app-entry > div > div { display: flex; gap: 6px; margin-top: 4px; }
.footer-app-entry button { min-height: 31px; padding: 0 10px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.13); border-radius: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }

/* API */
.api-app { min-height: 100vh; background: #f4f6f8; }
.api-header { position: sticky; z-index: 80; top: 0; display: grid; grid-template-columns: 300px 1fr auto; align-items: center; height: 68px; padding: 0 30px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
.api-header nav { display: flex; justify-content: center; align-self: stretch; gap: 28px; }
.api-header nav a { display: grid; place-items: center; position: relative; color: var(--muted); font-size: 13px; font-weight: 650; }
.api-header nav a.active { color: var(--ink); }
.api-header nav a.active::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; background: var(--teal); }
.api-header > div { display: flex; align-items: center; gap: 10px; }
.env-pill { padding: 5px 8px; color: #9c6502; background: var(--amber-2); border-radius: 99px; font-size: 9px; }
.api-hero { display: grid; grid-template-columns: 1fr .9fr; gap: 70px; align-items: center; padding: 90px max(30px, calc((100vw - 1180px)/2)); background: var(--ink); color: white; }
.api-hero h1 { margin: 12px 0 16px; font-family: "Songti SC", serif; font-size: 48px; line-height: 1.12; }
.api-hero p { max-width: 600px; color: #aab5c4; font-size: 13px; }
.api-hero > div:first-child > div { display: flex; gap: 9px; margin-top: 26px; }
.outline-light { color: white; background: transparent; border-color: rgba(255,255,255,.25); }
.api-response-card { overflow: hidden; background: #101f34; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.code-card-head { display: flex; justify-content: space-between; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,.1); }
.code-card-head > span { display: flex; gap: 5px; }
.code-card-head i { width: 7px; height: 7px; background: #66778b; border-radius: 50%; }
.code-card-head i:first-child { background: var(--red); }
.code-card-head i:nth-child(2) { background: var(--amber); }
.code-card-head i:nth-child(3) { background: var(--teal); }
.code-card-head code { color: #8c9aab; font-size: 9px; }
.api-response-card pre { padding: 25px; color: #c5d2e1; font-size: 11px; line-height: 1.9; }
.api-response-card em { color: #91a8c1; font-style: normal; }
.api-response-card strong { color: #63d5c5; }
.api-response-card b { color: var(--amber); }
.api-catalog-section { max-width: 1180px; margin: 0 auto; padding: 70px 30px 120px; }
.api-catalog-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.api-catalog-head h2 { margin: 0 0 8px; font-family: "Songti SC", serif; font-size: 34px; }
.api-catalog-head p { max-width: 660px; margin: 0; color: var(--muted); font-size: 11px; }
.api-search { display: flex; align-items: center; gap: 8px; width: 300px; padding: 9px 11px; background: white; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); }
.api-search input { min-width: 0; border: 0; outline: 0; font-size: 10px; }
.api-filter-row { display: flex; gap: 6px; margin: 28px 0 16px; }
.api-filter-row button { padding: 8px 11px; border: 1px solid var(--line); background: white; border-radius: 6px; color: var(--muted); font-size: 10px; cursor: pointer; }
.api-filter-row button.active { color: white; background: var(--ink); border-color: var(--ink); }
.api-products { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.api-product-card { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; min-height: 210px; padding: 20px; background: white; border: 1px solid var(--line); border-radius: 11px; }
.api-product-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--blue); background: var(--blue-2); border-radius: 11px; }
.api-product-body > div:first-child { display: flex; gap: 6px; }
.api-group, .api-status { padding: 3px 5px; color: #285bbf; background: var(--blue-2); border-radius: 3px; font-size: 8px; font-weight: 750; }
.api-status { color: #087769; background: var(--teal-2); }
.api-status.beta { color: #9c6502; background: var(--amber-2); }
.api-product-body h3 { margin: 12px 0 4px; font-size: 15px; }
.api-product-body > code { color: var(--blue); font-size: 9px; }
.api-product-body > p { margin: 12px 0; color: var(--muted); font-size: 10px; }
.api-meta { display: flex; gap: 14px; color: var(--muted); font-size: 9px; }
.api-meta span { display: flex; align-items: center; gap: 4px; }
.api-detail { align-self: center; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.console-layout { display: grid; grid-template-columns: 230px 1fr; min-height: calc(100vh - 68px); }
.console-sidebar { padding: 22px 14px 90px; background: var(--ink); color: white; }
.console-app { display: grid; gap: 4px; padding: 14px; background: rgba(255,255,255,.08); border-radius: 8px; }
.console-app span, .console-app small { color: #92a0b1; font-size: 8px; }
.console-app strong { font-size: 11px; }
.console-sidebar nav { display: grid; gap: 3px; margin-top: 16px; }
.console-sidebar nav button { display: flex; gap: 9px; align-items: center; padding: 10px 12px; border: 0; background: transparent; color: #9facbd; border-radius: 6px; font-size: 10px; text-align: left; cursor: pointer; }
.console-sidebar nav button.active { color: white; background: rgba(255,255,255,.09); }
.console-help { display: grid; gap: 6px; margin-top: 30px; padding: 13px; color: var(--amber); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; }
.console-help strong { color: white; font-size: 9px; }
.console-help small { color: #91a0b1; font-size: 8px; line-height: 1.5; }
.console-main { padding: 37px 42px 110px; }
.console-title { display: flex; justify-content: space-between; align-items: end; }
.console-title h1 { margin: 0 0 5px; font-size: 27px; }
.console-title p { margin: 0; color: var(--muted); font-size: 10px; }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 28px 0 14px; }
.metric-grid article { display: grid; gap: 7px; padding: 18px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.metric-grid span { color: var(--muted); font-size: 9px; }
.metric-grid strong { font-size: 23px; }
.metric-grid small { color: var(--muted); font-size: 8px; }
.metric-grid small.up { color: var(--teal); }
.console-grid { display: grid; grid-template-columns: 1.5fr .7fr; gap: 12px; }
.usage-chart, .quota-card, .log-panel, .admin-chart-card, .coverage-card, .admin-table-card { background: white; border: 1px solid var(--line); border-radius: 9px; }
.usage-chart, .quota-card { padding: 18px; }
.panel-title { display: flex; justify-content: space-between; align-items: start; }
.panel-title > div { display: grid; gap: 4px; }
.panel-title strong { font-size: 12px; }
.panel-title span { color: var(--muted); font-size: 8px; }
.panel-title button { border: 0; background: transparent; color: var(--blue); font-size: 9px; cursor: pointer; }
.bar-chart { display: flex; align-items: end; gap: 18px; height: 190px; padding: 25px 10px 0; border-bottom: 1px solid var(--line); }
.bar-chart div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: end; height: 100%; gap: 7px; }
.bar-chart i { width: 100%; max-width: 28px; background: linear-gradient(var(--teal),#65c9bd); border-radius: 4px 4px 0 0; }
.bar-chart span { color: var(--muted); font-size: 8px; }
.quota-donut { display: grid; place-items: center; width: 120px; height: 120px; margin: 23px auto; border-radius: 50%; background: conic-gradient(var(--amber) 0 15.8%, #e9edf0 15.8%); }
.quota-donut::before { content: ""; grid-area: 1/1; width: 84px; height: 84px; background: white; border-radius: 50%; }
.quota-donut > div { position: relative; grid-area: 1/1; display: grid; gap: 2px; text-align: center; }
.quota-donut strong { font-size: 18px; }
.quota-donut span { color: var(--muted); font-size: 8px; }
.quota-card dl { display: grid; gap: 8px; margin: 0; }
.quota-card dl div { display: flex; justify-content: space-between; font-size: 9px; }
.quota-card dt { color: var(--muted); }
.quota-card dd { margin: 0; font-weight: 700; }
.log-panel { margin-top: 12px; padding: 18px; }
.data-table { margin-top: 15px; border-top: 1px solid var(--line); }
.table-row { display: grid; grid-template-columns: .8fr 1.5fr .55fr 1fr .55fr .65fr; align-items: center; min-height: 42px; border-bottom: 1px solid var(--line); font-size: 9px; }
.table-row.table-head { min-height: 34px; color: var(--muted); background: #f8f9fa; font-size: 8px; }
.table-row > * { padding: 0 8px; }
.table-row code { color: var(--blue); font-size: 8px; }
.state-text { font-size: 8px; font-weight: 750; }
.docs-layout { display: grid; grid-template-columns: 200px 1fr; gap: 30px; max-width: 1050px; margin: 0 auto; padding: 40px 28px 120px; }
.docs-layout aside { display: grid; align-content: start; gap: 3px; }
.docs-layout aside button { padding: 9px 11px; border: 0; background: transparent; color: var(--muted); border-radius: 6px; text-align: left; font-size: 10px; cursor: pointer; }
.docs-layout aside button.active { color: var(--ink); background: white; font-weight: 700; }
.docs-layout article { padding: 35px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.docs-layout h2 { margin: 8px 0; font-size: 25px; }
.docs-layout p { color: var(--muted); font-size: 11px; }
.docs-layout pre { overflow: auto; margin-top: 25px; padding: 22px; background: var(--ink); color: #c5d2e1; border-radius: 8px; font-size: 10px; line-height: 1.8; }
.docs-note { display: flex; gap: 8px; margin-top: 16px; padding: 11px; color: #765200; background: #fff8e7; border-radius: 7px; font-size: 9px; }

/* Admin */
.admin-app { display: grid; grid-template-columns: 235px 1fr; min-height: 100vh; background: #f0f2f4; }
.admin-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; height: 100vh; padding: 18px 12px; background: var(--ink); color: white; }
.admin-brand { padding: 6px 8px 20px; border-bottom: 1px solid rgba(255,255,255,.12); }
.admin-brand .brand-mark { background: var(--amber); color: var(--ink); }
.admin-brand .brand-copy small { color: #8d9aac; }
.admin-brand .brand-suffix { color: #8d9aac; border-color: rgba(255,255,255,.15); }
.admin-sidebar nav { display: grid; gap: 3px; margin-top: 15px; }
.admin-sidebar nav button { position: relative; display: flex; gap: 9px; align-items: center; padding: 10px 11px; border: 0; background: transparent; color: #95a2b3; border-radius: 6px; font-size: 10px; text-align: left; cursor: pointer; }
.admin-sidebar nav button.active { color: white; background: rgba(255,255,255,.09); }
.nav-dot { position: absolute; right: 10px; width: 5px; height: 5px; background: var(--amber); border-radius: 50%; }
.admin-user { display: flex; gap: 9px; align-items: center; margin-top: auto; padding: 12px; border-top: 1px solid rgba(255,255,255,.12); }
.admin-user > span { display: grid; place-items: center; width: 31px; height: 31px; background: rgba(255,255,255,.1); border-radius: 50%; font-size: 9px; }
.admin-user div { display: grid; gap: 3px; }
.admin-user strong { font-size: 9px; }
.admin-user small { color: #8996a7; font-size: 8px; }
.admin-main { padding: 32px 35px 110px; }
.admin-top { display: flex; justify-content: space-between; align-items: end; }
.admin-top h1 { margin: 0 0 5px; font-size: 27px; }
.admin-top p { margin: 0; color: var(--muted); font-size: 9px; }
.admin-top > div:last-child { display: flex; gap: 8px; }
.icon-button { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); background: white; border-radius: 8px; cursor: pointer; }
.icon-button i { position: absolute; right: 7px; top: 7px; width: 5px; height: 5px; background: var(--red); border-radius: 50%; }
.admin-alerts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 26px 0 12px; }
.admin-alerts article { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 14px; color: #765200; background: #fff8e7; border: 1px solid #ead7a8; border-radius: 8px; }
.admin-alerts article.critical { color: #8a2c27; background: #fff0ef; border-color: #e8c0bd; }
.admin-alerts div { display: grid; gap: 3px; }
.admin-alerts strong { font-size: 10px; }
.admin-alerts small { font-size: 8px; opacity: .75; }
.admin-alerts button { border: 0; background: transparent; color: inherit; font-size: 8px; font-weight: 750; cursor: pointer; }
.admin-metrics { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.admin-metrics article { display: grid; gap: 7px; padding: 16px; background: white; border: 1px solid var(--line); border-radius: 8px; }
.admin-metrics span { color: var(--muted); font-size: 8px; }
.admin-metrics strong { font-size: 20px; }
.admin-metrics small { font-size: 8px; }
.up { color: var(--teal) !important; }
.down { color: var(--red) !important; }
.admin-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 12px; margin-top: 12px; }
.admin-chart-card, .coverage-card, .admin-table-card { padding: 17px; }
.stacked-chart { display: flex; align-items: end; gap: 22px; height: 190px; margin-top: 22px; padding: 15px; border-bottom: 1px solid var(--line); }
.stacked-chart > div { flex: 1; display: flex; flex-direction: column-reverse; align-items: center; height: 100%; }
.stacked-chart i { display: block; width: 24px; }
.stacked-chart i.success { background: var(--teal); }
.stacked-chart i.partial { background: var(--amber); }
.stacked-chart i.fail { background: var(--red); }
.stacked-chart span { margin-top: 7px; color: var(--muted); font-size: 8px; }
.chart-legend { display: flex; gap: 14px; margin-top: 10px; color: var(--muted); font-size: 8px; }
.chart-legend span { display: flex; align-items: center; gap: 4px; }
.chart-legend i { width: 7px; height: 7px; border-radius: 2px; }
.chart-legend i.success { background: var(--teal); }
.chart-legend i.partial { background: var(--amber); }
.chart-legend i.fail { background: var(--red); }
.coverage-card { display: grid; align-content: start; gap: 5px; }
.coverage-row { display: grid; grid-template-columns: 28px 68px 1fr 46px; gap: 7px; align-items: center; min-height: 31px; font-size: 8px; }
.coverage-row > span { color: var(--muted); }
.coverage-row > div { height: 4px; overflow: hidden; background: #e9edf0; border-radius: 4px; }
.coverage-row i { display: block; height: 100%; background: var(--teal); }
.coverage-row small { color: var(--teal); }
.coverage-row small.pending { color: #9c6502; }
.admin-table-card { margin-top: 12px; }
.admin-table .table-row { grid-template-columns: 1fr 1.2fr 1fr .8fr 1fr .8fr; }
.admin-table button { border: 0; background: transparent; color: var(--blue); font-size: 8px; cursor: pointer; }

/* Mini-program */
.mini-stage { display: flex; align-items: center; justify-content: center; gap: 80px; min-height: 100vh; padding: 60px 30px 110px; background: radial-gradient(circle at 25% 25%, #fff, transparent 25%), var(--paper); }
.phone-frame { position: relative; width: 390px; height: 780px; overflow: hidden; background: #f5f5f2; border: 9px solid #111a28; border-radius: 39px; box-shadow: 0 35px 80px rgba(11,23,40,.25); }
.phone-frame::before { content: ""; position: absolute; z-index: 10; top: 8px; left: 50%; width: 105px; height: 24px; transform: translateX(-50%); background: #111a28; border-radius: 0 0 16px 16px; }
.phone-status { position: absolute; z-index: 9; inset: 0 0 auto 0; display: flex; justify-content: space-between; height: 38px; padding: 11px 20px 0; background: white; font-size: 9px; font-weight: 750; }
.mini-app { position: absolute; inset: 38px 0 58px; overflow-y: auto; padding-bottom: 30px; }
.mini-bottom { position: absolute; z-index: 10; inset: auto 0 0; display: grid; grid-template-columns: repeat(4,1fr); height: 58px; background: white; border-top: 1px solid var(--line); }
.mini-bottom button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border: 0; background: transparent; color: #8b95a3; font-size: 8px; cursor: pointer; }
.mini-bottom button.active { color: var(--teal); }
.mini-notes { width: 370px; }
.mini-notes h1 { margin: 6px 0 12px; font-family: "Songti SC", serif; font-size: 39px; }
.mini-notes > p { color: var(--muted); font-size: 12px; }
.mini-checklist { display: grid; gap: 9px; margin: 25px 0; }
.mini-checklist span { display: flex; align-items: center; gap: 8px; font-size: 11px; }
.mini-header { position: sticky; z-index: 5; top: 0; display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; height: 48px; padding: 0 12px; background: white; border-bottom: 1px solid var(--line); }
.mini-header > strong { text-align: center; font-size: 13px; }
.mini-header button { border: 0; background: transparent; font-size: 18px; cursor: pointer; }
.mini-header button:last-child { font-size: 12px; letter-spacing: .05em; }
.mini-mark { display: grid; place-items: center; width: 27px; height: 27px; background: var(--ink); color: var(--amber); border-radius: 7px; font-family: "Songti SC", serif; font-size: 15px; }
.mini-hero { padding: 31px 19px 24px; background: var(--ink); color: white; }
.mini-hero > span { color: var(--amber); font-size: 9px; letter-spacing: .12em; }
.mini-hero h1 { margin: 8px 0; font-family: "Songti SC", serif; font-size: 32px; line-height: 1.15; }
.mini-hero > p { margin: 0 0 19px; color: #aab5c4; font-size: 10px; }
.mini-hero form { display: grid; grid-template-columns: 1fr auto; gap: 6px; }
.mini-hero form > div { display: flex; align-items: center; gap: 6px; padding: 0 10px; background: white; color: var(--muted); border-radius: 8px; }
.mini-hero input { min-width: 0; width: 100%; height: 42px; border: 0; outline: 0; font-size: 10px; }
.mini-hero form button { padding: 0 13px; border: 0; background: var(--amber); border-radius: 8px; font-size: 10px; font-weight: 750; }
.mini-section { padding: 17px 15px; background: white; border-bottom: 8px solid #f1f2f1; }
.mini-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.mini-title strong { font-size: 12px; }
.mini-title button, .mini-title span { border: 0; background: transparent; color: var(--muted); font-size: 8px; }
.mini-countries { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
.mini-countries button { padding: 10px 3px; border: 1px solid var(--line); background: white; border-radius: 7px; font-size: 8px; cursor: pointer; }
.mini-report-card { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 11px; background: var(--paper); border-radius: 8px; }
.mini-report-icon { display: grid; place-items: center; width: 38px; height: 38px; color: var(--teal); background: var(--teal-2); border-radius: 8px; }
.mini-report-card > div:nth-child(2) { display: grid; gap: 3px; }
.mini-report-card strong { font-size: 9px; }
.mini-report-card span, .mini-report-card small { color: var(--muted); font-size: 7px; }
.mini-report-card button { border: 0; background: transparent; color: var(--blue); font-size: 8px; }
.mini-boundary { background: #fff8e7; border-bottom: 0; }
.mini-boundary strong { color: #765200; font-size: 10px; }
.mini-boundary p { margin: 5px 0 0; color: #8a6c2c; font-size: 8px; }
.mini-search-top { position: sticky; z-index: 4; top: 48px; padding: 10px 12px; background: white; border-bottom: 1px solid var(--line); }
.mini-search-top > div { display: flex; align-items: center; gap: 6px; padding: 0 8px; background: var(--paper); border-radius: 7px; }
.mini-search-top input { width: 100%; height: 35px; border: 0; background: transparent; outline: 0; font-size: 9px; }
.mini-search-top > span { display: block; margin-top: 7px; color: var(--muted); font-size: 8px; }
.mini-results { display: grid; gap: 8px; padding: 11px; }
.mini-results article { padding: 12px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.mini-results article > div:first-child { display: grid; grid-template-columns: 30px 1fr; gap: 8px; }
.mini-results article > div:first-child > span { font-size: 21px; }
.mini-results article div div { display: grid; gap: 3px; }
.mini-results strong { font-size: 9px; }
.mini-results small { color: var(--muted); font-size: 7px; }
.mini-results p { margin: 2px 0; color: var(--muted); font-size: 7px; }
.mini-results article > div:last-child { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.mini-results article > div:last-child button { padding: 6px 9px; border: 0; background: var(--ink); color: white; border-radius: 5px; font-size: 8px; }
.mini-tip { display: flex; gap: 6px; padding: 9px; color: #765200; background: #fff8e7; border-radius: 7px; font-size: 7px; line-height: 1.5; }
.mini-company-card { display: flex; justify-content: space-between; align-items: center; padding: 12px; background: white; border-bottom: 8px solid #f1f2f1; }
.mini-company-card > div { display: flex; gap: 8px; align-items: center; }
.mini-company-card > div > span { font-size: 21px; }
.mini-company-card div div { display: grid; gap: 3px; }
.mini-company-card strong { font-size: 9px; }
.mini-company-card small { color: var(--muted); font-size: 7px; }
.mini-company-card button { border: 0; background: var(--teal-2); color: var(--teal); border-radius: 5px; font-size: 7px; }
.mini-module-list { padding: 12px 11px 85px; }
.mini-module { display: grid; grid-template-columns: auto auto 1fr auto; gap: 8px; align-items: center; padding: 10px 8px; background: white; border-bottom: 1px solid var(--line); }
.mini-module input { accent-color: var(--teal); }
.mini-module > div:nth-child(3) { display: grid; gap: 3px; }
.mini-module strong { font-size: 8px; }
.mini-module small { color: var(--muted); font-size: 7px; }
.mini-module b { font-size: 9px; }
.mini-module .state-badge { padding: 2px 4px; font-size: 6px; }
.mini-module.disabled { opacity: .55; }
.mini-checkout-bar { position: absolute; z-index: 8; inset: auto 0 58px; display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; background: white; border-top: 1px solid var(--line); box-shadow: 0 -7px 20px rgba(0,0,0,.06); }
.mini-checkout-bar > div { display: grid; grid-template-columns: auto auto; gap: 2px 7px; align-items: end; }
.mini-checkout-bar span { color: var(--muted); font-size: 7px; }
.mini-checkout-bar strong { font-size: 16px; }
.mini-checkout-bar small { grid-column: 1/3; color: var(--muted); font-size: 6px; }
.mini-checkout-bar button { padding: 10px 15px; border: 0; background: var(--amber); border-radius: 7px; font-size: 9px; font-weight: 750; }
.mini-progress { display: flex; flex-direction: column; align-items: center; padding: 35px 15px; text-align: center; }
.mini-progress-ring { display: grid; place-items: center; width: 88px; height: 88px; color: white; background: var(--teal); border: 9px solid var(--teal-2); border-radius: 50%; }
.mini-progress h1 { margin: 17px 0 4px; font-size: 19px; }
.mini-progress > p { margin: 0; color: var(--muted); font-size: 8px; }
.mini-task-list { width: 100%; margin: 24px 0 16px; text-align: left; }
.mini-task-list div { display: grid; grid-template-columns: 20px 1fr auto; gap: 5px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.mini-task-list span { display: grid; place-items: center; width: 18px; height: 18px; color: white; background: var(--teal); border-radius: 50%; }
.mini-task-list strong { font-size: 8px; }
.mini-task-list small { color: var(--muted); font-size: 7px; }
.mini-progress .button { min-height: 38px; margin-top: 8px; font-size: 9px; }
.mini-report-head { padding: 25px 15px; background: var(--ink); color: white; text-align: center; }
.mini-report-head > span { font-size: 25px; }
.mini-report-head h1 { margin: 8px 0 4px; font-size: 16px; }
.mini-report-head p { margin: 0; color: #9facbd; font-size: 8px; }
.mini-report-head div { display: flex; justify-content: center; gap: 6px; margin-top: 11px; }
.mini-report-head div span { padding: 4px 6px; background: rgba(255,255,255,.1); border-radius: 3px; font-size: 7px; }
.mini-summary, .mini-chapters { padding: 15px; background: white; border-bottom: 8px solid #f1f2f1; }
.mini-summary article { padding: 11px; margin-top: 7px; background: var(--paper); border-radius: 7px; }
.mini-summary article > strong { display: block; margin: 9px 0 3px; font-size: 9px; }
.mini-summary article p { margin: 0; color: var(--muted); font-size: 7px; }
.mini-chapters { border-bottom: 0; }
.mini-chapters > button { display: grid; grid-template-columns: 30px 1fr auto; gap: 7px; align-items: center; width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid var(--line); background: white; text-align: left; }
.mini-chapters > button > span { color: var(--teal); font-size: 8px; font-weight: 750; }
.mini-chapters > button div { display: grid; gap: 3px; }
.mini-chapters strong { font-size: 8px; }
.mini-chapters small { color: var(--muted); font-size: 7px; }
.mini-chapters button.locked { color: #9aa2ad; }
.mini-ai-context { display: flex; gap: 9px; align-items: center; padding: 11px 13px; background: #f5f6f7; border-bottom: 1px solid var(--line); }
.mini-ai-context > span { display: grid; place-items: center; width: 30px; height: 30px; color: var(--blue); background: var(--blue-2); border-radius: 7px; }
.mini-ai-context div { display: grid; gap: 3px; }
.mini-ai-context strong { font-size: 8px; }
.mini-ai-context small { color: var(--muted); font-size: 7px; }
.mini-ai-chat { display: grid; gap: 12px; padding: 14px 12px 80px; }
.mini-ai-bubble { max-width: 87%; font-size: 8px; line-height: 1.55; }
.mini-ai-bubble p { margin: 0; font-size: 8px; }
.mini-ai-bubble.assistant { display: flex; gap: 6px; }
.mini-ai-bubble.assistant > span { display: grid; place-items: center; width: 23px; height: 23px; flex: 0 0 auto; color: white; background: var(--violet); border-radius: 6px; }
.mini-ai-bubble.assistant > p, .mini-ai-bubble.assistant > div { padding: 9px; background: white; border-radius: 3px 9px 9px 9px; }
.mini-ai-bubble.user { justify-self: end; padding: 9px; background: var(--ink); color: white; border-radius: 9px 3px 9px 9px; }
.mini-question-row { display: flex; flex-wrap: wrap; gap: 5px; padding-left: 29px; }
.mini-question-row button { padding: 6px 8px; border: 1px solid var(--line); background: white; border-radius: 99px; font-size: 7px; }
.mini-ai-bubble.assistant div button { display: grid; gap: 3px; width: 100%; margin-top: 8px; padding: 7px; border: 1px solid #d6dff4; background: #f4f7ff; border-radius: 5px; text-align: left; }
.mini-ai-bubble.assistant div button span { color: var(--blue); font-size: 7px; }
.mini-ai-bubble.assistant div button strong { font-size: 7px; }
.mini-ai-input { position: absolute; z-index: 7; inset: auto 0 58px; display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 9px 11px; background: white; border-top: 1px solid var(--line); }
.mini-ai-input input { min-width: 0; padding: 9px; border: 1px solid var(--line); border-radius: 7px; font-size: 8px; }
.mini-ai-input button { display: grid; place-items: center; width: 34px; border: 0; background: var(--ink); color: white; border-radius: 7px; }

/* Print */
@media print {
  .prototype-bar, .annotation-panel, .report-topbar, .report-toc, .ai-panel { display: none !important; }
  .report-app { min-width: 0; height: auto; overflow: visible; }
  .report-layout { display: block; height: auto; }
  .report-document { overflow: visible; padding: 0; }
  .report-cover, .report-section { break-after: page; box-shadow: none; }
}

/* Responsive */
@media (max-width: 1020px) {
  .site-header { grid-template-columns: 210px 1fr auto; }
  .main-nav { gap: 15px; }
  .header-actions .quiet-button { display: none; }
  .hero-evidence { grid-template-columns: 1fr; max-width: 620px; }
  .hero-evidence > div, .hero-evidence > div + div { grid-template-columns: 34px 1fr; padding: 15px 0; border-left: 0; border-bottom: 1px solid var(--line-dark); }
  .trust-strip, .api-callout { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: repeat(2,1fr); }
  .module-preview-grid { grid-template-columns: repeat(2,1fr); }
  .module-buy-layout { grid-template-columns: 1fr; }
  .cart-sticky { position: static; }
  .checkout-layout { grid-template-columns: 1fr; }
  .order-summary { position: static; }
  .api-products { grid-template-columns: 1fr; }
  .admin-metrics { grid-template-columns: repeat(3,1fr); }
  .admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .prototype-bar { left: 10px; right: 10px; bottom: 8px; transform: none; overflow-x: auto; border-radius: 14px; }
  .prototype-label, .proto-separator { display: none; }
  .proto-tab { flex: 0 0 auto; }
  .annotation-panel { right: 10px; left: 10px; bottom: 70px; width: auto; }
  .site-header { grid-template-columns: 1fr auto; min-height: 60px; padding: 0 15px; }
  .site-header .brand-copy small { display: none; }
  .main-nav { position: fixed; z-index: 90; right: 0; bottom: 0; left: 0; height: 56px; padding: 0 8px; background: white; border-top: 1px solid var(--line); justify-content: space-around; }
  .main-nav a { font-size: 10px; }
  .header-actions .quiet-button { display: none; }
  .account-chip { font-size: 0; }
  .hero { min-height: 620px; padding: 80px 18px 40px; }
  .hero h1 { font-size: 44px; }
  .hero-content > p { font-size: 14px; }
  .global-search { grid-template-columns: 1fr auto; }
  .country-select { display: none; }
  .global-search button { padding: 0 14px; font-size: 0; }
  .global-search button .icon { margin: 0; }
  .search-meta { flex-wrap: wrap; }
  .home-section { padding: 60px 18px; }
  .trust-strip, .section-heading, .search-title, .catalog-head, .api-catalog-head { display: block; }
  .section-heading > p { margin-top: 13px; }
  .process-grid, .module-preview-grid, .module-grid, .account-grid { grid-template-columns: 1fr; }
  .api-callout { margin: 0 18px 70px; padding: 35px 24px; }
  .site-footer { grid-template-columns: 1fr; padding: 45px 20px 110px; gap: 28px; }
  .page-hero, .simple-page-head, .company-banner { padding-left: 18px; padding-right: 18px; }
  .search-title h1, .simple-page-head h1 { font-size: 31px; }
  .inline-search { width: 100%; margin-top: 20px; }
  .search-layout { grid-template-columns: 1fr; padding: 20px 14px 100px; }
  .filter-panel { display: none; }
  .company-result-card { grid-template-columns: auto 1fr; }
  .company-result-action { grid-column: 1/3; grid-template-columns: 1fr 1fr; }
  .company-facts { grid-template-columns: 1fr; }
  .identity-facts { grid-template-columns: 1fr; }
  .module-buy-layout { padding: 30px 14px 110px; }
  .checkout-layout { padding: 25px 14px 110px; }
  .progress-page { grid-template-columns: 1fr; }
  .progress-visual, .task-panel { padding: 50px 25px; }
  .task-row { grid-template-columns: 30px 1fr; }
  .task-progress, .task-row > small { grid-column: 2; }
  .library-layout { grid-template-columns: 1fr; padding: 25px 14px 110px; }
  .library-nav { grid-template-columns: repeat(2,1fr); }
  .report-list-card { grid-template-columns: 70px 1fr; }
  .report-list-actions { grid-column: 1/3; grid-template-columns: repeat(3,1fr); }
  .file-layout { grid-template-columns: 1fr; padding: 25px 14px 110px; }
  .upload-rules { flex-direction: column; }
  .api-header { grid-template-columns: 1fr auto; padding: 0 15px; }
  .api-header nav { display: none; }
  .api-header .env-pill { display: none; }
  .api-hero { grid-template-columns: 1fr; padding: 60px 20px; }
  .api-hero h1 { font-size: 40px; }
  .api-catalog-section { padding: 55px 16px 110px; }
  .api-search { width: 100%; margin-top: 20px; }
  .api-filter-row { overflow-x: auto; }
  .api-filter-row button { flex: 0 0 auto; }
  .console-layout { grid-template-columns: 1fr; }
  .console-sidebar { display: none; }
  .console-main { padding: 30px 14px 110px; }
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .console-grid { grid-template-columns: 1fr; }
  .log-panel { overflow-x: auto; }
  .data-table { min-width: 620px; }
  .admin-app { grid-template-columns: 1fr; }
  .admin-sidebar { display: none; }
  .admin-main { padding: 25px 14px 110px; }
  .admin-top { display: block; }
  .admin-top > div:last-child { margin-top: 15px; }
  .admin-alerts, .admin-metrics { grid-template-columns: 1fr; }
  .admin-table-card { overflow-x: auto; }
  .mini-stage { padding: 40px 0 110px; }
  .mini-notes { display: none; }
  .phone-frame { width: min(390px, calc(100vw - 18px)); height: calc(100vh - 145px); min-height: 650px; }
}

/* 2026-08 youthful light theme: spacious, fresh, and still trustworthy. */
:root {
  --ink: #17324d;
  --ink-2: #244b68;
  --paper: #f7fbfe;
  --line: #dce9f1;
  --line-dark: rgba(23, 50, 77, .12);
  --muted: #60788b;
  --muted-2: #8ba0ae;
  --amber: #ff8a5b;
  --amber-2: #fff0e9;
  --teal: #20b7a5;
  --teal-2: #e5faf5;
  --blue: #4d7ff0;
  --blue-2: #edf3ff;
  --violet: #8b70e8;
  --violet-2: #f1edff;
  --shadow: 0 20px 55px rgba(56, 105, 141, .13);
  --shadow-soft: 0 9px 30px rgba(56, 105, 141, .09);
}

body {
  background:
    radial-gradient(circle at 8% 5%, rgba(99, 207, 234, .12), transparent 26rem),
    var(--paper);
}

.brand-mark,
.mini-mark {
  color: #fff;
  background: linear-gradient(145deg, var(--blue), #65cfea 52%, var(--teal));
  box-shadow: 0 8px 22px rgba(77, 127, 240, .24);
}
.brand-mark::before,
.brand-mark::after { background: rgba(255,255,255,.24); }
.button { border-radius: 11px; }
.button.primary,
.inline-search button,
.report-actions .primary-small,
.ai-input button,
.mini-results article > div:last-child button,
.mini-ai-input button {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--blue), #608ff4 52%, var(--teal));
  box-shadow: 0 8px 20px rgba(77, 127, 240, .18);
}
.button.primary:hover { background: linear-gradient(135deg, #3e70e7, #18a997); }
.light-button,
.global-search button,
.mini-hero form button,
.mini-checkout-bar button {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--teal));
}

.prototype-bar {
  color: var(--ink);
  background: rgba(255,255,255,.92);
  border-color: rgba(77,127,240,.18);
  box-shadow: 0 16px 45px rgba(47, 91, 128, .18);
}
.prototype-label { color: #8aa0b2; }
.proto-tab, .proto-icon, .proto-note { color: #647c90; }
.proto-tab:hover, .proto-tab.active { color: #fff; background: linear-gradient(135deg, var(--blue), var(--teal)); }
.proto-separator { background: var(--line); }
.proto-icon:hover { color: var(--blue); background: var(--blue-2); }
.proto-note:hover { color: var(--teal); }
.annotation-panel {
  color: var(--ink);
  background: rgba(255,255,255,.97);
  border: 1px solid var(--line);
  box-shadow: 0 24px 70px rgba(51, 91, 122, .2);
}
.annotation-head { border-color: var(--line); }
.annotation-head span { color: var(--blue); }
.annotation-head button { color: var(--ink); }
.annotation-list span { color: var(--muted); }
.annotation-list code { color: var(--ink-2); background: var(--blue-2); }
.annotation-warning { color: #9a512f; background: var(--amber-2); border-color: #ffd5c4; }
.toast { background: #fff; color: var(--ink); border-left-color: var(--teal); }

.hero {
  color: var(--ink);
  background:
    radial-gradient(circle at 82% 17%, rgba(92, 203, 234, .4), transparent 24rem),
    radial-gradient(circle at 66% 76%, rgba(67, 209, 176, .2), transparent 28rem),
    linear-gradient(135deg, #fafdff 0%, #edf8ff 52%, #f1fff9 100%);
}
.hero::before {
  opacity: 1;
  background: radial-gradient(circle at 13% 18%, rgba(255,138,91,.12), transparent 16rem);
}
.hero-grid {
  opacity: .22;
  background-image: linear-gradient(rgba(54,116,156,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(54,116,156,.13) 1px, transparent 1px);
}
.hero-grid::after { border-color: rgba(77,127,240,.18); box-shadow: 0 0 0 65px rgba(77,127,240,.035), 0 0 0 130px rgba(32,183,165,.025); }
.eyebrow { color: var(--blue); }
.eyebrow span { background: var(--blue); }
.hero h1 em { color: var(--teal); }
.hero-content > p { color: #547086; }
.global-search { border: 1px solid rgba(77,127,240,.14); box-shadow: 0 22px 55px rgba(70,126,162,.16); }
.search-meta { color: #6f879a; }
.search-meta button { color: var(--blue); }
.hero-evidence { border-color: rgba(76,126,162,.16); }
.hero-evidence > div + div { border-color: rgba(76,126,162,.16); }
.hero-evidence span { color: var(--blue); }
.hero-evidence small { color: #688297; }
.home-section { position: relative; }
.channel-hub { display: grid; grid-template-columns: .62fr 1.38fr; gap: 42px; align-items: center; margin-top: 54px; padding-top: 38px; padding-bottom: 38px; background: linear-gradient(135deg,#f3f5ff 0%,#fff7f4 100%); border: 1px solid rgba(100,91,218,.1); border-radius: 26px; }
.channel-intro h2 { margin: 10px 0 12px; color: #282541; font-size: clamp(25px,3vw,38px); line-height: 1.15; letter-spacing: -.035em; }
.channel-intro p { margin: 0; color: #777188; font-size: 11px; line-height: 1.75; }
.channel-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.channel-cards article { display: grid; grid-template-columns: auto 1fr; gap: 13px; min-height: 180px; padding: 21px; background: rgba(255,255,255,.87); border: 1px solid rgba(100,91,218,.11); border-radius: 18px; box-shadow: 0 14px 35px rgba(59,49,115,.07); }
.channel-mark { display: grid; place-items: center; width: 48px; height: 48px; color: white; border-radius: 14px; font-size: 16px; font-weight: 900; }
.channel-mark.wechat { background: linear-gradient(135deg,#27c276,#129c5b); }
.channel-mark.app { background: linear-gradient(135deg,#5d64f3,#a35cdd); }
.channel-cards article > div { display: flex; flex-direction: column; align-items: flex-start; }
.channel-cards small { color: #8c86a0; font-size: 7px; font-weight: 850; letter-spacing: .08em; }
.channel-cards h3 { margin: 6px 0; color: #302c48; font-size: 14px; }
.channel-cards p { flex: 1; margin: 0 0 13px; color: #777188; font-size: 9px; line-height: 1.65; }
.channel-cards button { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 10px; color: #5e58d1; background: #efedff; border: 0; border-radius: 8px; font-size: 8px; font-weight: 850; cursor: pointer; }
.app-channel-card > div > div { display: flex; flex-wrap: wrap; gap: 6px; }
.app-channel-card em { margin-top: 7px; color: #a19bad; font-size: 7px; font-style: normal; }
.process-section { background: rgba(255,255,255,.78); }
.process-card, .module-mini-card, .module-card, .company-result-card,
.checkout-card, .order-summary, .report-list-card, .account-grid article,
.api-product-card, .metric-grid article, .usage-chart, .quota-card,
.log-panel, .admin-chart-card, .coverage-card, .admin-table-card {
  border-color: rgba(123, 166, 193, .24);
  box-shadow: 0 8px 26px rgba(69, 111, 143, .055);
}
.api-callout {
  color: var(--ink);
  background: linear-gradient(135deg, #edf4ff 0%, #e8fcf7 100%);
  border: 1px solid rgba(77,127,240,.13);
  box-shadow: var(--shadow);
}
.api-callout::before { border-color: rgba(77,127,240,.12); box-shadow: 0 0 0 55px rgba(77,127,240,.025), 0 0 0 110px rgba(32,183,165,.02); }
.api-callout p { color: #5b758a; }
.site-footer {
  color: var(--ink);
  background: linear-gradient(135deg, #eaf5ff, #effcf8);
  border-top: 1px solid var(--line);
}
.site-footer span, .site-footer p { color: #61798b; }
.footer-brand .brand-mark { color: #fff; background: linear-gradient(145deg, var(--blue), var(--teal)); }
.footer-brand .brand-copy small { color: #708699; }

.progress-visual {
  color: var(--ink);
  background: linear-gradient(145deg, #edf4ff 0%, #e9fff8 100%);
}
.orbit { border-color: rgba(77,127,240,.24); }
.orbit::before, .orbit::after { border-color: rgba(32,183,165,.24); }
.orbit-core { color: #fff; background: linear-gradient(135deg, var(--blue), var(--teal)); box-shadow: 0 15px 35px rgba(57,144,172,.24); }
.progress-visual > p, .progress-meta { color: #668095; }
.overall-progress { background: rgba(77,127,240,.12); }
.progress-visual .button.primary { color: #fff; background: linear-gradient(135deg, var(--blue), var(--teal)); }
.progress-visual .button.ghost { color: var(--blue); background: #fff; border-color: rgba(77,127,240,.22); }

.report-app { background: #eff6fa; }
.report-cover {
  color: var(--ink);
  background:
    radial-gradient(circle at 83% 20%, rgba(97,206,234,.34), transparent 22rem),
    linear-gradient(145deg, #f7fbff 0%, #e9f5ff 48%, #edfff8 100%);
  border: 1px solid rgba(77,127,240,.15);
}
.cover-top, .cover-foot { color: #648095; }
.cover-kicker { color: var(--blue); }
.cover-status { border-color: rgba(77,127,240,.16); }
.cover-status > div + div { border-color: rgba(77,127,240,.16); }
.ai-message.user p, .mini-ai-bubble.user { background: linear-gradient(135deg, var(--blue), var(--teal)); }
.file-policy {
  color: var(--ink);
  background: linear-gradient(145deg, #edf4ff, #e9fff8);
  border: 1px solid rgba(77,127,240,.15);
}
.file-policy li > span { color: var(--blue); border-color: rgba(77,127,240,.22); background: #fff; }
.file-policy small { color: #678095; }

.api-hero {
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 25%, rgba(86,201,235,.3), transparent 22rem),
    linear-gradient(135deg, #f7fbff, #e9f5ff 55%, #effff9);
}
.api-hero p { color: #5d778c; }
.kicker.light { color: var(--blue); }
.outline-light { color: var(--blue); background: rgba(255,255,255,.7); border-color: rgba(77,127,240,.25); }
.api-filter-row button.active { color: #fff; background: linear-gradient(135deg, var(--blue), var(--teal)); border-color: transparent; }
.console-sidebar,
.admin-sidebar {
  color: var(--ink);
  background: linear-gradient(180deg, #f7fbff, #eaf6ff 55%, #ebfcf7);
  border-right: 1px solid var(--line);
}
.console-app { background: #fff; border: 1px solid var(--line); }
.console-app span, .console-app small { color: var(--muted); }
.console-sidebar nav button, .admin-sidebar nav button { color: #60798d; }
.console-sidebar nav button.active, .admin-sidebar nav button.active { color: var(--blue); background: #fff; box-shadow: 0 7px 20px rgba(77,127,240,.1); }
.console-help { color: var(--blue); background: rgba(255,255,255,.68); border-color: rgba(77,127,240,.18); }
.console-help strong { color: var(--ink); }
.console-help small { color: var(--muted); }
.admin-app { background: #f6fbfe; }
.admin-brand, .admin-user { border-color: var(--line); }
.admin-brand .brand-mark { color: #fff; background: linear-gradient(145deg, var(--blue), var(--teal)); }
.admin-brand .brand-copy small, .admin-brand .brand-suffix, .admin-user small { color: var(--muted); border-color: var(--line); }
.admin-user > span { color: var(--blue); background: #fff; border: 1px solid var(--line); }
.nav-dot { background: var(--coral, #ff8a5b); }

.mini-stage { background: radial-gradient(circle at 22% 20%, #fff, transparent 28%), linear-gradient(145deg, #edf7ff, #effff9); }
.phone-frame { border-color: #d8e7f0; box-shadow: 0 35px 80px rgba(67,113,146,.2); }
.phone-frame::before { background: #d8e7f0; }
.mini-hero,
.mini-report-head {
  color: var(--ink);
  background: radial-gradient(circle at 85% 12%, rgba(91,199,234,.32), transparent 12rem), linear-gradient(145deg, #eef6ff, #e9fff8);
}
.mini-report-head div span { color: var(--blue); background: #fff; border: 1px solid rgba(77,127,240,.12); }

@media (max-width: 760px) {
  .hero { min-height: 610px; }
  .prototype-bar { background: rgba(255,255,255,.96); }
}

/* Business-blue calibration: mainstream enterprise-search clarity without copying a brand. */
:root {
  --ink: #152a45;
  --ink-2: #233f62;
  --paper: #f3f6fa;
  --line: #d7e0ea;
  --line-dark: rgba(255,255,255,.22);
  --muted: #5d7088;
  --muted-2: #8796a8;
  --blue: #2563c7;
  --blue-2: #eaf1ff;
  --teal: #179c8d;
  --teal-2: #e5f6f3;
  --amber: #ff7b4d;
  --amber-2: #fff0e9;
  --shadow: 0 18px 48px rgba(25, 63, 105, .16);
  --shadow-soft: 0 8px 25px rgba(25, 63, 105, .1);
}

body { background: var(--paper); }
.brand-mark,
.mini-mark,
.footer-brand .brand-mark,
.admin-brand .brand-mark {
  background: linear-gradient(145deg, #2356a8, #2f76cf);
  box-shadow: 0 7px 18px rgba(29, 82, 157, .24);
}
.brand-copy strong,
.hero h1,
.mini-hero h1,
.trust-strip h2,
.section-heading h2,
.search-title h1,
.simple-page-head h1,
.catalog-head h2,
.api-callout h2,
.progress-visual h1,
.cover-main h1,
.api-hero h1,
.api-catalog-head h2,
.mini-notes h1 {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: -.025em;
}
.brand-copy small { color: #718398; font-size: 9px; letter-spacing: .12em; }

.hero {
  color: #fff;
  background:
    radial-gradient(circle at 82% 24%, rgba(91, 194, 230, .35), transparent 24rem),
    radial-gradient(circle at 64% 82%, rgba(46, 192, 164, .18), transparent 25rem),
    linear-gradient(132deg, #1e4f98 0%, #2869bd 56%, #277eae 100%);
}
.hero::before { background: radial-gradient(circle at 11% 20%, rgba(255,255,255,.08), transparent 20rem); }
.hero-grid {
  opacity: .3;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
}
.hero-grid::after { border-color: rgba(255,255,255,.2); box-shadow: 0 0 0 65px rgba(255,255,255,.025), 0 0 0 130px rgba(255,255,255,.018); }
.eyebrow, .hero h1 em { color: #90f0df; }
.eyebrow span { background: #90f0df; }
.hero-content > p { color: #dbe9f7; }
.search-meta { color: #c4d7eb; }
.search-meta button { color: #fff; }
.hero-evidence { border-color: rgba(255,255,255,.24); }
.hero-evidence > div + div { border-color: rgba(255,255,255,.24); }
.hero-evidence span { color: #8ee7d9; }
.hero-evidence small { color: #c4d7e9; }
.global-search { border-color: rgba(255,255,255,.32); box-shadow: 0 22px 48px rgba(11, 40, 78, .26); }
.global-search button,
.mini-hero form button,
.mini-checkout-bar button,
.light-button {
  background: linear-gradient(135deg, #ff875e, #ff7044);
  color: #fff;
}

.site-header,
.api-header { box-shadow: 0 3px 14px rgba(24,59,99,.06); }
.button.primary,
.inline-search button,
.report-actions .primary-small,
.ai-input button,
.mini-results article > div:last-child button,
.mini-ai-input button {
  background: linear-gradient(135deg, #2059b0, #2c70c9);
  box-shadow: 0 7px 18px rgba(32,89,176,.2);
}
.button.primary:hover { background: linear-gradient(135deg, #174b99, #2165ba); }
.module-card.selected { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue), var(--shadow-soft); }
.module-card.selected::before { border-top-color: var(--blue); }
.module-card.selected .module-card-footer button { color: var(--blue); border-color: #bdd1f2; background: var(--blue-2); }

.api-callout {
  color: #fff;
  background: linear-gradient(132deg, #1f559d, #2670b8);
  border: 0;
}
.api-callout p { color: #d1e1f0; }
.api-callout::before { border-color: rgba(255,255,255,.16); box-shadow: 0 0 0 55px rgba(255,255,255,.025), 0 0 0 110px rgba(255,255,255,.015); }
.site-footer {
  color: #fff;
  background: #1b3f68;
  border-top: 0;
}
.site-footer span, .site-footer p, .footer-brand .brand-copy small { color: #afc1d3; }

.progress-visual {
  color: #fff;
  background: linear-gradient(145deg, #205399, #2778b5);
}
.progress-visual > p, .progress-meta { color: #c8dbea; }
.orbit { border-color: rgba(255,255,255,.24); }
.orbit::before, .orbit::after { border-color: rgba(255,255,255,.18); }
.progress-visual .button.ghost { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); }

.report-cover {
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(80,191,225,.32), transparent 21rem),
    linear-gradient(145deg, #1d4e93, #286eb6 58%, #277b9f);
  border: 0;
}
.cover-top, .cover-foot { color: #bfd1e4; }
.cover-kicker { color: #91eadc; }
.cover-status, .cover-status > div + div { border-color: rgba(255,255,255,.22); }
.ai-message.user p, .mini-ai-bubble.user { background: linear-gradient(135deg, #245db1, #2b76bf); }

.api-hero {
  color: #fff;
  background:
    radial-gradient(circle at 78% 24%, rgba(91,194,230,.32), transparent 22rem),
    linear-gradient(132deg, #1e4f98, #2869bd 58%, #277eae);
}
.api-hero p { color: #d3e2f1; }
.kicker.light { color: #91eadc; }
.outline-light { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.34); }

.console-sidebar,
.admin-sidebar {
  color: #fff;
  background: linear-gradient(180deg, #1d4b82, #1b3e68);
  border-right: 0;
}
.console-app { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.13); }
.console-app span, .console-app small { color: #aac0d5; }
.console-sidebar nav button, .admin-sidebar nav button { color: #b3c5d6; }
.console-sidebar nav button.active, .admin-sidebar nav button.active { color: #fff; background: rgba(255,255,255,.13); box-shadow: none; }
.console-help { color: #90e6d9; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.16); }
.console-help strong { color: #fff; }
.console-help small { color: #adc1d4; }
.admin-brand, .admin-user { border-color: rgba(255,255,255,.15); }
.admin-brand .brand-copy strong { color: #fff; }
.admin-brand .brand-copy small, .admin-brand .brand-suffix, .admin-user small { color: #b2c4d5; border-color: rgba(255,255,255,.2); }
.admin-user > span { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.18); }

.phone-frame { border-color: #244b6f; }
.phone-frame::before { background: #244b6f; }
.mini-hero,
.mini-report-head {
  color: #fff;
  background: radial-gradient(circle at 85% 12%, rgba(90,195,226,.32), transparent 12rem), linear-gradient(145deg, #23579b, #2877b1);
}
.mini-report-head div span { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.18); }

.live-source {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  margin-top: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 9px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-source i { width: 7px; height: 7px; border-radius: 50%; }
.live-source.online { color: #087667; background: var(--teal-2); border: 1px solid #bce3dc; }
.live-source.online i { background: var(--teal); box-shadow: 0 0 0 4px rgba(23,156,141,.12); }
.live-source.fallback { color: #895a19; background: var(--amber-2); border: 1px solid #f2cfbd; }
.live-source.fallback i { background: var(--amber); }
.empty-results { padding: 70px 30px; color: var(--muted); background: #fff; border: 1px dashed var(--line); border-radius: 12px; text-align: center; }

/* To C lively theme: colorful, social, and energetic without losing trust. */
:root {
  --ink: #1f2544;
  --ink-2: #30385f;
  --paper: #f7f7fc;
  --line: #e4e5f0;
  --muted: #696f8d;
  --muted-2: #969bb2;
  --blue: #5b62f4;
  --blue-2: #eff0ff;
  --teal: #13ae98;
  --teal-2: #e5faf6;
  --amber: #ff7658;
  --amber-2: #fff0eb;
  --violet: #8b5cf6;
  --violet-2: #f3edff;
  --shadow: 0 24px 65px rgba(70, 56, 135, .16);
  --shadow-soft: 0 10px 32px rgba(70, 56, 135, .1);
  --radius: 22px;
  --radius-sm: 14px;
}

body {
  background:
    radial-gradient(circle at 4% 12%, rgba(100,105,246,.08), transparent 24rem),
    radial-gradient(circle at 98% 35%, rgba(255,118,88,.07), transparent 25rem),
    var(--paper);
}
.site-header,
.api-header {
  min-height: 72px;
  background: rgba(255,255,255,.88);
  border-bottom-color: rgba(109,103,164,.12);
  box-shadow: 0 6px 24px rgba(59,48,112,.06);
}
.site-header::before,
.api-header::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg,#5b62f4,#9b5cf6 48%,#ff6f91 76%,#ff9362);
}
.brand-mark,
.mini-mark,
.footer-brand .brand-mark,
.admin-brand .brand-mark {
  color: #fff;
  background: linear-gradient(145deg,#5b62f4 0%,#825cf3 58%,#ff6f91 130%);
  border-radius: 13px;
  box-shadow: 0 9px 24px rgba(91,98,244,.27);
}
.brand-copy strong { font-weight: 850; letter-spacing: .03em; }
.main-nav { gap: 38px; }
.main-nav a { font-weight: 750; }
.main-nav a::after { height: 3px; background: linear-gradient(90deg,var(--blue),#b45cf2,#ff6f91); border-radius: 3px 3px 0 0; }
.account-chip { border: 0; background: linear-gradient(135deg,#f0f1ff,#fff0f6); border-radius: 999px; color: #5459d3; }
.button { min-height: 44px; border-radius: 13px; }
.button.primary,
.inline-search button,
.report-actions .primary-small,
.ai-input button,
.mini-results article > div:last-child button,
.mini-ai-input button {
  color: #fff;
  background: linear-gradient(135deg,#5b62f4,#7d5cf3 64%,#a95de8);
  box-shadow: 0 10px 24px rgba(91,98,244,.22);
}
.button.primary:hover { background: linear-gradient(135deg,#4b53eb,#704ce9 64%,#9951da); box-shadow: 0 13px 28px rgba(91,98,244,.3); }
.text-button { color: #5c5ee0; }
.kicker { color: #735bf0; }

.hero {
  min-height: 760px;
  padding-top: 86px;
  padding-bottom: 48px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,160,191,.44), transparent 22rem),
    radial-gradient(circle at 18% 88%, rgba(46,225,208,.28), transparent 25rem),
    linear-gradient(130deg,#4d58e9 0%,#7256e9 45%,#a455da 72%,#d35caa 100%);
}
.hero::before {
  background:
    radial-gradient(circle at 10% 12%, rgba(255,255,255,.14), transparent 18rem),
    radial-gradient(circle at 92% 88%, rgba(255,181,112,.2), transparent 20rem);
}
.hero-grid {
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size: 72px 72px;
}
.hero-grid::after { border-color: rgba(255,255,255,.24); box-shadow: 0 0 0 65px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.022); }
.hero-main {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(330px,.7fr);
  gap: 64px;
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
}
.hero-content { max-width: none; }
.eyebrow { color: #c9fff5; font-weight: 850; }
.eyebrow span { background: #c9fff5; }
.hero h1 { margin-top: 22px; font-size: clamp(54px,6vw,82px); font-weight: 900; letter-spacing: -.055em; }
.hero h1 em { color: #fff3b0; text-shadow: 0 9px 30px rgba(38,26,108,.2); }
.hero-content > p { max-width: 670px; color: rgba(255,255,255,.84); font-size: 17px; }
.global-search {
  min-height: 72px;
  margin-top: 26px;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.46);
  border-radius: 18px;
  box-shadow: 0 25px 55px rgba(45,29,112,.28);
}
.global-search button,
.mini-hero form button,
.mini-checkout-bar button,
.light-button {
  color: #fff;
  background: linear-gradient(135deg,#ff875e,#ff657d);
  border-radius: 13px;
  box-shadow: 0 9px 22px rgba(255,101,125,.28);
}
.search-meta { gap: 8px; color: rgba(255,255,255,.7); }
.search-meta button { padding: 5px 9px; color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; }
.search-meta button:hover { background: rgba(255,255,255,.2); }

.hero-spotlight {
  position: relative;
  padding: 22px;
  color: var(--ink);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.66);
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(40,24,107,.28);
  backdrop-filter: blur(20px);
  animation: spotlight-float 5s ease-in-out infinite;
}
.hero-spotlight::before {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  right: -25px;
  top: -30px;
  background: linear-gradient(135deg,#fff49a,#ff8eb4);
  border-radius: 26px;
  transform: rotate(17deg);
  opacity: .78;
  filter: blur(.1px);
  z-index: -1;
}
@keyframes spotlight-float { 50% { transform: translateY(-8px) rotate(.35deg); } }
.spotlight-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.spotlight-head > span { display: flex; align-items: center; gap: 7px; color: #535bdc; font-size: 11px; font-weight: 800; }
.spotlight-head i { width: 7px; height: 7px; background: #1fc4a6; border-radius: 50%; box-shadow: 0 0 0 5px rgba(31,196,166,.12); }
.spotlight-head small { color: var(--muted); font-size: 9px; }
.spotlight-company { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 18px 0; }
.spotlight-logo { display: grid; place-items: center; width: 44px; height: 44px; color: #fff; background: linear-gradient(145deg,#5b62f4,#b35bd9); border-radius: 14px; font-size: 18px; font-weight: 900; }
.spotlight-company > div:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.spotlight-company strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.spotlight-company span { color: var(--muted); font-size: 9px; }
.spotlight-company b { padding: 4px 7px; color: #087c69; background: var(--teal-2); border-radius: 999px; font-size: 8px; }
.spotlight-score { display: flex; justify-content: space-between; align-items: center; padding: 17px; background: linear-gradient(135deg,#f0f1ff,#fff2f7); border-radius: 17px; }
.spotlight-score > div:first-child { display: grid; gap: 2px; }
.spotlight-score strong { font-size: 31px; letter-spacing: -.04em; }
.spotlight-score span { color: var(--muted); font-size: 9px; }
.score-ring { position: relative; display: grid; place-items: center; width: 55px; height: 55px; color: #fff; background: conic-gradient(#5b62f4 0 92%,#dde0f4 92%); border-radius: 50%; }
.score-ring::before { content: ""; grid-area: 1/1; width: 41px; height: 41px; background: #7260ed; border-radius: 50%; }
.score-ring span { position: relative; grid-area: 1/1; color: #fff; }
.spotlight-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin: 12px 0; }
.spotlight-metrics div { display: grid; gap: 2px; padding: 11px 7px; background: #f8f8fc; border-radius: 12px; text-align: center; }
.spotlight-metrics strong { font-size: 17px; }
.spotlight-metrics span { color: var(--muted); font-size: 8px; }
.spotlight-foot { display: flex; gap: 8px; align-items: start; padding: 11px; color: #6355c7; background: #f3efff; border-radius: 12px; font-size: 9px; line-height: 1.55; }

.hero-evidence {
  z-index: 2;
  gap: 10px;
  max-width: var(--max);
  margin: 56px auto 0;
  border: 0;
}
.hero-evidence > div {
  grid-template-columns: 42px 1fr;
  padding: 16px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 15px;
  backdrop-filter: blur(10px);
}
.hero-evidence > div + div { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.14); }
.hero-evidence span { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: rgba(255,255,255,.14); border-radius: 10px; }
.hero-evidence small { color: rgba(255,255,255,.7); }

.scene-section { padding-bottom: 46px; }
.scene-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.scene-card { position: relative; display: flex; flex-direction: column; min-height: 218px; padding: 22px; overflow: hidden; color: #fff; border: 0; border-radius: 21px; text-align: left; cursor: pointer; transition: .22s ease; box-shadow: 0 15px 36px rgba(65,49,124,.13); }
.scene-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -65px; top: -65px; background: rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.06); }
.scene-card:hover { transform: translateY(-6px) rotate(-.4deg); box-shadow: 0 22px 45px rgba(65,49,124,.22); }
.scene-card > span { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: auto; background: rgba(255,255,255,.17); border: 1px solid rgba(255,255,255,.16); border-radius: 14px; }
.scene-card small { margin: 19px 0 5px; color: rgba(255,255,255,.75); font-size: 10px; font-weight: 750; }
.scene-card strong { max-width: 210px; font-size: 18px; line-height: 1.35; }
.scene-card em { margin-top: 13px; color: rgba(255,255,255,.8); font-size: 9px; font-style: normal; }
.scene-partner { background: linear-gradient(145deg,#4e64ee,#7758e9); }
.scene-control { background: linear-gradient(145deg,#8755e7,#c655c9); }
.scene-risk { background: linear-gradient(145deg,#ff6f7b,#ff8f5b); }
.scene-report { background: linear-gradient(145deg,#00a99a,#28b8d0); }

.trust-strip {
  grid-template-columns: 390px 1fr;
  margin-top: 0;
  padding: 32px;
  background: linear-gradient(135deg,#fff 0%,#f4f2ff 58%,#fff4f1 100%);
  border: 1px solid rgba(106,91,211,.12);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
}
.market-chips span { border: 0; background: #fff; box-shadow: 0 5px 15px rgba(70,56,135,.08); }
.market-chips span:nth-child(-n+4) { color: #5559d7; background: #eef0ff; }
.process-section {
  background: linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,247,252,.9));
}
.process-grid { gap: 11px; border: 0; }
.process-card { border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.process-card:nth-child(2) .process-icon { color: #8c55db; background: #f4edff; }
.process-card:nth-child(3) .process-icon { color: #ff6d72; background: #fff0ee; }
.process-card:nth-child(4) .process-icon { color: #07a991; background: #e7faf6; }
.module-preview-grid { gap: 14px; }
.module-mini-card { min-height: 154px; border: 0; border-radius: 18px; box-shadow: var(--shadow-soft); }
.module-mini-card:nth-child(3n+1) { background: linear-gradient(145deg,#fff,#f1f2ff); }
.module-mini-card:nth-child(3n+2) { background: linear-gradient(145deg,#fff,#fff2f5); }
.module-mini-card:nth-child(3n+3) { background: linear-gradient(145deg,#fff,#eafaf7); }
.module-mini-card:hover { border-color: transparent; transform: translateY(-5px); box-shadow: var(--shadow); }
.api-callout {
  color: #fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,139,177,.4),transparent 17rem),
    linear-gradient(135deg,#4e57da,#7653dc 58%,#a14fca);
  border: 0;
  border-radius: 26px;
}
.api-callout p { color: rgba(255,255,255,.75); }
.site-footer { color: #fff; background: linear-gradient(135deg,#272148,#31235e); }
.site-footer span,.site-footer p,.footer-brand .brand-copy small { color: #bdb7db; }

.page-hero,
.simple-page-head,
.company-banner { background: linear-gradient(135deg,#fff,#f5f3ff 65%,#fff4f1); }
.company-result-card,
.module-card,
.checkout-card,
.order-summary,
.report-list-card,
.upload-zone,
.account-grid article,
.api-product-card,
.metric-grid article,
.usage-chart,
.quota-card,
.log-panel,
.admin-chart-card,
.coverage-card,
.admin-table-card { border-radius: 18px; }
.company-result-card:hover,.module-card:hover { border-color: rgba(91,98,244,.36); transform: translateY(-3px); box-shadow: var(--shadow-soft); }
.module-card.selected { border-color: #6a62ed; box-shadow: inset 0 0 0 1px #6a62ed,0 14px 32px rgba(91,98,244,.14); }
.module-card.selected::before { border-top-color: #6a62ed; }
.cart-sticky { border-radius: 20px; box-shadow: var(--shadow); }

.progress-visual {
  color: #fff;
  background: radial-gradient(circle at 75% 20%,rgba(255,133,176,.32),transparent 18rem),linear-gradient(145deg,#5059df,#7653dc 63%,#a451cb);
}
.report-cover {
  color: #fff;
  background: radial-gradient(circle at 82% 18%,rgba(255,130,180,.3),transparent 21rem),linear-gradient(145deg,#4d57db,#7252d9 58%,#a04fca);
}
.api-hero {
  color: #fff;
  background: radial-gradient(circle at 78% 24%,rgba(255,145,186,.34),transparent 22rem),linear-gradient(132deg,#4b58df,#7252dc 58%,#a34fcb);
}
.console-sidebar,.admin-sidebar { background: linear-gradient(180deg,#4a50c8,#3d327f 58%,#34285f); }
.mini-stage { background: radial-gradient(circle at 18% 18%,#efeaff,transparent 25rem),radial-gradient(circle at 82% 78%,#e6fff8,transparent 24rem),#f7f7fc; }
.mini-hero,.mini-report-head { color:#fff;background:radial-gradient(circle at 85% 12%,rgba(255,145,187,.3),transparent 12rem),linear-gradient(145deg,#525ce4,#8754dc); }
.mini-report-head h2 { margin: 5px 0 0; color: rgba(255,255,255,.86); font-size: 16px; font-weight: 650; }
.mini-hero h1 { font-weight: 900; letter-spacing: -.04em; }
.mini-bottom button.active { color: #675ee6; }
.phone-frame { border-color: #35315a; box-shadow: 0 36px 85px rgba(59,44,118,.28); }
.phone-frame::before { background: #35315a; }

.prototype-bar { border-color: rgba(107,92,211,.18); box-shadow: 0 18px 48px rgba(66,48,126,.2); }
.proto-tab:hover,.proto-tab.active { background: linear-gradient(135deg,#5b62f4,#9558e4 70%,#ff6f91); }

@media (max-width: 1050px) {
  .hero-main { grid-template-columns: 1fr; gap: 42px; }
  .hero-spotlight { max-width: 560px; }
  .scene-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 760px) {
  .hero { min-height: auto; padding: 72px 18px 34px; }
  .hero h1 { font-size: 46px; }
  .hero-main { gap: 30px; }
  .hero-spotlight { padding: 17px; }
  .hero-evidence { grid-template-columns: 1fr; margin-top: 30px; }
  .scene-grid { grid-template-columns: 1fr; }
  .scene-card { min-height: 190px; }
  .trust-strip { margin: 0 18px; padding: 25px 20px; }
  .search-meta { overflow-x: auto; flex-wrap: nowrap; }
  .search-meta > * { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-spotlight { animation: none; }
  .scene-card,.module-mini-card { transition: none; }
}

/* Persistent escape hatch from the developer area back to the To C product. */
.api-header-actions { justify-content: flex-end; }
.api-home-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  color: #5b57d8;
  background: #f0efff;
  border: 1px solid #dedbff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  transition: transform .18s ease, color .18s ease, background .18s ease;
}
.api-home-link span { font-size: 17px; line-height: 1; }
.api-home-link:hover { color: #fff; background: linear-gradient(135deg,#5b62f4,#9658e4); border-color: transparent; transform: translateX(-2px); }

@media (max-width: 1120px) {
  .api-header { grid-template-columns: minmax(230px,1fr) auto; }
  .api-header nav { display: none; }
}
@media (max-width: 760px) {
  .api-header { grid-template-columns: auto 1fr; gap: 10px; }
  .api-header .brand-copy small,
  .api-header .brand-suffix,
  .api-header .env-pill,
  .api-header .account-chip { display: none; }
  .api-home-link { justify-self: end; min-height: 36px; padding: 0 12px; }
}

/* Global / domestic query scope */
.search-scope {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  gap: 3px;
  margin: 3px;
  padding: 4px;
  background: #f1f0ff;
  border-radius: 11px;
}
.global-search .search-scope button,
.inline-search .search-scope button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 66px;
  padding: 0 11px;
  color: #746fa2;
  background: transparent;
  border: 0;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: none;
  cursor: pointer;
}
.global-search .search-scope button.active,
.inline-search .search-scope button.active {
  color: #fff;
  background: linear-gradient(135deg,#5b62f4,#9259df);
  box-shadow: 0 5px 13px rgba(91,98,244,.25);
}
.global-search { grid-template-columns: auto 1fr auto; }
.scope-inline { grid-template-columns: auto minmax(120px,1fr) auto; width: min(590px,48vw); }
.search-scope.compact { min-height: 36px; margin: 0; padding: 3px; }
.inline-search .search-scope.compact button { min-width: 47px; padding: 0 8px; font-size: 10px; }

@media (max-width: 760px) {
  .global-search { grid-template-columns: 1fr auto; }
  .global-search .search-scope { grid-column: 1 / -1; min-height: 42px; margin: 0 0 5px; }
  .global-search .search-scope button { flex: 1; min-height: 34px; }
  .global-search input { min-height: 48px; padding-left: 12px; }
  .scope-inline { grid-template-columns: 1fr auto; width: 100%; }
  .scope-inline .search-scope { grid-column: 1 / -1; min-height: 38px; margin-bottom: 4px; }
  .inline-search .search-scope.compact button { flex: 1; }
}

/* Language control */
.language-switch { display: inline-flex; align-items: center; gap: 2px; padding: 3px; background: #f1f0ff; border: 1px solid #e4e1ff; border-radius: 999px; }
.language-switch button { min-width: 30px; height: 28px; padding: 0 7px; color: #7b769b; background: transparent; border: 0; border-radius: 999px; font-size: 10px; font-weight: 850; cursor: pointer; }
.language-switch button.active { color: #fff; background: linear-gradient(135deg,#5b62f4,#9558e4); box-shadow: 0 4px 10px rgba(91,98,244,.24); }

/* Database source selector: two real providers, shown before query entry. */
.database-picker { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; max-width: 610px; margin: 27px 0 10px; }
.database-picker > button { position: relative; display: grid; grid-template-columns: 42px 1fr auto; gap: 11px; align-items: center; min-height: 67px; padding: 9px 12px; color: rgba(255,255,255,.76); background: rgba(28,24,89,.22); border: 1px solid rgba(255,255,255,.18); border-radius: 17px; text-align: left; cursor: pointer; backdrop-filter: blur(12px); transition: .2s ease; }
.database-picker > button:hover { transform: translateY(-2px); background: rgba(255,255,255,.16); }
.database-picker > button.active { color: #27234e; background: #fff; border-color: #fff; box-shadow: 0 14px 34px rgba(29,21,83,.25); }
.database-icon { display: grid; place-items: center; width: 41px; height: 41px; color: #fff; background: linear-gradient(145deg,#5b62f4,#9c58dc); border-radius: 13px; }
.database-picker > button:nth-child(2) .database-icon { background: linear-gradient(145deg,#ff6f79,#ff9b57); }
.database-icon > strong { font-size: 16px; }
.database-copy { display: grid; min-width: 0; }
.database-copy strong { font-size: 13px; }
.database-copy small { margin-top: 2px; color: inherit; opacity: .68; font-size: 9px; }
.database-picker > button > i { align-self: start; min-width: 30px; min-height: 18px; color: #6b5ee4; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .04em; text-align: right; }
.global-search { grid-template-columns: 1fr auto; max-width: 760px; }

.database-picker.compact { grid-template-columns: repeat(2,38px); width: 80px; margin: 0; gap: 4px; }
.database-picker.compact > button { display: grid; grid-template-columns: 1fr; place-items: center; min-width: 38px; min-height: 42px; padding: 5px; color: #6f698e; background: #f3f1ff; border-color: transparent; border-radius: 9px; }
.database-picker.compact > button.active { color: #fff; background: linear-gradient(135deg,#5b62f4,#9159df); box-shadow: none; }
.database-picker.compact .database-icon { width: 25px; height: 25px; background: rgba(91,98,244,.14); border-radius: 7px; }
.database-picker.compact > button.active .database-icon { background: rgba(255,255,255,.16); }
.database-picker.compact .database-copy,
.database-picker.compact > button > i { display: none; }
.scope-inline { grid-template-columns: auto minmax(320px,1fr) auto; width: min(820px,66vw); }
.scope-inline > input { min-width: 320px; font-size: 12px; }

/* Public market intelligence */
.intelligence-section { max-width: var(--max); margin: 25px auto 70px; padding: 38px; overflow: hidden; scroll-margin-top: 96px; color: #fff; background: radial-gradient(circle at 8% 10%,rgba(102,105,255,.34),transparent 23rem),radial-gradient(circle at 95% 85%,rgba(255,101,143,.22),transparent 24rem),#18172d; border-radius: 28px; box-shadow: 0 25px 65px rgba(32,28,74,.2); }
.intelligence-heading { align-items: end; margin-bottom: 25px; }
.intelligence-heading h2 { max-width: 720px; color: #fff; }
.intelligence-heading .kicker { color: #9da6ff; }
.feed-status { display: grid; grid-template-columns: auto auto; gap: 0 7px; align-items: center; padding: 9px 12px; color: #b8b3d1; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; font-size: 8px; }
.feed-status i { width: 7px; height: 7px; background: #35d3a7; border-radius: 50%; box-shadow: 0 0 0 4px rgba(53,211,167,.12); }
.feed-status span { color: #fff; font-weight: 800; letter-spacing: .05em; }
.feed-status small { grid-column: 2; color: #8f8aa8; }
.intelligence-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 14px; }
.insight-lane { padding: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 21px; backdrop-filter: blur(12px); }
.insight-lane > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 13px; }
.insight-lane > header > div { display: flex; align-items: center; gap: 10px; }
.insight-lane > header > span { color: #918da8; font-size: 9px; }
.lane-icon { display: grid; place-items: center; width: 40px; height: 40px; color: #fff; background: linear-gradient(145deg,#6a66f4,#a058d8); border-radius: 12px; }
.annual-lane .lane-icon { background: linear-gradient(145deg,#ff6f78,#ff9c56); }
.insight-lane header small { display: block; color: #9590ac; font-size: 8px; letter-spacing: .13em; }
.insight-lane header h3 { margin: 2px 0 0; color: #fff; font-size: 15px; }
.insight-list { display: grid; gap: 9px; }
.insight-card { display: block; padding: 16px; color: #282541; background: #fff; border: 1px solid transparent; border-radius: 16px; transition: transform .2s ease, box-shadow .2s ease; }
.insight-card:hover { transform: translateY(-3px); box-shadow: 0 15px 32px rgba(0,0,0,.18); }
.primary-insight:nth-child(2) { background: linear-gradient(145deg,#fff,#fff4ee); }
.annual-insight:nth-child(2) { background: linear-gradient(145deg,#fff,#f2f1ff); }
.annual-insight:nth-child(3) { background: linear-gradient(145deg,#fff,#edfaf7); }
.insight-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.insight-tag { padding: 4px 7px; color: #675ee2; background: #efefff; border-radius: 999px; font-size: 8px; font-weight: 800; }
.insight-card-top > strong { color: #5c57d5; font-size: 15px; }
.insight-company { display: block; margin-top: 13px; color: #8b86a0; font-size: 9px; font-weight: 750; }
.insight-card h3 { margin: 4px 0 7px; color: #282541; font-size: 14px; line-height: 1.4; }
.insight-card p { min-height: 36px; margin: 0; color: #706b83; font-size: 9px; line-height: 1.65; }
.insight-source { display: grid; grid-template-columns: 1fr auto auto; gap: 9px; align-items: center; margin-top: 12px; padding-top: 11px; border-top: 1px solid #eeeaf6; color: #8c879f; font-size: 8px; }
.insight-source span { display: flex; align-items: center; gap: 4px; min-width: 0; }
.insight-source b { color: #625bdc; font-size: 8px; }
.source-standard { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; margin-top: 14px; padding: 14px 16px; color: #b6b0ca; background: rgba(255,255,255,.06); border-radius: 14px; }
.source-standard > span { display: grid; place-items: center; width: 36px; height: 36px; color: #7de0c2; background: rgba(53,211,167,.1); border-radius: 10px; }
.source-standard strong { display: block; color: #fff; font-size: 10px; }
.source-standard small { display: block; margin-top: 3px; font-size: 8px; }
.source-standard button { color: #fff; background: transparent; border: 0; font-size: 9px; font-weight: 800; cursor: pointer; }

@media (max-width: 1050px) {
  .intelligence-grid { grid-template-columns: 1fr; }
  .database-picker { max-width: 760px; }
}
@media (max-width: 760px) {
  .header-actions .account-chip { display: none; }
  .language-switch { margin-left: auto; }
  .database-picker { grid-template-columns: 1fr; margin-top: 21px; }
  .database-picker > button { min-height: 59px; }
  .global-search { grid-template-columns: 1fr auto; }
  .global-search input { min-height: 48px; }
  .scope-inline { grid-template-columns: auto minmax(0,1fr) auto; width: 100%; }
  .scope-inline > input { min-width: 0; }
  .scope-inline .database-picker { width: 80px; grid-template-columns: repeat(2,38px); }
  .intelligence-section { margin: 18px 18px 55px; padding: 25px 17px; border-radius: 23px; }
  .intelligence-heading { display: block; }
  .feed-status { display: inline-grid; margin-top: 15px; }
  .insight-source { grid-template-columns: 1fr auto; }
  .insight-source b { display: none; }
  .source-standard { grid-template-columns: auto 1fr; }
  .source-standard button { display: none; }
}

/* Formal customer sign-in */
.login-entry { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 15px; color: #fff; background: linear-gradient(135deg,#5b62f4,#9958dc); border-radius: 999px; font-size: 11px; font-weight: 850; box-shadow: 0 8px 20px rgba(91,98,244,.23); }
.login-entry:hover { transform: translateY(-1px); box-shadow: 0 11px 24px rgba(91,98,244,.3); }
.login-entry.signed-in { color: #5d57d8; background: #f1f0ff; box-shadow: none; }
.login-page { display: grid; grid-template-columns: 1.05fr .75fr; min-height: calc(100vh - 75px); background: linear-gradient(135deg,#eef3ff 0%,#f8f5ff 46%,#fff3f1 100%); }
.login-promise { display: flex; flex-direction: column; justify-content: center; padding: 90px max(55px,calc((100vw - var(--max))/2)); background: radial-gradient(circle at 20% 20%,rgba(111,115,255,.18),transparent 28rem); }
.login-promise > a { display: inline-flex; align-items: center; gap: 6px; width: max-content; margin-bottom: 55px; color: #6d66d9; font-size: 10px; font-weight: 800; }
.login-promise > a svg { transform: rotate(180deg); }
.login-promise h1 { max-width: 650px; margin: 14px 0 18px; color: #25233f; font-size: clamp(32px,4vw,58px); line-height: 1.08; letter-spacing: -.045em; }
.login-promise > p { max-width: 570px; margin: 0; color: #77718d; font-size: 13px; line-height: 1.8; }
.login-promise > div { display: grid; gap: 12px; margin-top: 42px; }
.login-promise > div span { display: flex; align-items: center; gap: 10px; color: #4d4964; font-size: 10px; font-weight: 700; }
.login-promise > div svg { color: #6964df; }
.login-card { align-self: center; width: min(420px,calc(100% - 48px)); margin: 60px auto; padding: 31px; background: rgba(255,255,255,.9); border: 1px solid rgba(103,97,209,.12); border-radius: 25px; box-shadow: 0 25px 75px rgba(55,47,111,.15); backdrop-filter: blur(18px); }
.login-card > header { display: flex; align-items: center; gap: 12px; }
.login-logo { display: grid; place-items: center; width: 46px; height: 46px; color: #fff; background: linear-gradient(145deg,#5d64f3,#a35cdd); border-radius: 14px; font-size: 20px; font-weight: 900; }
.login-card h2 { margin: 0; color: #292642; font-size: 21px; }
.login-card header p { margin: 4px 0 0; color: #9690a7; font-size: 9px; }
.auth-return-notice { display: flex; gap: 10px; align-items: flex-start; margin: 20px 0 -8px; padding: 12px; color: #625cda; background: #f2f0ff; border: 1px solid #dfdcff; border-radius: 12px; }
.auth-return-notice > svg { flex: 0 0 auto; margin-top: 2px; }
.auth-return-notice > div { display: grid; gap: 3px; }
.auth-return-notice strong { color: #38344d; font-size: 10px; }
.auth-return-notice span { color: #5f59cb; font-size: 9px; font-weight: 750; }
.auth-return-notice small { color: #89839b; font-size: 8px; line-height: 1.45; }
.login-tabs { display: grid; grid-template-columns: repeat(2,1fr); gap: 4px; margin: 29px 0 23px; padding: 4px; background: #f3f1fa; border-radius: 12px; }

/* SQJ V4 official brand mark */
.brand-mark,
.footer-brand .brand-mark,
.admin-brand .brand-mark {
  width: 72px;
  height: 38px;
  padding: 0;
  background: #09171c;
  border-radius: 9px;
  box-shadow: 0 7px 18px rgba(9,23,28,.18);
}
.brand-mark img,
.mini-mark img,
.login-logo img,
.footer-app-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.compact-brand .brand-mark { width: 60px; height: 32px; }
.mini-mark {
  width: 48px;
  height: 27px;
  overflow: hidden;
  padding: 0;
  background: #09171c;
  border-radius: 7px;
}
.login-logo {
  width: 72px;
  height: 46px;
  overflow: hidden;
  padding: 0;
  background: #09171c;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(9,23,28,.18);
}
.footer-app-mark {
  width: 76px;
  height: 50px;
  overflow: hidden;
  padding: 0;
  background: #09171c !important;
  border-radius: 13px;
}
.footer-qr b,
.mock-qr span { letter-spacing: -.04em; }
.login-tabs button { min-height: 38px; color: #8a849c; background: transparent; border: 0; border-radius: 9px; font-size: 10px; font-weight: 850; cursor: pointer; }
.login-tabs button.active { color: #554fc9; background: #fff; box-shadow: 0 5px 14px rgba(53,45,110,.09); }
.phone-login { display: grid; gap: 17px; }
.phone-login label > span { display: block; margin-bottom: 7px; color: #625d74; font-size: 9px; font-weight: 750; }
.phone-login label > div { display: flex; align-items: center; min-height: 48px; overflow: hidden; background: #faf9fd; border: 1px solid #e7e4ee; border-radius: 12px; }
.phone-login label > div:focus-within { border-color: #7770eb; box-shadow: 0 0 0 3px rgba(119,112,235,.1); }
.phone-login b { padding: 0 12px; color: #696478; border-right: 1px solid #e6e3ed; font-size: 10px; }
.phone-login input { flex: 1; min-width: 0; height: 46px; padding: 0 13px; background: transparent; border: 0; outline: 0; font-size: 11px; }
.phone-login label button { margin-right: 7px; padding: 8px 10px; color: #625cda; background: #eeecff; border: 0; border-radius: 8px; font-size: 9px; font-weight: 800; cursor: pointer; }
.login-submit { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 49px; margin-top: 5px; color: #fff; background: linear-gradient(135deg,#5c63f4,#9c59dd); border: 0; border-radius: 12px; font-size: 11px; font-weight: 850; cursor: pointer; box-shadow: 0 12px 25px rgba(91,98,244,.23); }
.login-consent { display: block; margin-top: 20px; color: #a09aad; font-size: 8px; line-height: 1.6; text-align: center; }
.wechat-login { display: grid; justify-items: center; min-height: 275px; }
.mock-qr { position: relative; display: grid; grid-template-columns: repeat(9,10px); grid-auto-rows: 10px; gap: 2px; padding: 17px; background: #fff; border: 1px solid #e8e5ef; border-radius: 14px; box-shadow: 0 10px 27px rgba(44,36,95,.09); }
.mock-qr i { background: #fff; }
.mock-qr i.on { background: #2b2841; border-radius: 1px; }
.mock-qr > span { position: absolute; display: grid; place-items: center; inset: 50% auto auto 50%; width: 28px; height: 28px; color: #fff; background: #6a63e7; border: 3px solid #fff; border-radius: 8px; transform: translate(-50%,-50%); font-size: 11px; font-weight: 900; }
.wechat-login > strong { margin-top: 16px; color: #38344d; font-size: 11px; }
.wechat-login > p { margin: 6px 0 12px; color: #9993a8; font-size: 8px; }
.wechat-login > button { padding: 8px 12px; color: #615bd7; background: #efedff; border: 0; border-radius: 9px; font-size: 9px; font-weight: 800; cursor: pointer; }

@media (max-width: 700px) {
  .payment-methods, .invoice-choice, .invoice-form, .invoice-type-switch, .saved-profile-head, .account-invoice-card form { grid-template-columns: 1fr; }
  .invoice-form label.wide { grid-column: auto; }
  .saved-profile-head { align-items: stretch; }
  .account-dashboard .account-invoice-card .invoice-application { grid-template-columns: 1fr; padding: 10px; }
  .invoice-application-entry { align-items: stretch; flex-direction: column; }
  .invoice-application-entry button { justify-content: center; }
  .invoice-application > footer { align-items: stretch; flex-direction: column; }
  .invoice-application > footer > div { text-align: left; }
  .invoice-application-result { align-items: flex-start; flex-wrap: wrap; }
  .channel-hub, .channel-cards { grid-template-columns: 1fr; }
  .channel-hub { margin: 25px 14px 0; }
  .account-page-head { display: grid; padding: 38px 20px; }
  .account-identity { min-width: 0; }
  .account-dashboard,.account-summary-grid,.recharge-body,.account-dashboard .account-invoice-card form { grid-template-columns: 1fr; }
  .account-summary-grid,.account-dashboard .account-invoice-card { grid-column: auto; }
  .site-footer.download-footer { grid-template-columns: 1fr; }
}

/* 2026-08-16 refinement: only the API product follows Globalcheck's information architecture. */
.api-app { color:#26314f; background:#f5f7fb; font-size:15px; }
.api-header { min-height:76px; }
.api-header nav a,.api-home-link,.account-chip,.env-pill { font-size:14px; }
.api-legal { padding:24px; font-size:13px; }

/* Globalcheck-aligned API market, backed by the exact 33-interface catalog. */
.gc-api-market-shell { display:grid; grid-template-columns:278px minmax(0,1fr); max-width:1460px; min-height:calc(100vh - 148px); margin:0 auto; }
.gc-api-sidebar { position:relative; padding:34px 20px 110px; background:#fff; border-right:1px solid #e4e8f0; }
.gc-api-sidebar-title { display:flex; align-items:center; gap:12px; margin:0 7px 22px; padding-bottom:18px; border-bottom:1px solid #ebedf3; }
.gc-api-sidebar-title > span { display:grid; place-items:center; width:42px; height:42px; color:#fff; background:#3f51c6; border-radius:11px; box-shadow:0 8px 20px rgba(63,81,198,.25); }
.gc-api-sidebar-title div { display:grid; gap:3px; }
.gc-api-sidebar-title strong { color:#1f2b50; font-size:18px; }
.gc-api-sidebar-title small { color:#949caf; font-size:10px; font-weight:800; letter-spacing:.11em; }
.gc-api-layer { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; margin:4px 0; padding:0 12px; color:#5d6880; background:transparent; border:0; border-radius:9px; text-align:left; cursor:pointer; }
.gc-api-layer span { display:flex; align-items:center; gap:9px; font-size:14px; font-weight:700; line-height:1.35; }
.gc-api-layer b { min-width:26px; padding:3px 6px; color:#939bad; background:#f1f3f7; border-radius:999px; font-size:11px; text-align:center; }
.gc-api-layer:hover,.gc-api-layer.active { color:#3347bd; background:#eef1ff; }
.gc-api-layer.active span { font-weight:850; }
.gc-api-layer.active b { color:#fff; background:#5365d3; }
.gc-api-wallet { position:absolute; right:18px; bottom:25px; left:18px; display:grid; gap:7px; padding:17px; color:#fff; background:linear-gradient(135deg,#24396f,#465fc8); border-radius:14px; box-shadow:0 16px 32px rgba(32,50,111,.2); }
.gc-api-wallet small { color:rgba(255,255,255,.7); font-size:11px; }
.gc-api-wallet strong { font-size:25px; }
.gc-api-wallet span { color:rgba(255,255,255,.72); font-size:11px; }
.gc-api-wallet button { margin-top:4px; padding:9px; color:#3548b7; background:#fff; border:0; border-radius:8px; font-size:13px; font-weight:850; cursor:pointer; }
.gc-api-main { min-width:0; padding:36px 38px 70px; }
.gc-api-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }
.gc-api-toolbar > div > span { color:#5368d2; font-size:11px; font-weight:900; letter-spacing:.12em; }
.gc-api-toolbar h1 { margin:7px 0 8px; color:#1f2a4b; font-size:34px; letter-spacing:-.035em; }
.gc-api-toolbar p { max-width:650px; margin:0; color:#717c93; font-size:15px; line-height:1.65; }
.gc-api-search { display:flex; align-items:center; width:min(470px,45vw); padding:7px 8px 7px 13px; color:#8490a7; background:#fff; border:1px solid #dfe4ed; border-radius:10px; box-shadow:0 7px 22px rgba(33,47,91,.05); }
.gc-api-search input { min-width:0; flex:1; padding:5px 9px; color:#26324f; background:transparent; border:0; outline:0; font-size:14px; }
.gc-api-search button { padding:8px 12px; color:#fff; background:#4659ca; border:0; border-radius:7px; font-size:12px; font-weight:800; cursor:pointer; }
.gc-api-search button + button { margin-left:5px; color:#667085; background:#eef1f6; }
.gc-api-active-line { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:26px 0 12px; padding:15px 18px; background:#edf1ff; border:1px solid #dde4ff; border-radius:10px; }
.gc-api-active-line div { display:grid; gap:3px; }
.gc-api-active-line strong { color:#2f439f; font-size:15px; }
.gc-api-active-line span { color:#7280a7; font-size:12px; }
.gc-api-active-line em { color:#5365c7; font-size:12px; font-style:normal; font-weight:850; }
.gc-api-product-list { display:grid; gap:10px; }
.gc-api-row { display:grid; grid-template-columns:48px 1fr; gap:15px; padding:20px; background:#fff; border:1px solid #e0e5ee; border-radius:12px; box-shadow:0 6px 22px rgba(30,42,84,.045); transition:.2s ease; }
.gc-api-row:hover { border-color:#cbd4f5; box-shadow:0 14px 35px rgba(31,48,106,.09); transform:translateY(-1px); }
.gc-api-row-icon { display:grid; place-items:center; width:46px; height:46px; color:#485bcc; background:#edf0ff; border-radius:11px; }
.gc-api-row-main { min-width:0; }
.gc-api-row-top { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.gc-api-row-top > div { display:grid; gap:4px; }
.gc-api-row-top > div > span { color:#98a0b1; font-size:10px; font-weight:900; letter-spacing:.08em; }
.gc-api-row h2 { margin:0; color:#243052; font-size:18px; line-height:1.35; }
.gc-api-row-top > button { display:flex; align-items:center; gap:5px; flex:0 0 auto; padding:7px 10px; color:#4256c5; background:#f2f4ff; border:0; border-radius:7px; font-size:12px; font-weight:800; cursor:pointer; }
.gc-api-row-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:10px; color:#778198; font-size:12px; }
.gc-api-row-meta code { color:#4a5fc4; font-size:12px; }
.gc-api-row-meta strong { color:#df5b41; }
.gc-api-row-meta b { padding:2px 6px; border-radius:5px; font-size:10px; }
.method-get { color:#16836b; background:#e5f7f1; }
.method-post { color:#3f55bb; background:#eaf0ff; }
.gc-api-product-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.gc-api-product-tags span { padding:4px 8px; color:#5868ad; background:#f1f3fb; border-radius:5px; font-size:11px; }
.gc-api-row-main > p { margin:10px 0 12px; color:#657188; font-size:14px; line-height:1.65; }
.gc-api-endpoint { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:11px; border-top:1px dashed #e1e5ee; }
.gc-api-endpoint code { overflow:hidden; color:#4d5975; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.gc-api-buy { flex:0 0 auto; padding:8px 13px; color:#fff; background:#4256c9; border:0; border-radius:7px; font-size:12px; font-weight:850; cursor:pointer; }
.gc-api-pagination { display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-top:18px; }
.gc-api-pagination span { margin-right:auto; color:#7c869b; font-size:13px; }
.gc-api-pagination button { min-width:34px; height:34px; padding:0 10px; color:#5b667e; background:#fff; border:1px solid #dce1ea; border-radius:7px; font-size:12px; cursor:pointer; }
.gc-api-pagination button.active { color:#fff; background:#4659c9; border-color:#4659c9; }
.gc-api-pagination button:disabled { opacity:.42; cursor:not-allowed; }
.gc-api-source-note { display:flex; gap:12px; margin-top:18px; padding:16px 18px; color:#4257c3; background:#eef2ff; border:1px solid #dce4ff; border-radius:10px; }
.gc-api-source-note strong { font-size:13px; }
.gc-api-source-note p { margin:4px 0 0; color:#6c79a2; font-size:12px; line-height:1.55; }
.api-selected-contract { padding-bottom:4px !important; }
.api-selected-contract > div { display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center; padding:13px; color:#5f6980; background:#f4f6fb; border:1px solid #e1e6ef; border-radius:9px; font-size:12px; }
.api-selected-contract code { color:#4055bd; }
.api-selected-contract b { color:#dc5e44; }

/* Globalcheck-aligned API detail information architecture. */
.api-detail-hero-v3 { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:42px; width:100%; min-width:0; box-sizing:border-box; padding:52px max(34px,calc((100vw - 1240px)/2)); overflow:hidden; color:#fff; background:radial-gradient(circle at 82% 18%,rgba(117,143,255,.28),transparent 29%),linear-gradient(130deg,#1e2e64,#3349a5 60%,#475dc2); }
.api-detail-hero-v3 > div > a { color:#cdd6ff; font-size:13px; text-decoration:none; }
.api-detail-badges { display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 12px; }
.api-detail-badges span { padding:5px 9px; color:#e6ebff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:6px; font-size:11px; }
.api-detail-hero-v3 h1 { margin:0; font-size:40px; letter-spacing:-.035em; }
.api-detail-hero-v3 p { max-width:760px; margin:13px 0 23px; color:#dbe1fb; font-size:16px; line-height:1.75; }
.api-detail-hero-v3 dl { display:grid; grid-template-columns:.85fr .55fr 2fr; gap:1px; margin:0; overflow:hidden; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.13); border-radius:10px; }
.api-detail-hero-v3 dl div { min-width:0; padding:13px 15px; background:rgba(12,26,73,.23); }
.api-detail-hero-v3 dt { color:#aeb9e6; font-size:11px; }
.api-detail-hero-v3 dd { overflow-wrap:anywhere; margin:5px 0 0; color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; }
.api-detail-hero-v3 aside { align-self:center; display:grid; gap:9px; }
.api-detail-hero-v3 aside button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:43px; color:#e8ecff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); border-radius:8px; font-size:13px; font-weight:800; cursor:pointer; }
.api-detail-hero-v3 aside button.primary { color:#3348ad; background:#fff; border-color:#fff; }
.api-detail-layout-v3 { display:grid; grid-template-columns:210px minmax(0,1fr); gap:24px; width:100%; min-width:0; max-width:1240px; box-sizing:border-box; margin:0 auto; padding:32px 28px 72px; }
.api-detail-anchor { position:sticky; top:96px; align-self:start; display:grid; padding:13px; background:#fff; border:1px solid #e1e5ed; border-radius:11px; box-shadow:0 10px 30px rgba(31,44,90,.055); }
.api-detail-anchor > strong { padding:9px 10px 13px; color:#263251; font-size:14px; }
.api-detail-anchor button { display:flex; align-items:center; gap:9px; min-height:39px; padding:0 9px; color:#68738a; background:transparent; border:0; border-radius:7px; font-size:13px; text-align:left; cursor:pointer; }
.api-detail-anchor button:hover { color:#4054be; background:#f0f3ff; }
.api-detail-anchor button.active { color:#087b5d; background:#e8f7f1; box-shadow:inset 3px 0 #08a77f; font-weight:850; }
.api-detail-anchor button.active span { color:#08a77f; }
.api-detail-anchor button span { color:#9ca4b5; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.api-detail-content-v3 { display:grid; gap:18px; width:100%; min-width:0; max-width:100%; overflow:hidden; }
.api-doc-section-v3 { width:100%; min-width:0; max-width:100%; box-sizing:border-box; scroll-margin-top:96px; padding:26px; overflow:hidden; background:#fff; border:1px solid #e1e5ed; border-radius:13px; box-shadow:0 8px 28px rgba(29,43,87,.045); }
.api-doc-section-v3 > header { margin-bottom:20px; }
.api-doc-section-v3 > header > span { color:#5265c9; font-size:10px; font-weight:900; letter-spacing:.12em; }
.api-doc-section-v3 h2 { margin:5px 0 0; color:#24304f; font-size:25px; }
.api-doc-section-v3 > header small { display:block; margin-top:7px; color:#8891a3; font-size:12px; }
.api-value-grid-v3 { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.api-value-grid-v3 article { display:grid; grid-template-columns:auto 1fr; gap:4px 9px; padding:17px; background:#f8f9fc; border:1px solid #e7eaf1; border-radius:9px; }
.api-value-grid-v3 svg { grid-row:1/3; color:#4e62c9; }
.api-value-grid-v3 h3 { margin:0; color:#2d3856; font-size:14px; }
.api-value-grid-v3 p { margin:0; color:#6f798d; font-size:13px; line-height:1.6; }
.api-intro-panel-v3 { display:grid; grid-template-columns:1fr 220px; gap:20px; padding:20px; background:#f7f9fd; border-radius:10px; }
.api-intro-panel-v3 dl { display:grid; gap:13px; margin:0; }
.api-intro-panel-v3 dl div { display:grid; grid-template-columns:96px 1fr; gap:14px; }
.api-intro-panel-v3 dt { color:#8992a4; font-size:12px; }
.api-intro-panel-v3 dd { margin:0; color:#495570; font-size:13px; line-height:1.6; }
.api-intro-panel-v3 button,.api-detail-buy { align-self:center; min-height:44px; color:#fff; background:#4659c9; border:0; border-radius:8px; font-size:13px; font-weight:850; cursor:pointer; }
.api-doc-table-v3 { overflow-x:auto; border:1px solid #e1e5ec; border-radius:9px; }
.api-doc-table-v3 > div { display:grid; grid-template-columns:1.15fr .8fr .55fr .65fr 2fr; min-width:760px; min-height:48px; align-items:center; border-top:1px solid #e9ecf2; }
.api-doc-table-v3 > div:first-child { border-top:0; }
.api-doc-table-v3 > div > * { padding:10px 12px; color:#647087; font-size:13px; }
.api-doc-table-v3 .head { color:#7d879b; background:#f6f7fa; font-weight:850; }
.api-doc-table-v3 code { color:#4054b8; font-size:12px; }
.api-doc-table-v3.fields > div { grid-template-columns:1.2fr .8fr 2fr; }
.api-response-v3 { overflow:hidden; background:#111b36; border-radius:10px; }
.api-response-v3 > div { display:flex; align-items:center; justify-content:space-between; padding:12px 15px; color:#bdc7e8; background:#1a2747; font-size:11px; }
.api-response-v3 > div > span { display:flex; gap:5px; }
.api-response-v3 i { width:8px; height:8px; background:#ff6f66; border-radius:50%; }
.api-response-v3 i:nth-child(2) { background:#ffc456; }
.api-response-v3 i:nth-child(3) { background:#55d09a; }
.api-response-v3 pre,.api-code-examples-v3 pre { overflow:auto; margin:0; padding:20px; color:#d9e2ff; font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; }
.api-code-examples-v3 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.api-code-examples-v3 article { min-width:0; overflow:hidden; background:#111b36; border-radius:10px; }
.api-code-examples-v3 article > strong { display:block; padding:11px 14px; color:#c8d2f1; background:#1a2747; font-size:12px; }
.api-pricing-grid-v3 { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }
.api-pricing-grid-v3 article { padding:18px; background:#f7f8fc; border:1px solid #e4e8ef; border-radius:9px; }
.api-pricing-grid-v3 span { color:#818a9d; font-size:12px; }
.api-pricing-grid-v3 strong { display:block; margin-top:8px; color:#263354; font-size:22px; }
.api-pricing-grid-v3 p { margin:6px 0 0; color:#727d91; font-size:12px; line-height:1.55; }
.api-detail-buy { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; margin-top:13px; }
.api-related-grid-v3 { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.api-related-grid-v3 button { display:grid; gap:7px; padding:15px; color:#667188; background:#f8f9fc; border:1px solid #e3e7ee; border-radius:9px; text-align:left; cursor:pointer; }
.api-related-grid-v3 button:hover { border-color:#bac6ef; }
.api-related-grid-v3 span { color:#8992a4; font-size:10px; }
.api-related-grid-v3 strong { color:#2e3957; font-size:13px; }
.api-related-grid-v3 code { overflow:hidden; color:#5264bb; font-size:11px; text-overflow:ellipsis; }
.api-related-grid-v3 small { display:flex; align-items:center; justify-content:space-between; color:#d95d46; font-size:11px; }

/* Original Shangqingju home refinement — not copied from Globalcheck. */
.hero { background:radial-gradient(circle at 87% 18%,rgba(93,165,255,.24),transparent 29%),radial-gradient(circle at 8% 65%,rgba(50,200,190,.16),transparent 31%),linear-gradient(125deg,#172754,#233d84 54%,#315fae); }
.hero .hero-grid { opacity:.32; }
.hero-content h1 { letter-spacing:-.055em; text-shadow:0 12px 38px rgba(4,13,43,.23); }
.hero-content h1 em { color:#9ee8d5; }
.global-search { box-shadow:0 18px 45px rgba(6,18,54,.23); }
.global-search button { background:linear-gradient(125deg,#2c62bd,#425cd0); }
.hero-spotlight { border-color:rgba(255,255,255,.35); box-shadow:0 28px 75px rgba(6,18,54,.26); backdrop-filter:blur(20px); }
.home-section .section-heading h2 { letter-spacing:-.035em; }
.scene-card,.process-card,.module-mini { transition:.22s ease; }
.scene-card:hover,.process-card:hover,.module-mini:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(27,46,101,.12); }
.entity-intelligence { padding-top:10px; }
.entity-intelligence > header { display:flex; align-items:flex-end; justify-content:space-between; gap:34px; margin-bottom:20px; }
.entity-intelligence > header h2 { max-width:690px; margin:8px 0 0; color:#1f2b4e; font-size:34px; letter-spacing:-.04em; }
.entity-intelligence > header p { max-width:500px; margin:0; color:#737e93; font-size:14px; line-height:1.7; }
.entity-network-board { display:grid; grid-template-columns:245px minmax(0,1fr) 310px; min-height:420px; overflow:hidden; color:#fff; background:radial-gradient(circle at 82% 48%,rgba(77,119,220,.34),transparent 30%),linear-gradient(135deg,#172444,#1f356b 58%,#294a8c); border-radius:22px; box-shadow:0 25px 65px rgba(22,42,91,.2); }
.entity-network-board > aside { padding:28px; background:rgba(6,17,45,.24); border-right:1px solid rgba(255,255,255,.1); }
.entity-network-board > aside > span,.orbit-label { color:#7fe0d2; font-size:10px; font-weight:900; letter-spacing:.13em; }
.entity-network-board > aside > strong { display:block; margin-top:9px; font-size:23px; }
.entity-network-board > aside > p { color:#b6c3df; font-size:13px; line-height:1.65; }
.entity-network-board dl { display:grid; gap:1px; margin:24px 0 0; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:10px; }
.entity-network-board dl div { padding:13px; background:rgba(255,255,255,.055); }
.entity-network-board dt { color:#8fa4d2; font-size:10px; }
.entity-network-board dd { margin:4px 0 0; color:#e9edfa; font-size:12px; }
.entity-stream { padding:27px; }
.entity-stream > header { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:15px; }
.entity-stream > header > div { display:grid; gap:7px; }
.entity-stream > header strong { font-size:14px; }
.entity-stream > header span { display:flex; align-items:center; gap:5px; color:#86d9c5; font-size:10px; }
.entity-stream > header span i { width:6px; height:6px; background:#54d5a8; border-radius:50%; box-shadow:0 0 0 5px rgba(84,213,168,.12); }
.entity-stream > header small { color:#91a1c5; font-size:10px; }
.entity-stream > button { display:grid; grid-template-columns:34px minmax(0,1fr) auto 42px 18px; gap:10px; align-items:center; width:100%; min-height:68px; padding:10px 12px; color:#fff; background:rgba(255,255,255,.055); border:0; border-top:1px solid rgba(255,255,255,.09); text-align:left; cursor:pointer; }
.entity-stream > button:hover { background:rgba(255,255,255,.1); }
.entity-index { color:#8296c3; font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.entity-stream button > div { display:grid; gap:5px; min-width:0; }
.entity-stream button strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.entity-stream button small { color:#9fafd0; font-size:10px; }
.entity-stream button em { padding:4px 7px; color:#bbcae7; background:rgba(255,255,255,.08); border-radius:5px; font-size:9px; font-style:normal; }
.entity-stream button b { color:#72dfc7; font-size:13px; }
.entity-stream button svg { color:#91a3ca; }
.entity-orbit { position:relative; display:grid; place-items:center; min-height:420px; overflow:hidden; background:rgba(8,19,51,.15); border-left:1px solid rgba(255,255,255,.1); }
.orbit-label { position:absolute; top:26px; left:24px; }
.orbit-core { position:relative; z-index:3; display:grid; place-items:center; width:120px; height:120px; background:linear-gradient(145deg,#335bb3,#4773d5); border:1px solid rgba(255,255,255,.3); border-radius:50%; box-shadow:0 0 0 12px rgba(80,118,218,.12),0 18px 38px rgba(5,15,48,.25); }
.orbit-core i { display:grid; place-items:center; color:#93ead8; }
.orbit-core strong { margin-top:3px; font-size:14px; }
.orbit-core small { color:#aebcdd; font-size:9px; letter-spacing:.12em; }
.orbit-ring { position:absolute; width:220px; height:220px; border:1px solid rgba(147,176,235,.24); border-radius:50%; }
.orbit-ring.ring-two { width:300px; height:300px; border-style:dashed; opacity:.55; }
.orbit-node { position:absolute; z-index:2; display:grid; place-items:center; gap:4px; width:62px; height:62px; color:#cfe0ff; background:#233e7a; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 10px 24px rgba(3,12,42,.2); }
.orbit-node b { font-size:9px; }
.node-one { top:75px; left:34px; }.node-two { top:84px; right:30px; }.node-three { bottom:77px; left:38px; }.node-four { right:32px; bottom:70px; }
.entity-orbit > p { position:absolute; right:25px; bottom:20px; left:25px; margin:0; color:#92a4c9; font-size:10px; line-height:1.5; text-align:center; }

/* Completed operations backend screens. */
.ops-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:14px; margin-top:15px; }
.ops-card,.ops-table-card,.ops-filter,.ops-task-board { background:#fff; border:1px solid var(--business-line); border-radius:14px; }
.ops-card { padding:19px; }
.ops-card > header,.ops-table-card > header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ops-card > header > div,.ops-table-card > header > div { display:grid; gap:4px; }
.ops-card header strong,.ops-table-card header strong { color:#2b3653; font-size:14px; }
.ops-card header span,.ops-table-card header span { color:#8c95a7; font-size:11px; }
.ops-card button,.ops-table-card button,.ops-filter button { padding:7px 10px; color:#5060b7; background:#f0f2ff; border:0; border-radius:7px; font-size:11px; cursor:pointer; }
.coverage-command > div { display:grid; grid-template-columns:1fr auto 1fr; gap:13px; align-items:center; margin-top:18px; }
.coverage-command > div article { display:flex; align-items:center; gap:11px; padding:16px; background:#f6f8fc; border-radius:10px; }
.coverage-command article > span { display:grid; place-items:center; width:38px; height:38px; color:#fff; background:#4b5fc9; border-radius:9px; font-weight:900; }
.coverage-command article > div { display:grid; gap:3px; flex:1; }
.coverage-command article strong { color:#303b59; font-size:12px; }
.coverage-command article small { color:#9098a8; font-size:9px; }
.coverage-command article b { color:#5263be; font-size:10px; }
.coverage-command > div > i { color:#8c96aa; font-size:9px; font-style:normal; }
.coverage-rules > div { display:grid; grid-template-columns:1fr auto; gap:5px 12px; margin-top:14px; color:#646f84; font-size:11px; }
.coverage-rules > div > i { grid-column:1/-1; height:6px; overflow:hidden; background:#edf0f5; border-radius:999px; }
.coverage-rules > div > i em { display:block; height:100%; background:#5265ce; border-radius:999px; }
.product-map { margin-top:15px; }
.product-map > div { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:17px; }
.product-map > div span { display:grid; gap:5px; place-items:center; min-width:112px; padding:14px 11px; color:#53607b; background:#f6f8fc; border-radius:9px; font-size:10px; }
.product-map span b { color:#5365c5; font-size:9px; }
.product-map > div > i { color:#a0a8b8; font-style:normal; }
.active-version h2 { margin:21px 0 8px; color:#2a3553; font-size:21px; }
.active-version p { color:#717b8f; font-size:11px; line-height:1.65; }
.active-version header em { padding:4px 7px; color:#228367; background:#e6f7f1; border-radius:6px; font-size:9px; font-style:normal; }
.active-version > div { display:flex; gap:8px; margin-top:16px; }
.point-packages > div { display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center; padding:12px 0; border-top:1px solid #edf0f4; font-size:11px; }
.point-packages > div:first-of-type { margin-top:12px; }
.point-packages > div strong { color:#33405f; }
.ops-table-card { overflow:hidden; margin-top:15px; }
.ops-table-card > header { padding:17px 19px; border-bottom:1px solid #e8ebf1; }
.ops-table-card > header > div:last-child { display:flex; gap:7px; }
.ops-table { overflow:auto; }
.ops-table > div { display:grid; grid-template-columns:1.25fr 1fr .85fr .8fr .75fr .5fr; gap:12px; align-items:center; min-width:850px; min-height:57px; padding:8px 18px; color:#626d83; border-top:1px solid #edf0f4; font-size:11px; }
.ops-table > div:first-child { border-top:0; }
.ops-table > div.head { min-height:43px; color:#8d95a6; background:#f7f8fb; font-size:10px; font-weight:850; }
.ops-table > div > span:first-child { display:grid; gap:3px; }
.ops-table > div > span:first-child b { color:#2d3957; font-size:11px; }
.ops-table > div > span small { display:block; margin-top:3px; color:#9aa1b0; font-size:8px; }
.ops-table em { width:max-content; padding:4px 7px; border-radius:6px; font-size:9px; font-style:normal; font-weight:800; }
.ops-table em.ok { color:#26836b; background:#e7f7f1; }.ops-table em.warn { color:#a96d17; background:#fff4da; }.ops-table em.danger { color:#b14a4a; background:#fdeaea; }.ops-table em.info { color:#4762b8; background:#eaf0ff; }.ops-table em.muted { color:#818a9b; background:#eff1f4; }
.ops-filter { display:flex; align-items:center; gap:7px; margin-top:15px; padding:11px; }
.ops-filter label { display:flex; align-items:center; gap:7px; min-width:270px; flex:1; padding:8px 10px; color:#8a93a6; background:#f7f8fb; border-radius:8px; }
.ops-filter input { width:100%; border:0; outline:0; background:transparent; font-size:11px; }
.ops-filter button.active { color:#fff; background:#4d60c9; }
.ops-task-board { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; margin-top:15px; }
.ops-task-board article { display:grid; gap:5px; padding:18px; background:#fff; }
.ops-task-board span { color:#6575bc; font-size:9px; font-weight:900; }
.ops-task-board strong { color:#293552; font-size:24px; }
.ops-task-board small { color:#8d95a5; font-size:9px; }
.task-progress { display:block; width:90px; height:5px; margin-top:6px; overflow:hidden; background:#e9ecf2; border-radius:999px; }
.task-progress b { display:block; height:100%; background:#5265cc; border-radius:999px; }

@media (max-width: 1100px) {
  .gc-api-market-shell { grid-template-columns:230px minmax(0,1fr); }
  .gc-api-main { padding:30px 22px 60px; }
  .gc-api-toolbar { align-items:flex-start; flex-direction:column; }
  .gc-api-search { width:100%; }
  .entity-network-board { grid-template-columns:220px 1fr; }
  .entity-orbit { display:none; }
}
@media (max-width: 800px) {
  .gc-api-market-shell { display:block; }
  .gc-api-sidebar { padding:18px; border-right:0; border-bottom:1px solid #e1e5ed; }
  .gc-api-sidebar-title { margin-bottom:10px; }
  .gc-api-layer { display:inline-flex; width:auto; min-height:40px; margin:3px; }
  .gc-api-wallet { position:static; margin-top:12px; }
  .gc-api-main { padding:25px 14px 60px; }
  .gc-api-toolbar h1 { font-size:28px; }
  .gc-api-row { grid-template-columns:1fr; }
  .gc-api-row-icon { display:none; }
  .gc-api-row-meta { gap:7px 12px; }
  .gc-api-endpoint { align-items:flex-start; flex-direction:column; }
  .gc-api-pagination { flex-wrap:wrap; justify-content:flex-start; }
  .gc-api-pagination span { width:100%; }
  .api-detail-hero-v3 { grid-template-columns:1fr; padding:38px 18px; }
  .api-detail-hero-v3 h1 { font-size:31px; }
  .api-detail-hero-v3 dl { grid-template-columns:1fr; }
  .api-detail-hero-v3 aside { grid-template-columns:repeat(2,1fr); }
  .api-detail-layout-v3 { grid-template-columns:1fr; padding:20px 13px 60px; }
  .api-detail-anchor { position:static; grid-template-columns:repeat(2,1fr); }
  .api-detail-anchor > strong { grid-column:1/-1; }
  .api-value-grid-v3,.api-code-examples-v3,.api-pricing-grid-v3,.api-related-grid-v3 { grid-template-columns:1fr; }
  .api-intro-panel-v3 { grid-template-columns:1fr; }
  .entity-intelligence > header { align-items:flex-start; flex-direction:column; }
  .entity-intelligence > header h2 { font-size:28px; }
  .entity-network-board { display:block; }
  .entity-network-board > aside { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .entity-stream { padding:18px; }
  .entity-stream > header { align-items:flex-start; flex-direction:column; }
  .entity-stream > button { grid-template-columns:28px minmax(0,1fr) 40px 16px; }
  .entity-stream button em { display:none; }
  .ops-layout,.ops-task-board { grid-template-columns:1fr; }
  .product-map > div { align-items:stretch; flex-direction:column; }
  .product-map > div > i { align-self:center; transform:rotate(90deg); }
  .ops-filter { align-items:stretch; flex-wrap:wrap; }
  .ops-filter label { min-width:100%; }
}

/* Standalone editorial product */
.insights-page { min-height: 100vh; padding-bottom: 80px; background: #f7f8fc; }
.insights-masthead { display: grid; grid-template-columns: 1fr 330px; gap: 55px; align-items: center; padding: 72px max(30px,calc((100vw - var(--max))/2)); color: #fff; background: radial-gradient(circle at 82% 20%,rgba(255,112,135,.32),transparent 22rem),radial-gradient(circle at 12% 80%,rgba(94,135,255,.35),transparent 28rem),#1d1b38; }
.insights-masthead .kicker { color: #a8a4ff; }
.insights-masthead h1 { margin: 13px 0 14px; font-size: clamp(42px,6vw,72px); letter-spacing: -.05em; }
.insights-masthead > div > p { max-width: 720px; margin: 0; color: #c3bed3; font-size: 13px; line-height: 1.8; }
.insights-masthead > aside { padding: 22px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; backdrop-filter: blur(14px); }
.insights-masthead aside > span { display: flex; align-items: center; gap: 8px; color: #9edfd0; font-size: 9px; font-weight: 850; }
.insights-masthead aside > span i { width: 7px; height: 7px; background: #47d2ad; border-radius: 50%; box-shadow: 0 0 0 5px rgba(71,210,173,.13); }
.insights-masthead aside > strong { display: block; margin-top: 11px; font-size: 16px; }
.insights-masthead aside > div { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 7px; align-items: end; margin: 22px 0 13px; }
.insights-masthead aside b { color: #fff; font-size: 25px; }
.insights-masthead aside small,.insights-masthead aside time { color: #9e98b2; font-size: 8px; }
.insight-toolbar { display: flex; align-items: center; justify-content: space-between; max-width: var(--max); margin: 28px auto 0; padding: 0 24px; }
.insight-toolbar > div { display: flex; gap: 5px; padding: 4px; background: #ecebf5; border-radius: 12px; }
.insight-toolbar button { padding: 10px 17px; color: #777188; background: transparent; border: 0; border-radius: 9px; font-size: 10px; font-weight: 850; cursor: pointer; }
.insight-toolbar button.active { color: #fff; background: linear-gradient(135deg,#5e64ec,#965bd7); box-shadow: 0 7px 17px rgba(94,100,236,.22); }
.insight-pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 26px 0 4px; }
.insight-pagination button { display: inline-flex; align-items: center; gap: 6px; min-height: 35px; padding: 0 13px; color: #5f59cc; background: white; border: 1px solid #dedbea; border-radius: 9px; font-size: 9px; font-weight: 800; cursor: pointer; }
.insight-pagination button:first-child svg { transform: rotate(180deg); }
.insight-pagination button:disabled { color: #aaa5b6; background: #f3f2f6; cursor: not-allowed; }
.insight-pagination span { color: #777188; font-size: 9px; }
.insight-toolbar button b { display: inline-grid; place-items: center; min-width: 17px; height: 17px; margin-left: 6px; padding: 0 4px; color: #817b90; background: rgba(255,255,255,.62); border-radius: 999px; font-size: 7px; }
.insight-toolbar button.active b { color: #5d57cd; background: #fff; }
.insight-toolbar > span { display: flex; align-items: center; gap: 6px; color: #918b9f; font-size: 9px; }
.editorial-feed { max-width: var(--max); margin: 0 auto; padding: 0 24px; }
.editorial-lane { margin-top: 42px; }
.editorial-lane > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px; }
.editorial-lane > header > div { display: flex; align-items: center; gap: 11px; }
.editorial-lane .lane-icon { color: #fff; background: linear-gradient(145deg,#625ff0,#a45dd6); }
.editorial-lane:nth-child(2) .lane-icon { background: linear-gradient(145deg,#fb707a,#f4a054); }
.editorial-lane header small { color: #908aa1; font-size: 8px; letter-spacing: .14em; }
.editorial-lane header h2 { margin: 2px 0 0; color: #27243d; font-size: 22px; }
.editorial-lane header > span { color: #9892a5; font-size: 9px; }
.editorial-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.editorial-card { overflow: hidden; background: #fff; border: 1px solid #e8e5ef; border-radius: 19px; box-shadow: 0 9px 25px rgba(43,36,82,.05); transition: transform .2s ease,box-shadow .2s ease; }
.editorial-card:hover { transform: translateY(-3px); box-shadow: 0 17px 38px rgba(43,36,82,.1); }
.editorial-card > a { display: grid; grid-template-columns: 132px 1fr; height: 100%; color: inherit; }
.editorial-card.featured { grid-column: 1 / -1; }
.editorial-card.featured > a { grid-template-columns: minmax(220px,.55fr) 1.45fr; }
.story-visual { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 205px; padding: 18px; overflow: hidden; color: #fff; background: radial-gradient(circle at 75% 20%,rgba(255,255,255,.3),transparent 8rem),linear-gradient(145deg,#595fdc,#8e55c8); }
.secondary-story .story-visual { background: radial-gradient(circle at 75% 20%,rgba(255,255,255,.24),transparent 8rem),linear-gradient(145deg,#ea6a74,#e99955); }
.market-story .story-visual { background: radial-gradient(circle at 75% 20%,rgba(255,255,255,.25),transparent 8rem),linear-gradient(145deg,#149a9b,#4f72db); }
.story-visual::after { content: ""; position: absolute; width: 105px; height: 105px; right: -38px; top: 42px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.04); }
.story-visual > span { position: relative; z-index: 1; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.story-visual > i { position: absolute; z-index: 1; right: 18px; top: 50%; opacity: .7; transform: translateY(-50%); }
.story-visual > em { position: relative; z-index: 1; align-self: flex-start; padding: 5px 7px; color: #fff; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; font-size: 7px; font-style: normal; font-weight: 850; letter-spacing: .05em; }
.story-copy { display: flex; flex-direction: column; padding: 21px; }
.story-meta { display: flex; gap: 9px; align-items: center; color: #9791a4; font-size: 8px; }
.story-meta span { color: #665fda; font-weight: 850; }
.story-copy h3 { margin: 6px 0 9px; color: #292641; font-size: 16px; line-height: 1.45; }
.featured .story-copy h3 { max-width: 780px; font-size: 24px; }
.story-copy p { margin: 0; color: #777183; font-size: 10px; line-height: 1.75; }
.signal-source { display: block; margin-top: 12px; color: #918ba1; font-size: 8px; font-weight: 750; }
.story-byline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 18px; color: #9891a4; font-size: 8px; }
.story-byline span { display: flex; align-items: center; gap: 5px; }
.story-byline b { display: flex; align-items: center; gap: 5px; color: #625bd5; }
.free-reading-note { color: #258d72 !important; font-weight: 800; }
.editorial-standard { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; max-width: calc(var(--max) - 48px); margin: 42px auto 0; padding: 18px; color: #787183; background: #fff; border: 1px solid #e7e4ed; border-radius: 16px; }
.editorial-standard > span { display: grid; place-items: center; width: 41px; height: 41px; color: #625cdd; background: #efedff; border-radius: 12px; }
.editorial-standard strong { display: block; color: #353147; font-size: 10px; }
.editorial-standard small { display: block; margin-top: 4px; font-size: 8px; }
.editorial-standard button { color: #625cd7; background: transparent; border: 0; font-size: 9px; font-weight: 850; cursor: pointer; }
.source-network { max-width: var(--max); margin: 44px auto 0; padding: 0 24px; }
.source-network > header { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 15px; }
.source-network h2 { margin: 4px 0 0; color: #292640; font-size: 22px; }
.source-network header p { max-width: 560px; margin: 0; color: #8c8697; font-size: 9px; line-height: 1.7; text-align: right; }
.source-network > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.source-network > div > a { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 15px; color: inherit; background: #fff; border: 1px solid #e8e5ef; border-radius: 14px; transition: .2s ease; }
.source-network > div > a:hover { transform: translateY(-2px); border-color: #c9c4f7; box-shadow: 0 9px 22px rgba(64,55,111,.07); }
.source-network a > span { display: grid; place-items: center; width: 35px; height: 35px; color: #fff; background: linear-gradient(145deg,#6363ea,#9c5ed2); border-radius: 10px; font-size: 12px; font-weight: 900; }
.source-network a > div { display: grid; gap: 3px; }
.source-network a strong { color: #373247; font-size: 10px; }
.source-network a small { overflow: hidden; color: #9891a1; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.source-network a > i { color: #39aa88; font-size: 7px; font-style: normal; font-weight: 850; }

/* Original analysis article */
.article-page { min-height: 100vh; padding-bottom: 90px; background: #fbfbfd; }
.article-hero { padding: 55px max(30px,calc((100vw - 980px)/2)) 48px; color: #fff; background: radial-gradient(circle at 80% 20%,rgba(248,116,142,.24),transparent 25rem),#211f3c; }
.article-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 38px; color: #aaa5c2; font-size: 9px; font-weight: 800; }
.article-back svg { transform: rotate(180deg); }
.article-channel { display: flex; align-items: center; gap: 10px; }
.article-channel span { padding: 6px 9px; color: #d4d1ff; background: rgba(116,112,245,.2); border: 1px solid rgba(153,149,255,.2); border-radius: 999px; font-size: 8px; font-weight: 900; }
.article-channel small { color: #918ca6; font-size: 8px; }
.article-hero h1 { max-width: 940px; margin: 17px 0 15px; font-size: clamp(33px,5vw,55px); line-height: 1.16; letter-spacing: -.045em; }
.article-hero > p { max-width: 850px; color: #c4bfd2; font-size: 13px; line-height: 1.8; }
.article-byline { display: flex; align-items: center; gap: 10px; margin-top: 29px; }
.agent-avatar { display: grid; place-items: center; width: 39px; height: 39px; color: #fff; background: linear-gradient(145deg,#6664ef,#a45bd4); border-radius: 12px; font-size: 9px; font-weight: 900; }
.article-byline > div { display: grid; gap: 3px; }
.article-byline strong { font-size: 9px; }
.article-byline small { color: #918ba3; font-size: 8px; }
.article-byline > b { margin-left: auto; padding: 6px 9px; color: #80ddc2; background: rgba(65,206,166,.12); border-radius: 999px; font-size: 8px; }
.article-layout { display: grid; grid-template-columns: minmax(0,680px) 260px; gap: 55px; max-width: 1030px; margin: 0 auto; padding: 55px 25px; }
.article-body { color: #4b4758; }
.article-body > section:not(.article-thesis):not(.article-boundary) { margin-top: 40px; }
.article-body h2 { margin: 0 0 14px; color: #29263d; font-size: 22px; }
.article-body p { margin: 0; font-size: 12px; line-height: 2; }
.article-thesis { padding: 24px; background: linear-gradient(145deg,#f0efff,#fff5f2); border-left: 4px solid #6963e8; border-radius: 5px 16px 16px 5px; }
.article-thesis span { color: #655fda; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.article-thesis p { margin-top: 8px; color: #3b374e; font-size: 15px; font-weight: 750; line-height: 1.75; }
.article-boundary { margin-top: 46px; padding-top: 21px; border-top: 1px solid #e6e3eb; color: #8b8594; }
.article-boundary strong { color: #5e596a; font-size: 9px; }
.article-boundary p { margin-top: 7px; font-size: 9px; line-height: 1.8; }
.article-aside { display: grid; align-content: start; gap: 14px; position: sticky; top: 95px; }
.article-aside section { padding: 20px; background: #fff; border: 1px solid #e8e5ee; border-radius: 17px; }
.article-aside h3 { margin: 5px 0 13px; color: #302c43; font-size: 13px; }
.article-aside ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.article-aside li { display: flex; gap: 8px; color: #6e6879; font-size: 9px; line-height: 1.6; }
.article-aside li svg { flex: none; color: #44b993; }
.source-reference p { margin: 0 0 7px; color: #4a4559; font-size: 10px; font-weight: 800; line-height: 1.5; }
.article-discovery { display: block; margin-bottom: 8px; color: #756f85 !important; }
.source-reference small { color: #9690a0; font-size: 8px; }
.source-reference a { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; padding: 10px; color: #625bd5; background: #f0eeff; border-radius: 9px; font-size: 9px; font-weight: 850; }
.article-more { max-width: 1030px; margin: 0 auto; padding: 0 25px; }
.article-more > div:last-child { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-top: 14px; }

/* Editorial Agent admin */
.agent-admin-head .button.ghost { background: #fff; }
.agent-status-card { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; margin-top: 27px; padding: 22px; color: #fff; background: radial-gradient(circle at 85% 15%,rgba(255,121,138,.25),transparent 18rem),linear-gradient(135deg,#4e50ca,#7650c9); border-radius: 20px; box-shadow: 0 18px 38px rgba(72,64,180,.2); }
.agent-orb { position: relative; display: grid; place-items: center; width: 62px; height: 62px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.17); border-radius: 18px; }
.agent-orb i { position: absolute; right: -3px; top: -3px; width: 11px; height: 11px; background: #48d2aa; border: 3px solid #6150c8; border-radius: 50%; }
.agent-status-card > div:nth-child(2) > span { color: #c9c6ff; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.agent-status-card h2 { margin: 4px 0; font-size: 19px; }
.agent-status-card p { max-width: 650px; margin: 0; color: #d0cde5; font-size: 9px; line-height: 1.65; }
.agent-status-card dl { display: grid; grid-template-columns: repeat(3,auto); gap: 25px; margin: 0; }
.agent-status-card dl div { display: grid; gap: 5px; }
.agent-status-card dt { color: #c2bee0; font-size: 8px; }
.agent-status-card dd { margin: 0; font-size: 9px; font-weight: 850; }
.agent-status-card dd.published { color: #7de2c4; }
.agent-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-top: 13px; }
.agent-metrics article { display: grid; gap: 5px; padding: 17px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.agent-metrics span,.agent-metrics small { color: #8b8499; font-size: 8px; }
.agent-metrics strong { color: #312d46; font-size: 23px; }
.agent-pipeline,.publish-queue { margin-top: 13px; padding: 19px; background: #fff; border: 1px solid var(--line); border-radius: 17px; }
.agent-pipeline .panel-title > b { color: #3db38f; font-size: 9px; }
.agent-pipeline > div:last-child { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; margin-top: 17px; }
.agent-pipeline article { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 8px; min-height: 90px; padding: 12px; background: #f7f8fc; border-radius: 11px; }
.agent-pipeline article > span { display: grid; place-items: center; width: 22px; height: 22px; color: #fff; background: #6963dc; border-radius: 7px; font-size: 8px; font-weight: 900; }
.agent-pipeline article div { display: grid; align-content: start; gap: 4px; }
.agent-pipeline article strong { color: #3a354c; font-size: 8px; }
.agent-pipeline article small { color: #928b9e; font-size: 7px; line-height: 1.45; }
.agent-pipeline article > svg { position: absolute; right: 9px; bottom: 9px; color: #44b893; }
.publish-queue { overflow-x: auto; }
.publish-queue .panel-title button { color: #645ed8; background: #f0eeff; border: 0; border-radius: 8px; padding: 8px 10px; font-size: 8px; font-weight: 800; cursor: pointer; }
.agent-table { min-width: 820px; margin-top: 15px; }
.agent-row { display: grid; grid-template-columns: 85px 2.2fr 1.1fr 90px 60px; gap: 12px; align-items: center; padding: 11px 7px; border-top: 1px solid #efedf2; color: #70697b; font-size: 8px; }
.agent-row.head { color: #9c95a6; background: #faf9fc; border: 0; font-weight: 850; }
.agent-row a { color: #393449; font-size: 9px; font-weight: 800; line-height: 1.45; }
.channel-pill { width: max-content; padding: 5px 7px; color: #665fd9; background: #efedff; border-radius: 999px; font-weight: 850; }
.channel-pill.secondary { color: #d25d69; background: #fff0ee; }
.reviewed { color: #38a886; font-weight: 800; }
.agent-sources { margin-top: 13px; padding: 19px; background: #fff; border: 1px solid var(--line); border-radius: 17px; }
.agent-sources .panel-title > b { color: #3eaa89; font-size: 8px; }
.agent-sources > div:last-child { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 15px; }
.agent-sources article { display: grid; grid-template-columns: auto 1fr auto auto; gap: 9px; align-items: center; padding: 11px; background: #f8f8fc; border-radius: 11px; }
.agent-sources article > span { display: grid; place-items: center; width: 31px; height: 31px; color: #fff; background: linear-gradient(145deg,#5c62e9,#9257cc); border-radius: 9px; font-size: 10px; font-weight: 900; }
.agent-sources article > div { display: grid; gap: 3px; }
.agent-sources article strong { color: #3c374a; font-size: 9px; }
.agent-sources article small { color: #9790a1; font-size: 7px; }
.agent-sources article > i { color: #6a64d6; font-size: 7px; font-style: normal; }
.agent-sources article > b { color: #39aa88; font-size: 7px; }
.channel-pill { display: grid; gap: 2px; }
.channel-pill small { color: inherit; font-size: 6px; font-weight: 650; opacity: .72; }
.agent-row > span:nth-child(3) { display: grid; gap: 3px; }
.agent-row > span:nth-child(3) small { color: #9992a1; font-size: 7px; }

@media (max-width: 900px) {
  .login-page,.insights-masthead,.article-layout { grid-template-columns: 1fr; }
  .login-promise { display: none; }
  .insights-masthead { gap: 28px; padding: 52px 25px; }
  .insights-masthead > aside { max-width: 420px; }
  .article-aside { position: static; grid-template-columns: repeat(2,1fr); }
  .agent-status-card { grid-template-columns: auto 1fr; }
  .agent-status-card dl { grid-column: 1 / -1; }
  .agent-metrics { grid-template-columns: repeat(2,1fr); }
  .agent-pipeline > div:last-child { grid-template-columns: repeat(3,1fr); }
  .source-network > div { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 650px) {
  .login-entry span { display: none; }
  .login-entry { width: 37px; padding: 0; justify-content: center; }
  .insight-toolbar { display: grid; gap: 11px; }
  .editorial-grid,.article-more > div:last-child { grid-template-columns: 1fr; }
  .editorial-card.featured { grid-column: auto; }
  .editorial-card > a,.editorial-card.featured > a { grid-template-columns: 1fr; }
  .story-visual { min-height: 140px; }
  .article-aside { grid-template-columns: 1fr; }
  .article-byline { align-items: flex-start; flex-wrap: wrap; }
  .article-byline > b { margin-left: 49px; }
  .agent-metrics { grid-template-columns: 1fr; }
  .agent-pipeline > div:last-child { grid-template-columns: repeat(2,1fr); }
  .source-network > header { display: block; }
  .source-network header p { margin-top: 8px; text-align: left; }
  .source-network > div,.agent-sources > div:last-child { grid-template-columns: 1fr; }
}

/* 2026-08 business refresh: clearer hierarchy inspired by the reference API platform */
:root { --business-indigo:#4255d6; --business-indigo-dark:#26358f; --business-blue:#2f70ed; --business-bg:#f5f7fb; --business-line:#e5e9f2; }
body { background: var(--business-bg); }
.site-header { min-height: 72px; border-bottom: 1px solid rgba(66,85,214,.1); box-shadow: 0 8px 28px rgba(28,43,91,.06); }
.main-nav a { position: relative; font-weight: 750; }
.main-nav a.active::after { height: 3px; background: linear-gradient(90deg,var(--business-indigo),#7786ff); }
.hero { background: radial-gradient(circle at 82% 12%,rgba(98,226,255,.28),transparent 24rem),radial-gradient(circle at 15% 90%,rgba(111,91,255,.34),transparent 28rem),linear-gradient(130deg,#263a98 0%,#455be3 48%,#3979df 100%); }
.hero::before { background: linear-gradient(120deg,rgba(13,26,94,.12),transparent 55%); }
.hero h1 em { color:#fff4ad; }
.hero-spotlight { border:1px solid rgba(255,255,255,.3); box-shadow:0 30px 80px rgba(18,27,95,.32); }
.scene-card,.process-card,.module-mini { border-color:rgba(67,83,158,.12); box-shadow:0 12px 34px rgba(29,44,103,.07); }
.scene-card:hover,.process-card:hover,.module-mini:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(29,44,103,.13); }
.footer-company { display:block; color:#fff; font-size:12px !important; letter-spacing:.02em; }

/* Reports live inside account center */
.account-report-center { grid-column:1 / -1; overflow:hidden; padding:22px; background:#fff; border:1px solid var(--business-line); border-radius:18px; box-shadow:0 15px 40px rgba(31,48,105,.06); }
.account-report-center > header { display:flex; justify-content:space-between; gap:22px; align-items:flex-end; padding-bottom:18px; border-bottom:1px solid var(--business-line); }
.account-report-center h2 { margin:5px 0 4px; color:#1c2850; font-size:24px; }
.account-report-center header p { margin:0; color:#7c869e; font-size:12px; }
.account-report-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0 8px; }
.account-report-toolbar > span { display:flex; align-items:center; gap:8px; width:min(420px,100%); padding:9px 12px; color:#7b86a1; background:#f6f8fc; border:1px solid #e7eaf2; border-radius:10px; }
.account-report-toolbar input { width:100%; border:0; outline:0; background:transparent; font-size:12px; }
.account-report-toolbar small { color:#8791a8; font-size:11px; }
.account-report-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; align-items:center; padding:16px 6px; border-top:1px solid #edf0f5; }
.account-report-row.featured { border-top:0; }
.account-report-row .report-list-main h3 { margin:7px 0 4px; color:#202d55; font-size:16px; }

/* Reference-style API capability marketplace */
.api-app { min-height:100vh; background:#f4f6fa; }
.api-legal { padding:18px 28px 88px; color:#8992a7; background:#fff; border-top:1px solid #e5e9f2; font-size:10px; text-align:center; }
.api-header { box-shadow:0 6px 24px rgba(28,42,96,.07); border-bottom:1px solid #e7eaf2; }
.reference-api-page { display:grid; grid-template-columns:235px minmax(0,1fr); min-height:calc(100vh - 68px); max-width:1500px; margin:0 auto; }
.reference-api-sidebar { padding:25px 18px; background:#fff; border-right:1px solid #e5e9f2; }
.api-side-title { display:flex; align-items:center; gap:10px; padding:5px 8px 22px; color:#25335f; border-bottom:1px solid #edf0f5; }
.api-side-title > span { display:grid; place-items:center; width:38px; height:38px; color:#fff; background:linear-gradient(145deg,#3e53d5,#6478f2); border-radius:11px; }
.api-side-title > div { display:grid; gap:3px; }
.api-side-title strong { font-size:14px; }
.api-side-title small { color:#9aa3b7; font-size:7px; letter-spacing:.12em; }
.reference-api-sidebar nav { display:grid; gap:4px; padding-top:22px; }
.reference-api-sidebar nav > span { padding:0 10px 7px; color:#a1a8b9; font-size:9px; font-weight:800; letter-spacing:.08em; }
.reference-api-sidebar nav button { display:flex; align-items:center; justify-content:space-between; min-height:38px; padding:0 11px; color:#6e7892; background:transparent; border:0; border-radius:9px; font-size:11px; text-align:left; cursor:pointer; }
.reference-api-sidebar nav button:hover,.reference-api-sidebar nav button.active { color:#4054ce; background:#eef1ff; font-weight:800; }
.reference-api-sidebar nav button b { display:grid; place-items:center; min-width:22px; height:20px; padding:0 5px; color:#8991a6; background:#f0f2f6; border-radius:7px; font-size:9px; }
.reference-api-sidebar nav button.active b { color:#fff; background:#5366dd; }
.api-resource-links { margin-top:8px; border-top:1px solid #edf0f5; }
.api-side-balance { display:grid; grid-template-columns:1fr auto; gap:2px 7px; margin-top:26px; padding:15px; color:#fff; background:linear-gradient(145deg,#2f3d9c,#5266dc); border-radius:13px; box-shadow:0 13px 28px rgba(54,68,166,.25); }
.api-side-balance small { grid-column:1 / -1; color:#cbd2ff; font-size:9px; }
.api-side-balance strong { font-size:25px; }
.api-side-balance span { align-self:end; padding-bottom:5px; color:#d8ddff; font-size:9px; }
.api-side-balance button { grid-column:1 / -1; margin-top:9px; padding:8px; color:#3445b2; background:#fff; border:0; border-radius:8px; font-size:10px; font-weight:850; cursor:pointer; }
.reference-api-main { min-width:0; padding:32px 32px 70px; }
.reference-api-main > header { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; }
.reference-api-main h1 { margin:7px 0 7px; color:#1f2b53; font-size:30px; letter-spacing:-.03em; }
.reference-api-main header p { max-width:720px; margin:0; color:#7a849a; font-size:12px; }
.reference-api-main > header > div:last-child { display:flex; gap:8px; }
.api-reference-toolbar { display:grid; grid-template-columns:minmax(260px,560px) auto auto 1fr; align-items:center; gap:8px; margin:25px 0 14px; }
.api-reference-toolbar label { display:flex; align-items:center; gap:8px; padding:10px 12px; color:#77829a; background:#fff; border:1px solid #dfe4ee; border-radius:9px; }
.api-reference-toolbar input { width:100%; border:0; outline:0; color:#263354; background:transparent; font-size:11px; }
.api-reference-toolbar button { height:37px; padding:0 14px; color:#4053cc; background:#eef1ff; border:0; border-radius:8px; font-size:10px; font-weight:800; cursor:pointer; }
.api-reference-toolbar > span { justify-self:end; color:#8b94a8; font-size:10px; }
.api-capability-table { overflow-x:auto; background:#fff; border:1px solid #e1e5ed; border-radius:12px; box-shadow:0 12px 35px rgba(35,48,99,.06); }
.api-capability-head,.api-capability-row { display:grid; grid-template-columns:1.2fr 1fr .7fr 1.4fr 32px 32px 32px .65fr .8fr; gap:7px; align-items:center; min-width:900px; }
.api-capability-head { min-height:46px; padding:0 16px; color:#8790a4; background:#f7f8fb; border-bottom:1px solid #e6e9f0; font-size:9px; font-weight:850; }
.api-capability-row { min-height:82px; padding:10px 16px; color:#626d84; border-bottom:1px solid #edf0f4; font-size:10px; }
.api-capability-row:last-child { border-bottom:0; }
.api-capability-row:hover { background:#fafbff; }
.api-name-cell { display:flex; align-items:center; gap:9px; }
.api-name-cell > span { display:grid; place-items:center; width:32px; height:32px; color:#5265d7; background:#edf0ff; border-radius:8px; }
.api-name-cell > div { display:grid; gap:4px; }
.api-name-cell strong { color:#263357; font-size:11px; }
.api-name-cell small { color:#9ca4b6; font-size:8px; }
.api-capability-row code { color:#4355c1; font-size:9px; }
.api-capability-row p { margin:0; color:#778197; font-size:9px; line-height:1.5; }
.compatibility { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; }
.compatibility.yes { color:#2e9f79; background:#e7f8f1; }
.compatibility.no { color:#b8bfcc; background:#f3f4f7; }
.api-points { color:#253253; font-size:11px; }
.api-points small { display:block; margin-top:3px; color:#999fb0; font-size:7px; font-weight:500; }
.api-row-actions { display:grid; grid-template-columns:1fr; gap:3px; }
.api-row-actions button { width:100%; padding:5px 4px; color:#5e6a82; background:#fff; border:1px solid #dfe3eb; border-radius:6px; font-size:7px; cursor:pointer; }
.api-row-actions .buy { color:#fff; background:#4659d2; border-color:#4659d2; font-weight:800; }
.api-empty { padding:48px; color:#8b94a7; text-align:center; font-size:12px; }
.api-market-note { display:flex; gap:12px; margin-top:14px; padding:15px 17px; color:#4760cd; background:#edf2ff; border:1px solid #dce5ff; border-radius:10px; }
.api-market-note strong { font-size:11px; }
.api-market-note p { margin:3px 0 0; color:#7180a7; font-size:9px; }
.api-purchase-mask { position:fixed; z-index:240; inset:0; background:rgba(15,23,55,.43); backdrop-filter:blur(2px); }
.api-purchase-panel { position:fixed; z-index:250; top:0; right:0; display:flex; flex-direction:column; width:min(520px,100vw); height:100vh; padding:28px; background:#fff; box-shadow:-24px 0 70px rgba(12,22,62,.22); overflow:auto; }
.api-purchase-panel > header { display:flex; justify-content:space-between; gap:16px; padding-bottom:21px; border-bottom:1px solid #e6e9ef; }
.api-purchase-panel h2 { margin:7px 0 5px; color:#202c51; font-size:25px; }
.api-purchase-panel header p { margin:0; color:#7d879b; font-size:11px; }
.api-purchase-panel header > button { width:34px; height:34px; border:0; border-radius:50%; background:#f1f3f7; cursor:pointer; }
.api-purchase-panel > section { display:grid; gap:11px; padding:22px 0 0; }
.api-purchase-panel > section > strong { color:#303b5c; font-size:12px; }
.api-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.api-plan-grid button { display:grid; gap:5px; padding:14px 10px; color:#34405f; background:#fafbfc; border:1px solid #e1e5ec; border-radius:11px; cursor:pointer; }
.api-plan-grid button.selected { color:#3f52c6; background:#f0f2ff; border-color:#7381e5; box-shadow:0 0 0 2px rgba(80,100,213,.08); }
.api-plan-grid b { font-size:12px; }
.api-plan-grid strong { font-size:18px; }
.api-plan-grid small { color:#8f97aa; font-size:8px; }
.api-recharge-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.api-recharge-heading strong { color:#303b5c; font-size:12px; }
.api-recharge-heading span { color:#8d95a6; font-size:9px; }
.api-plan-grid.flexible { grid-template-columns:repeat(4,1fr); }
.api-plan-grid.flexible button { align-content:center; min-height:72px; padding:12px 8px; }
.api-plan-grid.flexible b { color:#253253; font-size:18px; }
.api-plan-grid.flexible button.selected b { color:#3f52c6; }
.api-custom-amount { display:grid; gap:8px; padding:13px 14px; background:#fafbfc; border:1px solid #e1e5ec; border-radius:11px; transition:.18s ease; }
.api-custom-amount.selected { background:#f5f7ff; border-color:#7381e5; box-shadow:0 0 0 2px rgba(80,100,213,.08); }
.api-custom-amount > span { color:#303b5c; font-size:11px; font-weight:800; }
.api-custom-amount > div { display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; }
.api-custom-amount b { color:#253253; font-size:20px; }
.api-custom-amount input { width:100%; min-width:0; padding:5px 0; color:#202c51; background:transparent; border:0; outline:0; font-size:20px; font-weight:850; }
.api-custom-amount input::placeholder { color:#b0b6c3; font-size:13px; font-weight:600; }
.api-custom-amount em { color:#8d95a6; font-size:9px; font-style:normal; }
.api-custom-amount small { color:#9299aa; font-size:9px; }
.api-payment-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.api-payment-grid button { display:flex; align-items:center; gap:8px; min-height:45px; padding:8px; background:#fff; border:1px solid #e2e5ec; border-radius:9px; font-size:10px; cursor:pointer; }
.api-payment-grid button.selected { border-color:#6274dc; background:#f5f6ff; }
.api-payment-grid i { display:grid; place-items:center; width:26px; height:26px; color:#fff; background:#4ab68d; border-radius:7px; font-style:normal; font-weight:900; }
.api-payment-grid button:nth-child(2) i { background:#2c83ec; }
.api-payment-grid button:nth-child(3) i { background:#6d63bd; }
.api-payment-grid svg { margin-left:auto; color:#4a5ed0; }
.api-purchase-summary { display:grid; gap:10px; margin-top:24px; padding:16px; background:#f6f7fa; border-radius:11px; }
.api-purchase-summary > div { display:flex; justify-content:space-between; color:#7c8599; font-size:10px; }
.api-purchase-summary strong { color:#293452; }
.api-purchase-summary > div:last-child strong { color:#e05b43; font-size:17px; }
.api-purchase-panel > footer { display:grid; gap:12px; margin-top:auto; padding-top:28px; }
.api-purchase-panel > footer small { color:#9299aa; font-size:9px; }
.api-purchase-panel > footer button { padding:13px; color:#fff; background:linear-gradient(110deg,#4155ce,#6375e5); border:0; border-radius:10px; font-size:12px; font-weight:850; cursor:pointer; }
.api-purchase-panel > footer button:disabled { opacity:.45; cursor:not-allowed; }

/* Operations configuration */
.admin-config-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-top:24px; }
.admin-config-metrics article { display:grid; gap:5px; padding:18px; background:#fff; border:1px solid var(--business-line); border-radius:13px; }
.admin-config-metrics small,.admin-config-metrics span { color:#929aac; font-size:8px; }
.admin-config-metrics strong { color:#273351; font-size:20px; }
.admin-config-metrics article:last-child strong { font-size:13px; }
.admin-config-intro { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; margin-top:13px; padding:17px; color:#fff; background:linear-gradient(120deg,#3649ad,#5c6cda); border-radius:13px; }
.admin-config-intro.source { background:linear-gradient(120deg,#285d83,#367f98); }
.admin-config-intro > span { display:grid; place-items:center; width:40px; height:40px; background:rgba(255,255,255,.13); border-radius:10px; }
.admin-config-intro strong { font-size:11px; }
.admin-config-intro p { margin:3px 0 0; color:rgba(255,255,255,.74); font-size:8px; }
.admin-config-intro > b { font-size:10px; }
.admin-config-table { overflow:auto; margin-top:13px; padding:18px; background:#fff; border:1px solid var(--business-line); border-radius:15px; }
.admin-config-table > header { padding-bottom:13px; }
.admin-config-table > header > div { display:grid; gap:3px; }
.admin-config-table > header strong { color:#303a55; font-size:12px; }
.admin-config-table > header span { color:#9aa1b1; font-size:8px; }
.admin-model-row,.admin-source-row { display:grid; align-items:center; gap:12px; min-width:850px; padding:12px 8px; color:#6d7588; border-top:1px solid #edf0f4; font-size:8px; }
.admin-model-row { grid-template-columns:1.2fr 1fr 1fr .7fr .8fr 1fr; }
.admin-source-row { grid-template-columns:1.2fr 1.5fr 1fr .5fr .8fr .55fr; }
.admin-model-row.head,.admin-source-row.head { color:#969dac; background:#f8f9fb; border:0; font-weight:850; }
.admin-model-row > div { display:grid; gap:4px; }
.admin-model-row > div:last-child { display:flex; gap:5px; }
.admin-model-row strong,.admin-source-row strong { color:#2e3852; font-size:9px; }
.admin-model-row code { color:#5968bd; font-size:8px; }
.default-tag { width:max-content; padding:2px 5px; color:#fff; background:#5567d5; border-radius:5px; font-size:6px; }
.admin-model-row button,.admin-source-row > button:last-child { padding:6px 7px; color:#4c5cc0; background:#f0f2ff; border:0; border-radius:6px; font-size:7px; cursor:pointer; }
.config-switch { display:flex !important; align-items:center; gap:5px; color:#8b93a4 !important; background:transparent !important; border:0; cursor:pointer; }
.config-switch i { position:relative; width:27px; height:15px; background:#c9ced8; border-radius:999px; }
.config-switch i::after { content:""; position:absolute; top:2px; left:2px; width:11px; height:11px; background:#fff; border-radius:50%; transition:.2s; }
.config-switch.on { color:#309777 !important; }
.config-switch.on i { background:#43b794; }
.config-switch.on i::after { left:14px; }
.admin-source-row > div:first-child { display:flex; align-items:center; gap:8px; }
.admin-source-row > div:first-child > div { display:grid; gap:3px; }
.source-letter { display:grid; place-items:center; width:31px; height:31px; color:#fff; background:linear-gradient(145deg,#4659cf,#7180e8); border-radius:8px; font-weight:900; }
.admin-source-row a { color:#7b85ad; font-size:7px; }
.admin-source-row p { margin:0; color:#727b8d; font-size:8px; }
.admin-config-form { position:fixed; z-index:260; top:50%; left:50%; width:min(650px,calc(100vw - 30px)); max-height:90vh; overflow:auto; padding:23px; background:#fff; border-radius:16px; box-shadow:0 35px 100px rgba(21,31,72,.3); transform:translate(-50%,-50%); }
.admin-config-form::before { content:""; position:fixed; z-index:-1; inset:-100vh -100vw; background:rgba(17,24,56,.45); }
.admin-config-form > header { display:flex; justify-content:space-between; gap:16px; padding-bottom:15px; border-bottom:1px solid #e7eaf0; }
.admin-config-form h2 { margin:5px 0; color:#28334e; font-size:20px; }
.admin-config-form header p { margin:0; color:#8b93a4; font-size:9px; }
.admin-config-form header button { width:32px; height:32px; border:0; border-radius:50%; background:#f0f2f6; cursor:pointer; }
.admin-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:18px; }
.admin-form-grid label { display:grid; gap:6px; color:#606a80; font-size:9px; }
.admin-form-grid input,.admin-form-grid select { width:100%; padding:10px 11px; color:#28344e; background:#fafbfc; border:1px solid #dde2eb; border-radius:8px; outline:0; font-size:10px; }
.admin-check-row { display:flex; gap:22px; padding:17px 0; color:#59637a; font-size:9px; }
.admin-config-form > footer { display:flex; justify-content:flex-end; gap:8px; padding-top:15px; border-top:1px solid #e8ebf0; }
.admin-config-form > footer button { padding:9px 14px; background:#f1f3f7; border:0; border-radius:8px; font-size:9px; cursor:pointer; }
.admin-config-form > footer button.primary { color:#fff; background:#485bd1; font-weight:850; }

@media (max-width: 1000px) {
  .reference-api-page { grid-template-columns:1fr; }
  .reference-api-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:15px; border-right:0; border-bottom:1px solid #e5e9f2; }
  .api-side-title,.api-side-balance { grid-column:1 / -1; }
  .reference-api-sidebar nav { border-top:0; }
  .admin-config-metrics { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 700px) {
  .reference-api-main { padding:24px 14px 80px; }
  .reference-api-main > header,.account-report-center > header { align-items:flex-start; flex-direction:column; }
  .reference-api-main > header > div:last-child { width:100%; }
  .api-reference-toolbar { grid-template-columns:1fr auto; }
  .api-reference-toolbar label { grid-column:1 / -1; }
  .api-reference-toolbar > span { justify-self:start; }
  .api-plan-grid,.api-payment-grid { grid-template-columns:1fr; }
  .account-report-row { grid-template-columns:auto 1fr; }
  .account-report-row .report-list-actions { grid-column:1 / -1; }
  .account-report-toolbar { align-items:flex-start; flex-direction:column; }
  .admin-config-metrics { grid-template-columns:1fr; }
  .admin-config-intro { grid-template-columns:auto 1fr; }
  .admin-config-intro > b { grid-column:2; }
  .admin-form-grid { grid-template-columns:1fr; }
}

/* 2026-08 C-end search-first homepage */
.sqj-home-v2 { color:#17233f; background:#f5f7fb; }
.search-first-hero { position:relative; overflow:hidden; min-height:650px; padding:72px 24px 34px; background:linear-gradient(180deg,#f0f5ff 0,#fff 73%); border-bottom:1px solid #e6eaf2; }
.search-first-hero::before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(72,105,188,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,105,188,.08) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
.search-hero-glow { position:absolute; width:430px; height:430px; border-radius:50%; filter:blur(12px); opacity:.5; }
.search-hero-glow.one { top:-240px; left:4%; background:radial-gradient(circle,#d6e6ff,transparent 68%); }
.search-hero-glow.two { right:0; bottom:-250px; background:radial-gradient(circle,#e8dcff,transparent 68%); }
.search-hero-copy,.search-product-tabs,.search-command-card,.search-trust-strip { position:relative; z-index:1; }
.search-hero-copy { max-width:900px; margin:0 auto; text-align:center; }
.search-hero-badge { display:inline-flex; align-items:center; gap:7px; padding:7px 13px; color:#3d5cb8; background:#e7efff; border:1px solid #d7e4ff; border-radius:999px; font-size:13px; font-weight:800; }
.search-hero-copy h1 { margin:18px 0 12px; color:#14203c; font-size:50px; line-height:1.12; letter-spacing:-.055em; }
.search-hero-copy p { margin:0; color:#68758d; font-size:17px; line-height:1.8; }
.search-product-tabs { display:flex; justify-content:center; gap:4px; width:min(870px,100%); margin:36px auto 0; }
.search-product-tabs button { position:relative; min-width:116px; padding:12px 18px; color:#66738c; background:transparent; border:0; font-size:15px; font-weight:750; cursor:pointer; }
.search-product-tabs button::after { content:""; position:absolute; right:22%; bottom:0; left:22%; height:3px; background:transparent; border-radius:4px; }
.search-product-tabs button:hover,.search-product-tabs button.active { color:#2856c7; }
.search-product-tabs button.active::after { background:#3168de; }
.search-command-card { width:min(1040px,100%); margin:0 auto; padding:22px; background:#fff; border:1px solid #dfe5f0; border-radius:18px; box-shadow:0 22px 70px rgba(39,66,127,.13); }
.search-command-card .database-picker { display:flex; gap:8px; width:max-content; margin:0 0 13px; padding:4px; background:#f1f4f9; border-radius:10px; }
.search-command-card .database-picker button { min-width:180px; padding:8px 12px; background:transparent; border:0; border-radius:8px; box-shadow:none; }
.search-command-card .database-picker button:not(.active) { color:#71809a !important; }
.search-command-card .database-picker button:not(.active) .database-copy strong,.search-command-card .database-picker button:not(.active) .database-copy small { color:inherit !important; }
.search-command-card .database-picker button.active { color:#2858c7; background:#fff; box-shadow:0 4px 15px rgba(49,75,132,.1); }
.search-command-card .database-picker button .database-copy { display:grid; text-align:left; }
.search-command-card .database-picker button .database-copy strong { font-size:13px; }
.search-command-card .database-picker button .database-copy small { font-size:10px; }
.search-command-card .database-picker button > i { display:none; }
.v2-search { display:grid; grid-template-columns:1fr auto; gap:0; height:64px; padding:0; overflow:hidden; background:#fff; border:2px solid #3567d7; border-radius:12px; box-shadow:none; }
.v2-search input { min-width:0; padding:0 22px; color:#26334f; border:0; outline:0; font-size:17px; }
.v2-search button { display:flex; align-items:center; gap:8px; padding:0 30px; color:#fff; background:linear-gradient(135deg,#3167dc,#4a72d8); border:0; font-size:16px; font-weight:850; cursor:pointer; }
.home-search-hints { display:flex; flex-wrap:wrap; gap:9px; align-items:center; padding-top:14px; color:#8993a7; font-size:12px; }
.home-search-hints > span { color:#586681; font-weight:800; }
.home-search-hints button { padding:4px 9px; color:#68748b; background:#f4f6fa; border:0; border-radius:5px; font-size:12px; cursor:pointer; }
.home-search-hints a { display:flex; align-items:center; gap:4px; margin-left:auto; color:#315fc8; font-weight:800; }
.search-trust-strip { display:flex; justify-content:center; align-items:center; gap:34px; width:min(950px,100%); margin:34px auto 0; }
.search-trust-strip div { display:grid; gap:4px; text-align:center; }
.search-trust-strip strong { color:#1d2b4d; font-size:20px; }
.search-trust-strip span { color:#8a95a9; font-size:12px; }
.search-trust-strip > i { width:1px; height:32px; background:#dfe4ed; }
.home-v2-section { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:72px 0; }
.home-v2-section > header { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:28px; }
.home-v2-section > header > div > span,.intelligence-proof > div > span,.home-v2-api > div > span { color:#3d64c7; font-size:11px; font-weight:900; letter-spacing:.16em; }
.home-v2-section > header h2,.intelligence-proof h2,.home-v2-api h2 { margin:7px 0 0; color:#182441; font-size:32px; letter-spacing:-.04em; }
.home-v2-section > header p { max-width:490px; margin:0; color:#7a869c; font-size:14px; line-height:1.7; }
.home-v2-section > header > a { display:flex; align-items:center; gap:6px; color:#315ec5; font-size:13px; font-weight:800; }
.tool-hub { padding-top:64px; }
.tool-hub-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.tool-hub-grid > button { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; min-height:104px; padding:18px; color:#33415f; background:#fff; border:1px solid #e3e7ef; border-radius:14px; text-align:left; box-shadow:0 7px 24px rgba(38,58,104,.045); cursor:pointer; transition:.2s; }
.tool-hub-grid > button:hover { border-color:#bfcdf0; box-shadow:0 16px 36px rgba(38,62,121,.1); transform:translateY(-2px); }
.tool-hub-grid > button > i { display:grid; place-items:center; width:46px; height:46px; color:#3563c9; background:#eaf0ff; border-radius:12px; }
.tool-hub-grid > button > i.tool-tone-1 { color:#8558c3; background:#f0eaff; }
.tool-hub-grid > button > i.tool-tone-2 { color:#cc724e; background:#fff0e8; }
.tool-hub-grid > button > i.tool-tone-3 { color:#268e81; background:#e6f7f3; }
.tool-hub-grid > button > span { display:grid; gap:6px; }
.tool-hub-grid strong { color:#23304c; font-size:16px; }
.tool-hub-grid small { color:#8993a6; font-size:11px; line-height:1.5; }
.tool-hub-grid > button > svg { color:#a8b0bf; }
.market-discovery { width:100%; padding-right:max(24px,calc((100% - 1240px)/2)); padding-left:max(24px,calc((100% - 1240px)/2)); background:#fff; border-top:1px solid #e7eaf0; border-bottom:1px solid #e7eaf0; }
.market-discovery-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
.hot-company-board,.industry-board { overflow:hidden; background:#fafbfe; border:1px solid #e3e7ef; border-radius:16px; }
.board-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px 22px; background:#fff; border-bottom:1px solid #e8ebf1; }
.board-head > div { display:grid; gap:4px; }
.board-head strong { color:#25324d; font-size:17px; }
.board-head small { color:#929caf; font-size:11px; }
.board-head > span { display:flex; align-items:center; gap:6px; color:#2d947c; font-size:11px; font-weight:800; }
.board-head > span i { width:7px; height:7px; background:#2fc29f; border-radius:50%; box-shadow:0 0 0 4px #dff7f0; }
.board-head > button { color:#3c63c7; background:transparent; border:0; font-size:11px; font-weight:800; cursor:pointer; }
.hot-company-board > button { display:grid; grid-template-columns:32px minmax(0,1fr) auto 48px auto; gap:12px; align-items:center; width:100%; padding:16px 20px; color:#718098; background:transparent; border:0; border-top:1px solid #eceff4; text-align:left; cursor:pointer; }
.hot-company-board > button:first-of-type { border-top:0; }
.hot-company-board > button:hover { background:#f1f5ff; }
.hot-company-board > button > b { color:#bdc4d1; font-size:16px; }
.hot-company-board > button:nth-of-type(-n+3) > b { color:#ee6c50; }
.hot-company-board > button > span { display:grid; gap:4px; }
.hot-company-board > button > span strong { overflow:hidden; color:#26344f; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.hot-company-board > button > span small,.hot-company-board > button > em { color:#939daf; font-size:10px; font-style:normal; }
.hot-company-board > button > i { display:grid; gap:1px; text-align:center; font-style:normal; }
.hot-company-board > button > i strong { color:#345fc6; font-size:14px; }
.hot-company-board > button > i small { font-size:9px; }
.industry-board > div:not(.board-head) { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#e7eaf0; }
.industry-board > div:not(.board-head) button { display:grid; place-items:center; gap:7px; min-height:112px; padding:13px; color:#2a3856; background:#fafbfe; border:0; cursor:pointer; }
.industry-board > div:not(.board-head) button:hover { background:#f0f4ff; }
.industry-symbol { display:grid; place-items:center; width:35px; height:35px; color:#3b63c5; background:#e8efff; border-radius:10px; font-size:12px; font-weight:900; }
.industry-board > div button strong { font-size:13px; }
.industry-board > div button small { color:#9aa2b2; font-size:9px; }
.industry-board > aside { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; margin:16px; padding:16px; color:#fff; background:linear-gradient(120deg,#294c9a,#4e69c6); border-radius:12px; }
.industry-board > aside > span { display:grid; place-items:center; width:39px; height:39px; background:rgba(255,255,255,.13); border-radius:10px; }
.industry-board > aside div { display:grid; gap:4px; }
.industry-board > aside strong { font-size:13px; }
.industry-board > aside p { margin:0; color:rgba(255,255,255,.7); font-size:10px; line-height:1.5; }
.industry-board > aside a { color:#fff; font-size:11px; font-weight:800; }
.decision-scenes > div { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.decision-scenes > div > button { display:grid; align-content:start; min-height:240px; padding:23px; color:#fff; background:linear-gradient(145deg,#284d97,#203b74); border:0; border-radius:16px; text-align:left; cursor:pointer; }
.decision-scenes > div > button:nth-child(2) { background:linear-gradient(145deg,#176b72,#174c61); }
.decision-scenes > div > button:nth-child(3) { background:linear-gradient(145deg,#65449a,#42306c); }
.decision-scenes > div > button:nth-child(4) { background:linear-gradient(145deg,#b65a42,#7e3c38); }
.decision-scenes > div > button > span { display:grid; place-items:center; width:46px; height:46px; margin-bottom:27px; background:rgba(255,255,255,.13); border-radius:12px; }
.decision-scenes > div small { color:rgba(255,255,255,.62); font-size:11px; font-weight:800; letter-spacing:.08em; }
.decision-scenes > div strong { margin-top:8px; font-size:18px; line-height:1.45; }
.decision-scenes > div p { margin:8px 0 20px; color:rgba(255,255,255,.7); font-size:12px; line-height:1.6; }
.decision-scenes > div em { display:flex; align-items:center; gap:5px; margin-top:auto; font-size:12px; font-style:normal; font-weight:800; }
.intelligence-proof { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.intelligence-proof > div > p { max-width:610px; margin:13px 0 24px; color:#778399; font-size:14px; line-height:1.8; }
.intelligence-proof > div > div { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.intelligence-proof > div > div > span { display:grid; grid-template-columns:auto 1fr; gap:3px 8px; padding:15px; background:#fff; border:1px solid #e2e7ef; border-radius:12px; }
.intelligence-proof > div > div svg { grid-row:1 / 3; color:#3475c8; }
.intelligence-proof > div > div b { color:#2a3854; font-size:13px; }
.intelligence-proof > div > div small { color:#929bad; font-size:10px; }
.intelligence-proof > aside { position:relative; min-height:390px; overflow:hidden; background:radial-gradient(circle at center,#edf3ff 0,#f7f9fd 48%,#eef2f8 100%); border:1px solid #dfe5ef; border-radius:22px; }
.intelligence-proof > aside::before,.intelligence-proof > aside::after { content:""; position:absolute; top:50%; left:50%; border:1px solid #cfd9ed; border-radius:50%; transform:translate(-50%,-50%); }
.intelligence-proof > aside::before { width:270px; height:270px; }
.intelligence-proof > aside::after { width:180px; height:180px; }
.intelligence-proof > aside > small { position:absolute; top:20px; left:22px; color:#8491aa; font-size:9px; font-weight:900; letter-spacing:.15em; }
.proof-core { position:absolute; z-index:2; top:50%; left:50%; display:grid; place-items:center; width:112px; height:112px; color:#fff; background:linear-gradient(145deg,#315fca,#594ab0); border-radius:50%; box-shadow:0 18px 36px rgba(48,70,145,.25); transform:translate(-50%,-50%); }
.proof-core strong { font-size:14px; }
.proof-core span { font-size:8px; opacity:.7; }
.proof-node { position:absolute; z-index:3; display:grid; gap:3px; min-width:120px; padding:12px 14px; background:#fff; border:1px solid #dbe2ee; border-radius:11px; box-shadow:0 10px 25px rgba(40,58,103,.08); }
.proof-node strong { color:#293855; font-size:12px; }
.proof-node small { color:#8d97aa; font-size:9px; }
.proof-node.n1 { top:70px; left:45px; }.proof-node.n2 { top:70px; right:45px; }.proof-node.n3 { bottom:55px; left:45px; }.proof-node.n4 { right:45px; bottom:55px; }
.home-v2-api { display:grid; grid-template-columns:1fr auto auto; gap:34px; align-items:center; width:min(1240px,calc(100% - 48px)); margin-bottom:72px; padding:34px; color:#fff; background:linear-gradient(115deg,#1d376e,#284b91 60%,#3b61b4); border-radius:20px; box-shadow:0 20px 55px rgba(30,55,112,.18); }
.home-v2-api > div:first-child > span { color:#9fbcff; }
.home-v2-api h2 { color:#fff; font-size:26px; }
.home-v2-api p { max-width:590px; margin:9px 0 0; color:rgba(255,255,255,.68); font-size:12px; line-height:1.6; }
.home-v2-api code { padding:12px 15px; color:#cce0ff; background:rgba(7,19,49,.35); border:1px solid rgba(255,255,255,.14); border-radius:9px; font-size:12px; }
.home-v2-api > div:last-child { display:flex; flex-direction:column; gap:8px; }
.home-v2-api a { display:flex; align-items:center; justify-content:center; gap:5px; min-width:145px; padding:10px 13px; color:#23458c; background:#fff; border-radius:8px; font-size:11px; font-weight:850; }
.home-v2-api a + a { color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); }

/* API to account bridge */
.api-header .account-chip { display:flex; align-items:center; gap:7px; text-decoration:none; }
.gc-api-wallet-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:5px; }
.gc-api-wallet-actions a,.gc-api-wallet-actions button { display:grid; place-items:center; min-height:35px; margin:0; padding:8px; border-radius:8px; font-size:11px; font-weight:850; }
.gc-api-wallet-actions a { color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); }
.account-api-center { grid-column:1 / -1; padding:23px; background:linear-gradient(145deg,#fff,#f8faff); border:1px solid #dfe5f0; border-radius:18px; box-shadow:0 14px 38px rgba(30,50,100,.06); scroll-margin-top:90px; }
.account-api-center > header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:18px; border-bottom:1px solid #e7eaf1; }
.account-api-center h2 { margin:6px 0 4px; color:#1d2b4d; font-size:24px; }
.account-api-center header p { margin:0; color:#7e899d; font-size:12px; }
.account-api-center header > div:last-child { display:flex; gap:8px; }
.account-api-center header a { padding:9px 12px; color:#4159b9; background:#eff3ff; border-radius:8px; font-size:11px; font-weight:800; }
.account-api-center header a.primary { display:flex; align-items:center; gap:4px; color:#fff; background:#465dc8; }
.account-api-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:18px 0; }
.account-api-grid article { display:grid; grid-template-columns:auto 1fr; gap:3px 10px; padding:16px; background:#fff; border:1px solid #e4e8f0; border-radius:12px; }
.account-api-grid article > span { grid-row:1 / 4; display:grid; place-items:center; width:38px; height:38px; color:#415fc2; background:#edf2ff; border-radius:10px; }
.account-api-grid small { color:#8f98a9; font-size:9px; }
.account-api-grid strong { color:#243353; font-size:18px; }
.account-api-grid button { width:max-content; padding:0; color:#4562c4; background:transparent; border:0; font-size:9px; font-weight:800; cursor:pointer; }
.account-api-ledger { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.account-api-ledger > div { display:flex; gap:12px; align-items:center; padding:13px 15px; color:#7b8598; background:#f5f7fb; border-radius:10px; font-size:10px; }
.account-api-ledger > div:first-child span { display:flex; align-items:center; gap:5px; }
.account-api-ledger > div:first-child span i { width:7px; height:7px; background:#36b990; border-radius:50%; }
.account-api-ledger strong { color:#2e3b59; }
.account-api-ledger code { color:#5365b8; }
.account-api-ledger em { margin-left:auto; color:#268c70; font-style:normal; font-weight:800; }
.account-api-ledger p { margin:0; line-height:1.5; }
.account-api-ledger a { margin-left:auto; color:#415fc3; font-weight:800; }

/* Complete operations workspace */
.admin-sidebar { overflow-y:auto; padding-bottom:14px; }
.admin-side-nav { display:block !important; margin-top:10px !important; }
.admin-side-nav > small { display:block; padding:11px 11px 4px; color:#7790a8; font-size:8px; font-weight:850; letter-spacing:.08em; }
.admin-side-nav button { min-height:35px; padding:8px 10px !important; font-size:9px !important; }
.admin-user { position:sticky; bottom:-14px; margin-top:12px; background:#362d6f; }
.admin-main { min-width:0; padding-top:16px; }
.admin-global-bar { display:flex; justify-content:space-between; align-items:center; margin:-16px -35px 16px; padding:11px 35px; background:#fff; border-bottom:1px solid #e3e7ee; }
.admin-global-bar > div { display:flex; align-items:center; gap:12px; }
.admin-global-bar > div:first-child > span { display:flex; align-items:center; gap:7px; width:360px; padding:7px 10px; color:#8a94a6; background:#f4f6f9; border:1px solid #e6e9ef; border-radius:8px; }
.admin-global-bar input { width:100%; background:transparent; border:0; outline:0; font-size:9px; }
.admin-global-bar small { display:flex; align-items:center; gap:6px; color:#6f7c91; font-size:8px; }
.admin-global-bar small i { width:7px; height:7px; background:#35b88f; border-radius:50%; box-shadow:0 0 0 3px #ddf5ed; }
.admin-global-bar > div:last-child button { position:relative; padding:7px 10px; color:#53617a; background:#f5f7fa; border:1px solid #e5e8ee; border-radius:8px; font-size:9px; cursor:pointer; }
.admin-global-bar button b { position:absolute; top:-5px; right:-5px; display:grid; place-items:center; width:15px; height:15px; color:#fff; background:#e65f50; border-radius:50%; font-size:7px; }
.admin-module-nav { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:24px; padding:7px; background:#fff; border:1px solid #e2e6ed; border-radius:11px; box-shadow:0 5px 18px rgba(31,48,86,.035); }
.admin-module-nav > div { display:flex; flex-wrap:wrap; gap:4px; }
.admin-module-nav button { padding:8px 11px; color:#778297; background:transparent; border:0; border-radius:7px; font-size:9px; font-weight:750; cursor:pointer; }
.admin-module-nav button.active { color:#fff; background:#4b5ec8; box-shadow:0 5px 14px rgba(67,83,181,.2); }
.admin-module-nav > span { flex:0 0 auto; padding-right:8px; color:#8d97a9; font-size:8px; }
.admin-subpage > header { display:flex; justify-content:space-between; align-items:flex-end; gap:25px; }
.admin-subpage > header span { color:#5368cb; font-size:8px; font-weight:900; letter-spacing:.12em; }
.admin-subpage > header h1 { margin:6px 0; color:#24314f; font-size:27px; }
.admin-subpage > header p { margin:0; color:#808a9d; font-size:9px; }
.admin-subpage > header > button { padding:9px 14px; color:#fff; background:#485bc8; border:0; border-radius:8px; font-size:9px; font-weight:850; cursor:pointer; }
.admin-subpage-toolbar { display:flex; gap:8px; align-items:center; margin-top:13px; padding:11px; background:#fff; border:1px solid #e4e7ed; border-radius:11px; }
.admin-subpage-toolbar label { display:flex; align-items:center; gap:7px; width:min(390px,45%); padding:8px 10px; color:#8893a6; background:#f5f7fa; border-radius:7px; }
.admin-subpage-toolbar input { width:100%; background:transparent; border:0; outline:0; font-size:9px; }
.admin-subpage-toolbar button { padding:7px 10px; color:#657187; background:#f5f7fa; border:1px solid #e5e8ee; border-radius:7px; font-size:8px; cursor:pointer; }
.admin-subpage-toolbar button:last-child { margin-left:auto; color:#485dc0; background:#eef1ff; }
.admin-subpage-table { overflow-x:auto; margin-top:10px; padding:12px 16px; background:#fff; border:1px solid #e3e7ee; border-radius:13px; }
.admin-subpage-table > div { display:grid; grid-template-columns:1.5fr 1fr .7fr .8fr .7fr .7fr; gap:12px; align-items:center; min-width:850px; padding:11px 7px; color:#778196; border-top:1px solid #edf0f4; font-size:8px; }
.admin-subpage-table > div.head { color:#929bad; background:#f7f8fa; border:0; font-weight:850; }
.admin-subpage-table > div > span:first-child { display:grid; gap:3px; }
.admin-subpage-table code { color:#5d6bbe; font-size:7px; }
.admin-subpage-table strong { color:#2f3b57; font-size:9px; }
.admin-subpage-table em { width:max-content; padding:4px 7px; border-radius:999px; font-style:normal; font-weight:800; }
.admin-subpage-table em.ok { color:#23826a; background:#e5f7f1; }.admin-subpage-table em.warn { color:#a16b20; background:#fff3da; }.admin-subpage-table em.info { color:#405ab4; background:#ebefff; }.admin-subpage-table em.muted { color:#7e8797; background:#eff1f4; }
.admin-subpage-table button { color:#4e63c5; background:transparent; border:0; font-size:8px; font-weight:800; cursor:pointer; }
.admin-drawer-mask { position:fixed; z-index:300; inset:0; background:rgba(18,25,49,.48); backdrop-filter:blur(2px); }
.admin-action-drawer { position:fixed; z-index:310; top:0; right:0; display:flex; flex-direction:column; width:min(480px,100vw); height:100vh; padding:25px; background:#fff; box-shadow:-28px 0 80px rgba(18,27,55,.25); }
.admin-action-drawer > header { display:flex; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid #e6e9ef; }
.admin-action-drawer header span { color:#4a61c8; font-size:8px; font-weight:900; letter-spacing:.12em; }
.admin-action-drawer h2 { margin:6px 0; color:#25324e; font-size:22px; }
.admin-action-drawer header p { margin:0; color:#838da0; font-size:9px; line-height:1.6; }
.admin-action-drawer header button { width:32px; height:32px; background:#f2f4f7; border:0; border-radius:50%; cursor:pointer; }
.admin-drawer-status { display:flex; gap:10px; margin:18px 0; padding:13px; color:#2b8b70; background:#eaf8f3; border-radius:10px; }
.admin-drawer-status div { display:grid; gap:4px; }
.admin-drawer-status strong { font-size:10px; }.admin-drawer-status small { color:#6f9489; font-size:8px; }
.admin-action-drawer form { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.admin-action-drawer label { display:grid; gap:6px; color:#667188; font-size:9px; }
.admin-action-drawer label.wide { grid-column:1 / -1; }
.admin-action-drawer input,.admin-action-drawer select,.admin-action-drawer textarea { width:100%; padding:10px 11px; color:#2f3b56; background:#f8f9fb; border:1px solid #dfe3ea; border-radius:8px; outline:0; font:inherit; }
.admin-action-drawer textarea { resize:vertical; }
.admin-action-drawer footer { grid-column:1 / -1; display:flex; justify-content:flex-end; gap:8px; margin-top:8px; padding-top:16px; border-top:1px solid #e7eaf0; }
.admin-action-drawer footer button { padding:9px 13px; color:#667186; background:#f1f3f6; border:0; border-radius:8px; font-size:9px; cursor:pointer; }
.admin-action-drawer footer button.primary { color:#fff; background:#485cc8; font-weight:850; }
.ops-table.admin-users > div,.ops-table.admin-files > div,.ops-table.analytics > div { grid-template-columns:1.4fr 1fr .8fr .8fr .7fr .6fr; }
.file-policy-list { display:grid; gap:1px; background:#e9edf3; }
.file-policy-list > div { display:flex; justify-content:space-between; padding:12px; background:#fafbfc; font-size:9px; }
.file-policy-list span { color:#7f899b; }.file-policy-list strong { color:#2f3b56; }
.file-health-row { display:grid; grid-template-columns:1fr 1.4fr auto; gap:10px; align-items:center; padding:9px 0; color:#697489; font-size:9px; }
.file-health-row i { overflow:hidden; height:6px; background:#edf0f4; border-radius:5px; }.file-health-row i b { display:block; height:100%; background:#43ae8e; border-radius:5px; }
.analytics-layout { grid-template-columns:1.35fr .65fr; }
.analytics-trend,.analytics-funnel { min-height:330px; }
.analytics-bars { display:flex; align-items:flex-end; gap:9px; height:220px; padding-top:25px; border-bottom:1px solid #dfe4eb; }
.analytics-bars > i { position:relative; flex:1; min-width:8px; background:linear-gradient(#5369d6,#91a0ed); border-radius:5px 5px 0 0; }
.analytics-bars > i b { position:absolute; right:0; bottom:0; left:0; background:#ec9e75; border-radius:4px 4px 0 0; }
.analytics-bars > i span { position:absolute; bottom:-19px; left:50%; color:#949cad; font-size:7px; transform:translateX(-50%); }
.analytics-trend footer { display:flex; gap:16px; margin-top:26px; color:#788399; font-size:8px; }
.analytics-trend footer span { display:flex; align-items:center; gap:5px; }.analytics-trend footer i { width:8px; height:8px; background:#6174d8; border-radius:2px; }.analytics-trend footer span + span i { background:#ec9e75; }
.analytics-funnel > div { display:grid; grid-template-columns:1fr auto; gap:7px 12px; padding:9px 0; color:#778197; font-size:8px; }
.analytics-funnel > div i { grid-column:1 / -1; overflow:hidden; height:7px; background:#edf0f5; border-radius:5px; }.analytics-funnel > div i b { display:block; height:100%; background:linear-gradient(90deg,#4f64cd,#8b99e7); border-radius:5px; }

@media (max-width:1100px) {
  .tool-hub-grid { grid-template-columns:repeat(2,1fr); }
  .decision-scenes > div { grid-template-columns:repeat(2,1fr); }
  .market-discovery-grid,.intelligence-proof { grid-template-columns:1fr; }
  .home-v2-api { grid-template-columns:1fr; }
  .home-v2-api > div:last-child { flex-direction:row; }
  .account-api-grid { grid-template-columns:repeat(2,1fr); }
  .admin-global-bar { margin-right:-22px; margin-left:-22px; padding-right:22px; padding-left:22px; }
}
@media (max-width:700px) {
  .search-first-hero { min-height:0; padding:48px 14px 28px; }
  .search-hero-copy h1 { font-size:36px; }
  .search-hero-copy p { font-size:14px; }
  .search-product-tabs { overflow-x:auto; justify-content:flex-start; }
  .search-product-tabs button { min-width:max-content; padding:11px 14px; }
  .search-command-card { padding:13px; border-radius:13px; }
  .search-command-card .database-picker { width:100%; }
  .search-command-card .database-picker button { min-width:0; flex:1; }
  .search-command-card .database-picker .database-copy small { display:none; }
  .v2-search { height:55px; }.v2-search input { padding:0 13px; font-size:14px; }.v2-search button { padding:0 15px; font-size:0; }.v2-search button svg { width:21px; height:21px; }
  .home-search-hints a { width:100%; margin:5px 0 0; }
  .search-trust-strip { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.search-trust-strip > i { display:none; }
  .home-v2-section { width:calc(100% - 28px); padding:50px 0; }
  .home-v2-section > header { align-items:flex-start; flex-direction:column; margin-bottom:20px; }
  .home-v2-section > header h2,.intelligence-proof h2 { font-size:27px; }
  .tool-hub-grid,.decision-scenes > div,.intelligence-proof > div > div { grid-template-columns:1fr; }
  .tool-hub-grid > button { min-height:88px; }
  .market-discovery { width:100%; padding-right:14px; padding-left:14px; }
  .hot-company-board > button { grid-template-columns:28px 1fr auto; }.hot-company-board > button > em,.hot-company-board > button > i { display:none; }
  .industry-board > div:not(.board-head) { grid-template-columns:repeat(2,1fr); }
  .industry-board > aside { grid-template-columns:auto 1fr; }.industry-board > aside a { grid-column:2; }
  .decision-scenes > div > button { min-height:210px; }
  .intelligence-proof { gap:28px; }.intelligence-proof > aside { min-height:340px; }.proof-node { min-width:105px; }.proof-node.n1,.proof-node.n3 { left:16px; }.proof-node.n2,.proof-node.n4 { right:16px; }
  .home-v2-api { width:calc(100% - 28px); margin-bottom:50px; padding:24px; }.home-v2-api > div:last-child { flex-direction:column; }
  .account-api-center > header,.account-api-ledger { display:grid; grid-template-columns:1fr; }.account-api-center header > div:last-child { flex-wrap:wrap; }.account-api-grid { grid-template-columns:1fr; }.account-api-ledger a { margin-left:0; }
  .admin-global-bar { margin-right:-14px; margin-left:-14px; padding-right:14px; padding-left:14px; }.admin-global-bar > div:first-child > span { width:100%; }.admin-global-bar > div:first-child { flex:1; }.admin-global-bar > div:first-child small,.admin-global-bar > div:last-child button:last-child { display:none; }
  .admin-module-nav { align-items:flex-start; flex-direction:column; }.admin-module-nav > span { padding:0 8px 4px; }
  .admin-subpage > header { align-items:flex-start; flex-direction:column; }.admin-subpage-toolbar { flex-wrap:wrap; }.admin-subpage-toolbar label { width:100%; }.admin-subpage-toolbar button:last-child { margin-left:0; }
  .admin-action-drawer form { grid-template-columns:1fr; }.admin-action-drawer label.wide,.admin-action-drawer footer { grid-column:1; }
}

/* Access-contract notices and narrow-screen containment */
.mock-provider-notice {
  display:flex;
  gap:11px;
  align-items:flex-start;
  max-width:1240px;
  margin:0 auto 18px;
  padding:13px 16px;
  color:#704c16;
  background:#fff8e8;
  border:1px solid #f0d89f;
  border-radius:10px;
}
.mock-provider-notice > svg { flex:0 0 auto; margin-top:2px; }
.mock-provider-notice > div { display:grid; gap:3px; min-width:0; }
.mock-provider-notice strong { font-size:13px; }
.mock-provider-notice span { font-size:11px; line-height:1.55; }

@media (max-width:900px) {
  html,body,#app { max-width:100%; overflow-x:hidden; }
  .report-app { min-width:0; width:100%; height:auto; min-height:100vh; overflow:visible; }
  .report-topbar { display:grid; grid-template-columns:1fr; height:auto; gap:10px; padding:14px 16px; }
  .report-topbar .compact-brand { display:none; }
  .report-title,.report-actions { min-width:0; flex-wrap:wrap; }
  .report-actions { justify-content:flex-start; }
  .report-layout { display:block; height:auto; min-width:0; }
  .report-toc { position:static; width:auto; max-height:none; overflow:visible; border-right:0; border-bottom:1px solid var(--line); }
  .report-toc nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-document { width:100%; min-width:0; overflow:visible; padding:16px; }
  .report-cover,.report-section { width:100%; min-width:0; max-width:100%; overflow:hidden; }
  .report-section *,.report-cover * { min-width:0; overflow-wrap:anywhere; }
  .summary-grid,.risk-overview { grid-template-columns:1fr 1fr; }
  .evidence-table > div { grid-template-columns:minmax(110px,.35fr) minmax(0,1fr); }
  .ai-panel { width:auto; min-width:0; max-height:none; overflow:visible; border-left:0; border-top:1px solid var(--line); }

  .api-app,.api-portal-shell,.api-portal-stage,.api-portal-stage main,
  .api-detail-layout-v3,.api-detail-content-v3,.api-doc-section-v3 { min-width:0; max-width:100%; }
  .api-detail-content-v3 { overflow:hidden; }
  .api-doc-section-v3 { padding:18px; overflow:hidden; }
  .api-doc-table-v3,.api-response-v3,.api-code-examples-v3,
  .api-code-examples-v3 article,.api-response-v3 pre,.api-code-examples-v3 pre { max-width:100%; min-width:0; }
  .api-response-v3 pre,.api-code-examples-v3 pre { overflow-x:auto; white-space:pre; }
  .api-detail-hero-v3 dl dd,.api-detail-hero-v3 code { overflow-wrap:anywhere; word-break:break-word; }
}

/* v52 — customer and order detail workspaces */
.admin-detail-modal { width:min(880px,94vw); }
.admin-detail-body { display:grid; gap:16px; }
.admin-detail-metrics,.admin-order-status { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.admin-detail-metrics > div,.admin-order-status > div { padding:15px; border:1px solid #dce7e2; border-radius:11px; background:#f7faf9; }
.admin-detail-metrics span,.admin-order-status span { display:block; color:#71817a; font-size:12px; }
.admin-detail-metrics strong,.admin-order-status strong { display:block; margin-top:6px; color:#173a30; font-size:18px; }
.admin-order-status { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-order-status small { display:block; margin-top:5px; color:#87958f; font-size:11px; }
.admin-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.admin-detail-grid > article,.admin-detail-panel { padding:18px; border:1px solid #dfe8e4; border-radius:12px; background:#fff; }
.admin-detail-grid header,.admin-detail-panel > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.admin-detail-grid header strong,.admin-detail-panel header strong { color:#203a31; font-size:15px; }
.admin-detail-grid header button { padding:6px 9px; color:#087f61; border:1px solid #c9dfd7; border-radius:7px; background:#fff; font-size:12px; }
.admin-detail-grid dl,.refund-evidence dl { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0; }
.admin-detail-grid dl div,.refund-evidence dl div { min-width:0; }
.admin-detail-grid dt,.refund-evidence dt { color:#84918c; font-size:11px; }
.admin-detail-grid dd,.refund-evidence dd { overflow-wrap:anywhere; margin:4px 0 0; color:#30483f; font-size:13px; font-weight:700; }
.admin-detail-panel > header span { color:#7b8983; font-size:12px; }
.admin-detail-table > div { display:grid; grid-template-columns:1fr 1.35fr 1.1fr .55fr; gap:12px; align-items:center; padding:11px 6px; border-top:1px solid #e7eeeb; color:#4e625a; font-size:12px; }
.admin-detail-table > div.head { padding-top:0; color:#899690; border-top:0; font-size:11px; font-weight:800; }
.admin-detail-table em { width:max-content; padding:4px 7px; color:#087f61; border-radius:999px; background:#e7f6f1; font-style:normal; }
.admin-detail-timeline { display:grid; gap:0; }
.admin-detail-timeline > div { display:grid; grid-template-columns:82px 15px 1fr; gap:10px; min-height:48px; }
.admin-detail-timeline time { color:#7f8e88; font-size:11px; }
.admin-detail-timeline i { position:relative; width:9px; height:9px; margin-top:3px; border-radius:50%; background:#08a47c; }
.admin-detail-timeline i:after { content:""; position:absolute; top:11px; bottom:-34px; left:4px; width:1px; background:#d7e7e1; }
.admin-detail-timeline > div:last-child i:after { display:none; }
.admin-detail-timeline strong,.admin-detail-timeline small { display:block; }.admin-detail-timeline strong { color:#30483f; font-size:13px; }.admin-detail-timeline small { margin-top:3px; color:#7c8b85; font-size:11px; }
.admin-order-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.admin-order-steps > div { position:relative; padding:14px; border-radius:9px; background:#f3f8f6; }
.admin-order-steps i { display:block; width:9px; height:9px; margin-bottom:9px; border-radius:50%; background:#08a47c; }
.admin-order-steps strong,.admin-order-steps small,.admin-order-steps em { display:block; }.admin-order-steps strong { color:#284239; font-size:13px; }.admin-order-steps small { margin-top:4px; color:#83918c; font-size:11px; }.admin-order-steps em { margin-top:10px; color:#087f61; font-size:11px; font-style:normal; }
.admin-detail-modal > footer .danger { margin-right:auto; color:#b94d3d; border-color:#efd4ce; background:#fff7f5; }
@media (max-width:760px) {
  .admin-detail-metrics,.admin-order-status,.admin-detail-grid,.admin-order-steps { grid-template-columns:1fr; }
  .admin-detail-table { overflow-x:auto; }.admin-detail-table > div { min-width:620px; }
}

@media (max-width:560px) {
  .report-toc nav,.summary-grid,.risk-overview { grid-template-columns:1fr; }
  .report-actions button { flex:1 1 100%; }
  .report-document { padding:10px; }
  .report-cover,.report-section { padding:22px 16px; }
  .api-detail-anchor { grid-template-columns:1fr; }
  .api-detail-hero-v3 aside { grid-template-columns:1fr; }
  .mock-provider-notice { margin-inline:12px; }
}

/* v41 — official operations backend: focused business workflows */
.admin-v41-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.admin-v41-principles article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; padding:15px 16px; border:1px solid #dfe9e5; border-radius:12px; background:#fff; box-shadow:0 7px 22px rgba(17,59,47,.035); }
.admin-v41-principles article>span { display:grid; place-items:center; width:36px; height:36px; color:#078d69; border-radius:9px; background:#eaf7f2; }
.admin-v41-principles strong,.admin-v41-principles small { display:block; }
.admin-v41-principles strong { color:#263a33; font-size:12px; }
.admin-v41-principles small { margin-top:4px; color:#7d8c87; font-size:9px; line-height:1.5; }
.admin-v41-principles b { padding:5px 7px; color:#087d60; border-radius:6px; background:#eff9f5; font-size:9px; }
.admin-v41-work { margin-bottom:18px; overflow:hidden; border:1px solid #dde7e3; border-radius:13px; background:#fff; }
.admin-v41-work>header { display:flex; align-items:center; justify-content:space-between; padding:16px 19px; border-bottom:1px solid #e6ece9; }
.admin-v41-work>header strong,.admin-v41-work>header span { display:block; }
.admin-v41-work>header strong { color:#233831; font-size:14px; }
.admin-v41-work>header span,.admin-v41-work>header small { margin-top:4px; color:#87948f; font-size:9px; }
.admin-v41-work>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.admin-v41-work article { display:grid; grid-template-columns:35px minmax(0,1fr); gap:11px; min-width:0; padding:18px; border-right:1px solid #e7ecea; }
.admin-v41-work article:last-child { border-right:0; }
.admin-v41-work article>span { display:grid; place-items:center; width:34px; height:34px; color:#087f61; border-radius:9px; background:#e9f7f2; }
.admin-v41-work article small,.admin-v41-work article strong,.admin-v41-work article p { display:block; }
.admin-v41-work article small { color:#84928d; font-size:9px; }
.admin-v41-work article strong { margin-top:5px; color:#263a33; font-size:12px; line-height:1.45; }
.admin-v41-work article p { min-height:26px; margin:4px 0 12px; color:#899590; font-size:9px; line-height:1.45; }
.admin-v41-work article button { grid-column:2; display:flex; align-items:center; gap:5px; width:max-content; padding:0; color:#087f61; border:0; background:transparent; font-size:9px; font-weight:800; cursor:pointer; }
.admin-v41-flow>div { display:flex; align-items:stretch; gap:7px; margin-top:10px; }
.admin-v41-flow>div>article { flex:1; display:grid; gap:4px; min-width:0; padding:12px; border-radius:9px; background:#f5faf8; }
.admin-v41-flow>div>article b { color:#0a8a68; font-size:9px; }
.admin-v41-flow>div>article strong { color:#2c4038; font-size:11px; }
.admin-v41-flow>div>article small { color:#8a9691; font-size:8px; }
.admin-v41-flow>div>i { align-self:center; color:#a6b1ad; font-style:normal; }
.admin-v41-exception { display:grid; grid-template-columns:1fr auto 14px; align-items:center; gap:10px; width:100%; padding:11px 0; color:#52645d; border:0; border-bottom:1px solid #edf1ef; background:transparent; text-align:left; cursor:pointer; }
.admin-v41-exception:last-child { border-bottom:0; }
.admin-v41-exception strong { color:#e16e4f; font-size:13px; }
.admin-v41-source-focus { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(210px,.7fr); gap:16px; margin-bottom:18px; }
.admin-v41-source-focus>article,.admin-v41-source-focus>.future { min-width:0; border:1px solid #dce7e3; border-radius:13px; background:#fff; }
.admin-v41-source-focus article.primary { padding:20px; box-shadow:0 9px 24px rgba(20,67,53,.04); }
.admin-v41-source-focus article.primary header { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:13px; align-items:start; }
.admin-v41-source-focus article.primary header>span { display:grid; place-items:center; width:42px; height:42px; color:#078a68; border-radius:10px; background:#e6f6f0; }
.admin-v41-source-focus h2 { margin:3px 0 5px; color:#233831; font-size:18px; }
.admin-v41-source-focus p { margin:0; color:#7d8b86; font-size:10px; line-height:1.65; }
.admin-v41-source-focus em { padding:5px 8px; color:#087b5e; border-radius:6px; background:#eaf8f3; font-size:9px; font-style:normal; }
.admin-v41-source-focus dl { display:grid; grid-template-columns:repeat(4,1fr); margin:18px 0; padding:14px 0; border-top:1px solid #e8eeeb; border-bottom:1px solid #e8eeeb; }
.admin-v41-source-focus dl div { padding:0 13px; border-right:1px solid #e8eeeb; }
.admin-v41-source-focus dl div:last-child { border-right:0; }
.admin-v41-source-focus dt { color:#87948f; font-size:8px; }
.admin-v41-source-focus dd { margin:5px 0 0; color:#2d4139; font-size:10px; font-weight:800; }
.admin-v41-source-focus footer { display:flex; gap:9px; }
.admin-v41-source-focus footer button,.admin-v41-source-focus>.future { cursor:pointer; }
.admin-v41-source-focus footer button { padding:8px 12px; color:#087f61; border:1px solid #bcded2; border-radius:7px; background:#fff; font-size:9px; font-weight:800; }
.admin-v41-source-focus footer button:first-child { color:#fff; border-color:#069b74; background:#069b74; }
.admin-v41-source-focus>.future { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#778680; border-style:dashed; }
.admin-v41-source-focus>.future span { display:grid; place-items:center; width:42px; height:42px; color:#098565; border-radius:50%; background:#edf8f4; font-size:22px; }
.admin-v41-source-focus>.future strong { color:#30443c; font-size:12px; }
.admin-v41-source-focus>.future small { max-width:180px; font-size:9px; line-height:1.5; }
.admin-v41-review-policy,.admin-v41-api-policy { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:14px; margin-bottom:18px; padding:16px 18px; border:1px solid #efd99d; border-radius:12px; background:#fffaf0; }
.admin-v41-review-policy>span,.admin-v41-api-policy>span { display:grid; place-items:center; width:40px; height:40px; color:#a97815; border-radius:9px; background:#fff1c8; }
.admin-v41-review-policy strong,.admin-v41-api-policy strong { color:#4d4130; font-size:12px; }
.admin-v41-review-policy p,.admin-v41-api-policy p { margin:4px 0 0; color:#8b7a5f; font-size:9px; line-height:1.55; }
.admin-v41-review-policy>b { color:#9b721e; font-size:9px; letter-spacing:.08em; }
.admin-v41-review-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:15px; }
.admin-v41-review-actions article { padding:13px 15px; border:1px solid #dfe8e4; border-radius:10px; background:#fff; }
.admin-v41-review-actions strong,.admin-v41-review-actions small { display:block; }
.admin-v41-review-actions strong { color:#30433c; font-size:10px; }
.admin-v41-review-actions small { margin-top:4px; color:#87938f; font-size:8px; }
.admin-v41-api-policy { border-color:#bfe2d5; background:#f0faf6; }
.admin-v41-api-policy>span { color:#087f61; background:#dff3ec; }
.admin-v41-api-policy>div>strong { color:#245044; }
.admin-v41-api-policy>div>p { color:#68837a; }
.admin-v41-api-policy dl { display:flex; gap:18px; margin:0; }
.admin-v41-api-policy dl div { min-width:72px; }
.admin-v41-api-policy dt { color:#83938d; font-size:8px; }
.admin-v41-api-policy dd { margin:4px 0 0; color:#087f61; font-size:10px; font-weight:850; }
.admin-v41-api-products { display:grid; gap:2px; margin-top:8px; }
.admin-v41-api-products button { display:grid; grid-template-columns:minmax(0,1fr) auto auto 14px; align-items:center; gap:12px; padding:11px 0; color:#4b5f57; border:0; border-bottom:1px solid #edf1ef; background:transparent; text-align:left; cursor:pointer; }
.admin-v41-api-products button:last-child { border-bottom:0; }
.admin-v41-api-products b,.admin-v41-api-products small { display:block; }
.admin-v41-api-products b { color:#2c4038; font-size:10px; }
.admin-v41-api-products small { margin-top:3px; color:#8a9691; font-size:8px; }
.admin-v41-api-products strong { font-size:9px; }
.admin-v41-api-products em { padding:4px 6px; color:#087d60; border-radius:5px; background:#edf8f4; font-size:8px; font-style:normal; }
.admin-v41-balance-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:11px; padding:12px 0; border-bottom:1px solid #edf1ef; }
.admin-v41-balance-row:last-child { border-bottom:0; }
.admin-v41-balance-row b,.admin-v41-balance-row small { display:block; }
.admin-v41-balance-row b { color:#30443c; font-size:10px; }
.admin-v41-balance-row small { margin-top:3px; color:#d17754; font-size:8px; }
.admin-v41-balance-row strong { color:#d56848; font-size:12px; }
.admin-v41-balance-row button { padding:5px 8px; color:#087f61; border:1px solid #cce3db; border-radius:6px; background:#fff; font-size:8px; cursor:pointer; }
.admin-v41-channel-usage { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:9px; }
.admin-v41-channel-usage article { display:grid; grid-template-columns:1fr auto; gap:5px; padding:12px; border-radius:9px; background:#f6faf8; }
.admin-v41-channel-usage span { color:#687a73; font-size:9px; }
.admin-v41-channel-usage strong { color:#293e36; font-size:12px; }
.admin-v41-channel-usage i,.admin-v41-funnel i { grid-column:1/-1; height:4px; overflow:hidden; border-radius:99px; background:#e3ebe8; }
.admin-v41-channel-usage i b,.admin-v41-funnel i b { display:block; height:100%; border-radius:inherit; background:#08a77f; }
.admin-v41-channel-usage small { justify-self:end; color:#83918c; font-size:8px; }
.admin-v41-funnel { display:grid; grid-template-columns:1fr auto; gap:6px; padding:9px 0; }
.admin-v41-funnel span { color:#697b74; font-size:9px; }
.admin-v41-funnel strong { color:#2d4139; font-size:10px; }

@media (max-width:1180px) {
  .admin-v41-work>div { grid-template-columns:repeat(2,1fr); }
  .admin-v41-work article:nth-child(2) { border-right:0; }
  .admin-v41-work article:nth-child(-n+2) { border-bottom:1px solid #e7ecea; }
  .admin-v41-principles { grid-template-columns:1fr; }
}
@media (max-width:850px) {
  .admin-v41-source-focus,.admin-v41-work>div { grid-template-columns:1fr; }
  .admin-v41-work article { border-right:0; border-bottom:1px solid #e7ecea; }
  .admin-v41-source-focus dl { grid-template-columns:repeat(2,1fr); row-gap:14px; }
  .admin-v41-api-policy { grid-template-columns:42px minmax(0,1fr); }
  .admin-v41-api-policy dl { grid-column:1/-1; padding-left:56px; }
  .admin-v41-review-actions { grid-template-columns:repeat(2,1fr); }
  .admin-v41-flow>div { flex-direction:column; }
  .admin-v41-flow>div>i { transform:rotate(90deg); }
}

/* v42 — conventional admin typography and explicit sign-out */
.admin-app { font-size:14px; line-height:1.55; }
.admin-brand-v36 > span strong { font-size:20px; }
.admin-brand-v36 > span small { font-size:12px; }
.admin-brand-v36 > b { padding:5px 9px; font-size:11px; }
.admin-side-nav > small { padding-top:16px; font-size:12px; }
.admin-side-nav button { min-height:44px; font-size:14px !important; }
.admin-user { display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; padding:12px; }
.admin-user > span { width:36px; height:36px; font-size:12px; }
.admin-user div { align-self:center; }
.admin-user strong { font-size:14px; }
.admin-user small { font-size:12px; }
.admin-user > button { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:36px; margin-top:3px; color:#d8ebe4; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.06); font-size:13px; font-weight:750; cursor:pointer; }
.admin-user > button:hover { color:#082f27; border-color:#55ddb1; background:#55ddb1; }
.admin-global-bar input { font-size:14px; }
.admin-global-bar small,.admin-global-bar button { font-size:13px; }
.admin-global-bar .admin-top-logout { display:flex; align-items:center; gap:6px; color:#b94d3d; border-color:#efd4ce; background:#fff7f5; }
.admin-global-bar .admin-top-logout:hover { color:#fff; border-color:#b94d3d; background:#b94d3d; }
.admin-module-nav button { padding:9px 13px; font-size:14px; }
.admin-module-nav > span { font-size:12px; }
.admin-top h1,.admin-subpage > header h1 { font-size:28px; line-height:1.25; }
.admin-top p,.admin-subpage > header p { max-width:850px; font-size:14px; line-height:1.7; }
.admin-top .kicker,.admin-subpage > header > div > span { font-size:12px; }
.admin-main .button,.admin-main button,.admin-subpage > header > button { font-size:14px; }
.admin-config-metrics article small,.ops-metrics article small,.admin-metrics article span { font-size:13px; }
.admin-config-metrics article strong,.ops-metrics article strong,.admin-metrics article strong { font-size:25px; }
.admin-config-metrics article span,.ops-metrics article span,.admin-metrics article small { font-size:12px; }
.ops-card > header strong,.ops-table-card > header strong,.panel-title strong,.admin-config-table > header strong,.admin-subpage-table strong { font-size:16px; }
.ops-card > header span,.ops-table-card > header span,.panel-title span,.admin-config-table > header span { font-size:13px; }
.admin-main .ops-table > div > *,.admin-main .admin-subpage-table > div > * { font-size:13px !important; }
.admin-main .ops-table .head > *,.admin-main .admin-subpage-table .head > * { font-size:12px !important; }

/* v45 final responsive precedence for the operations workspace */
@media (max-width:820px) {
  .admin-app { grid-template-columns:minmax(0,1fr) !important; }
  .admin-global-bar > div:first-child { min-width:0; }
  .admin-global-bar > div:last-child button[data-action="admin-demo-action"] { display:none; }
  .admin-global-bar > div:last-child button.admin-top-logout {
    flex:0 0 auto;
    min-width:76px;
    padding:7px 10px;
    white-space:nowrap;
  }
}

/* v49 final precedence — simplified brand, single logout and readable admin content */
.admin-brand-v36 { grid-template-columns:88px minmax(0,1fr); gap:12px; min-height:68px; padding:8px 8px 16px; }
.admin-brand-v36 > img { width:88px; height:44px; }
.admin-brand-v36 > span { display:block; }
.admin-brand-v36 > span strong { font-size:20px; line-height:1.2; }
.admin-brand-v36 > span small,.admin-brand-v36 > b { display:none !important; }
.admin-user { grid-template-columns:38px minmax(0,1fr); padding:12px; }
.admin-user > button { display:none !important; }
.admin-global-bar { min-height:66px; padding-top:12px; padding-bottom:12px; }
.admin-global-bar > div:first-child { gap:16px; }
.admin-global-bar > div:first-child > span { width:min(440px,42vw); min-height:40px; padding:0 13px; background:#f6f8f7; border-color:#dfe7e3; border-radius:10px; }
.admin-global-bar .admin-env-badge { display:inline-flex; align-items:center; min-height:34px; padding:0 11px; color:#587069; background:#f1f7f4; border:1px solid #dbe9e3; border-radius:999px; white-space:nowrap; }
.admin-main { font-size:14px; line-height:1.6; }
.admin-main input,.admin-main select,.admin-main textarea,.admin-main button { font-size:14px; }
.admin-main small { font-size:12px; line-height:1.5; }
.admin-main .admin-module-nav button { font-size:14px; }
.admin-main .admin-module-nav > span { font-size:13px; }
.admin-main .admin-top h1,.admin-main .admin-subpage > header h1 { font-size:28px; line-height:1.25; }
.admin-main .admin-top p,.admin-main .admin-subpage > header p { font-size:14px; line-height:1.7; }
.admin-main .admin-top .kicker,.admin-main .admin-subpage > header > div > span { font-size:12px; }
.admin-config-table > header { min-height:68px; padding:14px 18px; }
.admin-config-table > header strong { font-size:16px; line-height:1.4; }
.admin-config-table > header span { font-size:13px; line-height:1.55; }
.admin-model-row,.admin-source-row { min-height:68px; padding:14px 10px; font-size:14px; line-height:1.5; }
.admin-model-row.head,.admin-source-row.head { font-size:13px; }
.admin-model-row strong,.admin-source-row strong { font-size:14px; }
.admin-source-row p,.admin-source-row > span { font-size:14px; line-height:1.55; }
.admin-source-row a { font-size:12px; line-height:1.45; }
.source-letter { font-size:14px; }
.config-switch { font-size:13px !important; }
.admin-model-row button,.admin-source-row > button:last-child { padding:8px 10px; font-size:13px; }
.admin-config-intro strong { font-size:15px; }
.admin-config-intro p { font-size:13px; line-height:1.65; }
.admin-config-intro b { font-size:12px; }
.admin-config-metrics article small,.admin-config-metrics article span { font-size:12px; }
.admin-main .ops-table > div > *,.admin-main .admin-subpage-table > div > * { font-size:14px !important; }
.admin-main .ops-table .head > *,.admin-main .admin-subpage-table .head > * { font-size:13px !important; }
@media (max-width:1100px) {
  .admin-brand-v36 { grid-template-columns:74px minmax(0,1fr); }
  .admin-brand-v36 > img { width:74px; }
  .admin-brand-v36 > span strong { font-size:18px; }
}
@media (max-width:700px) {
  .admin-global-bar .admin-env-badge { display:none; }
  .admin-global-bar > div:first-child > span { width:100%; }
}

/* v49 — operations shell cleanup and unified readable typography */
.admin-brand-v36 {
  grid-template-columns:88px minmax(0,1fr);
  gap:12px;
  min-height:68px;
  padding:8px 8px 16px;
}
.admin-brand-v36 > img { width:88px; height:44px; }
.admin-brand-v36 > span { display:block; }
.admin-brand-v36 > span strong { font-size:20px; line-height:1.2; }
.admin-brand-v36 > span small,.admin-brand-v36 > b { display:none !important; }
.admin-user { grid-template-columns:38px minmax(0,1fr); padding:12px; }
.admin-user > button { display:none !important; }

.admin-global-bar {
  min-height:66px;
  padding-top:12px;
  padding-bottom:12px;
}
.admin-global-bar > div:first-child { gap:16px; }
.admin-global-bar > div:first-child > span {
  width:min(440px,42vw);
  min-height:40px;
  padding:0 13px;
  background:#f6f8f7;
  border-color:#dfe7e3;
  border-radius:10px;
}
.admin-global-bar .admin-env-badge {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  color:#587069;
  background:#f1f7f4;
  border:1px solid #dbe9e3;
  border-radius:999px;
  white-space:nowrap;
}

.admin-main { font-size:14px; line-height:1.6; }
.admin-main input,.admin-main select,.admin-main textarea,.admin-main button { font-size:14px; }
.admin-main small { font-size:12px; line-height:1.5; }
.admin-main .admin-module-nav button { font-size:14px; }
.admin-main .admin-module-nav > span { font-size:13px; }
.admin-main .admin-top h1,.admin-main .admin-subpage > header h1 { font-size:28px; line-height:1.25; }
.admin-main .admin-top p,.admin-main .admin-subpage > header p { font-size:14px; line-height:1.7; }
.admin-main .admin-top .kicker,.admin-main .admin-subpage > header > div > span { font-size:12px; }

.admin-config-table > header { min-height:68px; padding:14px 18px; }
.admin-config-table > header strong { font-size:16px; line-height:1.4; }
.admin-config-table > header span { font-size:13px; line-height:1.55; }
.admin-model-row,.admin-source-row {
  min-height:68px;
  padding:14px 10px;
  font-size:14px;
  line-height:1.5;
}
.admin-model-row.head,.admin-source-row.head { font-size:13px; }
.admin-model-row strong,.admin-source-row strong { font-size:14px; }
.admin-source-row p,.admin-source-row > span { font-size:14px; line-height:1.55; }
.admin-source-row a { font-size:12px; line-height:1.45; }
.source-letter { font-size:14px; }
.config-switch { font-size:13px !important; }
.admin-model-row button,.admin-source-row > button:last-child {
  padding:8px 10px;
  font-size:13px;
}
.admin-config-intro strong { font-size:15px; }
.admin-config-intro p { font-size:13px; line-height:1.65; }
.admin-config-intro b { font-size:12px; }
.admin-config-metrics article small,.admin-config-metrics article span { font-size:12px; }
.admin-main .ops-table > div > *,.admin-main .admin-subpage-table > div > * { font-size:14px !important; }
.admin-main .ops-table .head > *,.admin-main .admin-subpage-table .head > * { font-size:13px !important; }

@media (max-width:1100px) {
  .admin-brand-v36 { grid-template-columns:74px minmax(0,1fr); }
  .admin-brand-v36 > img { width:74px; }
  .admin-brand-v36 > span strong { font-size:18px; }
}
@media (max-width:700px) {
  .admin-global-bar .admin-env-badge { display:none; }
  .admin-global-bar > div:first-child > span { width:100%; }
}

/* v46 — task-oriented operations workflows */
.admin-review-flow,.admin-product-guide { display:flex; align-items:stretch; gap:12px; margin:18px 0; }
.admin-review-flow > div,.admin-product-guide > article { flex:1; display:flex; gap:12px; align-items:center; min-width:0; padding:16px; border:1px solid #dfe8e4; border-radius:12px; background:#fff; }
.admin-review-flow > div.active { color:#075f4b; border-color:#8fd4c2; background:#effaf6; box-shadow:0 8px 22px rgba(6,111,83,.08); }
.admin-review-flow b { display:grid; place-items:center; flex:0 0 30px; height:30px; color:#087f61; border-radius:50%; background:#dff5ee; }
.admin-review-flow span,.admin-product-guide article { min-width:0; }
.admin-review-flow strong,.admin-product-guide b { display:block; color:#20342d; font-size:15px; }
.admin-review-flow small,.admin-product-guide span { display:block; margin-top:3px; color:#77847f; font-size:12px; }
.admin-review-flow > i,.admin-product-guide > i { align-self:center; color:#8da099; font-style:normal; }
.admin-review-list { display:grid; }
.admin-review-list article { display:grid; grid-template-columns:minmax(0,1fr) 90px 112px; gap:18px; align-items:center; padding:18px 20px; border-top:1px solid #e8eeeb; }
.admin-review-list article:first-child { border-top:0; }
.review-list-main { display:grid; grid-template-columns:84px minmax(0,1fr); gap:16px; align-items:start; min-width:0; }
.review-list-main > span { width:max-content; padding:5px 9px; color:#087f61; border-radius:6px; background:#e7f7f1; font-size:12px; font-weight:750; }
.review-list-main strong { color:#1e302a; font-size:16px; }
.review-list-main p { overflow:hidden; margin:6px 0; color:#64736d; font-size:13px; line-height:1.65; text-overflow:ellipsis; white-space:nowrap; }
.review-list-main small { color:#87938f; font-size:12px; }
.admin-review-list button,.admin-workflow-table button,.admin-provider-workflow button { padding:8px 12px; color:#087f61; border:1px solid #bcded4; border-radius:8px; background:#fff; font-size:13px; cursor:pointer; }
.admin-review-list button:hover,.admin-workflow-table button:hover,.admin-provider-workflow button:hover { color:#fff; background:#087f61; }
.admin-review-list em { width:max-content; padding:5px 9px; border-radius:999px; font-size:12px; font-style:normal; }
.admin-review-list em.warn { color:#9d6512; background:#fff4d9; }.admin-review-list em.ok { color:#087f61; background:#e3f7f0; }.admin-review-list em.danger { color:#aa4b3e; background:#fff0ed; }

.admin-workflow-mask { position:fixed; z-index:290; inset:0; background:rgba(8,25,20,.54); backdrop-filter:blur(3px); }
.admin-workflow-modal { position:fixed; z-index:291; top:4vh; right:4vw; bottom:4vh; display:flex; flex-direction:column; width:min(760px,92vw); overflow:hidden; border-radius:16px; background:#fff; box-shadow:0 30px 90px rgba(5,23,18,.25); }
.admin-workflow-modal.compact { top:12vh; bottom:auto; width:min(560px,92vw); }
.admin-workflow-modal > header { display:flex; justify-content:space-between; gap:20px; padding:24px 28px; color:#fff; background:linear-gradient(135deg,#08392e,#087f61); }
.admin-workflow-modal > header span { color:#8de1ca; font-size:11px; font-weight:800; letter-spacing:.12em; }
.admin-workflow-modal > header h2 { margin:7px 0; font-size:24px; }.admin-workflow-modal > header p { margin:0; color:#d2e9e2; font-size:13px; }
.admin-workflow-modal > header button { align-self:flex-start; color:#fff; border:0; background:transparent; font-size:28px; cursor:pointer; }
.review-source { display:flex; align-items:center; gap:10px; padding:13px 28px; border-bottom:1px solid #e5ece9; background:#f4f8f6; }
.review-source b { margin-right:auto; color:#263b34; }.review-source span { padding:4px 8px; color:#52665f; border-radius:999px; background:#fff; font-size:12px; }
.admin-workflow-modal > article { flex:1; overflow:auto; padding:24px 28px; }.admin-workflow-modal h3 { margin:0 0 8px; color:#243830; font-size:16px; }.admin-workflow-modal article > p { margin:0 0 24px; color:#4f625b; font-size:14px; line-height:1.9; }
.source-proof { display:flex; gap:12px; align-items:center; padding:14px; border:1px solid #dfe8e4; border-radius:10px; background:#f9fbfa; }.source-proof > div { flex:1; }.source-proof strong,.source-proof small { display:block; }.source-proof small { margin-top:3px; color:#77857f; font-size:12px; }
.admin-workflow-modal > footer,.admin-workflow-modal form > footer { display:flex; justify-content:flex-end; gap:10px; padding:18px 28px; border-top:1px solid #e4ebe8; background:#fbfcfc; }
.admin-workflow-modal footer button { padding:10px 16px; border:1px solid #ccd9d4; border-radius:8px; background:#fff; cursor:pointer; }.admin-workflow-modal footer button.primary { color:#fff; border-color:#078a69; background:#078a69; }.admin-workflow-modal footer button.danger { margin-right:auto; color:#b94d3d; border-color:#efd4ce; background:#fff7f5; }
.admin-workflow-modal form { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:24px 28px 0; }.admin-workflow-modal form label span { display:block; margin-bottom:7px; color:#50615b; font-size:13px; }.admin-workflow-modal form input { width:100%; padding:11px 12px; border:1px solid #d5dfdb; border-radius:8px; font-size:14px; }.admin-workflow-modal form footer { grid-column:1/-1; margin:8px -28px 0; }.price-preview { grid-column:1/-1; padding:18px; border-radius:12px; background:#eff8f5; }.price-preview span,.price-preview small { display:block; color:#667870; }.price-preview strong { display:block; margin:4px 0; color:#087f61; font-size:30px; }
.task-timeline { display:grid; gap:0; padding:24px 28px; }.task-timeline > div { position:relative; display:flex; gap:14px; min-height:64px; }.task-timeline > div:after { position:absolute; top:20px; bottom:-4px; left:6px; width:1px; content:""; background:#cfdcd7; }.task-timeline > div:last-child:after { display:none; }.task-timeline i { z-index:1; width:13px; height:13px; margin-top:4px; border-radius:50%; background:#17a77f; box-shadow:0 0 0 5px #e1f5ef; }.task-timeline .error i { background:#db6658; box-shadow:0 0 0 5px #ffebe7; }.task-timeline strong,.task-timeline small { display:block; }.task-timeline small { margin-top:4px; color:#78867f; }

.admin-workflow-page > header { margin:22px 0 16px; }.admin-workflow-page > header span { color:#087f61; font-size:11px; font-weight:800; letter-spacing:.12em; }.admin-workflow-page > header h1 { margin:7px 0; color:#20342d; font-size:28px; }.admin-workflow-page > header p { margin:0; color:#677771; font-size:14px; }
.admin-workflow-guide { display:flex; align-items:center; gap:10px; padding:14px 18px; margin-bottom:14px; border:1px solid #dfe8e4; border-radius:10px; background:#fff; }.admin-workflow-guide b { margin-right:auto; }.admin-workflow-guide span { padding:5px 9px; border-radius:6px; background:#edf7f3; }.admin-workflow-guide i { color:#91a39b; font-style:normal; }
.admin-workflow-table { overflow:hidden; border:1px solid #dfe7e4; border-radius:12px; background:#fff; }.admin-workflow-table > div { display:grid; grid-template-columns:minmax(170px,1.5fr) repeat(5,minmax(100px,1fr)); align-items:center; gap:12px; padding:14px 16px; border-top:1px solid #e8eeeb; }.admin-workflow-table > div.head { color:#78867f; border-top:0; background:#f5f8f7; font-size:12px; font-weight:750; }.admin-workflow-table > div:not(.head) span { color:#42564e; font-size:13px; }
.admin-product-guide article { display:block; }.sale-price { color:#087f61 !important; }
.admin-provider-workflow { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:16px; margin:18px 0; }.admin-provider-workflow > article { position:relative; display:flex; gap:16px; padding:22px; border:1px solid #cfe3dc; border-radius:14px; background:#fff; }.admin-provider-workflow > article > div { flex:1; }.admin-provider-workflow h2 { margin:5px 0; color:#1e352d; }.admin-provider-workflow p { color:#677870; }.admin-provider-workflow dl { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:18px 0; }.admin-provider-workflow dl div { padding:10px; border-radius:8px; background:#f3f8f6; }.admin-provider-workflow dt,.admin-provider-workflow dd { margin:0; }.admin-provider-workflow dt { color:#83918b; font-size:11px; }.admin-provider-workflow dd { margin-top:4px; color:#263b33; font-size:13px; font-weight:700; }.admin-provider-workflow footer { display:flex; gap:8px; }.admin-provider-workflow > article > em { position:absolute; top:18px; right:18px; padding:5px 8px; color:#087f61; border-radius:999px; background:#e5f7f1; font-size:12px; font-style:normal; }.admin-provider-workflow .add-provider { display:flex; gap:14px; align-items:center; justify-content:center; border:1px dashed #a9c8bd; border-radius:14px; background:#f8fbfa; cursor:pointer; }.admin-provider-workflow .add-provider b { font-size:26px; }.admin-provider-workflow .add-provider strong,.admin-provider-workflow .add-provider small { display:block; }.provider-dependency-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:18px; }.provider-dependency-grid article { padding:15px; border-radius:9px; background:#f4f8f6; }.provider-dependency-grid strong,.provider-dependency-grid span { display:block; }.provider-dependency-grid span { margin-top:4px; color:#71817a; font-size:12px; }

@media (max-width:900px) {
  .admin-review-flow,.admin-product-guide { display:grid; grid-template-columns:1fr 1fr; }.admin-review-flow > i,.admin-product-guide > i { display:none; }
  .admin-provider-workflow { grid-template-columns:1fr; }.provider-dependency-grid { grid-template-columns:1fr 1fr; }
  .admin-workflow-table { overflow-x:auto; }.admin-workflow-table > div { min-width:760px; }
}
@media (max-width:640px) {
  .admin-review-list article { grid-template-columns:1fr auto; }.review-list-main { grid-column:1/-1; grid-template-columns:1fr; }.review-list-main p { white-space:normal; }
  .admin-review-flow,.admin-product-guide { grid-template-columns:1fr; }.admin-provider-workflow dl,.provider-dependency-grid { grid-template-columns:1fr 1fr; }
  .admin-workflow-modal { top:2vh; right:2vw; bottom:2vh; width:96vw; }.review-source { overflow-x:auto; }.review-source b { flex:0 0 auto; }.admin-workflow-modal form { grid-template-columns:1fr; }
}

/* Admin mobile: the hidden sidebar must not keep occupying its grid column. */
@media (max-width:820px) {
  .admin-app { grid-template-columns:minmax(0,1fr); }
  .admin-global-bar > div:first-child { min-width:0; }
  .admin-global-bar > div:last-child button[data-action="admin-demo-action"] { display:none; }
  .admin-global-bar > div:last-child button.admin-top-logout {
    flex:0 0 auto;
    min-width:76px;
    padding:7px 10px;
    white-space:nowrap;
  }
}
.admin-global-bar > div:last-child button.admin-top-logout { display:flex !important; align-items:center; gap:6px; color:#b94d3d; border-color:#efd4ce; background:#fff7f5; font-size:13px; }
@media (max-width:820px) {
  .admin-global-bar > div:last-child button[data-target="home"] { display:none; }
}
.admin-main .ops-table b,.admin-main .ops-table strong,.admin-main .admin-subpage-table b,.admin-main .admin-subpage-table strong { font-size:14px; }
.admin-main .ops-table small,.admin-main .admin-subpage-table small { font-size:12px; }
.admin-main .ops-table code,.admin-main .admin-subpage-table code { font-size:12px; }
.admin-main .ops-filter input,.admin-main .admin-subpage-toolbar input,.admin-main input,.admin-main select,.admin-main textarea { font-size:14px; }
.admin-main label,.admin-main form label>span { font-size:14px; }
.admin-subpage > header button,.admin-top .button { min-height:42px; padding:10px 16px; }
.admin-subpage-toolbar button,.ops-filter button { min-height:38px; padding:8px 13px; }
.admin-config-intro strong,.admin-v41-review-policy strong,.admin-v41-api-policy strong { font-size:15px; }
.admin-config-intro p,.admin-v41-review-policy p,.admin-v41-api-policy p { font-size:13px; }
.admin-config-intro b,.admin-v41-review-policy>b { font-size:12px; }
.admin-v41-principles strong { font-size:14px; }
.admin-v41-principles small { font-size:12px; }
.admin-v41-principles b { font-size:12px; }
.admin-v41-work>header strong { font-size:16px; }
.admin-v41-work>header span,.admin-v41-work>header small { font-size:12px; }
.admin-v41-work article small { font-size:12px; }
.admin-v41-work article strong { font-size:14px; }
.admin-v41-work article p { min-height:38px; font-size:12px; }
.admin-v41-work article button { font-size:13px; }
.admin-v41-flow>div>article b { font-size:12px; }
.admin-v41-flow>div>article strong { font-size:14px; }
.admin-v41-flow>div>article small { font-size:12px; }
.admin-v41-source-focus h2 { font-size:20px; }
.admin-v41-source-focus p { font-size:13px; }
.admin-v41-source-focus em,.admin-v41-source-focus dt,.admin-v41-source-focus>.future small { font-size:12px; }
.admin-v41-source-focus dd,.admin-v41-source-focus footer button,.admin-v41-source-focus>.future strong { font-size:13px; }
.admin-v41-review-actions strong { font-size:14px; }
.admin-v41-review-actions small { font-size:12px; }
.admin-v41-api-policy dt { font-size:12px; }
.admin-v41-api-policy dd { font-size:13px; }
.admin-v41-api-products b,.admin-v41-balance-row b,.admin-v41-funnel strong { font-size:14px; }
.admin-v41-api-products small,.admin-v41-balance-row small,.admin-v41-channel-usage small { font-size:12px; }
.admin-v41-api-products strong,.admin-v41-api-products em,.admin-v41-balance-row button,.admin-v41-channel-usage span,.admin-v41-funnel span { font-size:13px; }
.admin-v41-channel-usage strong { font-size:17px; }
.wallet-channel-grid span,.api-channel-grid span { font-size:13px; }
.wallet-channel-grid em { font-size:12px; }
.wallet-channel-grid strong,.api-channel-grid strong { font-size:20px; }

@media (max-width:900px) {
  .admin-main { padding-left:20px; padding-right:20px; }
  .admin-global-bar { margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }
}

/* v37 — API market categories as a left document-style directory */
.api-portal-stage .gc-api-market-shell {
  display:grid;
  grid-template-columns:236px minmax(0,1fr);
  gap:24px;
  max-width:1480px;
  min-height:0;
  padding:26px 32px 46px;
}
.api-portal-stage .gc-api-sidebar {
  position:sticky;
  top:94px;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:stretch;
  align-self:start;
  gap:3px;
  width:auto;
  max-height:calc(100vh - 120px);
  overflow:auto;
  padding:16px;
  background:#fff;
  border:1px solid #dfe8e4;
  border-radius:13px;
  box-shadow:0 10px 30px rgba(26,63,52,.055);
}
.api-portal-stage .gc-api-sidebar-title {
  width:auto;
  margin:0 0 10px;
  padding:2px 2px 15px;
  border-right:0;
  border-bottom:1px solid #e4ebe8;
}
.api-portal-stage .gc-api-sidebar-title > span {
  width:38px;
  height:38px;
  color:#087a5d;
  background:#e4f5ee;
  border-radius:9px;
  box-shadow:none;
}
.api-portal-stage .gc-api-sidebar-title strong { color:#203931; font-size:15px; }
.api-portal-stage .gc-api-sidebar-title small { display:block; color:#92a19c; font-size:8px; }
.api-portal-stage .gc-api-layer {
  position:relative;
  width:100%;
  min-height:43px;
  margin:0;
  padding:8px 9px 8px 11px;
  color:#62736d;
  background:transparent;
  border:0;
  border-radius:8px;
}
.api-portal-stage .gc-api-layer::before {
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  left:0;
  width:3px;
  background:transparent;
  border-radius:3px;
}
.api-portal-stage .gc-api-layer span { gap:8px; font-size:11.5px; line-height:1.35; }
.api-portal-stage .gc-api-layer span svg { flex:0 0 auto; color:#81918b; }
.api-portal-stage .gc-api-layer b { min-width:25px; height:20px; color:#84938e; background:#edf2f0; font-size:9px; }
.api-portal-stage .gc-api-layer:hover { color:#08795c; background:#f0f8f5; }
.api-portal-stage .gc-api-layer.active {
  color:#08795c;
  background:#e8f6f0;
  border:0;
  box-shadow:inset 0 0 0 1px #cde9df;
}
.api-portal-stage .gc-api-layer.active::before { background:#08a77c; }
.api-portal-stage .gc-api-layer.active span svg { color:#078a69; }
.api-portal-stage .gc-api-layer.active b { color:#fff; background:#078a69; }
.api-portal-stage .gc-api-wallet { display:none; }
.api-portal-stage .gc-api-main { min-width:0; padding:0; }
.api-portal-stage .gc-api-toolbar { padding:24px 26px; border-color:#dfe8e4; border-radius:13px; box-shadow:0 8px 26px rgba(26,63,52,.035); }
.api-portal-stage .gc-api-toolbar > div > span { color:#078a69; }
.api-portal-stage .gc-api-toolbar h1 { color:#213a32; }
.api-portal-stage .gc-api-search button { background:#078a69; }
.api-portal-stage .gc-api-active-line { margin-top:16px; border-color:#dfe8e4; background:#f7faf8; }
.api-portal-stage .gc-api-active-line strong { color:#08795c; }
.api-portal-stage .gc-api-active-line em { color:#08795c; }
@media (max-width:1000px) {
  .api-portal-stage .gc-api-market-shell { grid-template-columns:210px minmax(0,1fr); gap:16px; padding-inline:18px; }
  .api-portal-stage .gc-api-sidebar { padding:12px; }
  .api-portal-stage .gc-api-toolbar { align-items:flex-start; flex-direction:column; }
  .api-portal-stage .gc-api-search { width:100%; }
}
@media (max-width:700px) {
  .api-portal-stage .gc-api-market-shell { display:block; padding:14px; }
  .api-portal-stage .gc-api-sidebar { position:static; display:grid; grid-template-columns:1fr 1fr; gap:5px; max-height:none; margin-bottom:14px; }
  .api-portal-stage .gc-api-sidebar-title { display:flex; grid-column:1 / -1; }
  .api-portal-stage .gc-api-layer { min-height:40px; }
  .api-portal-stage .gc-api-main { padding:0; }
}

/* 2026-08 unified premium system + developer workspace v19 */
:root {
  --ui-ink:#0a1e23;
  --ui-muted:#66756f;
  --ui-soft:#f3f7f5;
  --ui-line:#dce5e0;
  --ui-green:#00b884;
  --ui-green-dark:#087c5d;
}
body { color:var(--ui-ink); font-size:16px; line-height:1.6; }
.site-header,.api-header { min-height:78px; border-bottom:1px solid rgba(10,30,35,.08); box-shadow:0 6px 24px rgba(10,30,35,.045); }
.site-header::before,.api-header::before { height:2px; background:linear-gradient(90deg,var(--ui-ink) 0 18%,var(--ui-green) 18% 53%,transparent 53%); opacity:.86; }
.brand-lockup { width:232px; height:58px; }
.api-header .brand-lockup { width:202px; height:52px; }
.admin-brand .brand-lockup { width:180px; height:50px; }
.main-nav a,.api-header nav a { font-size:15px; font-weight:760; }
.api-header { grid-template-columns:320px 1fr auto; padding-inline:28px; }
.api-header nav { gap:24px; }
.api-header-actions { gap:9px; }
.api-header .api-home-link { font-size:13px; }
.search-first-hero { min-height:680px; border-bottom:0; }
.search-first-hero::after { content:none; }
.search-first-hero::before { opacity:.34; mask-image:linear-gradient(to bottom,#000,transparent 88%); }
.flight-data-line { width:max-content; margin-bottom:25px; padding:8px 13px; color:#60726c; background:rgba(255,255,255,.72); border:1px solid rgba(10,30,35,.08); border-radius:999px; box-shadow:0 8px 24px rgba(10,30,35,.04); font-size:10px; }
.flight-data-line i { display:none; }
.flight-data-line b { width:4px; height:4px; border-radius:50%; transform:none; }
.search-hero-copy h1 { font-size:clamp(46px,4.7vw,64px); line-height:1.12; letter-spacing:-.045em; }
.search-hero-copy p { max-width:980px; font-size:17px; line-height:1.8; }
.search-hero-badge { font-size:13px; }
.search-command-card { border-color:rgba(10,30,35,.09); box-shadow:0 22px 64px rgba(10,30,35,.085); }
.search-scope-row > span b { font-size:13px; }
.search-scope-row > span small { font-size:11px; }
.search-command-card .database-picker button .database-copy strong { font-size:13px; }
.search-command-card .database-picker button .database-copy small { font-size:10px; }
.advanced-search-link { font-size:12px; }
.home-search-hints,.search-trust-strip span { font-size:12px; }
.home-v2-section { border-top:0; }
.market-discovery { padding-top:76px; }

.developer-workspace { display:grid; grid-template-columns:252px minmax(0,1fr); min-height:calc(100vh - 78px); background:#f5f8f6; }
.developer-sidebar { position:sticky; top:78px; align-self:start; height:calc(100vh - 78px); padding:28px 18px; background:#fff; border-right:1px solid var(--ui-line); }
.developer-app-card { display:flex; gap:12px; align-items:center; padding:16px; margin-bottom:22px; color:#fff; background:linear-gradient(140deg,#0a1e23,#123b3a); border-radius:15px; box-shadow:0 14px 34px rgba(10,30,35,.16); }
.developer-app-card > span { display:grid; place-items:center; width:38px; height:38px; color:#051b17; background:var(--ui-green); border-radius:10px; }
.developer-app-card div { display:grid; min-width:0; }
.developer-app-card small { color:#9fb5ae; font-size:11px; }
.developer-app-card strong { font-size:14px; }
.developer-app-card code { overflow:hidden; color:#7ee0bf; font-size:10px; text-overflow:ellipsis; }
.developer-sidebar nav { display:grid; gap:5px; }
.developer-sidebar nav button { display:grid; grid-template-columns:22px 1fr auto; gap:10px; align-items:center; width:100%; padding:12px 13px; color:#596963; background:transparent; border:0; border-radius:10px; text-align:left; font-size:14px; font-weight:700; cursor:pointer; }
.developer-sidebar nav button:hover { background:#f0f6f3; }
.developer-sidebar nav button.active { color:#063e2f; background:#e4f6ee; box-shadow:inset 3px 0 var(--ui-green); }
.developer-security-note { position:absolute; right:18px; bottom:26px; left:18px; display:flex; gap:10px; padding:14px; color:#52655e; background:#f3f7f5; border:1px solid var(--ui-line); border-radius:12px; }
.developer-security-note strong,.developer-security-note small { display:block; }
.developer-security-note small { margin-top:3px; font-size:11px; line-height:1.55; }
.developer-main { width:min(1320px,100%); padding:34px 40px 80px; }
.developer-page-head { display:flex; justify-content:space-between; gap:30px; align-items:flex-start; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid var(--ui-line); }
.developer-page-head > div > span { color:var(--ui-green-dark); font-size:11px; font-weight:900; letter-spacing:.16em; }
.developer-page-head h1 { margin:5px 0 5px; font-size:30px; line-height:1.25; }
.developer-page-head p { margin:0; color:var(--ui-muted); font-size:14px; }
.dev-primary,.dev-secondary { min-height:42px; padding:0 18px; border-radius:9px; font-size:13px; font-weight:800; cursor:pointer; }
.dev-primary { color:#052a20; background:var(--ui-green); border:1px solid var(--ui-green); }
.dev-secondary { color:var(--ui-green-dark); background:#fff; border:1px solid #b9dacf; }
.developer-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }
.developer-metrics article { display:grid; padding:19px; background:#fff; border:1px solid var(--ui-line); border-radius:13px; box-shadow:0 9px 28px rgba(10,30,35,.035); }
.developer-metrics small { color:var(--ui-muted); font-size:12px; }
.developer-metrics strong { margin:4px 0; font-size:25px; }
.developer-metrics span { color:#82908b; font-size:11px; }
.developer-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr); gap:18px; margin-bottom:18px; }
.developer-chart,.developer-access-card,.developer-table-card,.api-key-create,.credential-guidance article,.developer-code-card,.docs-auth-card,.docs-contract-grid article,.docs-resource-list,.cli-steps,.cli-command-list,.mcp-overview article,.mcp-install,.mcp-tool-grid,.usage-filter { background:#fff; border:1px solid var(--ui-line); border-radius:14px; box-shadow:0 10px 32px rgba(10,30,35,.035); }
.developer-chart { padding:22px; }
.developer-chart header,.developer-table-card > header,.developer-access-card header,.docs-resource-list header,.cli-command-list header,.mcp-tool-grid header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom:16px; }
.developer-chart header div,.developer-access-card header { display:grid; }
.developer-chart header span,.developer-access-card header span,.developer-table-card > header span,.docs-resource-list header span,.cli-command-list header span,.mcp-tool-grid header span { color:var(--ui-muted); font-size:12px; }
.developer-chart header button,.developer-table-card > header button { color:var(--ui-green-dark); background:transparent; border:0; font-weight:800; cursor:pointer; }
.developer-chart > div { display:flex; align-items:end; gap:16px; height:210px; padding:18px 8px 0; border-top:1px solid #edf1ef; }
.developer-chart > div i { position:relative; flex:1; height:var(--h); min-height:22px; background:linear-gradient(180deg,var(--ui-green),#0c8666); border-radius:7px 7px 2px 2px; }
.developer-chart > div i span { position:absolute; top:calc(100% + 6px); left:50%; color:#7b8984; font-size:10px; font-style:normal; transform:translateX(-50%); }
.developer-access-card { padding:21px; }
.developer-access-card > button { display:grid; grid-template-columns:55px 1fr auto; gap:12px; align-items:center; width:100%; padding:14px 0; background:transparent; border:0; border-top:1px solid #edf1ef; text-align:left; cursor:pointer; }
.developer-access-card > button b { color:var(--ui-green-dark); }
.developer-access-card > button span { color:var(--ui-muted); font-size:12px; }
.developer-table-card { overflow:hidden; }
.developer-table-card > header { padding:19px 21px; border-bottom:1px solid #edf1ef; }
.developer-table-card > header div { display:grid; }
.developer-table { min-width:780px; }
.developer-table > div { display:grid; grid-template-columns:100px minmax(190px,1.3fr) 100px 140px 90px 90px; align-items:center; gap:12px; min-height:54px; padding:9px 20px; border-bottom:1px solid #edf1ef; font-size:12px; }
.developer-table > div:last-child { border-bottom:0; }
.developer-table .head { min-height:42px; color:#788781; background:#f7f9f8; font-size:11px; font-weight:800; }
.developer-table code { color:#27483e; font-size:11px; }
.developer-table em { width:max-content; padding:3px 7px; border-radius:999px; font-size:10px; font-style:normal; font-weight:800; }
.developer-table em.ok { color:#087c5d; background:#e5f6ef; }
.developer-table em.danger { color:#b42318; background:#fff0ee; }
.developer-table em.muted { color:#67756f; background:#edf1ef; }
.developer-table span > b,.developer-table span > small { display:block; }
.developer-table span > small { color:#87938f; font-size:10px; }
.developer-table button { width:max-content; padding:7px 11px; color:var(--ui-green-dark); background:#fff; border:1px solid #bedcd1; border-radius:7px; cursor:pointer; }
.developer-table.usage > div { grid-template-columns:150px 72px minmax(190px,1.2fr) 120px 80px 75px 130px; }
.api-key-create { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:end; padding:20px; margin-bottom:16px; }
.api-key-create label { display:grid; gap:6px; color:#31463f; font-size:12px; font-weight:800; }
.api-key-create input,.usage-filter input { height:42px; padding:0 13px; border:1px solid #cedad5; border-radius:8px; font-size:14px; }
.api-key-reveal { display:flex; gap:14px; align-items:flex-start; padding:18px 20px; margin-bottom:16px; color:#5f4310; background:#fffae8; border:1px solid #eed586; border-radius:12px; }
.api-key-reveal > div { display:grid; gap:4px; flex:1; }
.api-key-reveal code { padding:7px 9px; color:#553c0f; background:rgba(255,255,255,.64); border-radius:6px; font-size:13px; }
.api-key-reveal button { padding:8px 12px; background:#fff; border:1px solid #dfc979; border-radius:7px; }
.api-key-table .developer-table > div { grid-template-columns:minmax(170px,1.2fr) 145px 90px 130px 120px 80px; }
.credential-guidance,.mcp-overview { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:16px; }
.credential-guidance article,.mcp-overview article { display:flex; gap:12px; padding:18px; }
.credential-guidance p,.mcp-overview p { margin:4px 0 0; color:var(--ui-muted); font-size:12px; line-height:1.65; }
.usage-filter { display:grid; grid-template-columns:minmax(260px,1fr) auto auto auto; gap:10px; padding:14px; margin-bottom:16px; }
.usage-filter label { position:relative; display:flex; align-items:center; }
.usage-filter label svg { position:absolute; left:12px; }
.usage-filter input { width:100%; padding-left:38px; }
.usage-filter button { padding:0 14px; background:#fff; border:1px solid #cedad5; border-radius:8px; }
.docs-quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }
.docs-quick-grid button { display:grid; grid-template-columns:38px 1fr auto; gap:12px; align-items:center; padding:18px; background:#fff; border:1px solid var(--ui-line); border-radius:13px; text-align:left; cursor:pointer; }
.docs-quick-grid i { display:grid; place-items:center; width:38px; height:38px; color:#065a45; background:#e2f5ed; border-radius:10px; font-style:normal; font-weight:900; }
.docs-quick-grid span { display:grid; }
.docs-quick-grid small { color:var(--ui-muted); font-size:11px; }
.docs-two-column { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.35fr); gap:18px; margin-bottom:18px; }
.docs-auth-card,.mcp-install { padding:24px; }
.docs-auth-card > span,.mcp-install > span { color:var(--ui-green-dark); font-size:10px; font-weight:900; letter-spacing:.14em; }
.docs-auth-card h2,.mcp-install h2 { margin:7px 0; font-size:21px; }
.docs-auth-card p { color:var(--ui-muted); font-size:13px; }
.docs-auth-card dl { display:grid; gap:0; margin:18px 0; }
.docs-auth-card dl div { display:flex; justify-content:space-between; gap:15px; padding:10px 0; border-bottom:1px solid #edf1ef; }
.docs-auth-card dt { font-family:ui-monospace,monospace; font-weight:800; }
.docs-auth-card dd { color:var(--ui-muted); font-size:12px; }
.docs-auth-card a { color:var(--ui-green-dark); font-weight:800; }
.developer-code-card { overflow:hidden; }
.developer-code-card header { display:flex; justify-content:space-between; align-items:center; padding:15px 18px; border-bottom:1px solid #edf1ef; }
.developer-code-card header button { color:#53645e; background:#fff; border:1px solid #d2ddd8; border-radius:7px; padding:6px 10px; }
.developer-code-card pre { min-height:120px; margin:0; padding:20px; overflow:auto; color:#d8f5ea; background:#071a20; font-size:12px; line-height:1.75; }
.docs-contract-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.docs-contract-grid article { padding:17px; }
.docs-contract-grid article > span { color:var(--ui-green-dark); font-weight:900; }
.docs-contract-grid strong { display:block; margin:5px 0; font-size:13px; }
.docs-contract-grid p { margin:0; color:var(--ui-muted); font-size:11px; }
.docs-resource-list,.cli-command-list,.mcp-tool-grid { padding:21px; }
.docs-resource-list button,.cli-command-list button { display:grid; grid-template-columns:minmax(170px,.6fr) 1fr auto; gap:15px; width:100%; padding:13px 0; background:transparent; border:0; border-top:1px solid #edf1ef; text-align:left; cursor:pointer; }
.docs-resource-list button span,.cli-command-list button span { color:var(--ui-muted); font-size:12px; }
.cli-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:8px 20px; margin-bottom:18px; }
.cli-steps article { display:flex; gap:12px; padding:17px; border-right:1px solid #edf1ef; }
.cli-steps article:last-child { border-right:0; }
.cli-steps i { display:grid; place-items:center; width:32px; height:32px; color:#066349; background:#e3f6ee; border-radius:50%; font-style:normal; font-weight:900; }
.cli-steps p { margin:3px 0 0; color:var(--ui-muted); font-size:11px; }
.developer-main > .developer-code-card { margin-bottom:16px; }
.mcp-overview { margin:0 0 18px; }
.mcp-config { grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr); }
.mcp-install ol { display:grid; gap:12px; padding:0; list-style:none; }
.mcp-install li { display:flex; gap:12px; align-items:center; color:#4f625b; }
.mcp-install li b { color:var(--ui-green-dark); }
.mcp-install button { margin-top:10px; padding:9px 13px; color:#073f31; background:#e4f6ee; border:0; border-radius:7px; font-weight:800; }
.mcp-tool-grid { margin-top:16px; }
.mcp-tool-grid > button { display:grid; grid-template-columns:120px 1fr 1fr auto; gap:12px; width:100%; padding:12px 0; background:transparent; border:0; border-top:1px solid #edf1ef; text-align:left; cursor:pointer; }
.mcp-tool-grid > button > span { color:var(--ui-green-dark); font-size:11px; }
.mcp-tool-grid > button > small { color:var(--ui-muted); }

.admin-developer-matrix { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 0 18px; }
.admin-developer-matrix button { display:grid; grid-template-columns:38px 1fr auto; gap:11px; align-items:center; padding:16px; background:#fff; border:1px solid var(--ui-line); border-radius:12px; text-align:left; cursor:pointer; }
.admin-developer-matrix button > span { display:grid; place-items:center; width:38px; height:38px; color:#057557; background:#e4f6ee; border-radius:9px; }
.admin-developer-matrix button div { display:grid; }
.admin-developer-matrix small { color:#74827d; font-size:10px; }
.admin-developer-tool > header { display:flex; justify-content:space-between; align-items:flex-start; gap:25px; margin-bottom:20px; }
.admin-developer-tool > header span { color:#087c5d; font-size:10px; font-weight:900; letter-spacing:.13em; }
.admin-developer-tool > header h1 { margin:4px 0; font-size:27px; }
.admin-developer-tool > header p { margin:0; color:#6c7a75; }
.admin-developer-tool > header button { padding:10px 16px; color:#053d2f; background:var(--ui-green); border:0; border-radius:8px; font-weight:800; }
.admin-tool-release { display:grid; grid-template-columns:1fr 1fr auto; gap:14px; align-items:center; padding:15px 18px; margin:16px 0; background:#fff; border:1px solid var(--ui-line); border-radius:12px; }
.admin-tool-release article { display:grid; }
.admin-tool-release span,.admin-tool-release small { color:#77857f; font-size:10px; }
.admin-tool-release button { padding:8px 12px; background:#fff; border:1px solid #cbd8d3; border-radius:7px; }
.admin-dev-tools > div { grid-template-columns:minmax(190px,1.35fr) 130px 100px 120px 90px 80px !important; }

.mini-stage { background:radial-gradient(circle at 18% 16%,rgba(0,184,132,.12),transparent 26rem),linear-gradient(145deg,#f4f8f6,#edf4f1); }
.phone-frame { border:7px solid #142a30; background:#f6f8f7; box-shadow:0 36px 90px rgba(10,30,35,.2); }
.phone-frame::before { background:#142a30; }
.mini-app { padding-bottom:70px; }
.mini-bottom { grid-template-columns:repeat(3,1fr); height:64px; border-top-color:#e1e8e4; }
.mini-bottom button { gap:4px; color:#788780; font-size:10px; font-weight:700; }
.mini-bottom button.active { color:#087c5d; }
.mini-hero { background:linear-gradient(145deg,#0b2429,#0f443a); }
.mini-hero > span { color:#79e0bd; font-size:11px; }
.mini-hero h1 { max-width:290px; font-size:28px; line-height:1.18; }
.mini-hero p { color:#b7c8c2; font-size:12px; }
.mini-hero form { border-radius:11px; }
.mini-title strong { font-size:15px; }
.mini-section { padding:17px; }
.mini-report-card strong { font-size:13px; }
.mini-mobile-ai-entry { display:grid; grid-template-columns:38px 1fr auto; gap:11px; align-items:center; margin:0 16px 18px; padding:15px; color:#fff; background:linear-gradient(135deg,#0d3b34,#0a1e23); border-radius:14px; }
.mini-mobile-ai-entry > span { display:grid; place-items:center; width:38px; height:38px; color:#05271e; background:var(--ui-green); border-radius:10px; }
.mini-mobile-ai-entry strong { font-size:13px; }
.mini-mobile-ai-entry p { margin:2px 0 0; color:#afc6bd; font-size:10px; line-height:1.5; }
.mini-mobile-ai-entry button { padding:8px 10px; color:#05281f; background:var(--ui-green); border:0; border-radius:7px; font-size:10px; font-weight:800; }
.mini-notes { max-width:470px; }
.mini-notes h1 { font-size:32px; }
.mini-notes p { font-size:14px; line-height:1.75; }
.mini-checklist span { font-size:13px; }

@media (max-width:1100px) {
  .api-header { grid-template-columns:250px 1fr auto; }
  .api-header nav { gap:12px; }
  .api-header .brand-lockup { width:178px; }
  .developer-workspace { grid-template-columns:210px minmax(0,1fr); }
  .developer-main { padding:28px 24px 70px; }
  .developer-metrics,.docs-contract-grid,.admin-developer-matrix { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:820px) {
  .brand-lockup { width:182px; }
  .developer-workspace { display:block; }
  .developer-sidebar { position:static; height:auto; padding:12px; border-right:0; border-bottom:1px solid var(--ui-line); }
  .developer-app-card,.developer-security-note { display:none; }
  .developer-sidebar nav { display:flex; overflow-x:auto; }
  .developer-sidebar nav button { grid-template-columns:18px max-content; width:auto; }
  .developer-sidebar nav button svg:last-child { display:none; }
  .developer-main { padding:22px 14px 60px; }
  .developer-dashboard-grid,.docs-two-column { grid-template-columns:1fr; }
  .credential-guidance,.mcp-overview,.docs-quick-grid,.cli-steps { grid-template-columns:1fr; }
  .developer-table-card { overflow-x:auto; }
  .api-header nav { display:none; }
}

/* 2026-08 SQJ flight-data-chain visual system */
:root {
  --sqj-ink:#09171c;
  --sqj-green:#00b784;
  --sqj-green-bright:#00d69a;
  --sqj-paper:#f6f7f4;
  --sqj-line:#d7ddda;
  --sqj-muted:#68757a;
}
body { background:var(--sqj-paper); }
.brand { min-width:max-content; gap:0; }
.brand-lockup { display:block; width:200px; height:48px; object-fit:contain; object-position:left center; }
.brand-lockup-light { display:none; }
.footer-brand .brand-lockup-dark,.admin-brand .brand-lockup-dark { display:none; }
.footer-brand .brand-lockup-light,.admin-brand .brand-lockup-light { display:block; }
.admin-brand .brand-lockup { width:164px; height:46px; }
.admin-brand .brand-suffix { margin-left:8px; padding-left:8px; }
.site-header,.api-header { border-bottom-color:#e1e5e2; background:rgba(255,255,255,.96); }
.site-header::before,.api-header::before { height:2px; background:linear-gradient(90deg,var(--sqj-ink) 0 14%,var(--sqj-green) 14% 48%,var(--sqj-green-bright) 48% 55%,transparent 55%); }
.main-nav a { color:#526066; }
.main-nav a:hover,.main-nav a.active { color:var(--sqj-ink); }
.main-nav a::after { height:2px; background:var(--sqj-green); }
.account-chip,.login-entry.signed-in { color:#087c5d; background:#e9f7f1; border-color:#c9e9dc; }
.login-entry:not(.signed-in) { background:var(--sqj-ink); box-shadow:0 9px 22px rgba(9,23,28,.18); }
.language-switch { background:#eff3f0; border-color:#dde4df; }
.language-switch button { color:#65736e; }
.language-switch button.active { color:#062b20; background:var(--sqj-green-bright); box-shadow:0 4px 10px rgba(0,183,132,.2); }
.sqj-home-v2 { color:var(--sqj-ink); background:var(--sqj-paper); }
.search-first-hero { min-height:690px; padding:42px 24px 38px; background:radial-gradient(circle at 15% 8%,rgba(0,214,154,.1),transparent 22rem),radial-gradient(circle at 88% 70%,rgba(0,183,132,.07),transparent 25rem),linear-gradient(180deg,#f8faf7 0%,#f1f5f1 58%,#fff 100%); border-bottom-color:#dfe5e1; }
.search-first-hero::before { opacity:.5; background-image:linear-gradient(rgba(9,23,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(9,23,28,.045) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.search-first-hero::after { content:""; position:absolute; top:86px; left:-6%; width:34%; height:1px; background:linear-gradient(90deg,transparent,var(--sqj-green)); transform:rotate(-8deg); transform-origin:right; box-shadow:68vw 172px 0 rgba(0,183,132,.3); }
.search-hero-glow.one { top:-250px; left:0; background:radial-gradient(circle,rgba(0,214,154,.24),transparent 67%); }
.search-hero-glow.two { right:-80px; bottom:-260px; background:radial-gradient(circle,rgba(0,183,132,.16),transparent 68%); }
.flight-data-line { position:relative; z-index:1; display:flex; align-items:center; gap:10px; width:min(580px,100%); margin:0 auto 28px; color:#75827e; font-size:9px; font-weight:850; letter-spacing:.18em; }
.flight-data-line i { flex:1; height:1px; background:linear-gradient(90deg,transparent,#b8c6c0); }
.flight-data-line i:last-child { background:linear-gradient(90deg,#b8c6c0,transparent); }
.flight-data-line b { width:5px; height:5px; background:var(--sqj-green); border-radius:1px; transform:rotate(45deg); }
.search-hero-copy { max-width:940px; }
.search-hero-badge { gap:8px; padding:7px 14px; color:#087c5d; background:#e7f6ef; border-color:#c7eadc; border-radius:7px; font-size:12px; letter-spacing:.04em; }
.search-hero-copy h1 { margin:17px 0 12px; color:var(--sqj-ink); font-size:54px; font-weight:850; letter-spacing:-.045em; }
.search-hero-copy p { color:#61706e; font-size:16px; }
.search-product-tabs { gap:0; width:min(860px,100%); margin:29px auto 0; border-bottom:1px solid #cad3ce; }
.search-product-tabs button { min-width:128px; padding:14px 21px 13px; color:#66736f; font-size:14px; font-weight:750; }
.search-product-tabs button::after { right:16%; bottom:-1px; left:16%; height:2px; }
.search-product-tabs button:hover,.search-product-tabs button.active { color:var(--sqj-ink); }
.search-product-tabs button.active::after { background:var(--sqj-green); }
.search-command-card { width:min(1120px,100%); margin:0 auto; padding:19px 20px 16px; background:rgba(255,255,255,.97); border:1px solid #d8dfdb; border-radius:14px; box-shadow:0 24px 70px rgba(9,23,28,.11),0 3px 12px rgba(9,23,28,.05); }
.search-scope-row { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-bottom:13px; }
.search-scope-row > span { display:grid; gap:3px; min-width:160px; }
.search-scope-row > span b { color:#17272b; font-size:12px; }
.search-scope-row > span small { color:#89938f; font-size:9px; }
.search-command-card .database-picker { justify-self:start; gap:3px; width:max-content; margin:0; padding:3px; background:#eff3f0; border:1px solid #e0e6e2; border-radius:9px; }
.search-command-card .database-picker button { grid-template-columns:30px 1fr; gap:8px; min-width:150px; min-height:44px; padding:6px 11px; border-radius:7px; }
.search-command-card .database-picker button:not(.active) { color:#66736f !important; }
.search-command-card .database-picker button.active { color:#fff; background:var(--sqj-ink); box-shadow:0 6px 15px rgba(9,23,28,.16); }
.search-command-card .database-picker button.active .database-copy strong,.search-command-card .database-picker button.active .database-copy small { color:#fff !important; }
.search-command-card .database-picker button .database-copy strong { font-size:12px; }
.search-command-card .database-picker button .database-copy small { color:#8a9590; font-size:8px; }
.search-command-card .database-picker button.active .database-copy small { opacity:.64; }
.search-command-card .database-icon { width:27px; height:27px; color:#087c5d; background:#dff2ea; border-radius:7px; }
.search-command-card .database-picker button.active .database-icon { color:var(--sqj-green-bright); background:rgba(0,214,154,.12); }
.advanced-search-link { display:flex; align-items:center; gap:5px; justify-self:end; padding:8px 0; color:#52615d; background:transparent; border:0; font-size:11px; font-weight:800; cursor:pointer; }
.advanced-search-link:hover { color:#008b65; }
.search-command-card .v2-search { grid-template-columns:auto 1fr auto auto; width:100%; max-width:none; height:72px; overflow:hidden; background:#fff; border:1.5px solid var(--sqj-ink); border-radius:11px; box-shadow:inset 0 0 0 1px rgba(9,23,28,.02),0 7px 20px rgba(9,23,28,.06); transition:border-color .18s,box-shadow .18s; }
.v2-search:focus-within { border-color:var(--sqj-green); box-shadow:0 0 0 4px rgba(0,183,132,.12),0 12px 28px rgba(9,23,28,.08); }
.search-leading-icon { display:grid; place-items:center; width:64px; color:#43514f; }
.v2-search input { min-width:0; padding:0 8px 0 0; color:var(--sqj-ink); background:transparent; font-size:18px; font-weight:550; }
.v2-search input::placeholder { color:#9ca6a2; font-weight:450; }
.v2-search kbd { align-self:center; margin-right:16px; padding:5px 8px; color:#89948f; background:#f1f4f2; border:1px solid #dce2de; border-bottom-width:2px; border-radius:6px; font-family:inherit; font-size:9px; }
.v2-search button { min-width:164px; justify-content:center; padding:0 26px; color:#052b20; background:var(--sqj-green); font-size:16px; font-weight:900; letter-spacing:.02em; transition:.18s; }
.v2-search button:hover { color:#fff; background:#07936c; }
.home-search-hints { gap:8px; padding:13px 2px 0; color:#7c8884; }
.home-search-hints > span { display:flex; align-items:center; gap:5px; color:#087c5d; }
.home-search-hints button { padding:5px 9px; color:#596662; background:#f0f4f1; border:1px solid transparent; border-radius:6px; }
.home-search-hints button:hover { color:#087c5d; background:#e8f6f0; border-color:#c9e8dc; }
.home-search-hints a { color:#087c5d; }
.search-trust-strip { gap:38px; margin-top:31px; }
.search-trust-strip strong { color:var(--sqj-ink); font-size:19px; }
.search-trust-strip span { color:#76837f; }
.search-trust-strip > i { background:#cfd8d3; }
.home-v2-section > header > div > span,.intelligence-proof > div > span,.home-v2-api > div > span { color:#008f68; }
.home-v2-section > header h2,.intelligence-proof h2,.home-v2-api h2 { color:var(--sqj-ink); }
.tool-hub-grid > button { border-color:#dde3df; border-radius:12px; box-shadow:0 7px 22px rgba(9,23,28,.04); }
.tool-hub-grid > button:hover { border-color:#9fd8c3; box-shadow:0 15px 34px rgba(9,23,28,.08); }
.tool-hub-grid > button > i,.tool-hub-grid > button > i.tool-tone-1,.tool-hub-grid > button > i.tool-tone-2,.tool-hub-grid > button > i.tool-tone-3 { color:#07815f; background:#e5f5ee; border-radius:10px; }
.tool-hub-grid strong { color:#17272b; }
.market-discovery { border-color:#dfe5e1; }
.home-v2-api { color:#e9f2ee; background:var(--sqj-ink); border-color:#1e3338; }
.home-v2-api a:first-child { color:#04291f; background:var(--sqj-green-bright); }
.site-footer { background:var(--sqj-ink); }

@media (max-width:900px) {
  .brand-lockup { width:166px; }
  .search-scope-row { grid-template-columns:1fr auto; }
  .search-scope-row > span { grid-column:1 / -1; }
}
@media (max-width:700px) {
  .brand-lockup { width:145px; height:42px; }
  .search-first-hero { padding:30px 14px 28px; }
  .flight-data-line { margin-bottom:20px; }
  .search-hero-copy h1 { font-size:38px; }
  .search-product-tabs { justify-content:flex-start; margin-top:24px; }
  .search-product-tabs button { min-width:max-content; padding:12px 15px; }
  .search-command-card { padding:13px; }
  .search-scope-row { display:flex; flex-wrap:wrap; gap:9px; }
  .search-scope-row > span { width:100%; }
  .search-command-card .database-picker { flex:1; }
  .search-command-card .database-picker button { min-width:0; flex:1; }
  .advanced-search-link { margin-left:auto; }
  .search-command-card .v2-search { grid-template-columns:auto 1fr auto; height:58px; }
  .search-leading-icon { width:43px; }
  .v2-search input { padding:0; font-size:14px; }
  .v2-search kbd { display:none; }
  .v2-search button { min-width:58px; padding:0 15px; font-size:0; }
  .v2-search button svg { width:20px; height:20px; }
}

/* 2026-08 centered professional search console v7 */
.search-product-tabs {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  width:min(1000px,calc(100% - 48px));
  margin-top:30px;
}
.search-product-tabs button { min-width:0; padding:15px 18px 14px; }
.search-product-tabs button::after { right:28%; left:28%; }
.search-command-card {
  position:relative;
  width:min(1040px,calc(100% - 48px));
  margin-top:34px;
  padding:20px 24px 18px;
  border:1px solid rgba(9,23,28,.1);
  border-radius:18px;
  box-shadow:0 22px 55px rgba(9,23,28,.09),0 2px 8px rgba(9,23,28,.04);
}
.search-command-card::before { content:none; }
.main-nav a.active::after { background:var(--sqj-green); }
.search-scope-row {
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  width:100%;
  margin-bottom:17px;
}
.search-scope-row > span {
  justify-self:start;
  min-width:0;
  padding-left:2px;
}
.search-scope-row > span b { font-size:11px; }
.search-scope-row > span small { font-size:8px; }
.search-command-card .database-picker {
  justify-self:center;
  padding:3px;
  border:0;
  background:#eef2ef;
  box-shadow:inset 0 0 0 1px #e0e6e2;
}
.search-command-card .database-picker button {
  min-width:156px;
  min-height:42px;
  padding:5px 11px;
}
.advanced-search-link { justify-self:end; }
.search-command-card .v2-search {
  grid-template-columns:auto minmax(0,1fr) auto auto;
  width:100%;
  max-width:none;
  height:70px;
  padding:5px;
  border:1px solid #aebbb5;
  border-radius:14px;
  box-shadow:0 7px 22px rgba(9,23,28,.06),inset 0 0 0 1px rgba(255,255,255,.6);
}
.search-command-card .v2-search:focus-within {
  border-color:var(--sqj-green);
  box-shadow:0 0 0 4px rgba(0,183,132,.11),0 12px 30px rgba(9,23,28,.08);
}
.search-leading-icon {
  width:52px;
  height:58px;
  color:#087c5d;
}
.search-leading-icon svg { width:22px; height:22px; }
.v2-search input {
  padding:0 14px 0 2px;
  font-size:17px;
  font-weight:520;
  letter-spacing:.005em;
}
.v2-search kbd { margin-right:13px; }
.v2-search button {
  min-width:142px;
  height:58px;
  padding:0 24px;
  border-radius:10px;
  font-size:15px;
  box-shadow:0 7px 16px rgba(0,183,132,.2);
}
.home-search-hints {
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding-top:12px;
}
.home-search-hints a { margin-left:18px; }

@media (max-width:900px) {
  .search-scope-row { grid-template-columns:1fr auto; }
  .search-scope-row > span { display:none; }
  .search-command-card .database-picker { justify-self:start; }
}
@media (max-width:700px) {
  .search-product-tabs { display:flex; width:calc(100% - 28px); }
  .search-command-card { width:calc(100% - 28px); padding:13px; border-radius:15px; }
  .search-scope-row { display:flex; gap:8px; }
  .search-command-card .database-picker { width:100%; }
  .advanced-search-link { display:none; }
  .search-command-card .v2-search { grid-template-columns:auto 1fr auto; height:58px; padding:4px; }
  .search-leading-icon { width:40px; height:48px; }
  .home-search-hints { justify-content:flex-start; }
.home-search-hints a { width:100%; margin:5px 0 0; }
}

/* v19 final cascade: typography, brand scale and visual continuity */
.site-header,.api-header { min-height:78px; border-bottom:1px solid rgba(10,30,35,.08); box-shadow:0 6px 24px rgba(10,30,35,.045); }
.site-header::before,.api-header::before { height:2px; background:linear-gradient(90deg,#0a1e23 0 18%,#00b884 18% 53%,transparent 53%); opacity:.86; }
.brand-lockup { width:232px; height:58px; }
.api-header .brand-lockup { width:202px; height:52px; }
.admin-brand .brand-lockup { width:180px; height:50px; }
.main-nav a,.api-header nav a { font-size:15px; }
.search-first-hero { min-height:680px; border-bottom:0; }
.search-first-hero::after { content:none; }
.search-first-hero::before { opacity:.34; }
.flight-data-line { width:max-content; margin-bottom:25px; padding:8px 13px; color:#60726c; background:rgba(255,255,255,.72); border:1px solid rgba(10,30,35,.08); border-radius:999px; box-shadow:0 8px 24px rgba(10,30,35,.04); font-size:10px; }
.flight-data-line i { display:none; }
.flight-data-line b { width:4px; height:4px; border-radius:50%; transform:none; }
.search-hero-copy h1 { font-size:clamp(46px,4.7vw,64px); line-height:1.12; }
.search-hero-copy p { max-width:980px; font-size:17px; line-height:1.8; }
.search-hero-badge { font-size:13px; }
.search-scope-row > span b { font-size:13px; }
.search-scope-row > span small { font-size:11px; }
.search-command-card .database-picker button .database-copy strong { font-size:13px; }
.search-command-card .database-picker button .database-copy small { font-size:10px; }
.advanced-search-link,.home-search-hints,.search-trust-strip span { font-size:12px; }
.home-v2-section { border-top:0; }
.market-discovery { padding-top:76px; }
.mini-bottom { grid-template-columns:repeat(3,1fr); height:64px; }
.mini-bottom button { font-size:10px; }
@media (max-width:820px) {
  .brand-lockup { width:182px; }
  .search-hero-copy h1 { font-size:40px; }
  .search-hero-copy p { font-size:15px; }
}

/* v22 — legible web lockup and clarified open-platform information architecture */
.brand-logo-composed { display:flex; align-items:center; gap:14px; min-width:236px; height:54px; color:#09171c; }
.brand-logo-composed > img { display:block; width:108px; height:42px; object-fit:contain; border-radius:8px; box-shadow:0 7px 20px rgba(9,23,28,.12); }
.brand-logo-copy { display:flex; flex-direction:column; justify-content:center; gap:3px; white-space:nowrap; line-height:1; }
.brand-logo-copy strong { font-size:21px; font-weight:850; letter-spacing:.08em; color:currentColor; }
.brand-logo-copy small { font-size:11.5px; font-weight:650; letter-spacing:.04em; color:#58706a; }
.api-header .brand-logo-composed { min-width:216px; gap:11px; }
.api-header .brand-logo-composed > img { width:92px; height:36px; }
.api-header .brand-logo-copy strong { font-size:18px; }
.api-header .brand-logo-copy small { font-size:10.5px; }
.footer-brand .brand-logo-composed,.admin-brand .brand-logo-composed { color:#fff; }
.footer-brand .brand-logo-copy small,.admin-brand .brand-logo-copy small { color:rgba(255,255,255,.68); }
.admin-brand .brand-logo-composed { min-width:0; gap:9px; }
.admin-brand .brand-logo-composed > img { width:78px; height:31px; }
.admin-brand .brand-logo-copy strong { font-size:16px; }
.admin-brand .brand-logo-copy small { font-size:8px; }
.compact-brand .brand-logo-composed { min-width:190px; }
.compact-brand .brand-logo-composed > img { width:78px; height:31px; }
.compact-brand .brand-logo-copy strong { font-size:16px; }
.compact-brand .brand-logo-copy small { font-size:8px; }
.api-header > nav a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:108px; line-height:1.15; }
.api-header > nav a small { font-size:9px; font-weight:650; letter-spacing:.1em; color:#87938f; text-transform:uppercase; }
.api-header > nav a.active small { color:#168a69; }
.developer-nav-group { display:block; margin:17px 12px 7px; color:#95a29d; font-size:10px; font-weight:800; letter-spacing:.14em; }
.platform-logic-strip { display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr; align-items:center; padding:18px; margin:0 0 20px; border:1px solid #dce8e3; border-radius:18px; background:linear-gradient(110deg,#f3faf7,#fff); }
.platform-logic-strip > span { display:grid; place-items:center; color:#72a697; }
.platform-logic-strip article { display:flex; align-items:flex-start; gap:13px; min-height:74px; padding:15px; border-radius:14px; background:#fff; box-shadow:0 7px 24px rgba(9,23,28,.05); }
.platform-logic-strip i { display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:10px; background:#dff4ec; color:#087b5d; font-size:12px; font-style:normal; font-weight:850; }
.platform-logic-strip strong { display:block; margin:1px 0 6px; font-size:17px; }
.platform-logic-strip p { margin:0; color:#6d7c78; font-size:13px; line-height:1.55; }
.integration-choice-grid { padding:25px; margin-bottom:20px; border:1px solid #dce8e3; border-radius:18px; background:#fff; }
.integration-choice-grid header > span,.api-doc-category-section header span { color:#078362; font-size:10px; font-weight:850; letter-spacing:.16em; }
.integration-choice-grid h2,.api-doc-category-section h2 { margin:7px 0 7px; font-size:25px; letter-spacing:-.02em; }
.integration-choice-grid header p,.api-doc-category-section header p { margin:0; max-width:800px; color:#687874; font-size:14px; line-height:1.65; }
.integration-choice-grid > div { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
.integration-choice-grid button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:19px; border:1px solid #dbe6e2; border-radius:15px; background:#fafcfb; text-align:left; }
.integration-choice-grid button.featured { border-color:#9ad9c6; background:#effaf6; }
.integration-choice-grid button b { color:#078362; font-size:12px; letter-spacing:.12em; }
.integration-choice-grid button strong { font-size:17px; }
.integration-choice-grid button small { color:#71807c; font-size:12px; }
.integration-choice-grid button svg { position:absolute; top:20px; right:18px; }
.api-doc-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px; }
.api-doc-facts article { display:flex; flex-direction:column; gap:5px; padding:20px; border:1px solid #dce8e3; border-radius:15px; background:#fff; }
.api-doc-facts article > span { color:#087d5e; font-size:26px; font-weight:900; letter-spacing:-.03em; }
.api-doc-facts strong { font-size:14px; }
.api-doc-facts small { color:#788682; font-size:11px; line-height:1.45; }
.api-doc-category-section { padding:25px; margin-bottom:20px; border:1px solid #dce8e3; border-radius:18px; background:#fff; }
.api-doc-category-section > header { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:18px; }
.api-doc-category-section > header > button { padding:10px 14px; border:1px solid #bdd8cf; border-radius:10px; background:#fff; color:#087b5d; font-weight:750; }
.api-doc-category-section > div { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.api-doc-category-section > div > button { position:relative; display:grid; grid-template-columns:66px 1fr; grid-template-rows:auto auto; gap:4px 12px; padding:15px 44px 15px 15px; border:1px solid #e0e9e6; border-radius:13px; background:#fafcfb; text-align:left; }
.api-doc-category-section button > span { grid-row:1/3; align-self:center; color:#0a8a67; font-size:11px; font-weight:850; letter-spacing:.08em; }
.api-doc-category-section button > strong { font-size:14px; }
.api-doc-category-section button > small { overflow:hidden; color:#7a8884; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.api-doc-category-section button > svg { position:absolute; top:20px; right:15px; color:#77a496; }
@media (max-width:1100px) {
  .api-header .brand-logo-composed { min-width:205px; gap:9px; }
  .api-header .brand-logo-composed > img { width:78px; height:31px; }
  .api-header .brand-logo-copy strong { font-size:16px; }
  .api-header .brand-logo-copy small { font-size:10px; }
  .api-header > nav a { min-width:92px; }
}
@media (max-width:760px) {
  .brand-logo-composed { min-width:182px; gap:9px; }
  .brand-logo-composed > img { width:78px; height:31px; }
  .brand-logo-copy strong { font-size:16px; }
  .brand-logo-copy small { font-size:10px; }
  .platform-logic-strip { grid-template-columns:1fr; }
  .platform-logic-strip > span { transform:rotate(90deg); }
  .integration-choice-grid > div,.api-doc-facts,.api-doc-category-section > div { grid-template-columns:1fr; }
}

/* v26 — complete 33-endpoint documentation and clear app/capability separation */
.developer-app-card.capability-scope { color:#0a2a22; background:linear-gradient(145deg,#e9f8f2,#f8fcfa); border:1px solid #c6e6db; box-shadow:0 12px 30px rgba(8,123,93,.09); }
.developer-app-card.capability-scope > span { color:#fff; background:#078c69; }
.developer-app-card.capability-scope small { color:#658079; }
.developer-app-card.capability-scope strong { font-size:16px; color:#09241d; }
.developer-app-card.capability-scope code { color:#087b5d; font-size:9.5px; }
.developer-app-card.account-scope { background:linear-gradient(145deg,#092b2e,#0d403d); }
.developer-app-card.account-scope > span { color:#05231d; background:#55dbb3; }
.developer-app-card.account-scope strong { font-size:16px; }
.developer-app-card.account-scope code { color:#8fe8ca; font-size:9.5px; }
.api-market-offer .gc-api-row-top > div > span { color:#078563; letter-spacing:.03em; }
.api-market-offer .gc-api-row-main > p { margin:12px 0; max-width:920px; }
.gc-api-offer-use { display:flex; align-items:center; gap:12px; padding:11px 0; border-top:1px solid #e7eeeb; }
.gc-api-offer-use > small { flex:0 0 auto; color:#75847f; font-size:11px; font-weight:750; }
.gc-api-offer-use .gc-api-product-tags { margin:0; }
.gc-api-offer-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-top:13px; border-top:1px solid #e7eeeb; }
.gc-api-offer-footer > div { display:flex; align-items:baseline; gap:10px; }
.gc-api-offer-footer small { color:#74827e; font-size:11px; }
.gc-api-offer-footer strong { color:#df5b41; font-size:18px; }
.gc-api-offer-footer span { color:#8a9692; font-size:10px; }
.gc-api-offer-footer .gc-api-buy { min-width:108px; }
@media (max-width:700px) {
  .gc-api-offer-use,.gc-api-offer-footer,.gc-api-offer-footer > div { align-items:flex-start; flex-direction:column; }
}
.api-doc-full-directory { padding:26px; margin-bottom:20px; border:1px solid #dce8e3; border-radius:18px; background:#fff; }
.api-doc-full-directory > header { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; padding-bottom:20px; border-bottom:1px solid #e4ece9; }
.api-doc-full-directory > header span { color:#078362; font-size:10px; font-weight:850; letter-spacing:.16em; }
.api-doc-full-directory > header h2 { margin:7px 0; font-size:27px; letter-spacing:-.025em; }
.api-doc-full-directory > header p { max-width:880px; margin:0; color:#667973; font-size:14px; line-height:1.65; }
.api-doc-full-directory > header > b { flex:0 0 auto; padding:9px 12px; border:1px solid #b9ded2; border-radius:999px; color:#087b5d; background:#eff9f5; font-size:11px; }
.api-doc-group-block { padding-top:22px; }
.api-doc-group-block + .api-doc-group-block { margin-top:20px; border-top:1px solid #e5ecea; }
.api-doc-group-block > header { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:10px; }
.api-doc-group-block > header div { display:flex; align-items:center; gap:10px; }
.api-doc-group-block > header strong { font-size:17px; }
.api-doc-group-block > header span { padding:4px 8px; border-radius:999px; color:#087b5d; background:#e7f6f0; font-size:10px; font-weight:800; }
.api-doc-group-block > header small { overflow:hidden; max-width:55%; color:#84918e; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.api-doc-group-block > div { display:grid; gap:7px; }
.api-doc-group-block button { position:relative; display:grid; grid-template-columns:58px minmax(190px,1.05fr) minmax(210px,1.1fr) minmax(230px,1.35fr) 66px 18px; align-items:center; gap:14px; width:100%; min-height:72px; padding:12px 14px; border:1px solid #e3ebe8; border-radius:12px; background:#fbfdfc; text-align:left; transition:.18s ease; }
.api-doc-group-block button:hover { border-color:#8ccab7; background:#f2faf7; transform:translateY(-1px); box-shadow:0 8px 24px rgba(8,123,93,.08); }
.api-doc-group-block button > b { justify-self:start; padding:5px 8px; border-radius:7px; font-size:9px; letter-spacing:.06em; }
.api-doc-group-block button > span { display:grid; gap:4px; min-width:0; }
.api-doc-group-block button > span strong { font-size:13px; }
.api-doc-group-block button > span code,.api-doc-group-block .endpoint { overflow:hidden; color:#63756f; font-size:9.5px; text-overflow:ellipsis; white-space:nowrap; }
.api-doc-group-block button > p { display:-webkit-box; overflow:hidden; margin:0; color:#73827e; font-size:11px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.api-doc-group-block button > em { color:#dd6b30; font-size:11px; font-style:normal; font-weight:850; text-align:right; }
.api-doc-group-block button > svg { color:#6b9e8f; }
.full-capability-list > header { position:sticky; top:0; z-index:2; background:#fff; }
.cli-command-list.full-capability-list button { grid-template-columns:minmax(280px,1.35fr) minmax(180px,1fr) minmax(190px,1fr) auto; }
.cli-command-list.full-capability-list button small { color:#7a8984; font-size:10px; }
.mcp-tool-grid.full-capability-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mcp-tool-grid.full-capability-list > header { grid-column:1/-1; }
@media (max-width:1180px) {
  .api-doc-group-block button { grid-template-columns:54px minmax(170px,1fr) minmax(210px,1.15fr) 60px 16px; }
  .api-doc-group-block button > p { display:none; }
  .mcp-tool-grid.full-capability-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .api-doc-full-directory { padding:18px; }
  .api-doc-full-directory > header,.api-doc-group-block > header { align-items:flex-start; flex-direction:column; gap:10px; }
  .api-doc-group-block > header small { max-width:100%; }
  .api-doc-group-block button { grid-template-columns:50px 1fr 58px 14px; gap:9px; }
  .api-doc-group-block .endpoint,.api-doc-group-block button > p { display:none; }
  .api-doc-group-block button > span strong { font-size:12px; }
  .cli-command-list.full-capability-list button { grid-template-columns:1fr auto; }
  .cli-command-list.full-capability-list button > span,.cli-command-list.full-capability-list button > small { grid-column:1; }
  .mcp-tool-grid.full-capability-list { grid-template-columns:1fr; }
}

/* v29 — screenshot-led open-platform shell */
.api-app.api-portal-shell { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:100vh; color:#172036; background:#f3f6fa; }
.api-portal-sidebar { position:sticky; top:0; z-index:20; display:flex; flex-direction:column; height:100vh; padding:22px 14px 18px; border-right:1px solid #e0e7ef; background:#fff; }
.api-portal-brand { display:flex; flex-direction:column; gap:7px; padding:0 10px 20px; border-bottom:1px solid #e7ecf2; text-decoration:none; }
.api-portal-brand .brand-logo-composed { min-width:0; height:42px; gap:9px; }
.api-portal-brand .brand-logo-composed > img { width:76px; height:30px; box-shadow:none; }
.api-portal-brand .brand-logo-copy strong { font-size:17px; }
.api-portal-brand .brand-logo-copy small { font-size:8px; }
.api-portal-brand > span { color:#8090a3; font-size:11px; }
.api-portal-sidebar nav { display:grid; gap:5px; padding-top:19px; }
.api-portal-sidebar nav > small { padding:0 12px 7px; color:#9aa8b8; font-size:10px; font-weight:750; letter-spacing:.08em; }
.api-portal-sidebar nav a { display:grid; grid-template-columns:22px 1fr 16px; align-items:center; gap:8px; min-height:43px; padding:0 12px; border-radius:9px; color:#536279; font-size:14px; font-weight:700; text-decoration:none; }
.api-portal-sidebar nav a:hover { color:#0a725a; background:#f0f8f5; }
.api-portal-sidebar nav a.active { color:#fff; background:linear-gradient(100deg,#078a69,#10b789); box-shadow:0 8px 22px rgba(8,138,105,.18); }
.api-portal-sidebar nav a svg:last-child { justify-self:end; opacity:.58; }
.api-portal-side-foot { display:grid; gap:9px; margin-top:auto; padding:16px 12px 0; border-top:1px solid #e7ecf2; }
.api-portal-side-foot a { display:flex; align-items:center; gap:8px; color:#536279; font-size:12px; text-decoration:none; }
.api-portal-side-foot small { color:#9aa8b8; font-size:10px; }
.api-portal-stage { min-width:0; }
.api-portal-top { position:sticky; top:0; z-index:15; display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:0 32px; border-bottom:1px solid #e0e7ef; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
.api-portal-top > div { display:flex; align-items:center; gap:12px; }
.api-portal-top > div:first-child strong { font-size:16px; }
.api-portal-top > div:first-child span { padding:5px 9px; border-radius:7px; color:#a15e21; background:#fff3e9; font-size:10px; font-weight:750; }
.api-portal-top .account-chip { min-height:36px; padding:0 12px; border:1px solid #dce5ed; border-radius:8px; color:#48576d; background:#fff; box-shadow:none; text-decoration:none; }
.api-portal-stage > main { min-width:0; }
.developer-workspace.portal-flat { display:block; min-height:0; background:transparent; }
.developer-workspace.portal-flat .developer-main { width:auto; max-width:1480px; margin:0 auto; padding:28px 34px 40px; }
.developer-page-head { padding-bottom:17px; border-bottom:1px solid #dce4eb; }
.developer-page-head > div > span { color:#078765; }
.developer-page-head h1 { font-size:25px; }
.developer-page-head p { font-size:13px; }
.api-portal-stage .gc-api-market-shell { display:block; max-width:1480px; min-height:0; padding:0 32px 40px; }
.api-portal-stage .gc-api-sidebar { position:static; display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:auto; padding:22px 0 0; border:0; background:transparent; }
.api-portal-stage .gc-api-sidebar-title { width:auto; margin:0 8px 0 0; padding:0 12px 0 0; border-right:1px solid #dce5eb; border-bottom:0; }
.api-portal-stage .gc-api-sidebar-title span { width:34px; height:34px; }
.api-portal-stage .gc-api-sidebar-title strong { font-size:13px; }
.api-portal-stage .gc-api-sidebar-title small { display:none; }
.api-portal-stage .gc-api-layer { width:auto; min-height:34px; padding:0 10px; border:1px solid #dfe7ed; border-radius:8px; background:#fff; }
.api-portal-stage .gc-api-layer span { gap:5px; font-size:11px; }
.api-portal-stage .gc-api-layer b { font-size:9px; }
.api-portal-stage .gc-api-layer.active { border-color:#82cbb7; color:#08795c; background:#eaf7f2; }
.api-portal-stage .gc-api-wallet { display:none; }
.api-portal-stage .gc-api-main { padding:18px 0 0; }
.api-portal-stage .gc-api-toolbar { padding:22px 24px; border:1px solid #e0e7ed; border-radius:12px; background:#fff; }
.api-portal-stage .gc-api-active-line { margin-top:14px; border:1px solid #e1e8ee; border-radius:10px; background:#fff; }
.api-portal-stage .gc-api-row { border-color:#e0e7ed; border-radius:10px; box-shadow:none; }
.api-portal-stage .gc-api-row:hover { border-color:#80c8b5; box-shadow:0 8px 22px rgba(33,75,63,.07); }
.docs-channel-tabs { display:flex; align-items:center; gap:6px; padding:8px; margin:18px 0; border:1px solid #dfe7ee; border-radius:10px; background:#fff; }
.docs-channel-tabs button { display:flex; align-items:center; gap:7px; min-height:38px; padding:0 14px; border:0; border-radius:7px; color:#59687c; background:transparent; font-weight:750; }
.docs-channel-tabs button.active { color:#fff; background:#078a69; }
.docs-reference-intro { align-items:stretch; margin-bottom:18px; }
.docs-reference-intro > article { min-height:330px; border-color:#dfe7ed; border-radius:10px; box-shadow:none; }
.docs-reference-intro .developer-code-card pre { min-height:230px; }
.api-doc-full-directory.compact-reference { padding:0; overflow:hidden; border-color:#dfe7ed; border-radius:10px; }
.api-doc-full-directory.compact-reference > header { padding:22px 24px; background:#fff; }
.api-doc-full-directory.compact-reference .api-doc-group-block { padding:18px 22px 0; }
.api-doc-full-directory.compact-reference .api-doc-group-block:last-child { padding-bottom:22px; }
.api-doc-full-directory.compact-reference .api-doc-group-block button { border-radius:8px; background:#f9fbfc; }
.api-legal { padding:18px 32px 34px; color:#91a0ae; background:transparent; }
@media (max-width:980px) {
  .api-app.api-portal-shell { grid-template-columns:76px minmax(0,1fr); }
  .api-portal-sidebar { padding-inline:9px; }
  .api-portal-brand { padding-inline:0; }
  .api-portal-brand .brand-logo-copy,.api-portal-brand > span,.api-portal-sidebar nav > small,.api-portal-sidebar nav a span,.api-portal-sidebar nav a svg:last-child,.api-portal-side-foot { display:none; }
  .api-portal-brand .brand-logo-composed { justify-content:center; }
  .api-portal-brand .brand-logo-composed > img { width:54px; }
  .api-portal-sidebar nav a { grid-template-columns:1fr; justify-items:center; padding:0; }
  .developer-workspace.portal-flat .developer-main,.api-portal-stage .gc-api-market-shell { padding-inline:20px; }
  .cli-command-list.full-capability-list button { grid-template-columns:minmax(0,1fr) auto; }
  .cli-command-list.full-capability-list button > code,.cli-command-list.full-capability-list button > span,.cli-command-list.full-capability-list button > small { grid-column:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .cli-command-list.full-capability-list button > svg { grid-column:2; grid-row:1/4; }
}
@media (max-width:700px) {
  .api-app.api-portal-shell { display:block; }
  .api-portal-sidebar { position:sticky; width:auto; height:auto; padding:7px; border-right:0; border-bottom:1px solid #dfe6ed; }
  .api-portal-brand,.api-portal-sidebar nav > small,.api-portal-side-foot { display:none; }
  .api-portal-sidebar nav { display:flex; overflow-x:auto; padding:0; }
  .api-portal-sidebar nav a { flex:0 0 42px; min-height:40px; }
  .api-portal-top { padding:0 14px; }
  .api-portal-top > div:first-child span,.api-portal-top .account-chip { display:none; }
  .api-portal-stage .gc-api-sidebar { flex-wrap:nowrap; overflow-x:auto; }
  .api-portal-stage .gc-api-sidebar-title { display:none; }
  .docs-channel-tabs { overflow-x:auto; }
}

/* v31 — access-aware promotional sign-in */
.api-portal-sidebar nav a.requires-auth:not(.active) svg:last-child { color:#9aa7b5; opacity:.8; }
.api-portal-top .account-chip.sign-in { color:#fff; border-color:#078a69; background:#078a69; }
.login-page { grid-template-columns:minmax(0,1.1fr) minmax(400px,.72fr); min-height:calc(100vh - 78px); background:linear-gradient(120deg,#f0f3ff 0%,#f6fbff 50%,#eef9f5 100%); }
.login-promise.platform-promo { justify-content:flex-start; padding-top:54px; padding-bottom:54px; background:radial-gradient(circle at 12% 12%,rgba(62,93,245,.12),transparent 28rem),radial-gradient(circle at 78% 45%,rgba(0,184,132,.10),transparent 25rem); }
.platform-promo > a { margin-bottom:35px; color:#087b5d; }
.platform-promo h1 { max-width:760px; color:#10162b; font-size:clamp(38px,4.1vw,62px); line-height:1.12; }
.platform-promo.developer-promo h1 { max-width:680px; font-size:clamp(32px,2.9vw,44px); line-height:1.18; letter-spacing:-.025em; }
.platform-promo > p { max-width:720px; color:#66748a; font-size:15px; }
.login-promise > .login-promo-actions { display:flex; gap:10px; margin-top:28px; }
.login-promo-actions a { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 17px; border:1px solid #d2dce6; border-radius:8px; color:#425069; background:#fff; font-size:12px; font-weight:800; text-decoration:none; }
.login-promo-actions a:first-child { color:#fff; border-color:#078a69; background:#078a69; box-shadow:0 10px 25px rgba(8,138,105,.16); }
.login-promise > .login-promo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:34px; max-width:760px; }
.login-promo-grid article { position:relative; min-height:126px; padding:18px 50px 18px 18px; border:1px solid #dce5ed; border-radius:12px; background:rgba(255,255,255,.72); }
.login-promo-grid article > span { position:absolute; top:17px; right:16px; display:grid; place-items:center; width:32px; height:32px; color:#087c5e; border-radius:8px; background:#e6f6f0; }
.login-promo-grid article strong { display:block; margin-bottom:8px; color:#172037; font-size:15px; }
.login-promo-grid article p { margin:0; color:#758298; font-size:11px; line-height:1.65; }
.login-card { border-radius:12px; box-shadow:0 25px 70px rgba(43,59,87,.14); }
.login-card .login-logo { width:56px; height:38px; border-radius:8px; }
@media (max-width:900px) {
  .login-page { grid-template-columns:1fr; }
  .login-promise.platform-promo { display:none; }
}

/* v34 — editorial newsroom: compact finance feed + strong story hierarchy */
.newsroom-page { min-height:100vh; padding:0 0 76px; color:#17221f; background:#f4f7f6; }
.newsroom-top { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:54px; align-items:end; padding:54px max(28px,calc((100vw - 1360px)/2)) 42px; border-bottom:1px solid #dce6e2; background:linear-gradient(120deg,#f8fcfa 0%,#fff 58%,#eef8f4 100%); }
.newsroom-top > div > span,.newsroom-feed > header span { color:#078a69; font-size:11px; font-weight:900; letter-spacing:.16em; }
.newsroom-top h1 { margin:12px 0 10px; color:#0e1d19; font-size:clamp(36px,4vw,54px); line-height:1.08; letter-spacing:-.045em; }
.newsroom-top > div > p { max-width:720px; margin:0; color:#64746f; font-size:15px; line-height:1.8; }
.newsroom-top > aside { display:grid; grid-template-columns:auto 1fr; gap:3px 9px; align-items:center; padding:18px 20px; border:1px solid #d7e6e0; border-radius:12px; background:#fff; box-shadow:0 14px 35px rgba(27,68,56,.07); }
.newsroom-top > aside i { grid-row:1/3; width:9px; height:9px; border-radius:50%; background:#06b889; box-shadow:0 0 0 6px rgba(6,184,137,.1); }
.newsroom-top > aside span { color:#527068; font-size:12px; font-weight:800; }
.newsroom-top > aside strong { grid-column:1; margin-top:15px; color:#087b5d; font-size:30px; }
.newsroom-top > aside small { align-self:end; padding-bottom:5px; color:#87968f; font-size:11px; }
.newsroom-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:26px; max-width:1360px; margin:28px auto 0; padding:0 28px; }
.newsroom-sidebar { position:sticky; top:92px; align-self:start; overflow:hidden; border:1px solid #dfe7e4; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(25,60,50,.04); }
.newsroom-side-title { display:flex; align-items:center; gap:10px; padding:20px 18px 16px; border-bottom:1px solid #edf1ef; }
.newsroom-side-title > span { display:grid; place-items:center; width:34px; height:34px; color:#fff; border-radius:9px; background:#078a69; }
.newsroom-side-title strong,.newsroom-side-title small { display:block; }
.newsroom-side-title strong { font-size:15px; }
.newsroom-side-title small { margin-top:3px; color:#9aa7a2; font-size:8px; letter-spacing:.12em; }
.newsroom-sidebar nav { display:grid; padding:9px; }
.newsroom-sidebar nav button { display:flex; align-items:center; justify-content:space-between; min-height:45px; padding:0 12px; color:#5f6f69; border:0; border-radius:8px; background:transparent; cursor:pointer; }
.newsroom-sidebar nav button > span { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:750; }
.newsroom-sidebar nav button b { display:grid; place-items:center; min-width:25px; height:20px; color:#9aa7a2; border-radius:10px; background:#f2f5f4; font-size:10px; }
.newsroom-sidebar nav button:hover { color:#087b5d; background:#f1f8f5; }
.newsroom-sidebar nav button.active { color:#fff; background:#087f61; }
.newsroom-sidebar nav button.active b { color:#087b5d; background:#fff; }
.newsroom-brief { margin:10px; padding:16px; color:#d9eee7; border-radius:10px; background:linear-gradient(145deg,#0a2b24,#0b5d49); }
.newsroom-brief > span { display:flex; align-items:center; gap:6px; color:#77dfbd; font-size:10px; font-weight:850; }
.newsroom-brief strong { display:block; margin:12px 0 7px; color:#fff; font-size:14px; line-height:1.45; }
.newsroom-brief p { margin:0; color:#a9c9bf; font-size:10px; line-height:1.65; }
.newsroom-feed { min-width:0; }
.newsroom-feed > header { display:flex; align-items:end; justify-content:space-between; min-height:58px; margin-bottom:14px; padding:0 2px; }
.newsroom-feed > header h2 { margin:4px 0 0; color:#17231f; font-size:27px; }
.newsroom-feed > header p { margin:0; color:#87968f; font-size:11px; }
.newsroom-feature { overflow:hidden; border:1px solid #dce6e2; border-radius:13px; background:#fff; box-shadow:0 13px 32px rgba(27,61,51,.06); }
.newsroom-feature > a { display:grid; grid-template-columns:280px minmax(0,1fr); color:inherit; text-decoration:none; }
.newsroom-feature-art { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:310px; padding:25px; overflow:hidden; color:#fff; background:radial-gradient(circle at 82% 18%,rgba(36,221,166,.35),transparent 10rem),linear-gradient(145deg,#0a3028,#087d61); }
.newsroom-feature-art:after { content:""; position:absolute; right:-70px; bottom:-80px; width:220px; height:220px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.03); }
.newsroom-feature-art > span { position:relative; z-index:1; align-self:flex-start; padding:5px 9px; border:1px solid rgba(255,255,255,.2); border-radius:5px; font-size:10px; font-weight:850; }
.newsroom-feature-art > svg { position:relative; z-index:1; color:#7be4c2; }
.newsroom-feature-art > small { position:relative; z-index:1; font-size:11px; font-weight:750; }
.newsroom-feature-copy { display:flex; flex-direction:column; padding:30px 32px 26px; }
.newsroom-feature-copy > div:first-child,.newsroom-list-copy > div { display:flex; align-items:center; gap:11px; color:#8a9893; font-size:10px; }
.newsroom-feature-copy > div:first-child span,.newsroom-list-copy > div span { color:#087b5d; font-weight:850; }
.newsroom-feature-copy h2 { max-width:760px; margin:17px 0 12px; color:#14231e; font-size:26px; line-height:1.38; letter-spacing:-.025em; }
.newsroom-feature-copy > p { margin:0; color:#687873; font-size:13px; line-height:1.8; }
.newsroom-feature-copy footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:auto; padding-top:22px; border-top:1px solid #edf1ef; color:#788883; font-size:10px; }
.newsroom-feature-copy footer span { display:flex; align-items:center; gap:6px; }
.newsroom-feature-copy footer b { display:flex; align-items:center; gap:6px; color:#078a69; font-size:12px; }
.newsroom-list { display:grid; gap:10px; margin-top:13px; }
.newsroom-list > article { border:1px solid #e0e8e5; border-radius:11px; background:#fff; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.newsroom-list > article:hover { transform:translateY(-2px); border-color:#9fd1c1; box-shadow:0 12px 27px rgba(31,75,62,.07); }
.newsroom-list > article > a { display:grid; grid-template-columns:56px minmax(0,1fr); gap:17px; padding:20px 22px; color:inherit; text-decoration:none; }
.newsroom-list-icon { display:grid; place-items:center; width:52px; height:52px; color:#078a69; border-radius:10px; background:#eaf7f2; }
.newsroom-list-copy h3 { margin:8px 0 6px; color:#1b2925; font-size:17px; line-height:1.45; }
.newsroom-list-copy > p { display:-webkit-box; overflow:hidden; margin:0; color:#74827e; font-size:12px; line-height:1.65; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.newsroom-list-copy footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:11px; color:#99a49f; font-size:9px; }
.newsroom-list-copy footer span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newsroom-list-copy footer b { display:flex; align-items:center; gap:5px; color:#698078; }
.newsroom-empty { padding:55px; color:#899791; border:1px dashed #cbd8d3; border-radius:12px; text-align:center; background:#fff; }
.newsroom-sources { display:grid; grid-template-columns:auto 1fr; gap:13px 25px; align-items:center; max-width:1304px; margin:32px auto 0; padding:20px 24px; border:1px solid #dfe7e4; border-radius:12px; background:#fff; }
.newsroom-sources > strong { color:#24342f; font-size:13px; }
.newsroom-sources > div { display:flex; flex-wrap:wrap; gap:7px; }
.newsroom-sources a { display:flex; align-items:center; gap:6px; padding:6px 10px; color:#527168; border-radius:5px; background:#f0f6f4; font-size:10px; text-decoration:none; }
.newsroom-sources p { grid-column:2; margin:0; color:#8b9893; font-size:10px; }
@media (max-width:900px) {
  .newsroom-top { grid-template-columns:1fr; gap:22px; }
  .newsroom-top > aside { max-width:260px; }
  .newsroom-layout { grid-template-columns:1fr; }
  .newsroom-sidebar { position:static; }
  .newsroom-sidebar nav { display:flex; overflow-x:auto; }
  .newsroom-sidebar nav button { flex:0 0 auto; gap:10px; }
  .newsroom-brief { display:none; }
  .newsroom-feature > a { grid-template-columns:210px minmax(0,1fr); }
}
@media (max-width:650px) {
  .newsroom-top { padding:38px 20px 30px; }
  .newsroom-layout { padding:0 16px; }
  .newsroom-feature > a { grid-template-columns:1fr; }
  .newsroom-feature-art { min-height:150px; }
  .newsroom-feature-copy { padding:23px 20px; }
  .newsroom-feature-copy h2 { font-size:21px; }
  .newsroom-list > article > a { grid-template-columns:42px minmax(0,1fr); gap:12px; padding:17px 14px; }
  .newsroom-list-icon { width:42px; height:42px; }
  .newsroom-sources { margin-inline:16px; grid-template-columns:1fr; }
  .newsroom-sources p { grid-column:1; }
}

/* v35 — unified account workspace and clean header */
.site-header::before,.api-header::before { content:none !important; display:none !important; }
.account-page.account-v2 { min-height:100vh; padding:0; color:#20312c; background:#f3f6f5; }
.account-workspace { display:grid; grid-template-columns:242px minmax(0,1fr); max-width:1420px; min-height:100vh; margin:0 auto; border-right:1px solid #e0e7e4; border-left:1px solid #e0e7e4; background:#f5f7f6; }
.account-side { position:sticky; top:78px; align-self:start; display:flex; flex-direction:column; height:calc(100vh - 78px); padding:24px 14px 18px; border-right:1px solid #dfe7e4; background:#fff; }
.account-side-profile { display:grid; grid-template-columns:42px 1fr; gap:2px 10px; align-items:center; padding:15px 12px; border:1px solid #dce7e2; border-radius:11px; background:linear-gradient(135deg,#f5fbf8,#eef7f3); }
.account-side-profile > span { grid-row:1/3; display:grid; place-items:center; width:42px; height:42px; color:#fff; border-radius:10px; background:#078a69; }
.account-side-profile strong { color:#20322c; font-size:13px; }
.account-side-profile small { color:#84938e; font-size:9px; }
.account-side-profile b { grid-column:1/-1; width:max-content; margin-top:10px; padding:4px 8px; color:#087b5d; border-radius:10px; background:#dff3eb; font-size:9px; }
.account-side nav { display:grid; gap:4px; margin-top:24px; }
.account-side nav > small { padding:0 10px 8px; color:#9aa6a2; font-size:9px; font-weight:850; letter-spacing:.08em; }
.account-side nav button { display:grid; grid-template-columns:22px 1fr auto; gap:8px; align-items:center; min-height:45px; padding:0 11px; color:#61716c; border:0; border-radius:8px; background:transparent; text-align:left; cursor:pointer; }
.account-side nav button span { font-size:12px; font-weight:760; }
.account-side nav button svg:last-child { color:#a9b5b1; }
.account-side nav button:hover { color:#087b5d; background:#f0f7f4; }
.account-side nav button.active { color:#fff; background:#087f61; box-shadow:0 7px 17px rgba(8,127,97,.16); }
.account-side nav button.active svg:last-child { color:#fff; }
.account-side-actions { display:grid; gap:5px; margin-top:auto; padding-top:11px; border-top:1px solid #e9eeec; }
.account-side-actions a,.account-side-actions button { display:flex; align-items:center; gap:7px; min-height:38px; padding:0 12px; color:#70817b; border:0; border-radius:8px; background:transparent; font:750 11px/1 inherit; text-decoration:none; cursor:pointer; }
.account-side-actions a:hover { color:#087b5d; background:#f0f7f4; }
.account-side-actions button:hover { color:#a93636; background:#fff1f1; }
.account-main { min-width:0; padding-bottom:70px; }
.account-v2 .account-page-head { display:block; padding:38px 34px 27px; color:#172822; border-bottom:1px solid #e0e7e4; background:#fff; }
.account-v2 .account-page-head .kicker { color:#078a69; font-size:10px; }
.account-v2 .account-page-head h1 { margin:8px 0 6px; color:#162620; font-size:31px; letter-spacing:-.03em; }
.account-v2 .account-page-head p { color:#74847f; font-size:12px; }
.account-v2 .account-page-head .account-identity { display:none; }
.account-v2 .account-dashboard { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; max-width:none; margin:0; padding:22px 24px; }
.account-v2 .account-summary-grid { gap:10px; }
.account-v2 .account-summary-grid article { padding:17px 18px; border-color:#dfe7e4; border-radius:11px; box-shadow:0 7px 20px rgba(31,70,58,.035); }
.account-v2 .account-summary-grid article > span { color:#078a69; border-radius:9px; background:#e7f5ef; }
.account-v2 .account-summary-grid small { color:#85948f; font-size:9px; }
.account-v2 .account-summary-grid strong { color:#1a2b25; font-size:24px; }
.account-v2 .account-summary-grid button { color:#087b5d; font-size:9px; }
.account-v2 .account-report-center,.account-v2 .account-api-center,.account-v2 .account-security-card,.account-v2 .account-invoice-card { border-color:#dfe7e4; border-radius:12px; box-shadow:0 8px 24px rgba(31,70,58,.04); scroll-margin-top:96px; }
.account-v2 .account-report-center h2,.account-v2 .account-api-center h2 { color:#1c2e28; }
.account-v2 .account-report-center .kicker,.account-v2 .account-api-center .kicker { color:#078a69; }
.account-v2 .tab-row button.active { color:#087b5d; }
.account-v2 .account-report-row .report-list-main h3 { color:#22332e; }
.account-v2 .report-list-actions .button.primary { background:#078a69; box-shadow:none; }
.account-v2 .account-api-center header a { color:#087b5d; background:#eaf6f1; }
.account-v2 .account-api-center header a.primary { color:#fff; background:#078a69; }
.account-v2 .account-api-grid article { border-color:#e0e8e5; }
.account-v2 .account-api-grid article > span { color:#078a69; background:#eaf6f1; }
.account-v2 .account-api-grid strong { color:#23352f; }
.account-v2 .account-api-grid button,.account-v2 .account-api-ledger a { color:#087b5d; }
.account-v2 .wallet-card { grid-row:auto; color:#20312c; border:1px solid #d9e7e1; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(31,70,58,.05); scroll-margin-top:96px; }
.account-v2 .wallet-head { padding:20px 21px 0; }
.account-v2 .wallet-head > div > span { color:#078a69; background:#e7f5ef; }
.account-v2 .wallet-head small { color:#84958f; }
.account-v2 .wallet-head > button { color:#fff; background:#078a69; }
.account-v2 .wallet-balance { margin:18px 20px; padding:23px; border-radius:10px; background:linear-gradient(135deg,#e8f7f1,#f7fbf9); }
.account-v2 .wallet-balance > span,.account-v2 .wallet-balance > small { color:#73857f; }
.account-v2 .wallet-balance > strong { color:#087b5d; }
.account-v2 .wallet-actions { padding-bottom:13px; }
.account-v2 .wallet-actions button { color:#087b5d; border-color:#cfe4dc; background:#f0f8f5; }
.account-v2 .wallet-payment-badges span { color:#65766f; background:#f2f6f4; }
.account-v2 .wallet-ledger { border-top:1px solid #e6ece9; background:#fafcfb; }
.account-v2 .wallet-ledger > div { color:#65766f; }
.account-v2 .wallet-ledger time { color:#96a29e; }
.account-v2 .wallet-ledger strong { color:#078a69; }
.account-v2 .account-card-title > span { color:#078a69; background:#e7f5ef; }
.account-v2 .account-card-title h2 { color:#23342e; }
.account-v2 .account-security-card dd button { color:#087b5d; }
.account-v2 .saved-invoice-profile { border-color:#e1e9e6; background:#f8faf9; }
.account-v2 .account-invoice-card .invoice-type-switch button.selected { color:#087b5d; border-color:#45ad8d; background:#eaf7f2; }
.account-v2 .invoice-profile-form > button,.account-v2 .invoice-application-entry button { background:#078a69; }
.account-v2 .invoice-application-entry { border-color:#d7e8e1; background:linear-gradient(135deg,#edf8f3,#fff); }
.account-v2 .recharge-panel { border-color:#dce7e2; box-shadow:0 18px 45px rgba(25,67,54,.12); }
@media (max-width:980px) {
  .account-workspace { grid-template-columns:1fr; }
  .account-side { position:static; height:auto; padding:12px; border-right:0; border-bottom:1px solid #dfe7e4; }
  .account-side-profile,.account-side > a,.account-side nav > small { display:none; }
  .account-side nav { display:flex; overflow-x:auto; margin:0; }
  .account-side nav button { flex:0 0 auto; grid-template-columns:20px auto; min-height:40px; }
  .account-side nav button svg:last-child { display:none; }
}
@media (max-width:720px) {
  .account-v2 .account-dashboard,.account-v2 .account-summary-grid { grid-template-columns:1fr; }
  .account-v2 .account-summary-grid,.account-v2 .account-report-center,.account-v2 .account-api-center,.account-v2 .account-invoice-card { grid-column:auto; }
  .account-v2 .account-api-grid { grid-template-columns:1fr 1fr; }
}

/* v36 — aligned consumer header and complete operations workspace */
@media (min-width:1101px) {
  .site-header {
    grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr);
    min-height:76px;
    padding-inline:max(28px,calc((100vw - 1360px)/2));
  }
  .site-header > .brand { justify-self:start; }
  .site-header > .main-nav { justify-self:center; gap:38px; }
  .site-header > .header-actions { justify-self:end; }
}
.search-first-hero { padding-inline:24px; }
.search-first-hero > .flight-data-line,
.search-first-hero > .search-hero-copy,
.search-first-hero > .search-command-card,
.search-first-hero > .search-trust-strip { margin-left:auto; margin-right:auto; }
.search-hero-copy { width:min(1120px,100%); max-width:none; }
.search-command-card { width:min(1180px,100%); }
.search-trust-strip { width:min(1040px,100%); }

.admin-app { grid-template-columns:270px minmax(0,1fr); background:#f4f7f5; }
.admin-sidebar {
  padding:18px 14px 14px;
  color:#dbeae5;
  background:linear-gradient(180deg,#09251f 0%,#0b3329 58%,#0a2a23 100%);
  border-right:1px solid rgba(255,255,255,.08);
}
.admin-brand-v36 {
  position:relative;
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:76px;
  padding:8px 8px 18px;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
  text-decoration:none;
}
.admin-brand-v36 > img {
  display:block;
  width:82px;
  height:42px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
.admin-brand-v36 > span { display:grid; gap:5px; min-width:0; }
.admin-brand-v36 > span strong { color:#fff; font-size:19px; font-weight:900; letter-spacing:.08em; white-space:nowrap; }
.admin-brand-v36 > span small { overflow:hidden; color:#9fc1b6; font-size:9px; line-height:1.35; white-space:nowrap; text-overflow:ellipsis; }
.admin-brand-v36 > b {
  position:absolute;
  right:8px;
  bottom:-9px;
  padding:4px 8px;
  color:#07392c;
  background:#55ddb1;
  border:3px solid #0b3027;
  border-radius:999px;
  font-size:8px;
  letter-spacing:.08em;
}
.admin-side-nav { margin-top:20px !important; }
.admin-side-nav > small { padding:14px 12px 6px; color:#6f9b8e; font-size:10px; letter-spacing:.1em; }
.admin-side-nav button {
  min-height:42px;
  gap:11px !important;
  padding:10px 12px !important;
  color:#aac5bc !important;
  border-radius:10px !important;
  font-size:12px !important;
}
.admin-side-nav button:hover { color:#fff !important; background:rgba(255,255,255,.06) !important; }
.admin-side-nav button.active { color:#063a2d !important; background:#55ddb1 !important; box-shadow:0 10px 26px rgba(0,0,0,.18) !important; }
.admin-side-nav .nav-dot { background:#ffbf69; }
.admin-user { bottom:-14px; color:#fff; background:#103f34; border:1px solid rgba(255,255,255,.1); border-radius:11px; }
.admin-user > span { color:#07392c; background:#55ddb1; border:0; }
.admin-user small { color:#8fb5a8; }
.admin-main { padding:18px 34px 110px; }
.admin-global-bar { margin:-18px -34px 18px; padding:13px 34px; border-color:#dce6e1; box-shadow:0 5px 20px rgba(25,61,50,.04); }
.admin-module-nav { border-color:#dce6e1; box-shadow:0 5px 18px rgba(25,61,50,.035); }
.admin-module-nav button { font-size:11px; }
.admin-module-nav button.active { color:#fff; background:#078a69; box-shadow:0 5px 14px rgba(7,138,105,.2); }
.admin-module-nav > span { font-size:10px; }
.admin-top h1,.admin-subpage > header h1 { color:#18372e; }
.admin-top p,.admin-subpage > header p { color:#71847d; font-size:11px; }
.admin-top .kicker,.admin-subpage > header span { color:#078a69; }
.admin-main .button.primary,.admin-subpage > header > button { background:#078a69; }
.admin-config-metrics article,.ops-card,.ops-table-card,.admin-subpage-table { border-color:#dce6e1; box-shadow:0 8px 26px rgba(25,61,50,.04); }
.ops-table button,.admin-subpage-table button { color:#078a69; }
.ops-table em.ok,.admin-subpage-table em.ok { color:#087b5d; background:#e3f5ed; }
.ops-table em.info,.admin-subpage-table em.info { color:#176d8a; background:#e6f5fa; }
.wallet-channel-grid,.api-channel-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:14px; }
.wallet-channel-grid article,.api-channel-grid article { display:grid; gap:5px; padding:14px; background:#f4f8f6; border:1px solid #e0e9e5; border-radius:10px; }
.wallet-channel-grid span,.api-channel-grid span { color:#526861; font-size:10px; font-weight:800; }
.wallet-channel-grid em { color:#078a69; font-size:9px; font-style:normal; }
.wallet-channel-grid strong,.api-channel-grid strong { color:#17382f; font-size:17px; }
.api-channel-grid small { color:#81928c; font-size:9px; }
.wallet-rule-row { display:flex; align-items:center; justify-content:space-between; min-height:39px; padding:0 3px; border-bottom:1px solid #e7eeeb; color:#70827c; font-size:10px; }
.wallet-rule-row strong { color:#263e37; }
.invoice-source-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; margin-top:14px; }
.invoice-source-flow article { display:grid; gap:6px; padding:15px; background:#f2f8f5; border:1px solid #dce9e4; border-radius:10px; }
.invoice-source-flow b { color:#1d3c33; font-size:11px; }.invoice-source-flow span { color:#71837d; font-size:9px; }.invoice-source-flow i { color:#07916d; font-style:normal; }
.ops-table.wallet-admin-table > div,
.ops-table.invoice-admin-table > div,
.ops-table.api-usage-admin-table > div { grid-template-columns:1.45fr .72fr .82fr .72fr .62fr .46fr; }
@media (max-width:1100px) {
  .site-header { grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr); padding-inline:28px; }
  .site-header > .brand { justify-self:start; }
  .site-header > .main-nav { justify-self:center; gap:22px; }
  .site-header > .header-actions { justify-self:end; }
  .admin-app { grid-template-columns:235px minmax(0,1fr); }
  .admin-brand-v36 { grid-template-columns:68px minmax(0,1fr); gap:9px; }
  .admin-brand-v36 > img { width:68px; }
  .admin-brand-v36 > span strong { font-size:16px; }
  .wallet-channel-grid,.api-channel-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:700px) {
  .site-header { grid-template-columns:1fr auto; padding-inline:15px; }
  .search-first-hero { padding-inline:14px; }
  .invoice-source-flow { grid-template-columns:1fr; }
  .invoice-source-flow > i { display:none; }
}

/* v37 final cascade — keep market categories in the left rail */
.api-portal-stage .gc-api-market-shell { display:grid; grid-template-columns:236px minmax(0,1fr); gap:24px; max-width:1480px; padding:26px 32px 46px; }
.api-portal-stage .gc-api-sidebar { position:sticky; top:94px; display:flex; flex-flow:column nowrap; align-items:stretch; align-self:start; gap:3px; width:auto; max-height:calc(100vh - 120px); overflow:auto; padding:16px; background:#fff; border:1px solid #dfe8e4; border-radius:13px; box-shadow:0 10px 30px rgba(26,63,52,.055); }
.api-portal-stage .gc-api-sidebar-title { width:auto; margin:0 0 10px; padding:2px 2px 15px; border-right:0; border-bottom:1px solid #e4ebe8; }
.api-portal-stage .gc-api-sidebar-title small { display:block; }
.api-portal-stage .gc-api-layer { width:100%; min-height:43px; margin:0; }
.api-portal-stage .gc-api-wallet { display:none; }
.api-portal-stage .gc-api-main { padding:0; }
@media (max-width:1000px) {
  .api-portal-stage .gc-api-market-shell { grid-template-columns:210px minmax(0,1fr); gap:16px; padding-inline:18px; }
  .api-portal-stage .gc-api-sidebar { padding:12px; }
}
@media (max-width:700px) {
  .api-portal-stage .gc-api-market-shell { display:block; padding:14px; }
  .api-portal-stage .gc-api-sidebar { position:static; display:grid; grid-template-columns:1fr 1fr; gap:5px; max-height:none; margin-bottom:14px; }
  .api-portal-stage .gc-api-sidebar-title { display:flex; grid-column:1 / -1; }
}

/* v38 — API catalog: category directory -> endpoint list -> technical detail */
.api-catalog-shell .gc-api-main { display:grid; gap:18px; }
.api-catalog-toolbar { margin:0; }
.api-category-landing,.api-directory-page { min-width:0; overflow:hidden; border:1px solid #dfe7e4; border-radius:13px; background:#fff; box-shadow:0 9px 28px rgba(24,61,50,.045); }
.api-category-landing > header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:26px 28px 22px; border-bottom:1px solid #e5ece9; background:linear-gradient(135deg,#fbfdfc,#f3f9f6); }
.api-category-landing > header > div { max-width:760px; }
.api-category-landing > header span { color:#087f61; font-size:10px; font-weight:900; letter-spacing:.12em; }
.api-category-landing > header h1 { margin:7px 0 8px; color:#20352e; font-size:27px; letter-spacing:-.025em; }
.api-category-landing > header p { margin:0; color:#71817c; font-size:13px; line-height:1.7; }
.api-category-landing > header > b { flex:0 0 auto; padding:7px 10px; color:#087b5d; border:1px solid #bee0d4; border-radius:7px; background:#edf8f4; font-size:11px; }
.api-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:10px 20px 22px; }
.api-category-card { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr); gap:13px; min-width:0; padding:22px 18px 17px; color:#24362f; border:0; border-bottom:1px solid #e7ecea; background:#fff; text-align:left; cursor:pointer; }
.api-category-card:nth-child(odd) { border-right:1px solid #e7ecea; }
.api-category-card:nth-last-child(-n+2) { border-bottom:0; }
.api-category-card:hover { z-index:1; background:#f7fbf9; box-shadow:inset 3px 0 #08a77f; }
.api-category-icon { display:grid; place-items:center; width:40px; height:40px; color:#087f61; border-radius:9px; background:#e6f6f0; }
.api-category-card > div { min-width:0; }
.api-category-card small { color:#91a09b; font-size:8px; font-weight:900; letter-spacing:.1em; }
.api-category-card h2 { margin:4px 0 6px; color:#20342d; font-size:16px; line-height:1.35; }
.api-category-card p { min-height:38px; margin:0; color:#74837e; font-size:11px; line-height:1.65; }
.api-category-card ul { display:flex; flex-wrap:wrap; gap:4px 12px; margin:10px 0 0; padding:0; list-style:none; }
.api-category-card li { max-width:210px; overflow:hidden; color:#53645e; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.api-category-card li::before { content:""; display:inline-block; width:4px; height:4px; margin:0 6px 2px 0; border-radius:50%; background:#45b997; }
.api-category-card footer { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin-top:3px; padding-top:12px; border-top:1px dashed #e1e9e6; color:#7e8d88; font-size:10px; }
.api-category-card footer span:first-child { color:#087b5d; }
.api-category-card footer span:first-child b { font-size:14px; }
.api-category-card footer svg { justify-self:end; color:#087f61; }
.api-directory-head { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:69px; padding:0 22px; border-bottom:1px solid #e2e9e6; background:#fbfcfc; }
.api-directory-head > div { display:flex; align-items:center; gap:8px; }
.api-directory-head button { padding:0; color:#087f61; border:0; background:transparent; font-size:12px; font-weight:800; cursor:pointer; }
.api-directory-head span { color:#a4b0ac; }
.api-directory-head strong { color:#263831; font-size:15px; }
.api-directory-head em { color:#75847f; font-size:11px; font-style:normal; }
.api-directory-columns,.api-directory-row { display:grid; grid-template-columns:62px minmax(220px,1.2fr) minmax(270px,1fr) 92px 94px; gap:14px; align-items:center; }
.api-directory-columns { min-height:39px; padding:0 20px; color:#93a09c; border-bottom:1px solid #e7ecea; background:#f5f8f7; font-size:9px; font-weight:850; letter-spacing:.05em; }
.api-directory-list { min-width:0; }
.api-directory-row { width:100%; min-width:0; min-height:94px; padding:15px 20px; color:#53625d; border:0; border-bottom:1px solid #e7ecea; background:#fff; text-align:left; cursor:pointer; }
.api-directory-row:last-child { border-bottom:0; }
.api-directory-row:hover { background:#f7fbf9; box-shadow:inset 3px 0 #08a77f; }
.api-directory-row > b { width:max-content; padding:4px 7px; border-radius:5px; font-size:9px; }
.api-directory-name { display:grid; gap:5px; min-width:0; }
.api-directory-name strong { color:#21342d; font-size:13px; }
.api-directory-name small { display:-webkit-box; overflow:hidden; color:#7b8984; font-size:10px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.api-directory-contract { display:grid; gap:6px; min-width:0; }
.api-directory-contract code { min-width:0; overflow:hidden; color:#52635d; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.api-directory-contract code:first-child { color:#087f61; font-size:10px; font-weight:750; }
.api-directory-price { display:grid; gap:4px; }
.api-directory-price small { color:#94a09c; font-size:9px; }
.api-directory-price strong { color:#4f5f59; font-size:11px; }
.api-directory-open { display:flex; align-items:center; justify-content:flex-end; gap:4px; color:#087f61; font-size:10px; font-weight:800; }
.api-directory-page .gc-api-pagination { padding:15px 20px; border-top:1px solid #e7ecea; }

@media (max-width:1120px) {
  .api-directory-columns,.api-directory-row { grid-template-columns:58px minmax(200px,1fr) minmax(210px,.9fr) 84px; }
  .api-directory-columns > span:last-child,.api-directory-open { display:none; }
}
@media (max-width:820px) {
  .api-category-grid { grid-template-columns:1fr; }
  .api-category-card,.api-category-card:nth-child(odd) { border-right:0; border-bottom:1px solid #e7ecea; }
  .api-category-card:last-child { border-bottom:0; }
  .api-category-landing > header { align-items:flex-start; flex-direction:column; }
  .api-directory-columns { display:none; }
  .api-directory-row { grid-template-columns:58px minmax(0,1fr) 76px; gap:10px; }
  .api-directory-contract { grid-column:2/4; }
  .api-directory-price { grid-column:3; grid-row:1; text-align:right; }
}
@media (max-width:560px) {
  .api-category-landing > header { padding:21px 18px; }
  .api-category-grid { padding:6px 10px 14px; }
  .api-category-card { grid-template-columns:36px minmax(0,1fr); padding:18px 10px 14px; }
  .api-category-icon { width:34px; height:34px; }
  .api-category-card ul { display:none; }
  .api-directory-row { grid-template-columns:52px minmax(0,1fr); padding:14px; }
  .api-directory-contract { grid-column:1/-1; }
  .api-directory-price { grid-column:2; grid-row:2; text-align:left; }
}

/* v42 final precedence — keep admin text at conventional readable sizes */
.admin-app { font-size:14px; line-height:1.55; }
.admin-brand-v36 > span small { font-size:12px; }
.admin-brand-v36 > b { font-size:11px; }
.admin-side-nav > small { font-size:12px; }
.admin-side-nav button { font-size:14px !important; }
.admin-user strong { font-size:14px; }
.admin-user small { font-size:12px; }
.admin-user > button { font-size:13px; }
.admin-global-bar input { font-size:14px; }
.admin-global-bar small,.admin-global-bar button { font-size:13px; }
.admin-module-nav button { font-size:14px; }
.admin-module-nav > span { font-size:12px; }
.admin-top h1,.admin-subpage > header h1 { font-size:28px; }
.admin-top p,.admin-subpage > header p { font-size:14px; line-height:1.7; }
.admin-top .kicker,.admin-subpage > header > div > span { font-size:12px; }
.admin-main .ops-table > div > *,.admin-main .admin-subpage-table > div > * { font-size:13px !important; }
.admin-main .ops-table .head > *,.admin-main .admin-subpage-table .head > * { font-size:12px !important; }

/* v45 final responsive precedence for the operations workspace */
@media (max-width:820px) {
  .admin-app { grid-template-columns:minmax(0,1fr) !important; }
  .admin-global-bar > div:first-child { min-width:0; }
  .admin-global-bar > div:last-child button[data-action="admin-demo-action"] { display:none; }
  .admin-global-bar > div:last-child button.admin-top-logout {
    flex:0 0 auto;
    min-width:76px;
    padding:7px 10px;
    white-space:nowrap;
  }
}

/* v49 absolute final cascade */
.admin-brand-v36 { grid-template-columns:88px minmax(0,1fr); gap:12px; min-height:68px; padding:8px 8px 16px; }
.admin-brand-v36 > img { width:88px; height:44px; }
.admin-brand-v36 > span { display:block; }
.admin-brand-v36 > span strong { font-size:20px; line-height:1.2; }
.admin-brand-v36 > span small,.admin-brand-v36 > b { display:none !important; }
.admin-user { grid-template-columns:38px minmax(0,1fr); padding:12px; }
.admin-user > button { display:none !important; }
.admin-global-bar { min-height:66px; padding-top:12px; padding-bottom:12px; }
.admin-global-bar > div:first-child { gap:16px; }
.admin-global-bar > div:first-child > span { width:min(440px,42vw); min-height:40px; padding:0 13px; background:#f6f8f7; border-color:#dfe7e3; border-radius:10px; }
.admin-global-bar .admin-env-badge { display:inline-flex; align-items:center; min-height:34px; padding:0 11px; color:#587069; background:#f1f7f4; border:1px solid #dbe9e3; border-radius:999px; white-space:nowrap; }
.admin-main { font-size:14px; line-height:1.6; }
.admin-main input,.admin-main select,.admin-main textarea,.admin-main button { font-size:14px; }
.admin-main small { font-size:12px; line-height:1.5; }
.admin-main .admin-module-nav button { font-size:14px; }
.admin-main .admin-module-nav > span { font-size:13px; }
.admin-main .admin-top h1,.admin-main .admin-subpage > header h1 { font-size:28px; line-height:1.25; }
.admin-main .admin-top p,.admin-main .admin-subpage > header p { font-size:14px; line-height:1.7; }
.admin-main .admin-top .kicker,.admin-main .admin-subpage > header > div > span { font-size:12px; }
.admin-config-table > header { min-height:68px; padding:14px 18px; }
.admin-config-table > header strong { font-size:16px; line-height:1.4; }
.admin-config-table > header span { font-size:13px; line-height:1.55; }
.admin-model-row,.admin-source-row { min-height:68px; padding:14px 10px; font-size:14px; line-height:1.5; }
.admin-model-row.head,.admin-source-row.head { font-size:13px; }
.admin-model-row strong,.admin-source-row strong { font-size:14px; }
.admin-source-row p,.admin-source-row > span { font-size:14px; line-height:1.55; }
.admin-source-row a { font-size:12px; line-height:1.45; }
.source-letter { font-size:14px; }
.config-switch { font-size:13px !important; }
.admin-model-row button,.admin-source-row > button:last-child { padding:8px 10px; font-size:13px; }
.admin-config-intro strong { font-size:15px; }
.admin-config-intro p { font-size:13px; line-height:1.65; }
.admin-config-intro b { font-size:12px; }
.admin-config-metrics article small,.admin-config-metrics article span { font-size:12px; }
.admin-main .ops-table > div > *,.admin-main .admin-subpage-table > div > * { font-size:14px !important; }
.admin-main .ops-table .head > *,.admin-main .admin-subpage-table .head > * { font-size:13px !important; }
@media (max-width:1100px) {
  .admin-brand-v36 { grid-template-columns:74px minmax(0,1fr); }
  .admin-brand-v36 > img { width:74px; }
  .admin-brand-v36 > span strong { font-size:18px; }
}
@media (max-width:700px) {
  .admin-global-bar .admin-env-badge { display:none; }
  .admin-global-bar > div:first-child > span { width:100%; }
}

/* v50 — simplified consumer homepage and refined footer */
.search-first-hero { min-height:620px; padding-top:38px; padding-bottom:30px; }
.search-hero-copy h1 { font-size:50px; }
.home-v2-section { padding-top:62px; padding-bottom:62px; }
.compact-discovery-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.trending-company-list,.industry-shortcuts { overflow:hidden; background:#fff; border:1px solid #dfe6e2; border-radius:18px; box-shadow:0 12px 34px rgba(9,23,28,.045); }
.compact-discovery .board-head { min-height:76px; padding:17px 20px; background:#fbfcfb; border-bottom:1px solid #e7ece9; }
.compact-discovery .board-head strong { color:#17272b; font-size:15px; }
.compact-discovery .board-head small { color:#84908c; font-size:11px; }
.compact-discovery .board-head > span { color:#087c5d; background:#e8f6f0; border:0; }
.trending-company-list > button { display:grid; grid-template-columns:30px minmax(0,1fr) auto auto; gap:12px; align-items:center; width:100%; min-height:70px; padding:13px 20px; color:#687671; background:#fff; border:0; border-bottom:1px solid #edf0ee; text-align:left; cursor:pointer; }
.trending-company-list > button:last-child { border-bottom:0; }
.trending-company-list > button:hover { background:#f4faf7; }
.trending-company-list > button > b { color:#a2ada9; font-size:13px; }
.trending-company-list > button > span { display:grid; gap:3px; min-width:0; }
.trending-company-list > button > span strong { overflow:hidden; color:#20322c; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.trending-company-list > button > span small,.trending-company-list > button > em { color:#8a9692; font-size:11px; font-style:normal; }
.trending-company-list > button > svg { color:#078a69; }
.industry-shortcuts > div:not(.board-head) { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:16px; }
.industry-shortcuts > div:not(.board-head) > button { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:11px; align-items:center; min-height:78px; padding:12px; color:#263a33; background:#f7faf8; border:1px solid #e3ebe7; border-radius:11px; text-align:left; cursor:pointer; }
.industry-shortcuts > div:not(.board-head) > button:hover { border-color:#9fd8c3; background:#eef8f4; transform:translateY(-1px); }
.industry-shortcuts .industry-symbol { width:40px; height:40px; color:#087c5d; background:#e3f4ed; font-size:10px; }
.industry-shortcuts button > div { display:grid; gap:4px; min-width:0; }
.industry-shortcuts button > div strong { font-size:13px; }
.industry-shortcuts button > div small { overflow:hidden; color:#82908b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.industry-shortcuts button > svg { color:#8da099; }
.industry-news-link { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; align-items:center; margin:0 16px 16px; padding:14px; color:#e8f5f0; background:#0b2a23; border-radius:12px; }
.industry-news-link > span { display:grid; place-items:center; width:38px; height:38px; color:#05291f; background:#00d69a; border-radius:9px; }
.industry-news-link > div { display:grid; gap:3px; }
.industry-news-link strong { font-size:13px; }
.industry-news-link small { color:#9fbab1; font-size:10px; }
.decision-scenes { padding-top:54px; }
.decision-scenes > div > button,.decision-scenes > div > button:nth-child(2),.decision-scenes > div > button:nth-child(3),.decision-scenes > div > button:nth-child(4) { min-height:196px; padding:20px; color:#20342d; background:#fff; border:1px solid #dfe6e2; border-radius:14px; box-shadow:0 8px 24px rgba(9,23,28,.035); }
.decision-scenes > div > button:hover { border-color:#9fd8c3; box-shadow:0 14px 34px rgba(9,23,28,.07); transform:translateY(-2px); }
.decision-scenes > div > button > span { width:42px; height:42px; margin-bottom:18px; color:#087c5d; background:#e7f6ef; border-radius:10px; }
.decision-scenes > div small { color:#078a69; }
.decision-scenes > div strong { font-size:16px; }
.decision-scenes > div p { margin:7px 0 14px; color:#76847f; font-size:11px; }
.decision-scenes > div em { color:#087c5d; }
.home-v2-api { margin-top:6px; margin-bottom:62px; border-radius:16px; box-shadow:0 16px 42px rgba(9,23,28,.14); }

.site-footer.sqj-simple-footer { display:block; padding:0; color:#e8f1ed; background:#0a1c20; }
.sqj-simple-footer .footer-primary { display:grid; grid-template-columns:1.35fr .55fr .55fr 1fr; gap:42px; align-items:start; width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:48px 0 38px; }
.sqj-simple-footer .footer-brand { display:grid; align-content:start; gap:14px; }
.sqj-simple-footer .footer-brand .brand-lockup { width:190px; height:48px; }
.sqj-simple-footer .footer-brand > p { max-width:330px; margin:0; color:#94aaa2; font-size:12px; line-height:1.75; }
.sqj-simple-footer nav { display:grid; align-content:start; gap:11px; }
.sqj-simple-footer nav strong { margin-bottom:4px; color:#fff; font-size:12px; letter-spacing:.06em; }
.sqj-simple-footer nav a { width:max-content; color:#94aaa2; font-size:12px; text-decoration:none; }
.sqj-simple-footer nav a:hover { color:#00d69a; }
.sqj-simple-footer .footer-mini-entry { display:flex; gap:15px; align-items:center; min-height:116px; padding:16px; color:inherit; background:#10292a; border:1px solid #1d3a37; border-radius:14px; }
.sqj-simple-footer .footer-mini-entry:hover { background:#14332f; transform:none; }
.sqj-simple-footer .footer-mini-entry small { color:#6f9185; font-size:8px; }
.sqj-simple-footer .footer-mini-entry strong { color:#fff; font-size:13px; }
.sqj-simple-footer .footer-mini-entry p { color:#8ba69d !important; font-size:10px !important; }
.sqj-simple-footer .footer-legal { display:flex; justify-content:space-between; gap:24px; width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:18px 0 26px; color:#71877f; border-top:1px solid #1b3233; font-size:11px; }

@media (max-width:900px) {
  .compact-discovery-grid { grid-template-columns:1fr; }
  .sqj-simple-footer .footer-primary { grid-template-columns:1.2fr .6fr .6fr; }
  .sqj-simple-footer .footer-mini-entry { grid-column:1/-1; }
}
@media (max-width:700px) {
  .search-first-hero { min-height:0; padding-top:24px; }
  .search-hero-copy h1 { font-size:36px; }
  .home-v2-section { padding-top:44px; padding-bottom:44px; }
  .industry-shortcuts > div:not(.board-head) { grid-template-columns:1fr; }
  .decision-scenes > div { grid-template-columns:1fr 1fr; }
  .sqj-simple-footer .footer-primary { grid-template-columns:1fr 1fr; width:calc(100% - 30px); gap:28px 20px; padding-top:38px; }
  .sqj-simple-footer .footer-brand,.sqj-simple-footer .footer-mini-entry { grid-column:1/-1; }
  .sqj-simple-footer .footer-legal { align-items:flex-start; flex-direction:column; width:calc(100% - 30px); }
}
@media (max-width:480px) {
  .decision-scenes > div { grid-template-columns:1fr; }
  .trending-company-list > button { grid-template-columns:26px minmax(0,1fr) auto; }
  .trending-company-list > button > em { display:none; }
}

/* v53 — warmer brand system, separated operations login and complete detail workflows */
:root {
  --sqj-green:#0aa879;
  --sqj-green-bright:#26d3a2;
  --sqj-coral:#ff735f;
  --sqj-coral-soft:#fff0ec;
  --sqj-mint:#e9f8f2;
}
.search-hero-copy { position:relative; }
.search-hero-copy .search-hero-badge { color:#08765a; background:#fff; border-color:#b9e8d7; box-shadow:0 8px 24px rgba(16,111,84,.08); }
.search-hero-copy h1 { max-width:920px; margin-inline:auto; font-size:clamp(42px,4.4vw,64px); line-height:1.08; letter-spacing:-.055em; }
.search-hero-copy h1::after { content:""; display:block; width:58px; height:5px; margin:18px auto 0; background:var(--sqj-coral); border-radius:999px; }
.search-hero-copy p { max-width:820px; margin:0 auto; color:#5e6f69; font-size:16px; line-height:1.9; }
.v2-search button { background:linear-gradient(135deg,#0bb787,#08a273); }
.home-search-hints > span { color:var(--sqj-coral); }

.login-page { background:linear-gradient(128deg,#eefaf5 0%,#f9fbfa 48%,#fff0ec 100%); }
.login-promise.platform-promo .kicker { color:#e85d49; }
.login-promo-actions a:first-child,.login-submit { color:#fff; background:linear-gradient(135deg,#0baa7b,#078763); box-shadow:0 10px 25px rgba(8,135,99,.2); }
.login-promo-actions a:last-child { color:#bd4d3c; border-color:#ffd2ca; background:#fff7f4; }
.login-promo-grid article:nth-child(2n) > span { color:#d85c49; background:var(--sqj-coral-soft); }
.login-card { border-top:4px solid var(--sqj-coral); }
.login-tabs button.active { color:#08785b; }

.admin-sidebar {
  color:#effaf6;
  background:linear-gradient(180deg,#137c63 0%,#106b57 58%,#0d604f 100%);
  border-right:1px solid rgba(6,68,54,.12);
}
.admin-brand-v36 { border-color:rgba(255,255,255,.2); }
.admin-side-nav > small { color:#b9e5d6; }
.admin-side-nav button { color:#d5eee6 !important; }
.admin-side-nav button:hover { background:rgba(255,255,255,.11) !important; }
.admin-side-nav button.active { color:#07513f !important; background:#9af0d2 !important; box-shadow:0 10px 24px rgba(5,69,54,.17) !important; }
.admin-side-nav .nav-dot { background:var(--sqj-coral); box-shadow:0 0 0 3px rgba(255,255,255,.16); }
.admin-user { background:rgba(5,74,59,.32); border-color:rgba(255,255,255,.18); }
.admin-user > span { color:#07513f; background:#9af0d2; }
.admin-user small { color:#c2e5da; }
.admin-module-nav button.active,.admin-main .button.primary,.admin-subpage > header > button { background:#0a9b72; }
.admin-top-logout { color:#a83f31 !important; background:#fff2ee !important; border-color:#ffd1c9 !important; }

/* v57: move the signed-in operator from the sidebar to the familiar top-right account area */
.admin-top-account { display:flex; align-items:center; gap:9px; min-height:40px; padding:5px 11px 5px 6px; color:#173d34; background:#f3f8f6; border:1px solid #dbe8e3; border-radius:11px; white-space:nowrap; }
.admin-top-account > span { display:grid; place-items:center; width:30px; height:30px; color:#075b47; background:#b8f0dc; border-radius:9px; font-size:12px; font-weight:800; }
.admin-top-account > div { display:flex; flex-direction:column; line-height:1.15; }
.admin-top-account strong { font-size:13px; font-weight:750; }
.admin-top-account small { margin-top:3px; color:#789189; font-size:11px; }
@media (max-width: 900px) {
  .admin-top-account > div { display:none; }
  .admin-top-account { padding-right:6px; }
}

/* v58: a quieter, more precise homepage search control */
.search-command-card { width:min(980px,calc(100% - 48px)); margin-top:28px; padding:16px 20px 14px; border-radius:16px; box-shadow:0 18px 46px rgba(9,23,28,.075),0 2px 7px rgba(9,23,28,.035); }
.search-scope-row { margin-bottom:13px; }
.search-command-card .database-picker button { min-width:148px; min-height:39px; padding-block:4px; }
.search-command-card .v2-search { grid-template-columns:auto minmax(0,1fr) auto; height:58px; min-height:58px; padding:4px; border-radius:12px; box-shadow:0 5px 16px rgba(9,23,28,.05),inset 0 0 0 1px rgba(255,255,255,.6); }
.search-leading-icon { width:44px; height:48px; }
.search-leading-icon svg { width:20px; height:20px; }
.v2-search input { padding-right:12px; font-size:16px; }
.v2-search button { min-width:124px; height:48px; padding:0 21px; border-radius:9px; font-size:14px; box-shadow:0 5px 13px rgba(0,183,132,.16); }
.home-search-hints { min-height:30px; padding-top:10px; }
@media (max-width:700px) {
  .search-command-card { width:calc(100% - 28px); padding:12px; }
  .search-command-card .v2-search { height:54px; min-height:54px; }
  .search-leading-icon { width:38px; height:44px; }
  .v2-search button { min-width:50px; height:44px; padding:0 13px; }
}
.admin-env-badge i { background:#20c997; }

.admin-login-page { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr); min-height:100vh; color:#17372f; background:linear-gradient(120deg,#edf9f4 0%,#f8fbfa 55%,#fff0ec 100%); }
.admin-login-intro { position:relative; display:flex; flex-direction:column; min-height:100vh; padding:54px max(48px,calc((100vw - 1320px)/2)); overflow:hidden; }
.admin-login-intro::after { content:""; position:absolute; left:-110px; bottom:-160px; width:420px; height:420px; border:1px solid rgba(10,168,121,.18); border-radius:50%; box-shadow:0 0 0 55px rgba(10,168,121,.035),0 0 0 110px rgba(255,115,95,.025); }
.admin-login-brand { position:relative; z-index:1; display:flex; align-items:center; gap:14px; width:max-content; color:#123d32; text-decoration:none; }
.admin-login-brand img { width:104px; height:54px; object-fit:contain; }
.admin-login-brand span { display:grid; gap:3px; }
.admin-login-brand strong { font-size:24px; letter-spacing:.08em; }
.admin-login-brand small { color:#648078; font-size:12px; }
.admin-login-copy { position:relative; z-index:1; max-width:720px; margin-top:76px; }
.admin-login-copy > span { color:#e85d49; font-size:12px; font-weight:900; letter-spacing:.18em; }
.admin-login-copy h1 { max-width:700px; margin:16px 0 20px; color:#102f27; font-size:clamp(34px,3.15vw,48px); line-height:1.18; letter-spacing:-.035em; }
.admin-login-copy h1 em { display:block; color:#0a9b72; font-style:normal; }
.admin-login-copy p { max-width:700px; margin:0; color:#607770; font-size:15px; line-height:1.9; }
.admin-login-capabilities { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:12px; max-width:760px; margin-top:38px; }
.admin-login-capabilities article { display:grid; grid-template-columns:42px 1fr; gap:13px; align-items:center; min-height:92px; padding:17px; background:rgba(255,255,255,.78); border:1px solid #dbe9e3; border-radius:14px; box-shadow:0 8px 26px rgba(20,84,67,.04); }
.admin-login-capabilities article > span { display:grid; place-items:center; width:42px; height:42px; color:#087d5e; background:#e5f6ef; border-radius:11px; }
.admin-login-capabilities article:nth-child(2n) > span { color:#d65845; background:#fff0ec; }
.admin-login-capabilities strong,.admin-login-capabilities small { display:block; }
.admin-login-capabilities strong { margin-bottom:5px; color:#183a31; font-size:14px; }
.admin-login-capabilities small { color:#778b85; font-size:11px; line-height:1.55; }
.admin-login-back { position:relative; z-index:1; display:flex; align-items:center; gap:7px; width:max-content; margin-top:auto; color:#55726a; font-size:12px; text-decoration:none; }
.admin-login-panel { display:grid; place-items:center; min-height:100vh; padding:44px; background:rgba(255,255,255,.52); border-left:1px solid rgba(10,168,121,.12); }
.admin-login-card { width:min(480px,100%); padding:34px; background:#fff; border:1px solid #dce8e3; border-top:4px solid var(--sqj-coral); border-radius:18px; box-shadow:0 28px 80px rgba(19,75,61,.13); }
.admin-login-card > header { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; }
.admin-login-card > header > span { display:grid; place-items:center; width:48px; height:48px; color:#fff; background:#0a9b72; border-radius:13px; }
.admin-login-card > header small { color:#db5c49; font-size:10px; font-weight:900; letter-spacing:.13em; }
.admin-login-card h2 { margin:4px 0; color:#17372f; font-size:26px; }
.admin-login-card header p { margin:0; color:#81918c; font-size:12px; }
.admin-login-env { display:flex; align-items:center; gap:9px; margin:24px 0; padding:12px 14px; color:#58746c; background:#f0f8f5; border:1px solid #d9ebe4; border-radius:10px; font-size:12px; }
.admin-login-env i { width:8px; height:8px; background:#24c995; border-radius:50%; }
.admin-login-env b { margin-left:auto; color:#799087; font-size:10px; }
.admin-login-card form { display:grid; gap:17px; }
.admin-login-card label { display:grid; gap:8px; color:#344d46; font-size:12px; font-weight:800; }
.admin-login-card input { height:52px; padding:0 15px; color:#17372f; background:#fbfcfc; border:1px solid #d8e4df; border-radius:10px; font-size:14px; outline:0; }
.admin-login-card input:focus { border-color:#0aa879; box-shadow:0 0 0 4px rgba(10,168,121,.1); }
.admin-login-card form button { display:flex; align-items:center; justify-content:center; gap:8px; height:52px; color:#fff; background:linear-gradient(135deg,#0baa7b,#087c5d); border:0; border-radius:10px; font-size:14px; font-weight:900; cursor:pointer; }
.admin-login-demo { display:grid; gap:5px; margin-top:22px; padding:15px; color:#60756f; background:#fff7f4; border:1px solid #ffdbd4; border-radius:10px; }
.admin-login-demo strong { color:#bd4d3c; font-size:11px; }
.admin-login-demo span { color:#17372f; font-family:monospace; font-size:13px; }
.admin-login-demo small { color:#8b7772; font-size:10px; line-height:1.55; }

.audit-diff > div { display:grid; grid-template-columns:1fr 28px 1fr; gap:12px; align-items:center; padding:16px; }
.audit-diff > div > i { color:#0a9b72; font-style:normal; text-align:center; }
.audit-diff article { min-width:0; }
.audit-diff article > span { display:block; margin-bottom:8px; color:#6f827b; font-size:11px; font-weight:800; }
.audit-diff pre { overflow:auto; margin:0; padding:14px; color:#d8f5e9; background:#102923; border-radius:9px; font-size:11px; line-height:1.65; }

@media (max-width:980px) {
  .admin-login-page { grid-template-columns:1fr; }
  .admin-login-intro { min-height:auto; padding:36px 28px; }
  .admin-login-copy { margin-top:50px; }
  .admin-login-back { margin-top:34px; }
  .admin-login-panel { min-height:auto; padding:40px 24px 70px; border-left:0; border-top:1px solid rgba(10,168,121,.12); }
}
@media (max-width:620px) {
  .admin-login-capabilities { grid-template-columns:1fr; }
  .admin-login-copy h1 { font-size:40px; }
  .admin-login-card { padding:25px; }
  .audit-diff > div { grid-template-columns:1fr; }
  .audit-diff > div > i { transform:rotate(90deg); }
}

/* v63: complete, CJK-safe report PDF output */
@page {
  size: A4;
  margin: 14mm 12mm 16mm;
}
@media print {
  html, body, #app {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
    background: #fff !important;
  }
  html.report-printing, html.report-printing body {
    scroll-behavior: auto !important;
  }
  .prototype-bar, .annotation-panel, .report-topbar, .report-toc, .ai-panel,
  .skip-link, .toast {
    display: none !important;
  }
  .report-app, .report-layout, .report-document {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }
  .report-document, .report-document * {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Arial Unicode MS", Arial, sans-serif !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    font-variant-ligatures: none;
  }
  .report-document code, .report-document pre {
    font-family: "SFMono-Regular", Menlo, Consolas, "PingFang SC", "Microsoft YaHei", monospace !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
  }
  .report-cover {
    display: flex !important;
    width: 100% !important;
    min-height: 250mm !important;
    margin: 0 !important;
    padding: 16mm 14mm !important;
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
    break-after: page;
    page-break-after: always;
  }
  .cover-main h1 { font-size: 34pt !important; }
  .cover-main .cover-local-name { font-size: 18pt !important; }
  .report-section {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12mm 10mm !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: 0 !important;
    break-before: page;
    break-after: auto;
    break-inside: auto;
    page-break-before: always;
    page-break-after: auto;
    page-break-inside: auto;
  }
  .report-section button { display: none !important; }
  .section-heading-report > p, .summary-card p, .locked-content p,
  .report-disclaimer p, .source-note small { font-size: 9pt !important; }
  .section-heading-report h2 { font-size: 24pt !important; }
  .evidence-table span { font-size: 8.5pt !important; }
  .evidence-table strong, .source-note strong { font-size: 10pt !important; }
  .summary-grid, .risk-overview, .evidence-table, .source-note,
  .summary-card, .evidence-table > div, .locked-content, .report-disclaimer {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .report-disclaimer {
    margin: 8mm 0 0 !important;
    font-size: 9pt;
  }
}

/* v64 cascade guard: account typography must win over earlier theme variants */
.account-v2 .account-main { font-size: 14px; line-height: 1.65; }
.account-v2 .account-identity strong { font-size: 17px; line-height: 1.35; }
.account-v2 .account-identity small { font-size: 13px; line-height: 1.55; }
.account-v2 .account-identity b { font-size: 12px; line-height: 1.4; }
.account-v2 .account-summary-grid small,
.account-v2 .account-toolbar small,
.account-v2 .wallet-card-head small,
.account-v2 .wallet-recharge-card > p,
.account-v2 .balance-ledger-card > p,
.account-v2 .report-list-main small,
.account-v2 .report-list-main p,
.account-v2 .invoice-profile-card > p,
.account-v2 .invoice-application-entry > div > span,
.account-v2 .invoice-application-entry > div > small,
.account-v2 .invoice-order-row > span,
.account-v2 .invoice-order-row small,
.account-v2 .invoice-step span,
.account-v2 .invoice-history-row span { font-size: 13px; line-height: 1.6; }
.account-v2 .account-summary-grid button,
.account-v2 .wallet-card-head button,
.account-v2 .wallet-recharge-card button,
.account-v2 .balance-ledger-card button,
.account-v2 .report-list-actions button,
.account-v2 .account-security-card button,
.account-v2 .invoice-application-entry button,
.account-v2 .invoice-profile-form > button,
.account-v2 .invoice-order-row button,
.account-v2 .invoice-history-row button { min-height: 40px; padding: 9px 14px; font-size: 13px; line-height: 1.35; }
.account-v2 .account-card-title h2,
.account-v2 .wallet-card-head h2,
.account-v2 .invoice-profile-card h3,
.account-v2 .invoice-application-entry > div > strong { font-size: 20px; line-height: 1.35; }
.account-v2 .account-card-title p { font-size: 14px; line-height: 1.65; }
.account-v2 .account-card-title > span,
.account-v2 .account-card-title .account-badge { font-size: 12px; }
.account-v2 .account-report-row .report-list-main h3,
.account-v2 .saved-profile-head strong,
.account-v2 .invoice-order-row strong,
.account-v2 .balance-ledger-card strong { font-size: 16px; line-height: 1.45; }
.account-v2 .account-report-row .report-list-main h3 { font-size: 18px; }
.account-v2 .report-list-main li,
.account-v2 .report-list-main .tag,
.account-v2 .report-list-actions a,
.account-v2 .wallet-recharge-card label,
.account-v2 .recharge-amounts button,
.account-v2 .recharge-payment-options button { font-size: 12px; line-height: 1.45; }
.account-v2 .account-toolbar input,
.account-v2 .wallet-recharge-card input,
.account-v2 .invoice-form input,
.account-v2 .invoice-form select,
.account-v2 .invoice-form textarea { min-height: 46px; font-size: 14px; line-height: 1.5; }
.account-v2 .account-security-card dl > div,
.account-v2 .account-security-card dt,
.account-v2 .account-security-card dd { font-size: 14px; line-height: 1.55; }
.account-v2 .account-security-card dd b,
.account-v2 .account-security-card dd small { font-size: 12px; line-height: 1.5; }
.account-v2 .saved-profile-head span,
.account-v2 .invoice-type-switch small,
.account-v2 .special-invoice-note span { font-size: 12px; line-height: 1.55; }
.account-v2 .saved-profile-head > div:first-child strong { font-size: 16px; line-height: 1.45; }
.account-v2 .saved-profile-head > div:first-child span { font-size: 13px; line-height: 1.55; }
.account-v2 .invoice-type-switch strong,
.account-v2 .special-invoice-note strong { font-size: 14px; line-height: 1.45; }
.account-v2 .invoice-form label > span { font-size: 13px; line-height: 1.45; }
.account-v2 .invoice-form label > span em { font-size: 12px; }
.account-v2 .invoice-step b,
.account-v2 .invoice-history-row strong { font-size: 14px; line-height: 1.45; }
@media (max-width: 760px) {
  .account-v2 .account-card-title h2,
  .account-v2 .wallet-card-head h2,
  .account-v2 .invoice-profile-card h3,
  .account-v2 .invoice-application-entry > div > strong { font-size: 18px; }
  .account-v2 .account-identity strong { font-size: 16px; }
}