/* DarkGeneral Labs: site-owned layout for the Wallet Forensics app (/labs/wallet-forensics/app/). Linked by make-deploy.py
   after the app CSS. Same cause as the checkout: the bundle's unlayered "#content div { max-width:100% }" outranks
   Tailwind's layered max-w-6xl / mx-auto, so <main> ran edge to edge. This centers it on the header's 72rem column
   and adds the TradeVault-style rounding and red accents. Layout only; no app behaviour is touched. (Oct 30 2026) */

#content { max-width: 72rem !important; margin-inline: auto; padding: 28px 16px 48px; }

/* panels and controls: TradeVault radii */
#content .panel { border-radius: 10px; }
#content .btn { border-radius: 8px; }
#content .field { border-radius: 8px; }
#content .field:focus { border-color: #ff4655; outline: none; box-shadow: 0 0 0 3px rgba(212, 24, 43, .25); }
#content input[type=radio], #content input[type=checkbox] { accent-color: #d4182b; }

/* sidebar: the current tab gets the DarkGeneral red mark instead of a solid bone block */
#content .btn[aria-current=page] {
  background: rgba(212, 24, 43, .14); color: #f3eee6;
  border: 1px solid #d4182b; box-shadow: inset 3px 0 0 #d4182b;
}
#content .btn.ghost:hover:not(:disabled) { border-color: #ff4655; }

@media (max-width: 600px) {
  #content { padding: 16px 12px 32px; }
}