/* ══════════════════════════════════════════════════════════════════════════
   THE FORGE — plate layer (ambient surface treatment)

   Loaded last on the pages that opt in. Owns texture and edge treatment
   only; every colour comes from the tokens in style.css.

   Filename is historical (this was the old "xp-theme"). Kept so the existing
   <link> tags in the templates keep resolving — the contents are now the
   ambient layer for the hot-metal-on-cold-steel direction.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Machined grain. Gives the dark plate a surface so large empty areas
      don't read as a flat void. Subtle enough to disappear on a phone. ── */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.055;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;
}

/* ── Top light. A single hairline highlight along the upper edge of raised
      surfaces — the thing that makes brushed metal look lit rather than
      painted. One value, applied consistently. ── */
.topbar{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.card,.info-card,.forge-modal,.forge-cmdk-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.028),var(--shadow-sm)}

/* ── Charts inherit the container geometry so they don't sit as bare
      rectangles on rounded cards. ── */
[id*="chart"],[id*="graph"]{border-radius:var(--radius-sm)}

@media(max-width:860px){
  body::before{opacity:.03}
}

@media(prefers-reduced-transparency:reduce){
  body::before{display:none}
}
