/* ============================================================================
   pos-pill.css - the position pill and its colour tokens, shared by every
   page with a POS column (fantasy-hockey-adp raw table, points-league
   rankings/projections, import-v2 point- pages). Split out of adp.css
   2026-08-31 so those pages can take the pill without the ADP board and
   mobile-sticky CSS (which would fight sticky-cols.css). Pills are built
   client-side by assets/js/pos-pill.js from .pos-pill-raw spans (owner
   2026-08-31: no App_Code); fantasy-hockey-adp.aspx keeps inline
   server-side helpers with the same logic plus its board-only pieces.
   ============================================================================ */

/* Position palette: the Sleeper app hockey text hues (owner screenshots
   2026-08-31, sampled by eye - source hues C #4a9df0, LW #46d8a4,
   RW #35c8c2, D #e6b23e, G #a9c95c).
   Owner 2026-08-31, iterated live: raw text hues as fills too loud,
   47%-toward-white too muted, 33% still a touch muted - settled at ~20%
   toward white, dark pairs x0.85, dark cell text kept in both themes.
   Correct any hue by editing its token pair here. C/LW/RW/D/G only - no
   generic F/W colours (probed 2026-08-31: the 2627 data never contains
   them). */
:root {
    --pos-c:  #6eb1f3;
    --pos-lw: #6be0b6;
    --pos-rw: #5dd3ce;
    --pos-d:  #ebc165;
    --pos-g:  #bad47d;
}
.dark-layout {
    --pos-c:  #5e96cf;
    --pos-lw: #5bbe9b;
    --pos-rw: #4fb3af;
    --pos-d:  #c8a456;
    --pos-g:  #9eb46a;
}

/* One coloured segment per position, each labelled (basketball owner decision
   2026-08-16: no comma text over a gradient). Segment backgrounds come inline
   from the renderer as var() tokens; the outer pill carries --pos-primary for
   the ADP Primary colour toggle. */
.pos-pill {
    display: inline-flex;
    overflow: hidden;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
}
/* Tight segment padding; min-width keeps every segment the same size, so a
   lone "C" pill is no smaller than "LW". */
.pos-pill__seg {
    padding: 2px 4px;
    min-width: 32px;
    text-align: center;
}
.pos-pill__seg:first-child { padding-left: 6px; }
.pos-pill__seg:last-child { padding-right: 6px; }
/* Shrink a POS column to its pill width; the table's surplus width goes to
   the other columns instead. */
.adp-pos-col {
    width: 1px;
    white-space: nowrap;
}
.pos-pill--none {
    padding: 2px 8px;
    background: #f3f2f7;
    color: #5e5873;
}
.dark-layout .pos-pill--none {
    background: #343d55;
    color: #b4b7bd;
}