/* GenoBank.io brand lock for the Sequentia Explorer.
   Injected by nginx sub_filter into the SPA shell, so it is INDEPENDENT of index.html
   and survives content redeploys. Uses !important only where it must beat inline styles. */

:root{
  --bg:#f8f9fa; --card:#ffffff; --ink:#212529; --muted:#6c757d; --line:#e6e8ec;
  --accent:#344da1; --ok:#1a7f4b;
  --navy:#293257; --blue:#344da1; --cyan:#009abb; --green:#49ba80; --magenta:#b03c96;
}

html, body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important; }

/* Header: hide grok's "Σ" mark; the wordmark is injected by genobank-brand.js */
.header { box-shadow:0 1px 3px rgba(0,0,0,.05); }
.brand { gap:14px !important; }
.brand-mark { display:none !important; }
.gb-brand-home { display:flex; align-items:center; text-decoration:none; }
.gb-wordmark { height:26px; width:auto; display:block; }
.gb-divider { width:1px; height:30px; background:var(--line); display:inline-block; flex:0 0 auto; }
.gb-brand-strip { height:4px; background:linear-gradient(90deg,#49ba80,#009abb 34%,#344da1 68%,#b03c96); }

/* Signature brand accents */
.chain-pill { background:var(--chip) !important; border-color:#cdd9f0 !important; color:var(--blue) !important; }
.accent-bar { background:linear-gradient(180deg,#49ba80,#009abb,#344da1,#b03c96) !important; }
.cred-hero  { background:linear-gradient(120deg,#293257 0%,#344da1 32%,#009abb 68%,#49ba80 100%) !important; }

/* Buttons in brand navy -> brand blue on hover */
.wallet-btn, .btn { background:var(--navy) !important; border-color:var(--navy) !important; color:#fff !important; }
.wallet-btn:hover, .btn:hover { background:var(--blue) !important; border-color:var(--blue) !important; }
.btn.secondary { background:#fff !important; color:var(--navy) !important; border-color:var(--line) !important; }
.btn.secondary:hover { background:var(--chip) !important; color:var(--blue) !important; }

/* Nav + chips + headings */
.nav a.active { background:var(--chip) !important; border-color:#cdd9f0 !important; color:var(--blue) !important; }
.chip.cat-nft { background:#eef3fb !important; border-color:#344da1 !important; color:#344da1 !important; }
.chip.cat-token { background:#f7edf5 !important; border-color:#b03c96 !important; color:#b03c96 !important; }
.chip.cat-protocol { background:#e6f6fa !important; border-color:#009abb !important; color:#007a95 !important; }
.stat-value { color:var(--navy) !important; }
.section-title { color:var(--navy) !important; }
.live-dot { background:var(--green) !important; box-shadow:0 0 0 3px rgba(73,186,128,.2) !important; }