/* ===========================================================================
   ICONS - ONE FAMILY, EVERY LAYOUT
   ===========================================================================
   The product renders icons as references into a Lucide sprite. An <svg> with
   no CSS is a black filled shape at whatever size the browser guesses, which
   is where the "black triangles" came from: system.css carried these rules,
   and three layouts never loaded it.

   The customer portal and - worse - the print layout, which is what a voucher
   and every PDF is rendered through. So the one document a customer is handed
   was the one place icons were guaranteed to be broken.

   This file exists so no layout can miss them again. It is tiny, it is loaded
   everywhere, and it is the only definition that matters.
   =========================================================================== */

.i {
    width: 1.25rem;
    height: 1.25rem;
    flex: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    vertical-align: middle;
}

.i-sm { width: 1rem;    height: 1rem;    stroke-width: 2; }
.i-lg { width: 1.5rem;  height: 1.5rem;  stroke-width: 1.6; }
.i-xl { width: 2rem;    height: 2rem;    stroke-width: 1.4; }

/* Printed output is black on white and often at a lower effective resolution,
   so a 1.75 stroke greys out. Thicken it and let it print. */
@media print {
    .i {
        stroke-width: 2;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}