/* Presentation-only OG Silk Road market layer. Loaded after every product stylesheet. */
:root {
  --og-ink: #100b06;
  --og-walnut: #21150b;
  --og-panel: #2e1e0f;
  --og-panel-deep: #1a1008;
  --og-paper: #e5d3a0;
  --og-paper-muted: #bda66e;
  --og-gold: #d1a84e;
  --og-gold-bright: #f2ce71;
  --og-line: rgba(209, 168, 78, .48);
  --og-green: #b6d766;
}

html, body { background: var(--og-ink) !important; color: var(--og-paper) !important; }
body { font-family: Georgia, "Times New Roman", serif !important; background-image: radial-gradient(circle at 10% -5%, rgba(209,168,78,.14), transparent 34rem), radial-gradient(circle at 90% 90%, rgba(89,72,27,.22), transparent 32rem), repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 5px) !important; }
body::before { content:""; position:fixed; z-index:-1; right:-5rem; bottom:-4rem; width:min(42vw,520px); aspect-ratio:1; background:url("/assets/silk-road-logo.webp?v=20260904") center/contain no-repeat; opacity:.09; filter:sepia(.75) saturate(.65); pointer-events:none; }
a { color: var(--og-gold-bright) !important; }
button, input, textarea, select { font-family: Georgia, "Times New Roman", serif !important; }

