/* ============================================================
   Shared roster styles
   ------------------------------------------------------------
   Extracted from site.css (Session 161, 2026-07-07) as a slice of the
   incremental site.css split. SHARED across roster surfaces — the
   ManageCreate editor, RaiderView, and the Dashboard Raid Roster card —
   so it lives here rather than in a per-page file.

   Canonical mapping + rationale:
   GuildPortal.Documentation/Documents/Pages/Roster/StatusColorCoding.md

   Loaded in _Layout AFTER global.css and BEFORE the themes. Order is not
   load-bearing here (every rule wins its competition by specificity, not
   source order) — the slot is for logical layering.
   ============================================================ */

/* --- Status colour coding ---
   In=1 var(--ok), Out=2 var(--bad), Standby=3 var(--warn), No Signup=4 var(--info); empty=0 uncoloured.
   Promoted from hardcoded hex to global generic vars (Session 163): Out #f87171 -> --bad (indistinguishable
   merge), Standby #f59e0b -> --warn (unified amber), No Signup #7aaeff -> --info (new global var, defined in
   site.css :root). See StatusColorCoding.md. */

/* RaiderView cells + Dashboard card (per-StatusId class) */
.raider-status-1 { color: var(--ok); font-weight: 600; }
/* .raider-status-2 { color: #f87171; } */
.raider-status-2 { color: var(--bad); }
/* .raider-status-3 { color: #f59e0b; font-weight: 500; } */
.raider-status-3 { color: var(--warn); font-weight: 500; }
/* .raider-status-4 { color: #7aaeff; } */
.raider-status-4 { color: var(--info); }

/* Dashboard card: status cells sit inside a .data-table, where .data-table td (0,1,1)
   out-ranks the single-class .raider-status-N (0,1,0). .col-status.raider-status-N is
   (0,2,0) and wins, without scoping to .data-table or using !important. */
.col-status.raider-status-1 { color: var(--ok); }
/* .col-status.raider-status-2 { color: #f87171; } */
.col-status.raider-status-2 { color: var(--bad); }
/* .col-status.raider-status-3 { color: #f59e0b; } */
.col-status.raider-status-3 { color: var(--warn); }
/* .col-status.raider-status-4 { color: #7aaeff; } */
.col-status.raider-status-4 { color: var(--info); }

/* ManageCreate status picker — button + dropdown option (per-data-value) */
.roster-status-btn[data-value="1"] { color: var(--ok); }
/* .roster-status-btn[data-value="2"] { color: #f87171; } */
.roster-status-btn[data-value="2"] { color: var(--bad); }
/* .roster-status-btn[data-value="3"] { color: #f59e0b; } */
.roster-status-btn[data-value="3"] { color: var(--warn); }
/* .roster-status-btn[data-value="4"] { color: #7aaeff; } */
.roster-status-btn[data-value="4"] { color: var(--info); }
.roster-status-option[data-value="1"] { color: var(--ok); }
/* .roster-status-option[data-value="2"] { color: #f87171; } */
.roster-status-option[data-value="2"] { color: var(--bad); }
/* .roster-status-option[data-value="3"] { color: #f59e0b; } */
.roster-status-option[data-value="3"] { color: var(--warn); }
/* .roster-status-option[data-value="4"] { color: #7aaeff; } */
.roster-status-option[data-value="4"] { color: var(--info); }