/* ==========================================================================
   Column-Flex Review Overlay — TEMPORARY measuring aid, not shipped chrome.

   Draws the bars used while tuning bounded table columns:
     YELLOW  th::after at the column's right edge  — its measured minimum
     BLUE    .col-flex::after                      — the absorber taking the remainder
     RED     th.col-x::before at left:<n>px        — its measured maximum   (stays inline)
     CYAN    th.col-x inset box-shadow             — marks a bounded column (stays inline)

   Only the shared patterns live here. Every per-column measurement is a number
   being tuned on one page, so it stays in that page's <style> block inside its
   "review overlay (temporary)" fence.

   To turn the overlay OFF for a page, delete that page's <link> to this file.
   When column tuning finishes, delete this file and the fences it left behind.
   ========================================================================== */

:is(#tbl-flex-1, #tbl-flex-2, #tbl-flex-3, #tbl-flex-4, #tbl-flex-5,
    #tbl-blocks, #tbl-bundles, #tbl-slabs,
    #tbl-remnants, #tbl-samples, #tbl-tiles, #tbl-flooring, #tbl-misc,
    #sfItemsTable) thead th { overflow: hidden; }

:is(#tbl-flex-1, #tbl-flex-2, #tbl-flex-3, #tbl-flex-4, #tbl-flex-5,
    #tbl-blocks, #tbl-bundles, #tbl-slabs,
    #tbl-remnants, #tbl-samples, #tbl-tiles, #tbl-flooring, #tbl-misc,
    #sfItemsTable) thead th::after { content:""; position:absolute; top:0; bottom:0; width:3px; pointer-events:none; z-index:3; right:0; background:#EAB308; }

:is(#tbl-flex-1, #tbl-flex-2, #tbl-flex-3, #tbl-flex-4, #tbl-flex-5,
    #tbl-blocks, #tbl-bundles, #tbl-slabs,
    #tbl-remnants, #tbl-samples, #tbl-tiles, #tbl-flooring, #tbl-misc,
    #sfItemsTable) .col-flex::after { background:#64748B; }