/* Shared navigation and headers */
.sp-topbar, .srm-sitebar, .topbar, header[class*="header"], nav[class*="nav"] { background: linear-gradient(180deg, #2c1c0d, #160d06) !important; border-color: var(--og-line) !important; box-shadow: inset 0 -1px rgba(0,0,0,.6), 0 10px 28px rgba(0,0,0,.35) !important; }
.sp-market-brand img, .srm-brand img, .sg-logo img, .brand-mark { content:url("/assets/silk-road-logo.webp?v=20260904"); background:#0e0905 !important; border:1px solid var(--og-gold) !important; border-radius:50% !important; object-fit:contain !important; object-position:center !important; }
.sp-market-brand b, .srm-brand b, .brand, .sg-inbox-head h1, .topbar .brand { color:var(--og-gold-bright) !important; font-family:Georgia,serif !important; letter-spacing:.14em !important; text-shadow:1px 1px #070401; }
.sp-market-nav a, .srm-sitebar nav a, .topbar nav a, .sg-rail a { color:var(--og-paper-muted) !important; font-family:Georgia,serif !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase; }
.sp-market-nav a.active, .srm-sitebar nav a.active, .topbar nav a.active, .sg-rail button.active { color:var(--og-gold-bright) !important; border-color:var(--og-gold) !important; }
.sp-market-motto, .sp-kicker, .eyebrow, .srm-sitebar small, .panel-title { color:var(--og-gold) !important; font-family:"Courier New",monospace !important; letter-spacing:.16em !important; }

/* Cards, forms, panes */
.sp-panel, .chain-card, .terminal, .how-it-works article, .srm-card, .srt-card, .srm-owned-card, .sg-inbox, .sg-thread, .sg-details, .market-list, .markets-panel, .chart-panel, .order-panel, dialog { background: linear-gradient(145deg, rgba(57,38,18,.97), rgba(24,14,7,.98)) !important; border-color:var(--og-line) !important; box-shadow: inset 0 1px rgba(255,226,152,.06), 0 16px 38px rgba(0,0,0,.28) !important; }
.sp-hero, .hero, .srm-hero { position:relative; overflow:hidden; background: linear-gradient(110deg, rgba(62,42,20,.96), rgba(22,13,7,.98)) !important; border-color:var(--og-line) !important; }
.sp-hero::after, .hero::after { content:""; position:absolute; z-index:0; right:1%; bottom:-30%; width:min(34%,350px); height:135%; background:url("/assets/silk-road-logo.webp?v=20260904") center bottom/contain no-repeat; opacity:.34; filter:sepia(.55); pointer-events:none; }
.sp-hero > *, .hero > * { position:relative; z-index:1; }
.sp-hero h1, .hero h1, .srm-hero h1, .section-heading h2 { color:var(--og-paper) !important; font-family:Georgia,serif !important; text-shadow:2px 3px #080502; }
.sp-token-card, .srt-card, .srm-card, .option-card, .security-grid article { background:rgba(17,10,5,.32) !important; border-color:rgba(209,168,78,.31) !important; }
.sp-token-art, .srt-art, .logo-stage { border-color:var(--og-gold) !important; border-radius:2px !important; }

input, textarea, select, .input-shell { color:var(--og-paper) !important; background:rgba(13,8,4,.72) !important; border-color:rgba(209,168,78,.48) !important; border-radius:2px !important; }
input::placeholder, textarea::placeholder { color:rgba(229,211,160,.48) !important; }

/* Calls to action retain their behavior, with classic market styling. */
.sp-primary, .trade-button, .wallet-button, .srm-portal, .sg-primary, .srt-actions button.primary, .button.primary { color:#1b1005 !important; background:linear-gradient(135deg, #efd077, #ad7627) !important; border:1px solid var(--og-gold-bright) !important; border-radius:2px !important; font-family:"Courier New",monospace !important; font-weight:700 !important; letter-spacing:.09em !important; box-shadow:3px 3px 0 rgba(0,0,0,.4) !important; }
.sp-primary:hover, .trade-button:hover, .wallet-button:hover, .srm-portal:hover, .sg-primary:hover, .button.primary:hover { filter:brightness(1.1); transform:translate(-1px,-1px); }
.button.secondary, .copy-button, .srt-actions button:not(.primary) { color:var(--og-paper) !important; background:rgba(44,29,13,.6) !important; border-color:var(--og-line) !important; }

/* Product-specific finishing. */
.sg-rail { background:linear-gradient(180deg,#291a0d,#140c06) !important; border-color:var(--og-line) !important; }.sg-messages { background:repeating-linear-gradient(0deg,rgba(229,211,160,.018) 0 1px,transparent 1px 5px) !important; }.sg-rail button.active,.sg-filter-row button.active { background:rgba(209,168,78,.12) !important; color:var(--og-gold-bright) !important; }
.notice,.gate-note,.legal,.sp-warning,.proxy-warning { color:#ead8ac !important; background:rgba(209,168,78,.09) !important; border-color:rgba(209,168,78,.45) !important; }
.signal-strip,.route-launcher { background:#201408 !important; border-color:var(--og-line) !important; }.signal-strip div,.launch-cell { border-color:rgba(209,168,78,.3) !important; background:rgba(49,31,13,.75) !important; }.launch-cell.active { box-shadow:inset 0 3px var(--og-gold) !important; }
.roadmap article { background:var(--og-panel-deep) !important; }.roadmap,.security-grid,.steps { border-color:rgba(209,168,78,.35) !important; }

@media (max-width:760px) { body::before { width:70vw; opacity:.06; }.sp-hero::after,.hero::after { width:58%; opacity:.18; }.sp-market-motto,.header-principles { display:none !important; } }

/* The original market was deliberately utilitarian: a dense, quiet ledger rather
   than a glossy product site.  These final shared rules cover components that
   are created after initial page load as well as the static product shells. */
* { scrollbar-color: rgba(209,168,78,.65) #120b05; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #120b05; }
*::-webkit-scrollbar-thumb { background: #6f4c1b; border: 2px solid #120b05; }
*::-webkit-scrollbar-thumb:hover { background: #b78432; }

::selection { color: #160d06; background: var(--og-gold-bright); }
button, [role="button"] { transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--og-gold-bright) !important;
  outline-offset: 3px;
}

.srm-page, .sp-page, .sg-page { min-height: 100vh; }
.srm-sitebar, .sp-topbar, .topbar {
  min-height: 68px !important;
  background-image: linear-gradient(180deg, rgba(61,40,18,.98), rgba(19,11,5,.98)) !important;
}
.srm-sitebar nav a, .sp-market-nav a, .topbar nav a { position: relative; padding: 8px 0; }
.srm-sitebar nav a::after, .sp-market-nav a::after, .topbar nav a::after {
  content: ""; position: absolute; right: 0; bottom: 1px; left: 0; height: 1px;
  background: var(--og-gold); transform: scaleX(0); transform-origin: left; transition: transform .18s ease;
}
.srm-sitebar nav a:hover::after, .srm-sitebar nav a.active::after, .sp-market-nav a:hover::after, .sp-market-nav a.active::after, .topbar nav a:hover::after, .topbar nav a.active::after { transform: scaleX(1); }

.srm-site-footer, .legal {
  border-top: 1px solid var(--og-line) !important;
  background: linear-gradient(180deg, rgba(26,16,8,.55), #120b05) !important;
  color: var(--og-paper-muted) !important;
}
.srm-site-footer a { color: var(--og-gold) !important; }
.srm-loading, .chart-empty, .sg-empty-state { color: var(--og-gold) !important; font-family: "Courier New", monospace !important; letter-spacing: .14em; }

/* Marketplace cards and dynamically injected listing views. */
.srm-page .srm-card, .srm-page .srm-owned-card, .srm-page .srm-listing-card, .srm-page .srm-detail-card,
.srm-page [class*="listing"], .srm-page [class*="catalog"], .srm-page [class*="account"] {
  border-radius: 1px !important;
  border-color: rgba(209,168,78,.36) !important;
}
.srm-page [class*="listing"]:hover, .srm-page .srm-card:hover { border-color: var(--og-gold) !important; }
.srm-page [class*="price"], .srm-page [class*="token"], .srm-page code, .sp-page code, .sg-page code {
  color: var(--og-gold-bright) !important; font-family: "Courier New", monospace !important;
}
.srm-page [class*="tab"], .srm-page [class*="filter"] button, .srm-page [class*="sort"] button,
.sp-page .sp-pad-nav button, .sg-page .sg-filter-row button {
  border-radius: 1px !important; color: var(--og-paper-muted) !important;
}
.srm-page [class*="tab"].active, .srm-page [class*="filter"] button.active, .srm-page [class*="sort"] button.active,
.sp-page .sp-pad-nav button.active, .sg-page .sg-filter-row button.active { color: var(--og-gold-bright) !important; }

/* Perps retains its data density but inherits the brass ledger treatment. */
.topbar + main { max-width: 1530px; }
.terminal, .markets-panel, .chart-panel, .order-panel { background-color: var(--og-panel-deep) !important; }
.market-row:hover, .chart-tools button:hover { background: rgba(209,168,78,.09) !important; }
.market-row.active, .chart-tools button.active, .side-tabs button.active {
  border-color: var(--og-gold) !important; background: rgba(209,168,78,.12) !important; color: var(--og-gold-bright) !important;
}
.canvas-wrap { background-image: linear-gradient(rgba(209,168,78,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(209,168,78,.09) 1px, transparent 1px) !important; }
.perp-tag { background: rgba(209,168,78,.15) !important; color: var(--og-gold-bright) !important; }
.positive, .pulse, .sp-status-row { color: var(--og-green) !important; }

/* Messenger: preserve the app's information hierarchy, in a sealed-letter style. */
.sg-page .sg-chat-list > *, .sg-page .sg-message, .sg-page [class*="chat-item"] { border-radius: 1px !important; }
.sg-page .sg-chat-list > *:hover, .sg-page [class*="chat-item"].active { background: rgba(209,168,78,.09) !important; }
.sg-page .sg-message[data-sg-own="true"], .sg-page .sg-bubble.mine { background: rgba(101,72,27,.48) !important; border: 1px solid rgba(209,168,78,.32) !important; }
.sg-page .sg-round-button, .sg-page .sg-mobile-compose { border: 1px solid var(--og-gold) !important; border-radius: 1px !important; background: var(--og-gold) !important; color: #1b1005 !important; }

@media (max-width:760px) {
  .srm-sitebar, .sp-topbar, .topbar { min-height: 60px !important; }
  .srm-sitebar nav a::after, .sp-market-nav a::after, .topbar nav a::after { display: none; }
}