/*
 * FSG status/utility classes
 *
 * Usable from Smarty templates AND from HTML built by sql_query_conf
 * queries via CONCAT. Goal: no more color literals in PHP/SQL.
 *
 * Light values live here as var() fallbacks; dark values are set by
 * darkmode.css via the --st-* custom properties.
 *
 * XLS export: user_fsgbase Pi1 maps these class names back to hex
 * colors (see the class color map in PluginController) — add new
 * classes there as well!
 */

/* --- text colors (status) --- */
.fsg-ok     {color: var(--st-ok, #76B82A);}
.fsg-err    {color: var(--st-err, #E40E1B);}
.fsg-warn   {color: var(--st-warn, #E8820E);}
.fsg-info   {color: var(--st-info, #0069B4);}
.fsg-muted  {color: var(--st-muted, #808080);}
.fsg-signal {color: var(--st-signal, #3A76F0);}
.fsg-teal   {color: var(--st-teal, #118C7E);}

/* --- layout helpers (often combined with colors in query HTML) --- */
.fsg-lg {font-size: large;}
.fsg-c  {text-align: center;}
.fsg-r  {text-align: right;}
.fsg-b  {font-weight: bold;}
.fsg-strike {text-decoration: line-through;}
.fsg-nowrap {white-space: nowrap;}

/* --- more text colors from legacy queries --- */
.fsg-orange {color: var(--st-orange, #e67e00);}
.fsg-brown  {color: var(--st-brown, #663800);}
.fsg-cyan   {color: #00BCD4;}
/* forced dark text (replaces color:black !important on color chips) */
.fsg-txt-dark {color: #1D1D1B !important;}
/* privacy trick: value invisible (red on red), visible when selected */
.fsg-redacted {color: #E40E1B; background: #E40E1B;}

/* --- self-contained status chips (identical in light & dark) --- */
.fsg-bg-ok    {background-color: #76B82A; color: #fff;}
.fsg-bg-err   {background-color: #E40E1B; color: #fff;}
.fsg-bg-warn  {background-color: #eeb912; color: #1D1D1B;}
.fsg-bg-info  {background-color: #0088B6; color: #fff;}
.fsg-bg-hl    {background-color: #FDD315; color: #1D1D1B;}
.fsg-bg-muted {background-color: var(--st-bg-muted, #d6d6d6); color: var(--st-bg-muted-txt, #2E2F3E);}

/* --- named color chips (replacement for style="background: X;" in SQL queries) ---
   Always with dark text: stays readable in both themes. */
.fsg-bg-aqua           {background-color: Aqua;           color: #1D1D1B;}
.fsg-bg-coral          {background-color: Coral;          color: #1D1D1B;}
.fsg-bg-cornflowerblue {background-color: CornflowerBlue; color: #1D1D1B;}
.fsg-bg-darkorange     {background-color: DarkOrange;     color: #1D1D1B;}
.fsg-bg-darkgray       {background-color: DarkGray;       color: #1D1D1B;}
.fsg-bg-deeppink       {background-color: DeepPink;       color: #1D1D1B;}
.fsg-bg-deepskyblue    {background-color: DeepSkyBlue;    color: #1D1D1B;}
.fsg-bg-gold           {background-color: Gold;           color: #1D1D1B;}
.fsg-bg-lemonchiffon   {background-color: LemonChiffon;   color: #1D1D1B;}
.fsg-bg-lightskyblue   {background-color: LightSkyBlue;   color: #1D1D1B;}
.fsg-bg-magenta        {background-color: Magenta;        color: #1D1D1B;}
.fsg-bg-peru           {background-color: Peru;           color: #1D1D1B;}
.fsg-bg-pink           {background-color: Pink;           color: #1D1D1B;}
.fsg-bg-skyblue        {background-color: SkyBlue;        color: #1D1D1B;}
.fsg-bg-white          {background-color: White;          color: #1D1D1B;}
.fsg-bg-yellow         {background-color: Yellow;         color: #1D1D1B;}
.fsg-bg-aquamarine     {background-color: Aquamarine;     color: #1D1D1B;}
.fsg-bg-plum           {background-color: Plum;           color: #1D1D1B;}
.fsg-bg-lightgray      {background-color: LightGray;      color: #1D1D1B;}
.fsg-bg-fsgyellow      {background-color: #FFDD00;        color: #1D1D1B;}
/* translucent gold highlight: works on light AND dark */
.fsg-bg-gold-soft      {background-color: rgba(253, 211, 21, 0.3);}

/* --- intensity ramp (e.g. volunteers arrival/departure) ---
   Light: pastel green ramp (as before), dark: dark green ramp via darkmode.css */
.fsg-scale-0 {}
.fsg-scale-1 {background-color: var(--st-scale-1, #EAFAF1);}
.fsg-scale-2 {background-color: var(--st-scale-2, #D5F5E3);}
.fsg-scale-3 {background-color: var(--st-scale-3, #ABEBC6);}
.fsg-scale-4 {background-color: var(--st-scale-4, #82E0AA);}
.fsg-scale-5 {background-color: var(--st-scale-5, #58D68D);}