/* SLAB COST-TYPE TAGS — the ONE definition (2026-10-21, Adrienne).
   Labor blue · Materials green · Subcontractor PURPLE · Equipment AMBER · Other slate.
   Subcontractor purple / Equipment amber are the colours the approved "Estimate Page Redesign"
   board draws. Other uses the trade/neutral tag tokens (--tag-trade-*), no new hue.
   Used by v2-estimate (Type column, By Condition, line tags), v2-change-orders, takeoff (bid-scope tiles)
   and the design-system gallery. A page adds only GEOMETRY (size, radius) of its own; it never
   re-declares these colours. The styled-select variant (.csel-btn.ct-X .csel-val) is the letter chip
   inside the Type dropdown. Values match the board's Main artboard exactly (L #7BACD9 @16%, M #6ED4A0 @16%, S #A68ED9 @18%, E #F2C14E @16%; her 10-21 "dont match the artifact"). Printed documents (public/doc/**) are separate print sheets that carry
   the same five colours as fixed hex values. */
.ctb{display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 9px;border-radius:999px;white-space:nowrap;}
.ct-L,.csel-btn.ct-L .csel-val{background:color-mix(in srgb, var(--accent-blue) 16%, transparent);color:var(--accent-blue);}
.ct-M,.csel-btn.ct-M .csel-val{background:color-mix(in srgb, var(--accent-green-bright) 16%, transparent);color:var(--accent-green-bright);}
.ct-S,.csel-btn.ct-S .csel-val{background:color-mix(in srgb, var(--accent-violet) 18%, transparent);color:var(--accent-violet);}
.ct-E,.csel-btn.ct-E .csel-val{background:color-mix(in srgb, var(--accent-amber) 16%, transparent);color:var(--accent-amber);}
.ct-O,.csel-btn.ct-O .csel-val{background:var(--tag-trade-bg);color:var(--tag-trade-fg);}