/* 4) Inventory Grid */
html[data-theme="inventory-grid"] {
      --bg: #111827;
      --bg-alt: #020617;
      --surface: #1f2937;
      --surface-soft: #111827;
      --border-subtle: rgba(249, 250, 251, 0.8);
      --accent: #22c55e;
      --accent-soft: #a7f3d0;
      --text: #f9fafb;
      --muted: #d1d5db;
      --chip-bg: #111827;
      --hero-glow-1: rgba(34, 197, 94, 0.32);
      --hero-glow-2: rgba(59, 130, 246, 0.16);
      --accent-strong: #16a34a;
      --card-border-strong: rgba(249, 250, 251, 0.95);

      --radius-lg: 0;
      --radius-md: 0;
      --radius-pill: 0;
    }

/* Inventory Grid */
html[data-theme="inventory-grid"] body {
      background:
        radial-gradient(circle at top left, rgba(15, 23, 42, 0.9), transparent 55%),
        repeating-linear-gradient(
          to right,
          #030712 0,
          #030712 2px,
          #020617 2px,
          #020617 38px
        ),
        repeating-linear-gradient(
          to bottom,
          #030712 0,
          #030712 2px,
          #020617 2px,
          #020617 38px
        );
    }
html[data-theme="inventory-grid"] .feature-card,
html[data-theme="inventory-grid"] .plan,
html[data-theme="inventory-grid"] .card,
html[data-theme="inventory-grid"] .hero-panel {
      border-radius: 0;
      border: 2px solid var(--card-border-strong);
      box-shadow: 0 0 0 2px #000000, 0 10px 0 #000000;
      background:
        linear-gradient(to bottom, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.95));
    }
html[data-theme="inventory-grid"] .feature-card::before {
      display: none;
    }
html[data-theme="inventory-grid"] .feature-icon {
      border-radius: 0;
      box-shadow: 0 0 0 2px #000;
    }