/* #region Himanshu (11-Oct-2026) — file-type brand icons, project wide
   Every Excel / CSV / PDF / Word / PowerPoint / JSON glyph in the app wears the colour users
   know from the real application: Excel green, PDF red, Word blue, PowerPoint orange, JSON amber.
   One file, loaded last in App.razor, so no screen has to colour its own icons.

   Covers:
     • Font Awesome 6  — fa-file-excel, fa-file-csv, fa-file-pdf, fa-file-word,
                          fa-file-powerpoint, fa-file-code (the project's JSON glyph)
     • Bootstrap Icons — bi-file-earmark-excel/-spreadsheet/-pdf/-word/-ppt/-code, bi-filetype-*
     • Opt-in classes  — spq-ic-excel / -pdf / -word / -ppt / -json / -csv for any other glyph
                          (e.g. "fa-file-arrow-down spq-ic-excel" on an Excel template download)

   The glyph keeps its inherited colour (white) on a FILLED button, where a brand colour would
   vanish into the fill, and when the user picked monochrome action icons (body[data-actico=mono]). */

:root {
    --ft-excel: #1d6f42;
    --ft-csv:   #217346;
    --ft-pdf:   #d93025;
    --ft-word:  #2b579a;
    --ft-ppt:   #c43e1c;
    --ft-json:  #c77c02;
}
body.dark-only {
    --ft-excel: #3fb96f;
    --ft-csv:   #4cc27a;
    --ft-pdf:   #ff6b5e;
    --ft-word:  #6ea0f0;
    --ft-ppt:   #f08a6a;
    --ft-json:  #f5c04a;
}

/* ── Excel ───────────────────────────────────────────────────────────────── */
body .fa-file-excel, body .bi-file-earmark-excel, body .bi-file-earmark-excel-fill,
body .bi-file-earmark-spreadsheet, body .bi-file-earmark-spreadsheet-fill,
body .bi-filetype-xlsx, body .bi-filetype-xls, body .spq-ic-excel,
body .spq-ab .spq-ab__ico.fa-file-excel, body .spq-ab .spq-ab__main > i.fa-file-excel,
body .spq-ab .spq-ab__main > i.spq-ic-excel { color: var(--ft-excel); }

/* ── CSV ─────────────────────────────────────────────────────────────────── */
body .fa-file-csv, body .bi-filetype-csv, body .spq-ic-csv { color: var(--ft-csv); }

/* ── PDF ─────────────────────────────────────────────────────────────────── */
body .fa-file-pdf, body .bi-file-earmark-pdf, body .bi-file-earmark-pdf-fill,
body .bi-filetype-pdf, body .spq-ic-pdf,
body .spq-ab .spq-ab__ico.fa-file-pdf, body .spq-ab .spq-ab__main > i.fa-file-pdf,
body .spq-ab .spq-ab__main > i.spq-ic-pdf { color: var(--ft-pdf); }

/* ── Word ────────────────────────────────────────────────────────────────── */
body .fa-file-word, body .bi-file-earmark-word, body .bi-file-earmark-word-fill,
body .bi-filetype-docx, body .bi-filetype-doc, body .spq-ic-word,
body .spq-ab .spq-ab__ico.fa-file-word, body .spq-ab .spq-ab__main > i.fa-file-word { color: var(--ft-word); }

/* ── PowerPoint ──────────────────────────────────────────────────────────── */
body .fa-file-powerpoint, body .bi-file-earmark-ppt, body .bi-file-earmark-ppt-fill,
body .bi-filetype-pptx, body .bi-filetype-ppt, body .spq-ic-ppt { color: var(--ft-ppt); }

/* ── JSON ────────────────────────────────────────────────────────────────── */
body .fa-file-code, body .bi-filetype-json, body .bi-file-earmark-code, body .spq-ic-json,
body .spq-ab .spq-ab__ico.fa-file-code, body .spq-ab .spq-ab__main > i.fa-file-code,
body .spq-ab .spq-ab__main > i.spq-ic-json { color: var(--ft-json); }

/* Choice-dialog tiles: tint the square behind the glyph in the same brand colour. */
body .gcd__option-icon:has(> .fa-file-excel, > .spq-ic-excel, > .fa-file-csv) { background: color-mix(in srgb, var(--ft-excel) 12%, transparent); }
body .gcd__option-icon:has(> .fa-file-pdf, > .spq-ic-pdf)                    { background: color-mix(in srgb, var(--ft-pdf) 12%, transparent); }
body .gcd__option-icon:has(> .fa-file-word, > .spq-ic-word)                  { background: color-mix(in srgb, var(--ft-word) 12%, transparent); }
body .gcd__option-icon:has(> .fa-file-code, > .spq-ic-json)                  { background: color-mix(in srgb, var(--ft-json) 14%, transparent); }

/* ── Keep the inherited colour where a brand colour would disappear ─────── */
body .btn:is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-info, .btn-warning, .btn-dark)
    :is(.fa-file-excel, .fa-file-csv, .fa-file-pdf, .fa-file-word, .fa-file-powerpoint, .fa-file-code,
        [class*="bi-file-earmark-"], [class*="bi-filetype-"], [class*="spq-ic-"]),
body .btn[class*="btn-outline-"]:is(:hover, :active, .active)
    :is(.fa-file-excel, .fa-file-csv, .fa-file-pdf, .fa-file-word, .fa-file-powerpoint, .fa-file-code,
        [class*="bi-file-earmark-"], [class*="bi-filetype-"], [class*="spq-ic-"]),
body .dropdown-item:is(.active, :active)
    :is(.fa-file-excel, .fa-file-csv, .fa-file-pdf, .fa-file-word, .fa-file-powerpoint, .fa-file-code,
        [class*="bi-file-earmark-"], [class*="bi-filetype-"], [class*="spq-ic-"]),
body[data-actico="mono"] .spq-ab .spq-ab__main > i { color: inherit; }
/* #endregion */