/* ==========================================================
   DASHBOARD SCREEN + RAIL-ROW HELPERS
   ----------------------------------------------------------
   The "Choose your variables" Hex-badge picker screen this file used to
   also style has been removed (both tabs now always show every KPI-sheet
   variable directly) — what's left is just the .dashboard-screen wrapper
   itself (kept as a fixed, full-viewport layer since every rail/grid CSS
   rule assumes it) and small helpers still used by the rail rows.

   Colors are pulled from frontend/theme.css (the single source of truth
   for Tab 1's palette) rather than a parallel color system — see the
   --picker-* aliases defined there.
   ========================================================== */

html, body { overflow-y: auto; }

.dashboard-screen {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: #000;
    overflow: hidden;
}

/* A row can still be hidden programmatically (e.g. Louvers: Number only
   shows when Shading Type is set to Louvers — see setupFeShadingTypeSelector
   in main.js), just no longer driven by a picker screen. */
.rail-row[data-hidden="true"] { display: none !important; }

.var-tag {
    font-size: 8.5px; font-weight: 700; letter-spacing: .05em; padding: 2px 6px;
    border-radius: 999px; text-transform: uppercase; vertical-align: middle;
}
.var-tag--default { background: #e3eef3; color: var(--color-accent-blue-dark); }