@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Components/ToolsHeading.razor.rz.scp.css */
.inv-hero[b-ufpe3cow5n] {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0.75rem 2rem 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    overflow: visible;
}

@media (min-width: 1024px) {
    .inv-hero[b-ufpe3cow5n] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2rem 0.5rem;
        gap: 2rem;
    }
}

.inv-hero-content[b-ufpe3cow5n] {
    max-width: 720px;
    min-width: 0;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.inv-hero-title[b-ufpe3cow5n] {
    font-size: 42px;
    letter-spacing: -0.03em;
    font-weight: 500;
    margin: 0;
    padding: 0;
    overflow: visible;
}

@media (min-width: 768px) {
    .inv-hero-title[b-ufpe3cow5n] {
        font-size: 66px;
    }
}

/* First line — no descenders, tight */
.inv-hero-line[b-ufpe3cow5n] {
    display: block;
    line-height: 1.05;
    overflow: visible;
}

    /* Second line — generous box for the descender, pulled up to close the gap */
    .inv-hero-line:last-child[b-ufpe3cow5n] {
        line-height: 1.5;
        margin-top: -0.4em;
        overflow: visible;
    }

.inv-hero-accent[b-ufpe3cow5n] {
    font-family: "Instrument Serif", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    color: #c4b5fd;
}

.inv-hero-description[b-ufpe3cow5n] {
    margin: 0.1em 0 0;
    max-width: 560px;
    font-size: 16px;
    line-height: 1.55;
    color: #a1a1aa;
    font-weight: 300;
}

    .inv-hero-description strong[b-ufpe3cow5n] {
        color: #e4e4e7;
        font-weight: 500;
    }

.inv-hero-visual[b-ufpe3cow5n] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

@media (max-width: 900px) {
    .inv-hero-visual[b-ufpe3cow5n] {
        display: none;
    }
}
/* /Tools/InvoiceGenerator/Controls/HeadingGenerator.razor.rz.scp.css */
.heading-generator[b-d9b7soe1dc] {
    flex-shrink: 0;
    width: 240px;
    height: 220px;
    pointer-events: none;
    user-select: none;
}

.hg-svg[b-d9b7soe1dc] {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/* ═══════════════════════════════════════════════
   EXHAUST MOUTH — heat shimmer
   ═══════════════════════════════════════════════ */
.hg-pipe-mouth[b-d9b7soe1dc] {
    animation: hg-pipe-mouth-pulse-b-d9b7soe1dc 2s ease-in-out infinite;
}

@keyframes hg-pipe-mouth-pulse-b-d9b7soe1dc {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.9;
    }
}

/* ═══════════════════════════════════════════════
   SMOKE PLUME — rises from the exhaust mouth
   ═══════════════════════════════════════════════ */
.hg-puff[b-d9b7soe1dc] {
    opacity: 0;
    transform-origin: 86px 24px;
    animation: hg-smoke-rise-b-d9b7soe1dc 4.2s ease-out infinite;
}

.hg-puff-1[b-d9b7soe1dc] {
    animation-delay: 0s;
}

.hg-puff-2[b-d9b7soe1dc] {
    animation-delay: 0.6s;
}

.hg-puff-3[b-d9b7soe1dc] {
    animation-delay: 1.2s;
}

.hg-puff-4[b-d9b7soe1dc] {
    animation-delay: 2.4s;
}

.hg-puff-5[b-d9b7soe1dc] {
    animation-delay: 3s;
}

@keyframes hg-smoke-rise-b-d9b7soe1dc {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.35);
    }

    20% {
        opacity: 0.85;
        transform: translate(-2px, -14px) scale(1);
    }

    50% {
        opacity: 0.6;
        transform: translate(-6px, -38px) scale(1.7);
    }

    80% {
        opacity: 0.25;
        transform: translate(-12px, -64px) scale(2.4);
    }

    100% {
        opacity: 0;
        transform: translate(-18px, -88px) scale(3);
    }
}

/* ═══════════════════════════════════════════════
   LIGHTNING BOLT — pulses
   ═══════════════════════════════════════════════ */
.hg-bolt[b-d9b7soe1dc] {
    animation: hg-bolt-flash-b-d9b7soe1dc 2.6s ease-in-out infinite;
}

@keyframes hg-bolt-flash-b-d9b7soe1dc {
    0%, 85%, 100% {
        opacity: 1;
    }

    90% {
        opacity: 0.55;
    }

    95% {
        opacity: 1;
    }
}

.hg-bolt-glow[b-d9b7soe1dc] {
    animation: hg-bolt-glow-b-d9b7soe1dc 2.6s ease-in-out infinite;
}

@keyframes hg-bolt-glow-b-d9b7soe1dc {
    0%, 100% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.55;
    }
}

/* ═══════════════════════════════════════════════
   EQUALIZER — bars bounce up and down
   ═══════════════════════════════════════════════ */
.hg-eq-bar[b-d9b7soe1dc] {
    transform-box: fill-box;
    transform-origin: 50% 100%;
    animation: hg-eq-bounce-b-d9b7soe1dc 1.4s ease-in-out infinite;
}

.hg-eq-bar-1[b-d9b7soe1dc] {
    animation-delay: 0s;
    animation-duration: 1.1s;
}

.hg-eq-bar-2[b-d9b7soe1dc] {
    animation-delay: 0.15s;
    animation-duration: 1.3s;
}

.hg-eq-bar-3[b-d9b7soe1dc] {
    animation-delay: 0.3s;
    animation-duration: 1.5s;
}

.hg-eq-bar-4[b-d9b7soe1dc] {
    animation-delay: 0.45s;
    animation-duration: 1.2s;
}

.hg-eq-bar-5[b-d9b7soe1dc] {
    animation-delay: 0.6s;
    animation-duration: 1.6s;
}

.hg-eq-bar-6[b-d9b7soe1dc] {
    animation-delay: 0.75s;
    animation-duration: 1.4s;
}

.hg-eq-bar-7[b-d9b7soe1dc] {
    animation-delay: 0.9s;
    animation-duration: 1.25s;
}

@keyframes hg-eq-bounce-b-d9b7soe1dc {
    0%, 100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(0.35);
    }
}

/* ═══════════════════════════════════════════════
   GAUGE NEEDLES — twitch independently
   ═══════════════════════════════════════════════ */
.hg-needle-1[b-d9b7soe1dc] {
    animation: hg-needle-1-sweep-b-d9b7soe1dc 3.4s ease-in-out infinite;
}

.hg-needle-2[b-d9b7soe1dc] {
    animation: hg-needle-2-sweep-b-d9b7soe1dc 4.1s ease-in-out infinite;
}

.hg-needle-3[b-d9b7soe1dc] {
    animation: hg-needle-3-sweep-b-d9b7soe1dc 3.8s ease-in-out infinite;
}

@keyframes hg-needle-1-sweep-b-d9b7soe1dc {
    0%, 100% {
        transform: rotate(-65deg);
    }

    35% {
        transform: rotate(40deg);
    }

    55% {
        transform: rotate(10deg);
    }

    75% {
        transform: rotate(55deg);
    }
}

@keyframes hg-needle-2-sweep-b-d9b7soe1dc {
    0%, 100% {
        transform: rotate(50deg);
    }

    30% {
        transform: rotate(-30deg);
    }

    60% {
        transform: rotate(20deg);
    }

    80% {
        transform: rotate(-50deg);
    }
}

@keyframes hg-needle-3-sweep-b-d9b7soe1dc {
    0%, 100% {
        transform: rotate(-20deg);
    }

    25% {
        transform: rotate(60deg);
    }

    50% {
        transform: rotate(10deg);
    }

    75% {
        transform: rotate(-55deg);
    }
}

/* ═══════════════════════════════════════════════
   ACCESSIBILITY
   ═══════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .hg-pipe-mouth[b-d9b7soe1dc],
    .hg-puff[b-d9b7soe1dc],
    .hg-bolt[b-d9b7soe1dc],
    .hg-bolt-glow[b-d9b7soe1dc],
    .hg-eq-bar[b-d9b7soe1dc],
    .hg-needle-1[b-d9b7soe1dc],
    .hg-needle-2[b-d9b7soe1dc],
    .hg-needle-3[b-d9b7soe1dc] {
        animation: none;
    }

    .hg-puff[b-d9b7soe1dc] {
        opacity: 0;
    }

    .hg-pipe-mouth[b-d9b7soe1dc] {
        opacity: 0.6;
    }
}

/* ═══════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════ */
@media (max-width: 900px) {
    .heading-generator[b-d9b7soe1dc] {
        display: none;
    }
}
/* /Tools/InvoiceGenerator/Controls/TemplateCard.razor.rz.scp.css */
.template-card[b-cx2hcvcqjx] {
    /* ───── Sizing knobs ─────
       Change these two together. --scale must equal --card-width ÷ --render-width.
       160px card  → 0.2
       200px card  → 0.25
       240px card  → 0.3
       280px card  → 0.35
       ──────────────────────── */
    --card-width: 160px;
    --render-width: 800px;
    --pad: 6px;
    --bd: 2px;
    --scale: calc((var(--card-width) - var(--pad) * 2 - var(--bd) * 2) / var(--render-width));
    position: relative;
    flex: 0 0 auto;
    width: var(--card-width);
    padding: var(--pad);
    border: var(--bd) solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 8px;
    background: transparent;
    user-select: none;
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease;
}

    .template-card:hover[b-cx2hcvcqjx] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.18);
    }

    .template-card.selected[b-cx2hcvcqjx] {
        border-color: #6d5cf6;
        background: rgba(109, 92, 246, 0.14);
        box-shadow: 0 0 0 2px rgba(109, 92, 246, 0.3);
    }

/* -------- Custom radio indicator -------- */
.template-card-indicator[b-cx2hcvcqjx] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    background: rgba(11, 11, 18, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
}

.template-card:hover .template-card-indicator[b-cx2hcvcqjx] {
    border-color: rgba(255, 255, 255, 0.95);
}

.template-card.selected .template-card-indicator[b-cx2hcvcqjx] {
    border-color: #6d5cf6;
    background: #6d5cf6;
    transform: scale(1.05);
}

.template-card-indicator-dot[b-cx2hcvcqjx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    transition: opacity 120ms ease;
}

.template-card.selected .template-card-indicator-dot[b-cx2hcvcqjx] {
    opacity: 1;
}

/* -------- Paper viewport (clips the scaled render) -------- */
.template-card-paper[b-cx2hcvcqjx] {
    width: 100%;
    aspect-ratio: 210 / 297;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.template-card.selected .template-card-paper[b-cx2hcvcqjx] {
    box-shadow: 0 4px 14px rgba(109, 92, 246, 0.35);
}

/* -------- Inner renderer (rendered huge, then scaled down) -------- */
.template-card-scaler[b-cx2hcvcqjx] {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--render-width);
    height: calc(var(--render-width) * 297 / 210);
    container-type: inline-size;
    transform-origin: top left;
    transform: scale(var(--scale));
}

/* -------- Name -------- */
.template-card-name[b-cx2hcvcqjx] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.template-card.selected .template-card-name[b-cx2hcvcqjx] {
    color: #fff;
}
/* /Tools/InvoiceGenerator/Controls/TemplatePreviewOverlay.razor.rz.scp.css */
.template-preview-overlay[b-nwzqh75r8v] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 100;
    animation: preview-in-b-nwzqh75r8v 380ms cubic-bezier(0.16, 1, 0.3, 1);
}

.template-preview-inner[b-nwzqh75r8v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 14px;
    background: rgba(11, 11, 18, 0.88);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(109, 92, 246, 0.35);
    box-shadow: 0 32px 100px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 60px rgba(109, 92, 246, 0.12);
}

.template-preview-paper[b-nwzqh75r8v] {
    width: 560px;
    height: calc(560px * 297 / 210);
    position: relative;
    overflow: hidden;
    background: #fdfdfb;
    border-radius: 6px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.template-preview-scaler[b-nwzqh75r8v] {
    position: absolute;
    top: 0;
    left: 0;
    width: 800px;
    height: calc(800px * 297 / 210);
    container-type: inline-size;
    transform-origin: top left;
    transform: scale(0.7); /* 560 / 800 */
}

.template-preview-name[b-nwzqh75r8v] {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #fff;
}

@keyframes preview-in-b-nwzqh75r8v {
    from {
        opacity: 0;
        transform: scale(0.94);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Tools/InvoiceGenerator/Controls/TemplateStrip.razor.rz.scp.css */
.template-strip[b-isqdm0z75s] {
    display: flex;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 4px 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

    .template-strip[b-isqdm0z75s]::-webkit-scrollbar {
        height: 6px;
    }

    .template-strip[b-isqdm0z75s]::-webkit-scrollbar-track {
        background: transparent;
    }

    .template-strip[b-isqdm0z75s]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.12);
        border-radius: 999px;
    }

        .template-strip[b-isqdm0z75s]::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.22);
        }
/* /Tools/InvoiceGenerator/Pages/InvoiceGenerator.razor.rz.scp.css */
/* ---------- Workspace ---------- */
.workspace[b-xotm978ptl] {
    display: flex;
    gap: 1.5rem;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0.5rem 2rem 1.5rem;
    align-items: flex-start;
}

.canvas-column[b-xotm978ptl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
}

/* ---------- Download & Reset Actions ---------- */
.download-row[b-xotm978ptl] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0 0.25rem;
}

.download-btn[b-xotm978ptl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.75rem;
    background: #2fbd7d;
    border: 1px solid #2fbd7d;
    border-radius: 8px;
    color: #fff;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, transform 80ms ease;
}

    .download-btn:hover[b-xotm978ptl] {
        background: #24a86a;
        border-color: #24a86a;
    }

    .download-btn:active[b-xotm978ptl] {
        transform: translateY(1px);
    }

.download-icon[b-xotm978ptl] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.reset-btn[b-xotm978ptl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.75rem;
    background: transparent;
    border: 1px solid rgba(229, 72, 77, 0.55);
    border-radius: 8px;
    color: #e5484d;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: border-color 120ms ease, color 120ms ease, background 120ms ease;
}

    .reset-btn:hover[b-xotm978ptl] {
        border-color: #e5484d;
        background: rgba(229, 72, 77, 0.1);
    }

/* ---------- Tools Panel ---------- */
.tools-panel[b-xotm978ptl] {
    flex: 1;
    min-width: 0;
    align-self: flex-start;
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    padding-right: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}

    .tools-panel[b-xotm978ptl]::-webkit-scrollbar {
        width: 10px;
    }

    .tools-panel[b-xotm978ptl]::-webkit-scrollbar-track {
        background: transparent;
        margin: 4px 0;
    }

    .tools-panel[b-xotm978ptl]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.12);
        border-radius: 999px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

        .tools-panel[b-xotm978ptl]::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.22);
            background-clip: padding-box;
            border: 2px solid transparent;
        }

    .tools-panel[b-xotm978ptl]::-webkit-scrollbar-corner {
        background: transparent;
    }

.tools-header[b-xotm978ptl] {
    margin-bottom: 1rem;
    padding-left: 0.25rem;
}

    .tools-header h2[b-xotm978ptl] {
        font-size: 1.1rem;
        font-weight: 600;
        margin: 0;
        color: #f0f0f0;
        letter-spacing: -0.005em;
        text-transform: uppercase;
    }

.tools-grid[b-xotm978ptl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

    .tools-grid .span-full[b-xotm978ptl] {
        grid-column: 1 / -1;
    }

/* ---------- Responsive Layout ---------- */
@media (max-width: 1500px) {
    .tools-grid[b-xotm978ptl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1280px) {
    .workspace[b-xotm978ptl] {
        flex-direction: column;
    }

    .canvas-column[b-xotm978ptl] {
        width: 100%;
    }

    .tools-panel[b-xotm978ptl] {
        width: 100%;
        min-width: 0;
        max-height: none;
    }
}

@media (max-width: 1100px) {
    .tools-grid[b-xotm978ptl] {
        grid-template-columns: 1fr;
    }
}
/* /Tools/InvoiceGenerator/Partials/InvoiceCanvas.razor.rz.scp.css */
/* ---------- A4 canvas ---------- */
.canvas-area[b-7qeht6om5d] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    position: relative;
}

.measure-area[b-7qeht6om5d] {
    position: absolute;
    left: -9999px;
    top: 0;
    pointer-events: none;
}

.a4-paper--measure[b-7qeht6om5d] {
    overflow: visible !important;
}

.a4-paper[b-7qeht6om5d] {
    height: min(calc(100vh - 220px), 1080px);
    width: auto;
    aspect-ratio: 210 / 297;
    container-type: inline-size;
    background: #fbfaf6;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 6px 16px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 -8px 24px rgba(0, 0, 0, 0.035);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}  

@media (max-width: 1280px) {
    .canvas-area[b-7qeht6om5d] {
        width: 100%;
    }

        .canvas-area > .a4-paper[b-7qeht6om5d] {
            height: auto;
            width: min(820px, 100%);
        }
}
/* /Tools/InvoiceGenerator/Partials/SampleSelector.razor.rz.scp.css */
.template-strip-wrapper[b-qa9vjy2oag] {
    max-width: 1800px;
    margin: 0 auto;
    padding: 1rem 2rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.template-strip-label[b-qa9vjy2oag] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(109, 92, 246, 0.85);
    padding-left: 4px;
    margin-bottom: 10px;
}
/* /Tools/InvoiceGenerator/Templates/ArtDecoTemplate.razor.rz.scp.css */
.deco-invoice[b-gqsinj8yk4] {
    --ink: #14110a;
    --paper: #f5efdf;
    --muted: #8a7550;
    --gold: #b8935a;
    --deepgold: #8a6a34;
    --band-padding: 5cqw 8cqw 4cqw;
    --band-gap: 3cqw;
    --band-bg: var(--ink);
    --band-fg: var(--paper);
    --band-border-top: 1.4cqw solid var(--gold);
    --band-brand-gap: 2.4cqw;
    --band-logo-height: 5cqw;
    --band-logo-max-width: 20cqw;
    --band-initial-size: 6cqw;
    --band-initial-radius: 2px;
    --band-initial-bg: var(--gold);
    --band-initial-fg: var(--ink);
    --band-initial-font-size: 2.6cqw;
    --band-initial-weight: 700;
    --band-initial-font: Georgia, serif;
    --band-name-size: 2.4cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.06em;
    --band-name-transform: uppercase;
    --band-name-font: Georgia, serif;
    --band-tagline-size: 0.95cqw;
    --band-tagline-weight: 600;
    --band-tagline-tracking: 0.34em;
    --band-tagline-color: var(--gold);
    --band-tagline-margin-top: 0.7cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.1cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.42em;
    --band-doc-word-color: var(--gold);
    --band-doc-number-size: 1.9cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-margin-top: 0.6cqw;
    --band-doc-number-font: Georgia, serif;
    --band-compact-padding: 2.5cqw 8cqw;
    --band-compact-border-top: 0.4cqw solid var(--gold);
    --band-compact-doc-number-size: 1.4cqw;
    --band-compact-doc-number-color: var(--paper);
    --band-compact-brand-color: var(--gold);
    --band-compact-brand-tracking: 0.2em;
    --band-compact-brand-font: Georgia, serif;
    --badge-neutral-bg: rgba(184, 147, 90, 0.2);
    --badge-neutral-fg: var(--paper);
    --badge-neutral-stroke: var(--gold);
    --badge-neutral-ink: var(--paper);
    --badge-neutral-tint: rgba(184, 147, 90, 0.15);
    --badge-amber-bg: var(--gold);
    --badge-amber-fg: var(--ink);
    --badge-amber-stroke: var(--gold);
    --badge-amber-ink: var(--gold);
    --badge-amber-tint: rgba(184, 147, 90, 0.2);
    --badge-green-bg: #6daa6d;
    --badge-green-fg: var(--ink);
    --badge-green-stroke: #6daa6d;
    --badge-green-ink: #6daa6d;
    --badge-green-tint: rgba(109, 170, 109, 0.15);
    --badge-red-bg: #c14538;
    --badge-red-fg: var(--paper);
    --badge-red-stroke: #c14538;
    --badge-red-ink: #d95445;
    --badge-red-tint: rgba(193, 69, 56, 0.18);
    --billing-gap: 8cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px solid var(--gold);
    --billing-label-size: 0.9cqw;
    --billing-label-tracking: 0.32em;
    --billing-label-color: var(--deepgold);
    --billing-label-font: Georgia, serif;
    --billing-value-size: 1.45cqw;
    --billing-value-font: Georgia, serif;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px solid var(--gold);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.32em;
    --parties-label-color: var(--deepgold);
    --parties-label-font: Georgia, serif;
    --parties-name-size: 1.7cqw;
    --parties-name-font: Georgia, serif;
    --parties-line-size: 1.2cqw;
    --parties-line-color: #5a4830;
    --parties-line-height: 1.65;
    --items-font: Georgia, serif;
    --items-header-size: 0.85cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.3em;
    --items-header-color: var(--deepgold);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1px solid var(--gold);
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid rgba(184, 147, 90, 0.35);
    --items-title-weight: 600;
    --items-detail-size: 1.05cqw;
    --items-detail-style: italic;
    --items-total-weight: 600;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--gold);
    --settlement-label-size: 0.9cqw;
    --settlement-label-tracking: 0.32em;
    --settlement-label-color: var(--deepgold);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-label-font: Georgia, serif;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #5a4830;
    --settlement-text-line-height: 1.7;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-label-font: Georgia, serif;
    --totals-value-weight: 600;
    --totals-value-font: Georgia, serif;
    --total-due-padding: 1.8cqw 3cqw;
    --total-due-bg: var(--ink);
    --total-due-fg: var(--gold);
    --total-due-label-size: 1.05cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.32em;
    --total-due-label-color: var(--gold);
    --total-due-label-font: Georgia, serif;
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--gold);
    --total-due-value-font: Georgia, serif;
    --footer-bg: var(--ink);
    --footer-fg: var(--gold);
    --footer-font: Georgia, serif;
    --footer-tracking: 0.15em;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.deco-rule[b-gqsinj8yk4] {
    height: 0.6cqw;
    background: linear-gradient(90deg, transparent 0%, var(--gold) 15%, var(--deepgold) 50%, var(--gold) 85%, transparent 100%);
}

.deco-body[b-gqsinj8yk4] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/BauhausTemplate.razor.rz.scp.css */
.bh-invoice[b-srv2wplrs4] {
    --ink: #0a0a0a;
    --paper: #f4f0e8;
    --muted: #6a5a4a;
    --red: #d02d1f;
    --blue: #1a4fa8;
    --yellow: #f0b429;
    --band-padding: 5cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-border-bottom: 0.4cqw solid var(--ink);
    --band-brand-gap: 2.4cqw;
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-radius: 0;
    --band-initial-bg: var(--ink);
    --band-initial-fg: var(--paper);
    --band-initial-font-size: 3.2cqw;
    --band-initial-weight: 900;
    --band-initial-tracking: -0.02em;
    --band-name-size: 3.2cqw;
    --band-name-weight: 900;
    --band-name-tracking: -0.04em;
    --band-name-line-height: 0.95;
    --band-name-transform: uppercase;
    --band-tagline-size: 0.95cqw;
    --band-tagline-weight: 800;
    --band-tagline-tracking: 0.3em;
    --band-tagline-color: var(--red);
    --band-tagline-margin-top: 1cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.15cqw;
    --band-doc-word-weight: 900;
    --band-doc-word-tracking: 0.32em;
    --band-doc-number-size: 2cqw;
    --band-doc-number-weight: 900;
    --band-doc-number-tracking: -0.02em;
    --band-doc-number-margin-top: 1cqw;
    --band-compact-padding: 2.5cqw 8cqw;
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-weight: 800;
    --badge-neutral-bg: #c9b8a8;
    --badge-neutral-fg: #0a0a0a;
    --badge-neutral-stroke: #c9b8a8;
    --badge-neutral-ink: #6a5a4a;
    --badge-neutral-tint: rgba(201, 184, 168, 0.25);    
    --badge-amber-bg: var(--yellow);
    --badge-amber-fg: var(--ink);
    --badge-amber-stroke: var(--yellow);
    --badge-amber-ink: #b87600;
    --badge-amber-tint: rgba(240, 180, 41, 0.2);   
    --badge-green-bg: var(--blue);
    --badge-green-fg: #ffffff;
    --badge-green-stroke: var(--blue);
    --badge-green-ink: var(--blue);
    --badge-green-tint: rgba(26, 79, 168, 0.15);   
    --badge-red-bg: var(--red);
    --badge-red-fg: #ffffff;
    --badge-red-stroke: var(--red);
    --badge-red-ink: var(--red);
    --badge-red-tint: rgba(208, 45, 31, 0.15);
    --billing-gap: 2cqw;
    --billing-cell-padding: 2.4cqw 2.8cqw;
    --billing-cell-border: 0.3cqw solid var(--ink);
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 900;
    --billing-label-tracking: 0.3em;
    --billing-label-margin-bottom: 0.8cqw;
    --billing-value-size: 1.5cqw;
    --billing-value-weight: 800;
    --billing-value-tracking: -0.01em;
    --parties-gap: 2cqw;
    --parties-cell-padding: 2.4cqw 2.8cqw;
    --parties-cell-border: 0.3cqw solid var(--ink);
    --parties-label-size: 0.9cqw;
    --parties-label-weight: 900;
    --parties-label-tracking: 0.3em;
    --parties-label-margin-bottom: 0.8cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-weight: 900;
    --parties-name-tracking: -0.015em;
    --parties-name-line-height: 1.15;
    --parties-name-margin-bottom: 0.7cqw;
    --parties-line-size: 1.15cqw;
    --parties-line-height: 1.6;
    --parties-line-weight: 500;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.85cqw;
    --items-header-weight: 900;
    --items-header-tracking: 0.24em;
    --items-header-color: var(--paper);
    --items-header-bg: var(--ink);
    --items-header-padding: 1.2cqw 1cqw;
    --items-header-border: none;
    --items-row-size: 1.3cqw;
    --items-row-border-bottom: 0.15cqw solid var(--ink);
    --items-title-weight: 800;
    --items-title-transform: uppercase;
    --items-title-tracking: 0.01em;
    --items-detail-size: 1cqw;
    --items-total-weight: 900;
    --settlement-gap: 4cqw;
    --settlement-border-top: 0.4cqw solid var(--ink);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 900;
    --settlement-label-tracking: 0.3em;
    --settlement-label-margin-bottom: 0.8cqw;
    --settlement-text-size: 1.15cqw;
    --settlement-text-color: #3a3a3a;
    --settlement-text-line-height: 1.7;
    --settlement-text-weight: 500;
    --totals-font-size: 1.25cqw;
    --totals-label-color: var(--muted);
    --totals-label-transform: uppercase;
    --totals-label-tracking: 0.06em;
    --totals-value-weight: 700;
    --total-due-bg: var(--ink);
    --total-due-fg: var(--paper);
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 900;
    --total-due-label-tracking: 0.3em;
    --total-due-label-color: var(--yellow);
    --total-due-value-size: 3.2cqw;
    --total-due-value-weight: 900;
    --total-due-value-tracking: -0.04em;
    --total-due-value-color: var(--paper);
    --total-due-value-line-height: 1;
    --footer-bg: transparent;
    --footer-fg: var(--ink);
    --footer-border: 0.4cqw solid var(--ink);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 800;
    --footer-separator: " ■";
    --footer-tracking: 0.15em;
    --footer-size: 0.95cqw;
    --footer-transform: uppercase;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .bh-invoice[b-srv2wplrs4]  .inv-billing-cell--issued {
        background: var(--red);
        color: #fff;
    }

    .bh-invoice[b-srv2wplrs4]  .inv-billing-cell--due {
        background: var(--blue);
        color: #fff;
    }

    .bh-invoice[b-srv2wplrs4]  .inv-parties-cell--from {
        background: var(--yellow);
        color: var(--ink);
    }

    .bh-invoice[b-srv2wplrs4]  .inv-parties-cell--to {
        background: var(--red);
        color: #fff;
    }

    .bh-invoice[b-srv2wplrs4]  .inv-settlement-block {
        padding: 1.6cqw 2.2cqw;
        border: 0.3cqw solid var(--ink);
    }

    .bh-invoice[b-srv2wplrs4]  .inv-band-doc-word {
        background: var(--ink);
        color: var(--paper);
        padding: 0.5cqw 1cqw;
        display: inline-block;
    }

.bh-stripe[b-srv2wplrs4] {
    display: flex;
    height: 0.8cqw;
}

.bh-stripe-red[b-srv2wplrs4] {
    flex: 1;
    background: var(--red);
}

.bh-stripe-yellow[b-srv2wplrs4] {
    flex: 1;
    background: var(--yellow);
}

.bh-stripe-blue[b-srv2wplrs4] {
    flex: 1;
    background: var(--blue);
}

.bh-body[b-srv2wplrs4] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.35cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/BlueprintTemplate.razor.rz.scp.css */
.bp-invoice[b-8kux9ge9y2] {
    --ink: #1e3a5f;
    --paper: #f4f8fc;
    --muted: #6a8aaa;
    --blue: #2563a8;
    --grid: rgba(37, 99, 168, 0.08);
    --band-padding: 5cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-bg: var(--blue);
    --band-fg: #fff;
    --band-border-bottom: 0.6cqw solid var(--ink);
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-radius: 2px;
    --band-initial-bg: var(--blue);
    --band-initial-fg: #fff;
    --band-initial-font-size: 3cqw;
    --band-initial-weight: 700;
    --band-initial-font: 'Courier New', monospace;
    --band-name-size: 2.6cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.06em;
    --band-name-transform: uppercase;
    --band-name-font: 'Courier New', monospace;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 600;
    --band-tagline-tracking: 0.22em;
    --band-tagline-color: rgba(255,255,255,0.7);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.1cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.34em;
    --band-doc-number-size: 2.2cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-tracking: 0.06em;
    --band-doc-number-margin-top: 1cqw;
    --band-doc-number-font: 'Courier New', monospace;
    --band-compact-padding: 2.5cqw 8cqw;
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-color: rgba(255,255,255,0.7);
    --band-compact-brand-weight: 700;
    --billing-gap: 8cqw;
    --billing-cell-padding: 2cqw 2.4cqw;
    --billing-cell-border: 1px solid var(--blue);
    --billing-cell-bg: rgba(255, 255, 255, 0.6);
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.26em;
    --billing-label-color: var(--blue);
    --billing-label-margin-bottom: 0.7cqw;
    --billing-label-font: 'Courier New', monospace;
    --billing-value-size: 1.35cqw;
    --billing-value-weight: 600;
    --billing-value-font: 'Courier New', monospace;
    --parties-gap: 2cqw;
    --parties-cell-padding: 2cqw 2.4cqw;
    --parties-cell-border: 1px solid var(--blue);
    --parties-cell-bg: rgba(255, 255, 255, 0.6);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.26em;
    --parties-label-color: var(--blue);
    --parties-label-margin-bottom: 0.7cqw;
    --parties-label-font: 'Courier New', monospace;
    --parties-name-size: 1.55cqw;
    --parties-name-line-height: 1.25;
    --parties-name-font: 'Courier New', monospace;
    --parties-line-size: 1.15cqw;
    --parties-line-color: var(--blue);
    --parties-line-font: 'Courier New', monospace;
    --items-font: 'Courier New', monospace;
    --items-header-size: 0.85cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.2em;
    --items-header-color: #fff;
    --items-header-bg: var(--blue);
    --items-header-padding: 1.2cqw 1cqw;
    --items-header-border: none;
    --items-row-padding: 1cqw 1cqw;
    --items-row-size: 1.25cqw;
    --items-row-bg: rgba(255, 255, 255, 0.75);
    --items-row-border-top: 1px solid rgba(37, 99, 168, 0.3);
    --items-row-border-right: 1px solid rgba(37, 99, 168, 0.3);
    --items-row-border-bottom: 1px solid rgba(37, 99, 168, 0.3);
    --items-row-border-left: 1px solid rgba(37, 99, 168, 0.3);
    --items-title-weight: 700;
    --items-title-transform: uppercase;
    --items-title-tracking: 0.02em;
    --items-detail-size: 1cqw;
    --items-detail-color: var(--blue);
    --items-total-weight: 700;
    --items-row-border-bottom-last: var(--items-row-border-bottom);
    --settlement-gap: 4cqw;
    --settlement-border-top: none;
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.26em;
    --settlement-label-color: var(--blue);
    --settlement-label-margin-bottom: 0.7cqw;
    --settlement-label-font: 'Courier New', monospace;
    --settlement-text-size: 1.15cqw;
    --settlement-text-color: var(--blue);
    --settlement-text-line-height: 1.7;
    --settlement-text-font: 'Courier New', monospace;
    --settlement-right-padding: 2cqw;
    --settlement-right-bg: var(--blue);
    --settlement-right-fg: #fff;
    --totals-font-size: 1.2cqw;
    --totals-label-transform: uppercase;
    --totals-label-tracking: 0.06em;
    --totals-value-weight: 700;
    --totals-value-font: 'Courier New', monospace;
    --total-due-padding: 1.2cqw 0 0 0;
    --total-due-border-top: 0.3cqw solid #fff;
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.24em;
    --total-due-label-color: #fff;
    --total-due-value-size: 2.8cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: #fff;
    --footer-bg: var(--ink);
    --footer-fg: #ffffff;
    --footer-font: 'Courier New', monospace;
    --footer-font-weight: 700;
    --footer-tracking: 0.15em;
    --footer-size: 0.95cqw;
    --footer-transform: uppercase;
    --footer-border: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--paper);
    background-size: 8px 8px, 8px 8px, auto;
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .bp-invoice[b-8kux9ge9y2]  .inv-settlement-block {
        padding: 1.6cqw 2.2cqw;
        border: 1px solid var(--blue);
        background: rgba(255, 255, 255, 0.6);
    }

    .bp-invoice[b-8kux9ge9y2]  .inv-band-doc-word {
        border: 1px solid rgba(255,255,255,0.5);
        padding: 0.4cqw 1cqw;
        display: inline-block;
        opacity: 0.9;
    }

.bp-accent[b-8kux9ge9y2] {
    height: 0.4cqw;
    background: var(--ink);
}

.bp-body[b-8kux9ge9y2] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}

.bp-page[b-8kux9ge9y2] {
    color: #fff;
}
/* /Tools/InvoiceGenerator/Templates/BoldBrutalistTemplate.razor.rz.scp.css */
.brut-invoice[b-jgxrt0e9gw] {
    --ink: #0a0a0a;
    --paper: #ffffff;
    --accent: #0055ff;
    --band-padding: 5cqw 7cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-border-bottom: 1.6cqw solid var(--ink);
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-radius: 0;
    --band-initial-bg: var(--ink);
    --band-initial-fg: #fff;
    --band-initial-font-size: 3.4cqw;
    --band-initial-weight: 900;
    --band-initial-tracking: -0.03em;
    --band-name-size: 3.6cqw;
    --band-name-weight: 900;
    --band-name-tracking: -0.05em;
    --band-name-line-height: 0.95;
    --band-name-transform: uppercase;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 800;
    --band-tagline-tracking: 0.24em;
    --band-tagline-margin-top: 1cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.3cqw;
    --band-doc-word-weight: 900;
    --band-doc-word-tracking: 0.32em;
    --band-doc-number-size: 3cqw;
    --band-doc-number-weight: 900;
    --band-doc-number-tracking: -0.04em;
    --band-doc-number-margin-top: 1.2cqw;
    --band-compact-padding: 2.5cqw 7cqw;
    --band-compact-border-bottom: 0.8cqw solid var(--ink);
    --band-compact-doc-number-size: 1.8cqw;
    --band-compact-brand-weight: 700;
    --billing-cell-padding: 2cqw 2.4cqw;
    --billing-cell-border: 2px solid var(--ink);
    --billing-label-size: 0.95cqw;
    --billing-label-weight: 900;
    --billing-label-tracking: 0.3em;
    --billing-label-margin-bottom: 0.6cqw;
    --billing-value-size: 1.5cqw;
    --billing-value-weight: 800;
    --parties-cell-padding: 2.4cqw;
    --parties-label-size: 0.95cqw;
    --parties-label-weight: 900;
    --parties-label-tracking: 0.3em;
    --parties-label-margin-bottom: 0.6cqw;
    --parties-name-size: 1.6cqw;
    --parties-name-weight: 800;
    --parties-name-line-height: 1.2;
    --parties-name-margin-bottom: 0.6cqw;
    --parties-line-size: 1.2cqw;
    --parties-line-height: 1.6;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.95cqw;
    --items-header-weight: 900;
    --items-header-tracking: 0.24em;
    --items-header-color: #fff;
    --items-header-bg: var(--ink);
    --items-header-padding: 1.4cqw 1cqw;
    --items-header-border: none;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 2px solid var(--ink);
    --items-title-weight: 700;
    --items-detail-size: 1.05cqw;
    --items-detail-color: #555;
    --items-total-weight: 900;
    --settlement-gap: 5cqw;
    --settlement-padding-top: 4cqw;
    --settlement-border-top: 2px solid var(--ink);
    --settlement-label-size: 0.95cqw;
    --settlement-label-weight: 900;
    --settlement-label-tracking: 0.3em;
    --settlement-label-margin-bottom: 0.6cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-line-height: 1.65;
    --settlement-text-weight: 500;
    --totals-font-size: 1.35cqw;
    --totals-label-size: 1.1cqw;
    --totals-label-color: #555;
    --totals-label-transform: uppercase;
    --totals-label-tracking: 0.1em;
    --totals-value-weight: 700;
    --total-due-bg: var(--ink);
    --total-due-fg: #fff;
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 900;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: var(--accent);
    --total-due-value-size: 3.2cqw;
    --total-due-value-weight: 900;
    --total-due-value-tracking: -0.03em;
    --total-due-value-color: #fff;
    --total-due-value-line-height: 1;
    --footer-bg: transparent;
    --footer-fg: var(--ink);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 700;
    --footer-border: 1.6cqw solid var(--ink);
    --footer-tracking: 0.1em;
    --footer-size: 1.05cqw;
    --footer-transform: uppercase;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .brut-invoice[b-jgxrt0e9gw]  .inv-billing {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .brut-invoice[b-jgxrt0e9gw]  .inv-billing-cell + .inv-billing-cell {
        border-left: none;
    }

    .brut-invoice[b-jgxrt0e9gw]  .inv-billing-cell--due {
        background: var(--ink);
        color: #fff;
    }

        .brut-invoice[b-jgxrt0e9gw]  .inv-billing-cell--due .inv-billing-label {
            color: var(--accent);
        }

    .brut-invoice[b-jgxrt0e9gw]  .inv-parties {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border: 2px solid var(--ink);
    }

    .brut-invoice[b-jgxrt0e9gw]  .inv-parties-cell--to {
        background: var(--accent);
        color: #fff;
        border-left: 2px solid var(--ink);
    }

        .brut-invoice[b-jgxrt0e9gw]  .inv-parties-cell--to .inv-parties-label {
            color: #fff;
        }

    .brut-invoice[b-jgxrt0e9gw]  .inv-band-doc-word {
        background: var(--accent);
        color: #fff;
        padding: 0.4cqw 1cqw;
        display: inline-block;
    }

.brut-accent[b-jgxrt0e9gw] {
    height: 1.2cqw;
    background: var(--accent);
}

.brut-body[b-jgxrt0e9gw] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 7cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.5;
}

.brut-page[b-jgxrt0e9gw] {
    font-weight: 900;
}
/* /Tools/InvoiceGenerator/Templates/Components/BusinessRegLine.razor.rz.scp.css */
.reg-line[b-d32emc1mdo] {
    display: flex;
    flex-direction: column;
    gap: 0.08cqw;
    font-family: inherit;
    font-size: 0.85cqw;
    font-weight: 500;
    letter-spacing: 0.08em;
    margin-top: 0.6cqw;
    opacity: 0.6;
    line-height: 1.4;
}

.reg-sep[b-d32emc1mdo] {
    opacity: 0.6;
}
/* /Tools/InvoiceGenerator/Templates/Components/FooterTrippleLine.razor.rz.scp.css */
.uni-footer[b-8xo60nlg2w] {
    display: flex;
    flex-direction: column;
    gap: 0.3cqw;
    padding: 0.7cqw 8cqw 0.6cqw;
    background: var(--footer-bg, transparent);
    color: var(--footer-fg, currentColor);
    border-top: var(--footer-border, none);
    font-family: var(--footer-font, inherit);
    font-size: var(--footer-size, 0.85cqw);
    font-weight: var(--footer-font-weight, 500);
    letter-spacing: var(--footer-tracking, 0.15em);
    text-transform: var(--footer-transform, uppercase);
}

/* Top row — contact info + page number */
.uni-footer-top[b-8xo60nlg2w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 4cqw;
}

.uni-footer-contact[b-8xo60nlg2w] {
    display: flex;
    flex-direction: column;
    gap: 0.15cqw;
    align-items: flex-start;
    flex: 1;
    min-width: 0;
}

.uni-address[b-8xo60nlg2w] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 1.2cqw;
}

.uni-footer-contact span[b-8xo60nlg2w] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.uni-page[b-8xo60nlg2w] {
    font-weight: 700;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Full-width centered attribution below a divider */
.uni-footer-attribution[b-8xo60nlg2w] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0.4cqw;
    border-top: 1px solid currentColor;
    opacity: 0.55;
    font-size: 0.825em;
    letter-spacing: 0.08em;
}

    .uni-footer-attribution strong[b-8xo60nlg2w] {
        font-weight: 800;
        margin: 0 0.4cqw;
    }
/* /Tools/InvoiceGenerator/Templates/Components/InvoiceBand.razor.rz.scp.css */
.inv-band[b-hip3a289x7] {
    padding: var(--band-padding, 5cqw 8cqw 4cqw);
    display: var(--band-display, flex);
    justify-content: var(--band-justify, space-between);
    align-items: var(--band-align, center);
    gap: var(--band-gap, 4cqw);
    background: var(--band-bg, transparent);
    color: var(--band-fg, currentColor);
    border-top: var(--band-border-top, none);
    border-bottom: var(--band-border-bottom, none);
    grid-template-columns: var(--band-grid-columns, none);
    box-shadow: var(--band-shadow, none);
    position: var(--band-position, static);
    overflow: var(--band-overflow, visible);
    box-sizing: border-box;
}

.inv-band-brand[b-hip3a289x7] {
    display: flex;
    align-items: center;
    gap: var(--band-brand-gap, 2.4cqw);
    min-width: var(--band-brand-min-width, auto);
    position: var(--band-brand-position, static);
    z-index: var(--band-brand-z, auto);
}

.inv-band-logo[b-hip3a289x7] {
    height: var(--band-logo-height, 6cqw);
    max-width: var(--band-logo-max-width, 22cqw);
    width: var(--band-logo-width, auto);
    object-fit: contain;
    display: block;
    flex-shrink: 0;
    border-radius: var(--band-logo-radius, 0);
    background: var(--band-logo-bg, transparent);
    border: var(--band-logo-border, none);
    padding: var(--band-logo-padding, 0);
    box-sizing: border-box;
    filter: var(--band-logo-filter, none);
    image-rendering: var(--band-logo-image-rendering, auto);
}

.inv-band-initial[b-hip3a289x7] {
    width: var(--band-initial-size, 7cqw);
    height: var(--band-initial-size, 7cqw);
    flex-shrink: 0;
    background: var(--band-initial-bg, transparent);
    color: var(--band-initial-fg, currentColor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--band-initial-font, inherit);
    font-size: var(--band-initial-font-size, 3cqw);
    font-weight: var(--band-initial-weight, 800);
    letter-spacing: var(--band-initial-tracking, -0.02em);
    border-radius: var(--band-initial-radius, 0);
    border: var(--band-initial-border, none);
    box-sizing: border-box;
}

.inv-band-identity[b-hip3a289x7] {
    min-width: 0;
}

.inv-band-name[b-hip3a289x7] {
    font-family: var(--band-name-font, inherit);
    font-size: var(--band-name-size, 2.6cqw);
    font-weight: var(--band-name-weight, 700);
    letter-spacing: var(--band-name-tracking, normal);
    line-height: var(--band-name-line-height, 1.1);
    text-transform: var(--band-name-transform, none);
    color: var(--band-name-color, currentColor);
    white-space: var(--band-name-white-space, normal);
    overflow: var(--band-name-overflow, visible);
    text-overflow: var(--band-name-text-overflow, clip);
}

.inv-band-tagline[b-hip3a289x7] {
    font-family: var(--band-tagline-font, inherit);
    font-size: var(--band-tagline-size, 1cqw);
    font-weight: var(--band-tagline-weight, 500);
    letter-spacing: var(--band-tagline-tracking, 0.2em);
    text-transform: var(--band-tagline-transform, uppercase);
    color: var(--band-tagline-color, currentColor);
    margin-top: var(--band-tagline-margin-top, 0.6cqw);
    font-style: var(--band-tagline-style, normal);
}

.inv-band-doc[b-hip3a289x7] {
    text-align: var(--band-doc-align, right);
    flex-shrink: 0;
    justify-self: var(--band-doc-justify-self, auto);
    position: var(--band-doc-position, static);
    z-index: var(--band-doc-z, auto);
}

.inv-band-doc-word[b-hip3a289x7] {
    font-family: var(--band-doc-word-font, inherit);
    font-size: var(--band-doc-word-size, 1.1cqw);
    font-weight: var(--band-doc-word-weight, 700);
    letter-spacing: var(--band-doc-word-tracking, 0.32em);
    text-transform: var(--band-doc-word-transform, uppercase);
    color: var(--band-doc-word-color, currentColor);
}

.inv-band-doc-number[b-hip3a289x7] {
    font-family: var(--band-doc-number-font, inherit);
    font-size: var(--band-doc-number-size, 2.2cqw);
    font-weight: var(--band-doc-number-weight, 700);
    letter-spacing: var(--band-doc-number-tracking, normal);
    line-height: var(--band-doc-number-line-height, 1.1);
    color: var(--band-doc-number-color, currentColor);
    margin-top: var(--band-doc-number-margin-top, 0.6cqw);
    margin-bottom: var(--band-doc-number-margin-bottom, 0);
}

/* ===== Compact (continuation pages) ===== */
.inv-band--compact[b-hip3a289x7] {
    padding: var(--band-compact-padding, 3cqw 8cqw);
    align-items: center;
    background: var(--band-compact-bg, var(--band-bg, transparent));
    border-bottom: var(--band-compact-border-bottom, var(--band-border-bottom, none));
}

.inv-band-compact-left[b-hip3a289x7] {
    display: flex;
    align-items: baseline;
    gap: var(--band-compact-gap, 2cqw);
}

.inv-band--compact .inv-band-doc-word[b-hip3a289x7] {
    font-size: var(--band-compact-doc-word-size, 1.1cqw);
    color: var(--band-compact-doc-word-color, var(--band-doc-word-color, currentColor));
    margin-bottom: 0;
}

.inv-band--compact .inv-band-doc-number[b-hip3a289x7] {
    font-size: var(--band-compact-doc-number-size, 1.5cqw);
    color: var(--band-compact-doc-number-color, var(--band-doc-number-color, currentColor));
    margin: 0;
}

.inv-band-compact-brand[b-hip3a289x7] {
    font-family: var(--band-compact-brand-font, inherit);
    font-size: var(--band-compact-brand-size, 1.1cqw);
    font-weight: var(--band-compact-brand-weight, inherit);
    letter-spacing: var(--band-compact-brand-tracking, 0.15em);
    text-transform: var(--band-compact-brand-transform, uppercase);
    color: var(--band-compact-brand-color, currentColor);
    margin-left: auto;
    font-style: var(--band-compact-brand-style, normal);
}
/* /Tools/InvoiceGenerator/Templates/Components/InvoiceBilling.razor.rz.scp.css */
.inv-billing[b-0gt7os058p] {
    display: flex;
    justify-content: space-between;
    gap: var(--billing-gap, 8cqw);
    margin-bottom: var(--billing-margin-bottom, 2cqw);
    padding-bottom: var(--billing-padding-bottom, 0);
    border-bottom: var(--billing-border-bottom, none);
}

.inv-billing-cell[b-0gt7os058p] {
    padding: var(--billing-cell-padding, 0);
    border: var(--billing-cell-border, none);
    background: var(--billing-cell-bg, transparent);
    color: var(--billing-cell-fg, currentColor);
}

.inv-billing.has-due .inv-billing-cell--due[b-0gt7os058p] {
    text-align: right;
}

.inv-billing-label[b-0gt7os058p] {
    font-family: var(--billing-label-font, inherit);
    font-size: var(--billing-label-size, 0.9cqw);
    font-weight: var(--billing-label-weight, 700);
    letter-spacing: var(--billing-label-tracking, 0.28em);
    text-transform: var(--billing-label-transform, uppercase);
    color: var(--billing-label-color, currentColor);
    margin-bottom: var(--billing-label-margin-bottom, 0.9cqw);
}

.inv-billing-value[b-0gt7os058p] {
    font-family: var(--billing-value-font, inherit);
    font-size: var(--billing-value-size, 1.45cqw);
    font-weight: var(--billing-value-weight, 500);
    color: var(--billing-value-color, currentColor);
    letter-spacing: var(--billing-value-tracking, normal);
}
/* /Tools/InvoiceGenerator/Templates/Components/InvoiceLineItems.razor.rz.scp.css */
/* During the measure pass, let items size to content, not to flex space */
.is-measuring .inv-items[b-mqr0yx8hx7] {
    flex: initial;
    min-height: auto;
    overflow: visible;
}

.inv-items[b-mqr0yx8hx7] {
    flex: 1;
    min-height: 0;
    margin-bottom: var(--items-margin-bottom, 3cqw);
}

    .inv-items table[b-mqr0yx8hx7] {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .inv-items thead th[b-mqr0yx8hx7] {
        font-family: var(--items-font, inherit);
        font-size: var(--items-header-size, 0.95cqw);
        font-weight: var(--items-header-weight, 800);
        letter-spacing: var(--items-header-tracking, 0.18em);
        text-transform: var(--items-header-transform, uppercase);
        color: var(--items-header-color, var(--muted, #71717a));
        background: var(--items-header-bg, transparent);
        padding: var(--items-header-padding, 0 0 1.6cqw);
        border-bottom: var(--items-header-border, 1.5px solid currentColor);
        text-align: left;
    }

        .inv-items thead th.col-desc[b-mqr0yx8hx7] {
            text-align: left;
        }

        .inv-items thead th.col-qty[b-mqr0yx8hx7],
        .inv-items thead th.col-unit[b-mqr0yx8hx7],
        .inv-items thead th.col-total[b-mqr0yx8hx7] {
            text-align: right;
        }

    .inv-items tbody td[b-mqr0yx8hx7] {
        font-family: var(--items-font, inherit);
        font-size: var(--items-row-size, 1.35cqw);
        padding: var(--items-row-padding, 1.2cqw 1cqw);
        background: var(--items-row-bg, transparent);
        border-top: var(--items-row-border-top, none);
        border-right: var(--items-row-border-right, none);
        border-bottom: var(--items-row-border-bottom, 1px solid #e5e5e5);
        border-left: var(--items-row-border-left, none);
        vertical-align: top;
    }

    .inv-items tbody tr:last-child td[b-mqr0yx8hx7] {
        border-bottom: var(--items-row-border-bottom-last, none);
    }

.inv-item-title[b-mqr0yx8hx7] {
    font-family: var(--items-font, inherit);
    font-weight: var(--items-title-weight, 600);
    font-style: var(--items-title-style, normal);
    text-transform: var(--items-title-transform, none);
    letter-spacing: var(--items-title-tracking, normal);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.inv-item-detail[b-mqr0yx8hx7] {
    font-family: var(--items-font, inherit);
    font-size: var(--items-detail-size, 1.05cqw);
    color: var(--items-detail-color, var(--muted, #71717a));
    font-style: var(--items-detail-style, normal);
    margin-top: var(--items-detail-gap, 0.15cqw);
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.col-desc[b-mqr0yx8hx7] {
    width: 55%;
    padding-right: 2cqw;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.col-qty[b-mqr0yx8hx7], .col-unit[b-mqr0yx8hx7], .col-total[b-mqr0yx8hx7] {
    text-align: right;
    white-space: nowrap;
}

.col-qty[b-mqr0yx8hx7] {
    width: 10%;
}

.col-unit[b-mqr0yx8hx7] {
    width: 17%;
}

.col-total[b-mqr0yx8hx7] {
    width: 18%;
    font-family: var(--items-font, inherit);
    font-weight: var(--items-total-weight, 600);
    color: var(--items-total-color, inherit);
}
/* /Tools/InvoiceGenerator/Templates/Components/InvoiceParties.razor.rz.scp.css */
.inv-parties[b-r536t9tpdu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--parties-gap, 4cqw);
    margin-bottom: var(--parties-margin-bottom, 2cqw);
    padding-bottom: var(--parties-padding-bottom, 0);
    border-bottom: var(--parties-border-bottom, none);
    padding: var(--parties-section-padding, 0);
    border: var(--parties-section-border, none);
}

.inv-parties-cell[b-r536t9tpdu] {
    padding: var(--parties-cell-padding, 0);
    border: var(--parties-cell-border, none);
    background: var(--parties-cell-bg, transparent);
    color: var(--parties-cell-fg, currentColor);
    border-radius: var(--parties-cell-radius, 0);
}

.inv-parties-cell--to[b-r536t9tpdu] {
    text-align: right;
}

.inv-parties-label[b-r536t9tpdu] {
    font-family: var(--parties-label-font, inherit);
    font-size: var(--parties-label-size, 0.9cqw);
    font-weight: var(--parties-label-weight, 700);
    letter-spacing: var(--parties-label-tracking, 0.28em);
    text-transform: var(--parties-label-transform, uppercase);
    color: var(--parties-label-color, currentColor);
    margin-bottom: var(--parties-label-margin-bottom, 0.9cqw);
}

.inv-parties-name[b-r536t9tpdu] {
    font-family: var(--parties-name-font, inherit);
    font-size: var(--parties-name-size, 1.7cqw);
    font-weight: var(--parties-name-weight, 700);
    line-height: var(--parties-name-line-height, 1.2);
    letter-spacing: var(--parties-name-tracking, normal);
    color: var(--parties-name-color, currentColor);
    margin-bottom: var(--parties-name-margin-bottom, 0.6cqw);
}

.inv-parties-line[b-r536t9tpdu] {
    font-family: var(--parties-line-font, inherit);
    font-size: var(--parties-line-size, 1.25cqw);
    color: var(--parties-line-color, currentColor);
    line-height: var(--parties-line-height, 1.6);
    white-space: pre-line;
}
/* /Tools/InvoiceGenerator/Templates/Components/InvoiceSettlement.razor.rz.scp.css */
.inv-settlement[b-5miqt5exu5] {
    display: grid;
    grid-template-columns: var(--settlement-columns, 1fr 1fr);
    gap: var(--settlement-gap, 6cqw);
    padding-top: var(--settlement-padding-top, 2cqw);
    border-top: var(--settlement-border-top, 1px solid currentColor);
}

/* ===== Left — payment / terms / notes ===== */
.inv-settlement-left[b-5miqt5exu5] {
    display: flex;
    flex-direction: column;
    gap: var(--settlement-block-gap, 1.2cqw);
}

.inv-settlement-label[b-5miqt5exu5] {
    font-family: var(--settlement-label-font, inherit);
    font-size: var(--settlement-label-size, 0.9cqw);
    font-weight: var(--settlement-label-weight, 700);
    letter-spacing: var(--settlement-label-tracking, 0.3em);
    text-transform: var(--settlement-label-transform, uppercase);
    color: var(--settlement-label-color, currentColor);
    margin-bottom: var(--settlement-label-margin-bottom, 0.9cqw);
}

.inv-settlement-text[b-5miqt5exu5] {
    font-family: var(--settlement-text-font, inherit);
    font-size: var(--settlement-text-size, 1.2cqw);
    font-weight: var(--settlement-text-weight, 400);
    color: var(--settlement-text-color, currentColor);
    line-height: var(--settlement-text-line-height, 1.7);
    letter-spacing: var(--settlement-text-tracking, normal);
    white-space: pre-line;
}

/* ===== Right — totals ===== */
.inv-settlement-right[b-5miqt5exu5] {
    display: flex;
    flex-direction: column;
    gap: var(--settlement-right-gap, 0);
    padding: var(--settlement-right-padding, 0);
    background: var(--settlement-right-bg, transparent);
    color: var(--settlement-right-fg, currentColor);
    border: var(--settlement-right-border, none);
    border-radius: var(--settlement-right-radius, 0);
}

.inv-totals[b-5miqt5exu5] {
    display: flex;
    flex-direction: column;
}

.inv-totals-row[b-5miqt5exu5] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: var(--totals-row-padding, 0.6cqw 0);
    font-size: var(--totals-font-size, 1.35cqw);
}

.inv-totals-label[b-5miqt5exu5] {
    font-family: var(--totals-label-font, inherit);
    font-weight: var(--totals-label-weight, inherit);
    text-transform: var(--totals-label-transform, none);
    letter-spacing: var(--totals-label-tracking, normal);
    color: var(--totals-label-color, currentColor);
}

.inv-totals-value[b-5miqt5exu5] {
    font-family: var(--totals-value-font, inherit);
    font-weight: var(--totals-value-weight, 600);
    color: var(--totals-value-color, currentColor);
}

.inv-totals-value--discount[b-5miqt5exu5] {
    color: var(--totals-discount-color, currentColor);
}

.inv-total-due[b-5miqt5exu5] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--total-due-gap, 2cqw);
    margin-top: var(--total-due-margin-top, 1.2cqw);
    padding: var(--total-due-padding, 1.8cqw);
    border-top: var(--total-due-border-top, none);
    background: var(--total-due-bg, transparent);
    color: var(--total-due-fg, currentColor);
    border-radius: var(--total-due-radius, 0);
}

.inv-total-due-label[b-5miqt5exu5] {
    font-family: var(--total-due-label-font, inherit);
    font-size: var(--total-due-label-size, 1.05cqw);
    font-weight: var(--total-due-label-weight, 700);
    letter-spacing: var(--total-due-label-tracking, 0.3em);
    text-transform: var(--total-due-label-transform, uppercase);
    color: var(--total-due-label-color, inherit);
}

.inv-total-due-value[b-5miqt5exu5] {
    font-family: var(--total-due-value-font, inherit);
    font-size: var(--total-due-value-size, 3cqw);
    font-weight: var(--total-due-value-weight, 700);
    letter-spacing: var(--total-due-value-tracking, -0.02em);
    color: var(--total-due-value-color, inherit);
    line-height: var(--total-due-value-line-height, 1);
}
/* /Tools/InvoiceGenerator/Templates/Components/InvoiceStatusBadge.razor.rz.scp.css */
/* ============ BASE ============ */
.badge[b-jm56ju6hrz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    white-space: nowrap;
    min-width: 12cqw;
    --badge-bg: transparent;
    --badge-fg: currentColor;
    --badge-stroke: currentColor;
    --badge-ink: currentColor;
    --badge-tint: transparent;
}

.badge--theme[b-jm56ju6hrz] {
    --badge-bg: var(--badge-theme);
    --badge-fg: #ffffff;
    --badge-stroke: var(--badge-theme);
    --badge-ink: var(--badge-theme);
    --badge-tint: color-mix(in srgb, var(--badge-theme) 14%, transparent);
}

/* ============ TONES — overridable per template ============ */
.badge--neutral[b-jm56ju6hrz] {
    --badge-bg: var(--badge-neutral-bg, color-mix(in srgb, currentColor 12%, transparent));
    --badge-fg: var(--badge-neutral-fg, currentColor);
    --badge-stroke: var(--badge-neutral-stroke, color-mix(in srgb, currentColor 40%, transparent));
    --badge-ink: var(--badge-neutral-ink, color-mix(in srgb, currentColor 70%, transparent));
    --badge-tint: var(--badge-neutral-tint, color-mix(in srgb, currentColor 8%, transparent));
}

.badge--amber[b-jm56ju6hrz] {
    --badge-bg: var(--badge-amber-bg, #f2a93b);
    --badge-fg: var(--badge-amber-fg, #ffffff);
    --badge-stroke: var(--badge-amber-stroke, #f2a93b);
    --badge-ink: var(--badge-amber-ink, #b87600);
    --badge-tint: var(--badge-amber-tint, rgba(242, 169, 59, 0.14));
}

.badge--green[b-jm56ju6hrz] {
    --badge-bg: var(--badge-green-bg, #2fbd7d);
    --badge-fg: var(--badge-green-fg, #ffffff);
    --badge-stroke: var(--badge-green-stroke, #2fbd7d);
    --badge-ink: var(--badge-green-ink, #1e7a51);
    --badge-tint: var(--badge-green-tint, rgba(47, 189, 125, 0.14));
}

.badge--red[b-jm56ju6hrz] {
    --badge-bg: var(--badge-red-bg, #e5484d);
    --badge-fg: var(--badge-red-fg, #ffffff);
    --badge-stroke: var(--badge-red-stroke, #e5484d);
    --badge-ink: var(--badge-red-ink, #a83034);
    --badge-tint: var(--badge-red-tint, rgba(229, 72, 77, 0.14));
}

/* ============ VARIANTS — only consume variables ============ */

/* ----- PILL — filled rounded chip ----- */
.badge--pill[b-jm56ju6hrz] {
    font-size: 0.9cqw;
    font-weight: 800;
    letter-spacing: 0.22em;
    padding: 0.6cqw 1.6cqw;
    border-radius: 999px;    
    text-transform: uppercase;
    background: var(--badge-bg);
    color: var(--badge-fg);
}

/* ----- OUTLINE — hollow bordered box ----- */
.badge--outline[b-jm56ju6hrz] {
    font-size: 0.85cqw;
    font-weight: 700;
    letter-spacing: 0.28em;
    padding: 0.55cqw 1.4cqw;
    border-radius: 2px;
    text-transform: uppercase;
    background: transparent;
    color: var(--badge-stroke);
    border: 1.5px solid var(--badge-stroke);
}

/* ----- BRACKET — text with [ ] brackets, mono ----- */
.badge--bracket[b-jm56ju6hrz] {
    font-family: 'Courier New', ui-monospace, monospace;
    font-size: 1.3cqw;
    font-weight: 700;
    letter-spacing: 0.18em;
    padding: 0.3cqw 0.9cqw;
    text-transform: uppercase;
    background: transparent;
    color: var(--badge-stroke);
}

    .badge--bracket[b-jm56ju6hrz]::before {
        content: "[";
        margin-right: 0.4cqw;
        opacity: 0.7;
    }

    .badge--bracket[b-jm56ju6hrz]::after {
        content: "]";
        margin-left: 0.4cqw;
        opacity: 0.7;
    }

/* ----- TEXT — plain letterspaced, no box ----- */
.badge--text[b-jm56ju6hrz] {
    font-size: 1.3cqw;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding: 0;
    text-transform: uppercase;
    background: transparent;
    color: var(--badge-ink);
}

/* ----- BLOCK — solid rectangle, heavy type ----- */
.badge--block[b-jm56ju6hrz] {
    font-size: 0.95cqw;
    font-weight: 900;
    letter-spacing: 0.2em;
    padding: 0.6cqw 1.4cqw;
    border-radius: 0;
    text-transform: uppercase;
    background: var(--badge-bg);
    color: var(--badge-fg);
}

/* ----- CHIP — soft tinted rounded rect ----- */
.badge--chip[b-jm56ju6hrz] {
    font-size: 0.85cqw;
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 0.5cqw 1.2cqw;
    border-radius: 0.6cqw;
    text-transform: uppercase;
    background: var(--badge-tint);
    color: var(--badge-ink);
}
/* /Tools/InvoiceGenerator/Templates/CorporateTemplate.razor.rz.scp.css */
.corp-invoice[b-14admnk6kk] {
    --ink: #1a2f5a;
    --muted: #7a8aa5;
    --rule: #dde3ed;
    --gold: #b8935a;
    --cream: #fbfaf7;
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-bg: var(--ink);
    --band-fg: #fff;
    --band-border-top: 1.4cqw solid var(--gold);
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-radius: 2px;
    --band-initial-bg: var(--gold);
    --band-initial-fg: var(--ink);
    --band-initial-font-size: 3cqw;
    --band-initial-weight: 700;
    --band-name-size: 3cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.02em;
    --band-name-line-height: 1.05;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.22em;
    --band-tagline-color: rgba(255,255,255,0.55);
    --band-tagline-margin-top: 1cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.2cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.36em;
    --band-doc-word-color: var(--gold);
    --band-doc-number-size: 2.4cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-border-top: 0.5cqw solid var(--gold);
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-doc-number-color: #fff;
    --band-compact-brand-color: rgba(255,255,255,0.6);
    --billing-gap: 8cqw;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.3em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.9cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 600;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 3cqw;
    --parties-border-bottom: 1px solid var(--rule);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.3em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.9cqw;
    --parties-name-size: 1.7cqw;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #4a5a78;
    --parties-line-height: 1.6;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.95cqw;
    --items-header-weight: 900;
    --items-header-tracking: 0.24em;
    --items-header-color: #fff;
    --items-header-bg: var(--ink);
    --items-header-padding: 1.4cqw 1cqw;
    --items-header-border: none;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 2px solid var(--ink);
    --items-title-weight: 700;
    --items-detail-size: 1.05cqw;
    --items-detail-color: #555;
    --items-total-weight: 900;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1.5px solid var(--ink);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.3em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #4a5a78;
    --settlement-text-line-height: 1.7;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --total-due-padding: 1.4cqw 0 0 0;
    --total-due-border-top: 1.5px solid var(--ink);
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: var(--ink);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--ink);
    --footer-bg: var(--ink);
    --footer-fg: rgba(255,255,255,0.7);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: none;
    --footer-tracking: 0.04em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--cream);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.corp-rule[b-14admnk6kk] {
    height: 0.4cqw;
    background: var(--gold);
}

.corp-body[b-14admnk6kk] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/CoutureTemplate.razor.rz.scp.css */
.ctr-invoice[b-b3p2ee94ji] {
    --ink: #0a0a0a;
    --paper: #ffffff;
    --muted: #999999;
    --rule: #e8e8e8;
    --band-padding: 8cqw 8cqw 6cqw;
    --band-gap: 4cqw;
    --band-align: flex-start;
    --band-brand-gap: 3cqw;
    --band-logo-height: 4.5cqw;
    --band-logo-max-width: 18cqw;
    --band-initial-size: 4cqw;
    --band-initial-bg: transparent;
    --band-initial-fg: var(--ink);
    --band-initial-font-size: 3.6cqw;
    --band-initial-weight: 400;
    --band-initial-font: 'Times New Roman', Georgia, serif;
    --band-name-size: 2.8cqw;
    --band-name-weight: 400;
    --band-name-tracking: 0.14em;
    --band-name-transform: uppercase;
    --band-name-font: 'Times New Roman', Georgia, serif;
    --band-tagline-size: 0.9cqw;
    --band-tagline-weight: 400;
    --band-tagline-tracking: 0.42em;
    --band-tagline-color: var(--muted);
    --band-tagline-margin-top: 1cqw;
    --band-doc-align: center;
    --band-doc-word-size: 0.85cqw;
    --band-doc-word-weight: 500;
    --band-doc-word-tracking: 0.5em;
    --band-doc-word-color: var(--muted);
    --band-doc-number-size: 1.4cqw;
    --band-doc-number-weight: 400;
    --band-doc-number-tracking: 0.15em;
    --band-doc-number-margin-top: 0.8cqw;
    --band-doc-number-font: 'Times New Roman', Georgia, serif;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-border-bottom: 1px solid var(--rule);
    --band-compact-doc-number-size: 1.3cqw;
    --band-compact-brand-color: var(--muted);
    --billing-gap: 8cqw;
    --billing-margin-bottom: 3cqw;
    --billing-label-size: 0.8cqw;
    --billing-label-weight: 500;
    --billing-label-tracking: 0.45em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 1cqw;
    --billing-value-size: 1.3cqw;
    --billing-value-weight: 400;
    --billing-value-tracking: 0.05em;
    --billing-value-font: 'Times New Roman', Georgia, serif;
    --parties-gap: 6cqw;
    --parties-margin-bottom: 3cqw;
    --parties-label-size: 0.8cqw;
    --parties-label-weight: 500;
    --parties-label-tracking: 0.45em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 1cqw;
    --parties-name-size: 1.5cqw;
    --parties-name-weight: 400;
    --parties-name-tracking: 0.08em;
    --parties-name-line-height: 1.3;
    --parties-name-font: 'Times New Roman', Georgia, serif;
    --parties-line-size: 1.15cqw;
    --parties-line-color: #555;
    --parties-line-height: 1.75;
    --items-font: 'Times New Roman', Georgia, serif;
    --items-margin-bottom: 4cqw;
    --items-header-size: 0.75cqw;
    --items-header-weight: 500;
    --items-header-tracking: 0.45em;
    --items-header-color: var(--muted);
    --items-header-padding: 0 0 2cqw;
    --items-header-border: 1px solid var(--ink);
    --items-row-padding: 1.6cqw 0;
    --items-row-size: 1.3cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 400;
    --items-title-tracking: 0.04em;
    --items-detail-size: 1cqw;
    --items-detail-style: italic;
    --items-detail-gap: 0.2cqw;
    --items-total-weight: 400;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--ink);
    --settlement-label-size: 0.8cqw;
    --settlement-label-weight: 500;
    --settlement-label-tracking: 0.45em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 1cqw;
    --settlement-text-size: 1.15cqw;
    --settlement-text-color: #555;
    --settlement-text-line-height: 1.8;
    --totals-font-size: 1.3cqw;
    --totals-label-color: var(--muted);
    --totals-label-tracking: 0.06em;
    --totals-value-weight: 400;
    --totals-value-font: 'Times New Roman', Georgia, serif;
    --total-due-margin-top: 1.5cqw;
    --total-due-padding: 1.5cqw 0 0 0;
    --total-due-border-top: 1px solid var(--ink);
    --total-due-label-size: 0.85cqw;
    --total-due-label-weight: 500;
    --total-due-label-tracking: 0.5em;
    --total-due-label-color: var(--ink);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 400;
    --total-due-value-tracking: 0.02em;
    --total-due-value-color: var(--ink);
    --total-due-value-font: 'Times New Roman', Georgia, serif;
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-tracking: 0.15em;
    --footer-size: 0.9cqw;
    --footer-transform: uppercase;
    --footer-border: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.ctr-rule[b-b3p2ee94ji] {
    height: 1px;
    background: var(--ink);
    margin: 0 8cqw;
}

.ctr-body[b-b3p2ee94ji] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.3cqw;
    line-height: 1.7;
}
/* /Tools/InvoiceGenerator/Templates/CyberTemplate.razor.rz.scp.css */
.cy-invoice[b-3b5twjanev] {
    --ink: #d8e8ff;
    --paper: #0a0e1a;
    --muted: #5a7a9a;
    --cyan: #00e5ff;
    --magenta: #ff2d95;
    --panel: #101828;
    --grid: rgba(0, 229, 255, 0.06);
    --band-padding: 5cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-border-bottom: 0.3cqw solid var(--cyan);
    --band-shadow: 0 0 4cqw rgba(0, 229, 255, 0.15);
    --band-brand-gap: 2.4cqw;
    --band-logo-height: 5.5cqw;
    --band-logo-filter: drop-shadow(0 0 8px rgba(0,229,255,0.4));
    --band-initial-size: 7.5cqw;
    --band-initial-radius: 4px;
    --band-initial-bg: var(--panel);
    --band-initial-fg: var(--cyan);
    --band-initial-border: 0.12cqw solid rgba(0, 229, 255, 0.4);
    --band-initial-font-size: 3.2cqw;
    --band-initial-weight: 700;
    --band-initial-font: 'Courier New', monospace;
    --band-name-size: 2.6cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.06em;
    --band-name-transform: uppercase;
    --band-name-color: var(--cyan);
    --band-tagline-size: 0.95cqw;
    --band-tagline-weight: 600;
    --band-tagline-tracking: 0.28em;
    --band-tagline-color: var(--magenta);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.1cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.32em;
    --band-doc-word-color: var(--cyan);
    --band-doc-number-size: 2cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 2.5cqw 8cqw;
    --band-compact-border-bottom: 0.15cqw solid var(--cyan);
    --band-compact-doc-number-size: 1.4cqw;
    --band-compact-brand-color: var(--muted);    
    --badge-neutral-bg: rgba(90, 122, 154, 0.15);
    --badge-neutral-fg: var(--muted);
    --badge-neutral-stroke: rgba(90, 122, 154, 0.5);
    --badge-neutral-ink: var(--muted);
    --badge-neutral-tint: rgba(90, 122, 154, 0.08);    
    --badge-amber-bg: #ff8a2e;
    --badge-amber-fg: #0a0e1a;
    --badge-amber-stroke: #ff8a2e;
    --badge-amber-ink: #ff8a2e;
    --badge-amber-tint: rgba(255, 138, 46, 0.12);    
    --badge-green-bg: var(--cyan);
    --badge-green-fg: #0a0e1a;
    --badge-green-stroke: var(--cyan);
    --badge-green-ink: var(--cyan);
    --badge-green-tint: rgba(0, 229, 255, 0.12);    
    --badge-red-bg: var(--magenta);
    --badge-red-fg: #ffffff;
    --badge-red-stroke: var(--magenta);
    --badge-red-ink: var(--magenta);
    --badge-red-tint: rgba(255, 45, 149, 0.12);
    --billing-gap: 8cqw;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.24em;
    --billing-label-color: var(--cyan);
    --billing-label-margin-bottom: 0.7cqw;
    --billing-value-size: 1.35cqw;
    --billing-value-weight: 600;
    --billing-value-color: var(--ink);
    --parties-gap: 2cqw;
    --parties-cell-padding: 2cqw 2.4cqw;
    --parties-cell-border: 0.12cqw solid rgba(0, 229, 255, 0.3);
    --parties-cell-bg: var(--panel);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.24em;
    --parties-label-color: var(--cyan);
    --parties-label-margin-bottom: 0.7cqw;
    --parties-name-size: 1.5cqw;
    --parties-name-line-height: 1.25;
    --parties-name-color: var(--ink);
    --parties-line-size: 1.1cqw;
    --parties-line-color: var(--muted);
    --parties-line-height: 1.6;
    --items-font: 'Courier New', ui-monospace, monospace;
    --items-header-size: 0.85cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.2em;
    --items-header-color: var(--cyan);
    --items-header-bg: rgba(0, 229, 255, 0.08);
    --items-header-padding: 1.2cqw 1cqw;
    --items-header-border: none;
    --items-row-size: 1.2cqw;
    --items-row-bg: var(--panel);
    --items-row-border-top: 0.1cqw solid rgba(0, 229, 255, 0.15);
    --items-row-border-right: 0.1cqw solid rgba(0, 229, 255, 0.15);
    --items-row-border-bottom: 0.1cqw solid rgba(0, 229, 255, 0.15);
    --items-row-border-left: 0.1cqw solid rgba(0, 229, 255, 0.15);
    --items-title-weight: 700;
    --items-title-transform: uppercase;
    --items-title-tracking: 0.02em;
    --items-detail-size: 1cqw;
    --items-detail-color: var(--muted);
    --items-total-weight: 700;
    --items-total-color: var(--cyan);
    --items-row-border-bottom-last: var(--items-row-border-bottom);
    --settlement-gap: 4cqw;
    --settlement-border-top: none;
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.24em;
    --settlement-label-color: var(--cyan);
    --settlement-label-margin-bottom: 0.7cqw;
    --settlement-text-size: 1.1cqw;
    --settlement-text-color: var(--muted);
    --settlement-text-line-height: 1.7;
    --settlement-right-padding: 2cqw;
    --settlement-right-bg: var(--panel);
    --settlement-right-fg: var(--ink);
    --settlement-right-border: 0.12cqw solid rgba(0, 229, 255, 0.3);
    --totals-font-size: 1.15cqw;
    --totals-label-transform: lowercase;
    --totals-value-weight: 700;
    --totals-value-color: var(--ink);
    --total-due-padding: 1.2cqw 0 0 0;
    --total-due-border-top: 0.15cqw solid var(--cyan);
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.2em;
    --total-due-label-color: var(--cyan);
    --total-due-value-size: 2.8cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--cyan);
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Courier New', ui-monospace, monospace;
    --footer-font-weight: 500;
    --footer-border: 0.15cqw solid rgba(0, 229, 255, 0.3);
    --footer-tracking: 0.06em;
    --footer-size: 1.1cqw;
    --footer-transform: lowercase;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--paper);
    background-size: 16px 16px, 16px 16px, auto;
    color: var(--ink);
    font-family: 'Courier New', ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .cy-invoice[b-3b5twjanev]  .inv-parties-cell {
        box-shadow: inset 0 0 3cqw rgba(0, 229, 255, 0.05);
    }

    .cy-invoice[b-3b5twjanev]  .inv-settlement-block {
        padding: 1.6cqw 2.2cqw;
        border: 0.12cqw solid rgba(0, 229, 255, 0.3);
        background: var(--panel);
        box-shadow: inset 0 0 3cqw rgba(0, 229, 255, 0.05);
    }

    .cy-invoice[b-3b5twjanev]  .inv-total-due-value {
        text-shadow: 0 0 12px rgba(0, 229, 255, 0.6);
    }

    .cy-invoice[b-3b5twjanev]  .inv-band-name {
        text-shadow: 0 0 12px rgba(0,229,255,0.5);
    }

.cy-glow[b-3b5twjanev] {
    height: 0.4cqw;
    background: linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);
    box-shadow: 0 0 3cqw rgba(0, 229, 255, 0.5);
}

.cy-body[b-3b5twjanev] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.3cqw;
    line-height: 1.6;
}
/* /Tools/InvoiceGenerator/Templates/EcoNatureTemplate.razor.rz.scp.css */
.eco-invoice[b-kbw2i1e435] {
    --ink: #2a3a24;
    --muted: #7d8a72;
    --rule: #d8dccb;
    --olive: #6b7d5f;
    --sage: #a8b599;
    --cream: #f9f6ee;
    --band-padding: 6cqw 8cqw 4.5cqw;
    --band-gap: 4cqw;
    --band-border-bottom: 1px solid var(--rule);
    --band-logo-height: 6.5cqw;
    --band-initial-size: 6.5cqw;
    --band-initial-radius: 50%;
    --band-initial-bg: var(--olive);
    --band-initial-fg: var(--cream);
    --band-initial-font-size: 2.6cqw;
    --band-initial-weight: 600;
    --band-name-size: 2.6cqw;
    --band-name-weight: 600;
    --band-name-tracking: -0.01em;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.18em;
    --band-tagline-color: var(--olive);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.15cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.32em;
    --band-doc-word-color: var(--olive);
    --band-doc-number-size: 2.2cqw;
    --band-doc-number-weight: 500;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-border-bottom: 1px solid var(--rule);
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-color: var(--muted);
    --billing-gap: 8cqw;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--olive);
    --billing-label-margin-bottom: 0.9cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 500;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px solid var(--rule);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.28em;
    --parties-label-color: var(--olive);
    --parties-label-margin-bottom: 0.9cqw;
    --parties-name-size: 1.65cqw;
    --parties-name-weight: 600;
    --parties-name-line-height: 1.25;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #4a5a40;
    --parties-line-height: 1.65;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.22em;
    --items-header-color: var(--olive);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1px solid var(--olive);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 500;
    --items-detail-size: 1.1cqw;
    --items-total-weight: 600;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--olive);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--olive);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #4a5a40;
    --settlement-text-line-height: 1.7;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 500;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 1.5px solid var(--ink);
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: var(--olive);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 600;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--ink);
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.03em;
    --footer-size: 1.05cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--cream);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.eco-leaf[b-kbw2i1e435] {
    height: 0.5cqw;
    background: linear-gradient(90deg, var(--olive) 0%, var(--sage) 60%, transparent 100%);
}

.eco-body[b-kbw2i1e435] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 5cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/EditorialTemplate.razor.rz.scp.css */
.edt-invoice[b-yhkpj9vx58] {
    --ink: #1a1a1a;
    --paper: #faf6ee;
    --muted: #7a6a55;
    --red: #c8382a;
    --band-padding: 6cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-initial-size: 4.5cqw;
    --band-initial-bg: transparent;
    --band-initial-fg: var(--red);
    --band-initial-font-size: 4cqw;
    --band-initial-weight: 900;
    --band-initial-font: Georgia, 'Times New Roman', serif;
    --band-name-size: 3.6cqw;
    --band-name-weight: 900;
    --band-name-tracking: -0.035em;
    --band-name-line-height: 0.95;
    --band-name-font: Georgia, 'Times New Roman', serif;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: 700;
    --band-tagline-tracking: 0.28em;
    --band-tagline-color: var(--red);
    --band-tagline-margin-top: 1cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.15cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.4em;
    --band-doc-word-color: var(--red);
    --band-doc-number-size: 1.4cqw;
    --band-doc-number-weight: 500;
    --band-doc-number-margin-top: 0.8cqw;
    --band-doc-number-font: Georgia, 'Times New Roman', serif;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-doc-number-size: 1.3cqw;
    --band-compact-brand-color: var(--muted);
    --band-compact-brand-font: Georgia, serif;
    --billing-gap: 8cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px solid var(--ink);
    --billing-label-size: 0.85cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.34em;
    --billing-label-color: var(--red);
    --billing-label-margin-bottom: 0.4cqw;
    --billing-value-size: 1.35cqw;
    --billing-value-weight: 500;
    --billing-value-font: Georgia, serif;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px solid var(--ink);
    --parties-label-size: 0.85cqw;
    --parties-label-tracking: 0.34em;
    --parties-label-color: var(--red);
    --parties-name-size: 1.9cqw;
    --parties-name-line-height: 1.15;
    --parties-name-font: Georgia, serif;
    --parties-line-size: 1.2cqw;
    --parties-line-color: #4a3a25;
    --parties-line-height: 1.65;
    --items-font: Georgia, 'Times New Roman', serif;
    --items-header-size: 0.85cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.3em;
    --items-header-color: var(--ink);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1px solid var(--ink);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid rgba(26, 26, 26, 0.2);
    --items-title-weight: 600;
    --items-title-style: italic;
    --items-detail-size: 1.05cqw;
    --items-total-weight: 600;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--ink);
    --settlement-label-size: 0.85cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.34em;
    --settlement-label-color: var(--red);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #4a3a25;
    --settlement-text-line-height: 1.7;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --totals-value-font: Georgia, serif;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 0.5cqw solid var(--ink);
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.32em;
    --total-due-label-color: var(--red);
    --total-due-value-size: 3.2cqw;
    --total-due-value-weight: 900;
    --total-due-value-tracking: -0.03em;
    --total-due-value-color: var(--ink);
    --total-due-value-font: Georgia, serif;
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 0.5cqw solid var(--ink);
    --footer-tracking: 0.1em;
    --footer-size: 0.95cqw;
    --footer-transform: uppercase;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .edt-invoice[b-yhkpj9vx58]  .inv-billing-value {
        font-style: italic;
    }

    .edt-invoice[b-yhkpj9vx58]  .inv-total-due-value {
        font-style: italic;
    }

    .edt-invoice[b-yhkpj9vx58]  .inv-band-doc-number {
        font-style: italic;
    }

    .edt-invoice[b-yhkpj9vx58]  .inv-band-compact-brand {
        font-style: italic;
    }

.edt-thick-rule[b-yhkpj9vx58] {
    height: 0.5cqw;
    background: var(--ink);
    margin: 0 8cqw;
}

.edt-thin-rule[b-yhkpj9vx58] {
    height: 1px;
    background: var(--ink);
    margin: 0.3cqw 8cqw 0;
}

.edt-body[b-yhkpj9vx58] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.6;
}
/* /Tools/InvoiceGenerator/Templates/GirlyPopTemplate.razor.rz.scp.css */
.pop-invoice[b-vy4vnwhqb4] {
    --ink: #4a2c4a;
    --muted: #b088b0;
    --pink: #f7a8c8;
    --pink-soft: #fce4ef;
    --lilac: #d4b8e8;
    --cream: #fff9fc;
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-bg: linear-gradient(135deg, var(--pink-soft) 0%, #f8ecf7 100%);
    --band-logo-width: 8cqw;
    --band-logo-height: 8cqw;
    --band-logo-radius: 50%;
    --band-logo-bg: #fff;
    --band-logo-border: 2px solid var(--pink);
    --band-logo-padding: 1cqw;
    --band-initial-size: 8cqw;
    --band-initial-radius: 50%;
    --band-initial-bg: linear-gradient(135deg, var(--pink) 0%, var(--lilac) 100%);
    --band-initial-fg: #fff;
    --band-initial-font-size: 3.2cqw;
    --band-initial-weight: 800;
    --band-name-size: 2.4cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.015em;
    --band-name-line-height: 1.15;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.05em;
    --band-tagline-color: #a05580;
    --band-tagline-margin-top: 0.4cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.15cqw;
    --band-doc-word-weight: 800;
    --band-doc-word-tracking: 0.32em;
    --band-doc-word-color: #a05580;
    --band-doc-number-size: 2.6cqw;
    --band-doc-number-weight: 800;
    --band-doc-number-color: var(--pink);
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-bg: var(--pink-soft);
    --band-compact-doc-number-size: 1.8cqw;
    --band-compact-brand-color: #a05580;    
    --badge-neutral-bg: #e8d8e8;
    --badge-neutral-fg: #7a5a7a;
    --badge-neutral-stroke: #d4b8e8;
    --badge-neutral-ink: #a05580;
    --badge-neutral-tint: rgba(212, 184, 232, 0.25);    
    --badge-amber-bg: #ff9a76;
    --badge-amber-fg: #ffffff;
    --badge-amber-stroke: #ff9a76;
    --badge-amber-ink: #c25a3a;
    --badge-amber-tint: rgba(255, 154, 118, 0.18);    
    --badge-green-bg: #7ec9a8;
    --badge-green-fg: #ffffff;
    --badge-green-stroke: #7ec9a8;
    --badge-green-ink: #2e7a56;
    --badge-green-tint: rgba(126, 201, 168, 0.18);    
    --badge-red-bg: #d63a7a;
    --badge-red-fg: #ffffff;
    --badge-red-stroke: #d63a7a;
    --badge-red-ink: #96234f;
    --badge-red-tint: rgba(214, 58, 122, 0.16);
    --billing-gap: 2cqw;
    --billing-cell-padding: 1cqw 2cqw;
    --billing-cell-bg: var(--pink-soft);
    --billing-cell-radius: 999px;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 800;
    --billing-label-tracking: 0.22em;
    --billing-label-color: #a05580;
    --billing-label-margin-bottom: 0;
    --billing-value-size: 1.3cqw;
    --billing-value-weight: 700;
    --billing-value-color: var(--ink);
    --parties-gap: 3cqw;
    --parties-cell-padding: 3cqw;
    --parties-cell-radius: 3cqw;
    --parties-cell-bg: #fff;
    --parties-cell-border: 1.5px solid var(--pink-soft);
    --parties-label-size: 0.9cqw;
    --parties-label-weight: 800;
    --parties-label-tracking: 0.24em;
    --parties-label-color: #a05580;
    --parties-label-margin-bottom: 1.2cqw;
    --parties-name-size: 1.6cqw;
    --parties-name-line-height: 1.25;
    --parties-line-size: 1.2cqw;
    --parties-line-color: #6a4a6a;
    --parties-line-height: 1.6;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 800;
    --items-header-tracking: 0.2em;
    --items-header-color: #a05580;
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: none;
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--pink-soft);
    --items-title-weight: 600;
    --items-detail-size: 1.1cqw;
    --items-total-weight: 700;
    --settlement-columns: 1fr 1.05fr;
    --settlement-gap: 5cqw;
    --settlement-border-top: none;
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 800;
    --settlement-label-tracking: 0.24em;
    --settlement-label-color: #a05580;
    --settlement-label-margin-bottom: 1.2cqw;
    --settlement-text-size: 1.15cqw;
    --settlement-text-color: #6a4a6a;
    --settlement-text-line-height: 1.65;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --total-due-padding: 1.8cqw 3cqw;
    --total-due-bg: linear-gradient(135deg, var(--pink) 0%, var(--lilac) 100%);
    --total-due-fg: #fff;
    --total-due-radius: 2.5cqw;
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 800;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: #fff;
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 800;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: #fff;
    --total-due-value-line-height: 1;
    --footer-bg: var(--pink-soft);
    --footer-fg: #a05580;
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: none;
    --footer-tracking: 0.03em;
    --footer-size: 1.05cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .pop-invoice[b-vy4vnwhqb4]  .inv-billing-cell {
        display: inline-flex;
        align-items: center;
        gap: 1.2cqw;
    }

    .pop-invoice[b-vy4vnwhqb4]  .inv-parties-cell--to {
        background: var(--pink-soft);
        border-color: transparent;
    }

    .pop-invoice[b-vy4vnwhqb4]  .inv-settlement-block {
        padding: 1.6cqw 2.2cqw;
        border-radius: 3cqw;
        background: #fff;
        border: 1.5px solid var(--pink-soft);
    }

.pop-accent[b-vy4vnwhqb4] {
    height: 0.7cqw;
    background: linear-gradient(90deg, var(--pink) 0%, var(--lilac) 100%);
}

.pop-body[b-vy4vnwhqb4] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/LedgerTemplate.razor.rz.scp.css */
.ldg-invoice[b-zxo3y15l1q] {
    /* ───── Identity ───── */
    --ink: #1e3a5f;
    --muted: #64748b;
    --rule: #d8dce4;
    --paper: #fefdfb;
    /* ───── Band ───── */
    --band-padding: 5.5cqw 8cqw 4.5cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-bg: var(--ink);
    --band-fg: var(--paper);
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-radius: 2px;
    --band-initial-bg: var(--paper);
    --band-initial-fg: var(--ink);
    --band-initial-font-size: 3cqw;
    --band-initial-weight: 700;
    --band-initial-font: Georgia, 'Times New Roman', serif;
    --band-name-size: 2.6cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.02em;
    --band-name-line-height: 1.1;
    --band-name-color: var(--paper);
    --band-name-font: Georgia, 'Times New Roman', serif;
    --band-tagline-size: 0.95cqw;
    --band-tagline-weight: 600;
    --band-tagline-tracking: 0.24em;
    --band-tagline-color: rgba(255, 255, 255, 0.6);
    --band-tagline-margin-top: 0.7cqw;
    --band-doc-align: right;
    --band-doc-word-size: 1.05cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.42em;
    --band-doc-word-color: rgba(255, 255, 255, 0.7);
    --band-doc-number-size: 2.4cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-color: var(--paper);
    --band-doc-number-margin-top: 0.5cqw;
    --band-doc-number-margin-bottom: 0.8cqw;
    --band-doc-number-font: Georgia, 'Times New Roman', serif;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-doc-number-color: var(--paper);
    --band-compact-brand-color: rgba(255, 255, 255, 0.6);
    /* ───── Billing ───── */
    --billing-gap: 4cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px solid var(--rule);
    --billing-label-size: 0.85cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.6cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 600;
    --billing-value-font: Georgia, 'Times New Roman', serif;
    /* ───── Parties ───── */
    --parties-gap: 4cqw;
    --parties-padding-bottom: 3cqw;
    --parties-border-bottom: 1px solid var(--rule);
    --parties-label-size: 0.85cqw;
    --parties-label-tracking: 0.28em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.7cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-weight: 700;
    --parties-name-line-height: 1.2;
    --parties-name-font: Georgia, 'Times New Roman', serif;
    --parties-line-size: 1.2cqw;
    --parties-line-color: #475569;
    --parties-line-height: 1.6;
    /* ───── Items ───── */
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.85cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.24em;
    --items-header-color: var(--muted);
    --items-header-padding: 0 0 1.4cqw;
    --items-header-border: 1.5px solid var(--ink);
    --items-row-padding: 1.4cqw 0;
    --items-row-size: 1.3cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 600;
    --items-title-color: var(--ink);
    --items-detail-size: 1cqw;
    --items-detail-color: var(--muted);
    --items-detail-style: italic;
    --items-total-weight: 700;
    --items-total-color: var(--ink);
    /* ───── Settlement ───── */
    --settlement-gap: 5cqw;
    --settlement-padding-top: 2cqw;
    --settlement-border-top: 1px solid var(--rule);
    --settlement-label-size: 0.85cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.7cqw;
    --settlement-text-size: 1.15cqw;
    --settlement-text-color: #475569;
    --settlement-text-line-height: 1.7;
    /* ───── Totals ───── */
    --totals-row-padding: 0.7cqw 0;
    --totals-font-size: 1.3cqw;
    --totals-label-color: var(--muted);
    --totals-label-font: Georgia, 'Times New Roman', serif;
    --totals-value-weight: 600;
    --totals-value-font: Georgia, 'Times New Roman', serif;
    /* ───── Total Due ───── */
    --total-due-margin-top: 1.5cqw;
    --total-due-padding: 1.6cqw 2.4cqw;
    --total-due-bg: var(--ink);
    --total-due-fg: var(--paper);
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.32em;
    --total-due-label-color: rgba(255, 255, 255, 0.7);
    --total-due-value-size: 3.2cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.01em;
    --total-due-value-color: var(--paper);
    --total-due-value-font: Georgia, 'Times New Roman', serif;
    /* ───── Footer ───── */
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.04em;
    --footer-size: 0.95cqw;
    --footer-transform: none;
    /* ───── Root ───── */
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.ldg-rule[b-zxo3y15l1q] {
    height: 0.3cqw;
    background: var(--ink);
}

.ldg-body[b-zxo3y15l1q] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.35cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/LuxuryNoirTemplate.razor.rz.scp.css */
.lux-invoice[b-pjnsdh0grd] {
    --ink: #1a1a1a;
    --paper: #fbf8f0;
    --muted: #8a7a5a;
    --gold: #b8935a;
    --deep: #0d0d0d;
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-bg: var(--deep);
    --band-fg: #fff;
    --band-border-top: 1.2cqw solid var(--gold);
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-bg: var(--gold);
    --band-initial-fg: var(--deep);
    --band-initial-radius: 50%;
    --band-initial-font-size: 3cqw;
    --band-name-size: 2.6cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.02em;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.22em;
    --band-tagline-color: var(--gold);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.2cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.4em;
    --band-doc-word-color: var(--gold);
    --band-doc-number-size: 2.4cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-color: #fff;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-border-top: 0.5cqw solid var(--gold);
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-color: var(--muted);
    --badge-neutral-stroke: var(--muted);
    --badge-neutral-ink: var(--muted);
    --badge-amber-stroke: #e0b878;
    --badge-amber-ink: #e0b878;
    --badge-green-stroke: var(--gold);
    --badge-green-ink: var(--gold);
    --badge-red-stroke: #c85a4a;
    --badge-red-ink: #c85a4a;
    --billing-gap: 8cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px solid rgba(184, 147, 90, 0.3);
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.3em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.9cqw;
    --billing-value-size: 1.5cqw;
    --billing-value-weight: 600;
    --billing-value-font: Georgia, serif;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px solid rgba(184, 147, 90, 0.3);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.3em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.9cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-font: Georgia, serif;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #5a4a30;
    --parties-line-height: 1.6;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.26em;
    --items-header-color: var(--gold);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1px solid var(--gold);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid rgba(184, 147, 90, 0.2);
    --items-title-weight: 600;
    --items-detail-size: 1.05cqw;
    --items-total-weight: 600;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--gold);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.3em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #5a4a30;
    --settlement-text-line-height: 1.7;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --totals-value-font: Georgia, serif;
    --total-due-padding: 1.8cqw 3cqw;
    --total-due-bg: var(--deep);
    --total-due-fg: #fff;
    --total-due-radius: 0.4cqw;
    --total-due-label-size: 1.05cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.3em;
    --total-due-label-color: var(--gold);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--gold);
    --total-due-value-font: Georgia, serif;
    --footer-bg: var(--deep);
    --footer-fg: var(--gold);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: none;
    --footer-tracking: 0.04em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.lux-gold-rule[b-pjnsdh0grd] {
    height: 0.4cqw;
    background: linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);
}

.lux-body[b-pjnsdh0grd] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/MagazineTemplate.razor.rz.scp.css */
.mgz-invoice[b-vsr0fged1y] {
    /* ───── Identity ───── */
    --ink: #14110a;
    --muted: #8a7a68;
    --rule: #d8d0c4;
    --paper: #faf7f0;
    --accent: #a4262c;
    /* ───── Band — masthead style, big serif ───── */
    --band-padding: 6.5cqw 8cqw 4.5cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-bg: transparent;
    --band-fg: var(--ink);
    --band-border-bottom: none;
    --band-logo-height: 6cqw;
    --band-logo-max-width: 22cqw;
    --band-initial-size: 6.5cqw;
    --band-initial-radius: 50%;
    --band-initial-bg: var(--accent);
    --band-initial-fg: #ffffff;
    --band-initial-font-size: 2.8cqw;
    --band-initial-weight: 700;
    --band-initial-font: Georgia, 'Times New Roman', serif;
    --band-name-size: 3.4cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.025em;
    --band-name-line-height: 1.05;
    --band-name-color: var(--ink);
    --band-name-font: Georgia, 'Times New Roman', serif;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 400;
    --band-tagline-tracking: 0.24em;
    --band-tagline-color: var(--muted);
    --band-tagline-margin-top: 0.7cqw;
    --band-tagline-style: italic;
    --band-doc-align: right;
    --band-doc-word-size: 0.85cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.42em;
    --band-doc-word-color: var(--muted);
    --band-doc-number-size: 3.8cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-tracking: -0.03em;
    --band-doc-number-color: var(--ink);
    --band-doc-number-margin-top: 0.3cqw;
    --band-doc-number-margin-bottom: 0.7cqw;
    --band-doc-number-font: Georgia, 'Times New Roman', serif;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-doc-word-size: 0.85cqw;
    --band-compact-doc-number-size: 1.6cqw;
    --band-compact-doc-number-color: var(--ink);
    --band-compact-brand-color: var(--muted);
    --band-compact-brand-font: Georgia, serif;
    --band-compact-brand-style: italic;
    /* ───── Billing — magazine two-column dates ───── */
    --billing-gap: 0;
    --billing-padding-bottom: 2.5cqw;
    --billing-border-bottom: none;
    --billing-label-size: 0.8cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.32em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.6cqw;
    --billing-value-size: 1.6cqw;
    --billing-value-weight: 500;
    --billing-value-font: Georgia, 'Times New Roman', serif;
    --billing-cell-padding: 0 3cqw;
    --billing-cell-border: none;
    /* ───── Parties — two columns with vertical rule ───── */
    --parties-gap: 0;
    --parties-padding-bottom: 3cqw;
    --parties-margin-bottom: 3cqw;
    --parties-border-bottom: 1px solid var(--rule);
    --parties-label-size: 0.8cqw;
    --parties-label-weight: 700;
    --parties-label-tracking: 0.32em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.9cqw;
    --parties-name-size: 2.1cqw;
    --parties-name-weight: 700;
    --parties-name-tracking: -0.015em;
    --parties-name-line-height: 1.15;
    --parties-name-font: Georgia, 'Times New Roman', serif;
    --parties-line-size: 1.15cqw;
    --parties-line-color: #4a3d30;
    --parties-line-height: 1.65;
    --parties-line-font: Georgia, 'Times New Roman', serif;
    --parties-line-style: italic;
    /* ───── Items — editorial serif table ───── */
    --items-font: Georgia, 'Times New Roman', serif;
    --items-header-size: 0.8cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.32em;
    --items-header-color: var(--muted);
    --items-header-padding: 0 0 1.6cqw;
    --items-header-border: 1px solid var(--ink);
    --items-row-padding: 2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 700;
    --items-title-color: var(--ink);
    --items-detail-size: 1.05cqw;
    --items-detail-color: var(--muted);
    --items-detail-style: italic;
    --items-total-weight: 600;
    --items-total-color: var(--ink);
    /* ───── Settlement ───── */
    --settlement-gap: 6cqw;
    --settlement-padding-top: 3cqw;
    --settlement-border-top: 1px solid var(--ink);
    --settlement-label-size: 0.8cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.32em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.15cqw;
    --settlement-text-color: #4a3d30;
    --settlement-text-line-height: 1.7;
    --settlement-text-font: Georgia, 'Times New Roman', serif;
    --settlement-text-style: italic;
    /* ───── Totals ───── */
    --totals-row-padding: 0.8cqw 0;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-label-font: Georgia, 'Times New Roman', serif;
    --totals-label-style: italic;
    --totals-value-weight: 600;
    --totals-value-font: Georgia, 'Times New Roman', serif;
    --totals-discount-color: var(--accent);
    /* ───── Total Due — typographic hero, NO filled block ───── */
    --total-due-margin-top: 2cqw;
    --total-due-padding: 1.4cqw 0 0 0;
    --total-due-bg: transparent;
    --total-due-fg: var(--ink);
    --total-due-border-top: 3px double var(--ink);
    --total-due-label-size: 0.9cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.4em;
    --total-due-label-color: var(--muted);
    --total-due-label-style: italic;
    --total-due-value-size: 4.4cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.035em;
    --total-due-value-color: var(--ink);
    --total-due-value-font: Georgia, 'Times New Roman', serif;
    /* ───── Footer ───── */
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: Georgia, 'Times New Roman', serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.06em;
    --footer-size: 0.95cqw;
    --footer-transform: none;
    --footer-line-style: italic;
    /* ───── Root ───── */
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

/* ═══════════════════════════════════════════════
   ACCENT RULE — magazine masthead signature
   ═══════════════════════════════════════════════ */
.mgz-rule[b-vsr0fged1y] {
    height: 0.35cqw;
    background: var(--ink);
    margin: 0 8cqw;
}

.mgz-body[b-vsr0fged1y] {
    flex: 1;
    min-height: 0;
    padding: 3.5cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.35cqw;
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════
   VERTICAL RULE between From / Bill To columns
   ═══════════════════════════════════════════════ */
.mgz-invoice[b-vsr0fged1y]  .inv-parties-cell {
    padding: 0 3cqw;
}

.mgz-invoice[b-vsr0fged1y]  .inv-parties-cell--from {
    padding-left: 0;
}

.mgz-invoice[b-vsr0fged1y]  .inv-parties-cell--to {
    padding-right: 0;
    border-left: 1px solid var(--rule);
}

/* Billing — grid so the vertical rule sits at the paper midpoint */
.mgz-invoice[b-vsr0fged1y]  .inv-billing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.mgz-invoice[b-vsr0fged1y]  .inv-billing-cell {
    padding: 0 3cqw;
}

.mgz-invoice[b-vsr0fged1y]  .inv-billing-cell--issued {
    padding-left: 0;
}

.mgz-invoice[b-vsr0fged1y]  .inv-billing-cell--due {
    padding-right: 0;
    border-left: 1px solid var(--rule);
}

/* ═══════════════════════════════════════════════
   ITALIC SERIF on every label — editorial signature
   ═══════════════════════════════════════════════ */
.mgz-invoice[b-vsr0fged1y]  .inv-settlement-text,
.mgz-invoice[b-vsr0fged1y]  .inv-total-due-label,
.mgz-invoice[b-vsr0fged1y]  .inv-totals-label,
.mgz-invoice[b-vsr0fged1y]  .uni-footer-contact span {
    font-style: italic;
}
/* /Tools/InvoiceGenerator/Templates/NordicTemplate.razor.rz.scp.css */
.nrd-invoice[b-hkrbecixpj] {
    --ink: #2d3742;
    --muted: #8a949e;
    --rule: #e4e6e8;
    --paper: #f8f7f4;
    --sage: #7a8a80;
    --band-padding: 7cqw 9cqw 5cqw;
    --band-gap: 4cqw;
    --band-logo-height: 5.5cqw;
    --band-initial-size: 4cqw;
    --band-initial-bg: transparent;
    --band-initial-fg: var(--sage);
    --band-initial-font-size: 3.6cqw;
    --band-initial-weight: 600;
    --band-name-size: 2.4cqw;
    --band-name-weight: 500;
    --band-name-tracking: 0.02em;
    --band-name-line-height: 1.2;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.24em;
    --band-tagline-color: var(--sage);
    --band-tagline-margin-top: 0.8cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.05cqw;
    --band-doc-word-weight: 600;
    --band-doc-word-tracking: 0.36em;
    --band-doc-word-color: var(--sage);
    --band-doc-number-size: 1.6cqw;
    --band-doc-number-weight: 500;
    --band-doc-number-color: var(--ink);
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 9cqw;
    --band-compact-border-bottom: 1px solid var(--rule);
    --band-compact-doc-number-size: 1.3cqw;
    --band-compact-brand-color: var(--muted);
    --billing-gap: 8cqw;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 600;
    --billing-label-tracking: 0.32em;
    --billing-label-color: var(--sage);
    --billing-label-margin-bottom: 1cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 500;
    --parties-gap: 4cqw;
    --parties-label-size: 0.9cqw;
    --parties-label-weight: 600;
    --parties-label-tracking: 0.32em;
    --parties-label-color: var(--sage);
    --parties-label-margin-bottom: 1cqw;
    --parties-name-size: 1.6cqw;
    --parties-name-weight: 600;
    --parties-name-line-height: 1.3;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #5a636e;
    --parties-line-height: 1.75;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--ink);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 600;
    --settlement-label-tracking: 0.32em;
    --settlement-label-color: var(--sage);
    --settlement-label-margin-bottom: 1cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #5a636e;
    --settlement-text-line-height: 1.8;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.85cqw;
    --items-header-weight: 600;
    --items-header-tracking: 0.28em;
    --items-header-color: var(--sage);
    --items-header-padding: 0 0 2cqw;
    --items-header-border: 1px solid var(--ink);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 500;
    --items-detail-size: 1.05cqw;
    --items-total-weight: 500;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 500;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 1px solid var(--ink);
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 600;
    --total-due-label-tracking: 0.32em;
    --total-due-label-color: var(--ink);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 500;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--ink);
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: none;
    --footer-tracking: 0.06em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.nrd-rule[b-hkrbecixpj] {
    height: 0.15cqw;
    background: var(--ink);
    margin: 0 9cqw;
}

.nrd-body[b-hkrbecixpj] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 9cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.7;
}
/* /Tools/InvoiceGenerator/Templates/PureMinimalTemplate.razor.rz.scp.css */
.min-invoice[b-07ldosd7iy] {
    --ink: #1a1a1a;
    --muted: #999;
    --rule: #eaeaea;
    --band-padding: 7cqw 9cqw 4cqw;
    --band-gap: 4cqw;
    --band-logo-height: 5.5cqw;
    --band-initial-size: 4cqw;
    --band-initial-bg: transparent;
    --band-initial-fg: var(--muted);
    --band-initial-font-size: 3.6cqw;
    --band-initial-weight: 500;
    --band-name-size: 2.4cqw;
    --band-name-weight: 500;
    --band-name-tracking: -0.01em;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.1em;
    --band-tagline-color: var(--muted);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.1cqw;
    --band-doc-word-weight: 600;
    --band-doc-word-tracking: 0.32em;
    --band-doc-word-color: var(--muted);
    --band-doc-number-size: 1.6cqw;
    --band-doc-number-weight: 500;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 9cqw;
    --band-compact-border-bottom: 1px solid var(--rule);
    --band-compact-doc-number-size: 1.3cqw;
    --band-compact-brand-color: var(--muted);
    --billing-gap: 8cqw;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 600;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.8cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 500;
    --parties-gap: 4cqw;
    --parties-label-size: 0.9cqw;
    --parties-label-weight: 600;
    --parties-label-tracking: 0.28em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.8cqw;
    --parties-name-size: 1.6cqw;
    --parties-name-weight: 600;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #555;
    --parties-line-height: 1.6;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--ink);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 600;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.8cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #444;
    --settlement-text-line-height: 1.7;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 600;
    --items-header-tracking: 0.22em;
    --items-header-color: var(--muted);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1px solid var(--ink);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 500;
    --items-detail-size: 1.1cqw;
    --items-total-weight: 500;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 500;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 1px solid var(--ink);
    --total-due-label-size: 0.95cqw;
    --total-due-label-weight: 600;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: var(--muted);
    --total-due-value-size: 2.8cqw;
    --total-due-value-weight: 500;
    --total-due-value-tracking: -0.02em;
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: none;
    --footer-tracking: 0.04em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.min-body[b-07ldosd7iy] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 9cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.6;
}
/* /Tools/InvoiceGenerator/Templates/ReceiptTemplate.razor.rz.scp.css */
.rcpt-invoice[b-bhujk6jsqg] {
    /* ───── Identity ───── */
    --ink: #1a1a1a;
    --muted: #6b6b6b;
    --rule: #cccccc;
    --paper: #fdfaf0;
    /* ───── Band ───── */
    --band-padding: 5cqw 15cqw 3cqw;
    --band-gap: 0;
    --band-align: center;
    --band-bg: transparent;
    --band-fg: var(--ink);
    --band-doc-align: center;
    --band-compact-padding: 3cqw 15cqw;
    --band-compact-brand-color: var(--ink);
    /* ───── Body ───── */
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Courier New', ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: none;

}

/* ═══════════════════════════════════════════════
   BAND — shop header, monospace, centered
   ═══════════════════════════════════════════════ */
.rcpt-band[b-bhujk6jsqg] {
    padding: 5cqw 15cqw 3cqw;
    text-align: center;
    color: var(--ink);
}

.rcpt-shop[b-bhujk6jsqg] {
    font-size: 2.4cqw;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 1.15;
}

.rcpt-shop-line[b-bhujk6jsqg] {
    font-size: 0.95cqw;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: var(--muted);
    margin-top: 0.3cqw;
    white-space: pre-line;
}

/* ═══════════════════════════════════════════════
   BODY
   ═══════════════════════════════════════════════ */
.rcpt-body[b-bhujk6jsqg] {
    flex: 1;
    min-height: 0;
    padding: 0 15cqw 3cqw;
    display: flex;
    flex-direction: column;
    font-size: 1cqw;
    line-height: 1.5;
}

/* ───── Dashed / ruled dividers ───── */
.rcpt-divider[b-bhujk6jsqg] {
    font-size: 1cqw;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
    color: var(--muted);
    margin: 1.6cqw 0;
    white-space: nowrap;
    overflow: hidden;
}

/* ───── Meta rows (Issued / Due / Status / Bill To) ───── */
.rcpt-meta[b-bhujk6jsqg] {
    display: flex;
    justify-content: space-between;
    gap: 1cqw;
    font-size: 1cqw;
    line-height: 1.6;
}

    .rcpt-meta span:first-child[b-bhujk6jsqg] {
        color: var(--muted);
        letter-spacing: 0.08em;
        flex-shrink: 0;
    }

    .rcpt-meta span:last-child[b-bhujk6jsqg] {
        text-align: right;
        white-space: pre-line;
        word-break: break-word;
    }

/* ═══════════════════════════════════════════════
   ITEMS
   ═══════════════════════════════════════════════ */
.rcpt-items[b-bhujk6jsqg] {
    margin: 0;
}

.rcpt-items-head[b-bhujk6jsqg] {
    display: grid;
    grid-template-columns: 1fr 10cqw 20cqw;
    gap: 0;
    font-weight: 700;
    font-size: 1cqw;
    letter-spacing: 0.06em;
    color: var(--ink);
    padding-bottom: 0.6cqw;
    border-bottom: 1px solid var(--ink);
    margin-bottom: 1cqw;
}

.rcpt-item[b-bhujk6jsqg] {
    margin-bottom: 1cqw;
}

.rcpt-item-desc[b-bhujk6jsqg] {
    font-weight: 700;
    font-size: 1.05cqw;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    overflow-wrap: anywhere;
}

.rcpt-item-detail[b-bhujk6jsqg] {
    font-size: 0.9cqw;
    color: var(--muted);
    line-height: 1.5;
    margin-top: 0.15cqw;
    overflow-wrap: anywhere;
}

.rcpt-item-row[b-bhujk6jsqg] {
    display: grid;
    grid-template-columns: 1fr 10cqw 20cqw;
    gap: 0;
    font-size: 1cqw;
    line-height: 1.4;
    color: var(--ink);
}

.rcpt-col-desc[b-bhujk6jsqg] {
    text-align: left;
}

.rcpt-col-qty[b-bhujk6jsqg] {
    text-align: right;
}

.rcpt-col-amt[b-bhujk6jsqg] {
    text-align: right;
}

/* ═══════════════════════════════════════════════
   TOTALS
   ═══════════════════════════════════════════════ */
.rcpt-line[b-bhujk6jsqg] {
    display: flex;
    justify-content: space-between;
    font-size: 1cqw;
    line-height: 1.7;
    color: var(--ink);
}

.rcpt-total[b-bhujk6jsqg] {
    display: flex;
    justify-content: space-between;
    font-size: 1.4cqw;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--ink);
    margin-top: 0.4cqw;
}

/* ═══════════════════════════════════════════════
   NOTES BLOCK
   ═══════════════════════════════════════════════ */
.rcpt-note-label[b-bhujk6jsqg] {
    font-size: 0.85cqw;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 1cqw;
    margin-bottom: 0.4cqw;
}

.rcpt-note[b-bhujk6jsqg] {
    font-size: 0.95cqw;
    line-height: 1.6;
    color: var(--ink);
    white-space: pre-line;
    overflow-wrap: anywhere;
    margin-bottom: 0.8cqw;
}
/* /Tools/InvoiceGenerator/Templates/RetroPixelTemplate.razor.rz.scp.css */
.px-invoice[b-tb2kmv9tnv] {
    --ink: #0f2818;
    --paper: #d4e8c8;
    --lcd: #a8d090;
    --accent: #1a4a1a;
    --band-padding: 5cqw 7cqw 4cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-bg: var(--accent);
    --band-fg: var(--paper);
    --band-logo-height: 6cqw;
    --band-logo-image-rendering: pixelated;
    --band-initial-size: 6cqw;
    --band-initial-radius: 0;
    --band-initial-bg: var(--lcd);
    --band-initial-fg: var(--accent);
    --band-initial-font-size: 2.8cqw;
    --band-initial-weight: 700;
    --band-initial-font: 'Courier New', monospace;
    --band-name-size: 3cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.05em;
    --band-name-line-height: 1.05;
    --band-name-transform: uppercase;
    --band-name-font: 'Courier New', monospace;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 700;
    --band-tagline-tracking: 0.24em;
    --band-tagline-color: var(--lcd);
    --band-tagline-margin-top: 0.8cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.1cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.32em;
    --band-doc-word-color: var(--lcd);
    --band-doc-number-size: 2.2cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-tracking: 0.05em;
    --band-doc-number-color: var(--paper);
    --band-doc-number-margin-top: 1cqw;
    --band-compact-padding: 2.5cqw 7cqw;
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-doc-number-color: var(--paper);
    --band-compact-brand-color: var(--lcd);
    --band-compact-brand-weight: 700;
    --billing-gap: 1.5cqw;
    --billing-cell-padding: 2cqw 2.4cqw;
    --billing-cell-border: 0.15cqw solid var(--accent);
    --billing-cell-bg: var(--lcd);
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.24em;
    --billing-label-color: var(--accent);
    --billing-label-margin-bottom: 0.7cqw;
    --billing-value-size: 1.3cqw;
    --billing-value-weight: 700;
    --billing-value-color: var(--ink);
    --parties-gap: 1.5cqw;
    --parties-cell-padding: 2cqw 2.4cqw;
    --parties-cell-border: 0.15cqw solid var(--accent);
    --parties-cell-bg: var(--lcd);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.24em;
    --parties-label-color: var(--accent);
    --parties-label-margin-bottom: 0.7cqw;
    --parties-name-size: 1.5cqw;
    --parties-name-line-height: 1.25;
    --parties-name-color: var(--ink);
    --parties-line-size: 1.1cqw;
    --parties-line-color: var(--accent);
    --parties-line-height: 1.6;
    --parties-line-weight: 500;
    --items-font: 'Courier New', monospace;
    --items-header-size: 0.85cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.2em;
    --items-header-color: var(--paper);
    --items-header-bg: var(--accent);
    --items-header-padding: 1.2cqw 1cqw;
    --items-header-border: none;
    --items-row-padding: 1.2cqw 1cqw;
    --items-row-size: 1.25cqw;
    --items-row-bg: var(--paper);
    --items-row-border-top: 0.15cqw solid var(--accent);
    --items-row-border-right: 0.15cqw solid var(--accent);
    --items-row-border-bottom: 0.15cqw solid var(--accent);
    --items-row-border-left: 0.15cqw solid var(--accent);
    --items-title-weight: 700;
    --items-title-transform: uppercase;
    --items-title-tracking: 0.02em;
    --items-detail-size: 1cqw;
    --items-detail-color: var(--accent);
    --items-total-weight: 700;
    --items-row-border-bottom-last: var(--items-row-border-bottom);
    --settlement-gap: 2cqw;
    --settlement-border-top: none;
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.24em;
    --settlement-label-color: var(--accent);
    --settlement-label-margin-bottom: 0.7cqw;
    --settlement-text-size: 1.1cqw;
    --settlement-text-color: var(--accent);
    --settlement-text-line-height: 1.7;
    --settlement-text-weight: 500;
    --settlement-right-padding: 2cqw;
    --settlement-right-bg: var(--lcd);
    --settlement-right-fg: var(--ink);
    --settlement-right-border: 0.15cqw solid var(--accent);
    --totals-font-size: 1.25cqw;
    --totals-label-transform: uppercase;
    --totals-label-tracking: 0.05em;
    --totals-value-weight: 700;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 0.2cqw solid var(--accent);
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.24em;
    --total-due-label-color: var(--accent);
    --total-due-value-size: 2.8cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--accent);
    --footer-bg: var(--accent);
    --footer-fg: var(--paper);
    --footer-font: 'Courier New', monospace;
    --footer-font-weight: 700;
    --footer-border: none;
    --footer-tracking: 0.15em;
    --footer-size: 0.95cqw;
    --footer-transform: uppercase;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Courier New', 'Montserrat', monospace;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: none;
}

    .px-invoice[b-tb2kmv9tnv]  .inv-settlement-block {
        padding: 1.6cqw 2.2cqw;
        border: 0.15cqw solid var(--accent);
        background: var(--lcd);
    }

    .px-invoice[b-tb2kmv9tnv]  .inv-band-doc-word {
        border: 1px solid var(--lcd);
        padding: 0.4cqw 1cqw;
        display: inline-block;
    }

.px-accent[b-tb2kmv9tnv] {
    height: 0.8cqw;
    background: var(--ink);
}

.px-body[b-tb2kmv9tnv] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 7cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.3cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/RonTemplate.razor.rz.scp.css */
.ron-invoice[b-qsla8ztih1] {
    --ron-ink: #000000;
    --ron-muted: #666666;
    --ron-rule: #000000;
    --ron-soft-rule: #e5e5e5;
    --band-display: grid;
    --band-grid-columns: 2fr 1fr;
    --band-padding: 6cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-border-top: 1.2cqw solid var(--ron-ink);
    --band-border-bottom: 0.35cqw solid var(--ron-ink);
    --band-logo-height: 6cqw;
    --band-initial-size: 7cqw;
    --band-initial-radius: 0;
    --band-initial-bg: var(--ron-ink);
    --band-initial-fg: #fff;
    --band-initial-font-size: 3.4cqw;
    --band-initial-weight: 800;
    --band-initial-tracking: -0.03em;
    --band-name-size: 4cqw;
    --band-name-weight: 800;
    --band-name-tracking: -0.035em;
    --band-name-line-height: 0.95;
    --band-name-transform: uppercase;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: 700;
    --band-tagline-tracking: 0.24em;
    --band-tagline-color: var(--ron-muted);
    --band-tagline-margin-top: 1.4cqw;
    --band-doc-align: center;
    --band-doc-word-size: 3.2cqw;
    --band-doc-word-weight: 800;
    --band-doc-word-tracking: -0.02em;
    --band-doc-number-size: 1.3cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-tracking: 0.12em;
    --band-doc-number-color: var(--ron-muted);
    --band-doc-number-margin-top: 1cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-doc-word-size: 1.8cqw;
    --band-compact-doc-number-size: 1.3cqw;
    --band-compact-brand-color: var(--ron-muted);
    --band-compact-brand-weight: 600;
    --billing-gap: 8cqw;
    --billing-label-size: 0.95cqw;
    --billing-label-weight: 800;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--ron-muted);
    --billing-label-margin-bottom: 0.6cqw;
    --billing-value-size: 1.7cqw;
    --billing-value-weight: 700;
    --billing-value-tracking: -0.005em;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 5cqw;
    --parties-border-bottom: 1px solid var(--ron-soft-rule);
    --parties-label-size: 0.95cqw;
    --parties-label-weight: 800;
    --parties-label-tracking: 0.28em;
    --parties-label-color: var(--ron-muted);
    --parties-label-margin-bottom: 1.1cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-tracking: -0.005em;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #333;
    --parties-line-height: 1.55;
    --settlement-columns: 1fr 1.1fr;
    --settlement-gap: 6cqw;
    --settlement-border-top: 0.35cqw solid var(--ron-ink);
    --settlement-label-size: 0.95cqw;
    --settlement-label-weight: 800;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--ron-muted);
    --settlement-label-margin-bottom: 1.1cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #333;
    --settlement-text-line-height: 1.65;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.95cqw;
    --items-header-weight: 800;
    --items-header-tracking: 0.2em;
    --items-header-color: var(--ron-ink);
    --items-header-padding: 0 0 1.4cqw;
    --items-header-border: 0.35cqw solid var(--ron-ink);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.4cqw;
    --items-row-border-bottom: 1px solid var(--ron-soft-rule);
    --items-title-weight: 700;
    --items-detail-size: 1.15cqw;
    --items-detail-color: var(--ron-muted);
    --items-total-weight: 700;
    --totals-font-size: 1.4cqw;
    --totals-label-color: var(--ron-muted);
    --totals-value-weight: 700;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 1.5px solid var(--ron-ink);
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 800;
    --total-due-label-tracking: 0.3em;
    --total-due-label-color: var(--ron-ink);
    --total-due-value-size: 3.8cqw;
    --total-due-value-weight: 800;
    --total-due-value-tracking: -0.03em;
    --total-due-value-color: var(--ron-ink);
    --footer-bg: transparent;
    --footer-fg: var(--ron-muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 600;
    --footer-border: 0.35cqw solid var(--ron-ink);
    --footer-tracking: 0.03em;
    --footer-size: 1.05cqw;
    --footer-transform: none;
    position: relative;
    z-index: 1;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: var(--ron-ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .ron-invoice[b-qsla8ztih1]  .inv-band--compact {
        display: grid;
        grid-template-columns: 1fr auto;
    }

.ron-body[b-qsla8ztih1] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 5cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/SidebarTemplate.razor.rz.scp.css */
.sdbr-invoice[b-m6hai6omiq] {
    /* ───── Identity ───── */
    --ink: #1a1a1a;
    --muted: #6b7280;
    --rule: #e5e7eb;
    --paper: #ffffff;
    --accent: #e11d48;
    --accent-soft: #fef2f4;
    --rail-width: 26cqw;
    /* ───── Band (inside main column) ───── */
    --band-padding: 5cqw 6cqw 4cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-bg: transparent;
    --band-fg: var(--ink);
    --band-doc-align: left;
    --band-doc-word-size: 0.95cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.32em;
    --band-doc-word-color: var(--muted);
    --band-doc-number-size: 2.8cqw;
    --band-doc-number-weight: 800;
    --band-doc-number-tracking: -0.02em;
    --band-doc-number-color: var(--ink);
    --band-doc-number-margin-top: 0.4cqw;
    --band-doc-number-margin-bottom: 1cqw;
    --band-compact-padding: 3cqw 6cqw;
    --band-compact-doc-number-size: 1.6cqw;
    --band-compact-brand-color: var(--muted);
    /* ───── Billing ───── */
    --billing-gap: 4cqw;
    --billing-label-size: 0.8cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.24em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.6cqw;
    --billing-value-size: 1.35cqw;
    --billing-value-weight: 600;
    --billing-value-color: var(--ink);
    /* ───── Parties ───── */
    --parties-gap: 4cqw;
    --parties-padding-bottom: 3cqw;
    --parties-margin-bottom: 3cqw;
    --parties-border-bottom: 1px solid var(--rule);
    --parties-label-size: 0.8cqw;
    --parties-label-tracking: 0.24em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.6cqw;
    --parties-name-size: 1.6cqw;
    --parties-name-weight: 700;
    --parties-name-line-height: 1.2;
    --parties-line-size: 1.15cqw;
    --parties-line-color: #4b5563;
    --parties-line-height: 1.55;
    /* ───── Items ───── */
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.8cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.2em;
    --items-header-color: var(--muted);
    --items-header-padding: 0 0 1.2cqw;
    --items-header-border: 1.5px solid var(--ink);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.25cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 600;
    --items-title-color: var(--ink);
    --items-detail-size: 1cqw;
    --items-detail-color: var(--muted);
    --items-total-weight: 700;
    --items-total-color: var(--ink);
    /* ───── Settlement ───── */
    --settlement-gap: 5cqw;
    --settlement-padding-top: 2cqw;
    --settlement-border-top: 1px solid var(--rule);
    --settlement-label-size: 0.8cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.24em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.7cqw;
    --settlement-text-size: 1.1cqw;
    --settlement-text-color: #4b5563;
    --settlement-text-line-height: 1.7;
    /* ───── Totals ───── */
    --totals-row-padding: 0.7cqw 0;
    --totals-font-size: 1.25cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --totals-discount-color: var(--accent);
    /* ───── Total Due — accent filled ───── */
    --total-due-margin-top: 1.4cqw;
    --total-due-padding: 1.6cqw 2.4cqw;
    --total-due-bg: var(--accent);
    --total-due-fg: #ffffff;
    --total-due-label-size: 0.95cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.24em;
    --total-due-label-color: rgba(255, 255, 255, 0.85);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 800;
    --total-due-value-tracking: -0.015em;
    --total-due-value-color: #ffffff;
    /* ───── Footer ───── */
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.04em;
    --footer-size: 0.9cqw;
    --footer-transform: none;
    /* ───── Root ───── */
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
}

/* ═══════════════════════════════════════════════
   LEFT RAIL — full-height accent bar
   ═══════════════════════════════════════════════ */
.sdbr-rail[b-m6hai6omiq] {
    width: var(--rail-width);
    flex-shrink: 0;
    background: var(--accent);
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

.sdbr-rail-inner[b-m6hai6omiq] {
    padding: 6cqw 3cqw;
    display: flex;
    flex-direction: column;
    gap: 3cqw;
}

.sdbr-logo[b-m6hai6omiq] {
    width: 9cqw;
    height: 9cqw;
    object-fit: contain;
    display: block;
    background: rgba(255, 255, 255, 0.95);
    padding: 1.4cqw;
    border-radius: 50%;
    box-sizing: border-box;
    align-self: center;
}

.sdbr-initial[b-m6hai6omiq] {
    width: 9cqw;
    height: 9cqw;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.6cqw;
    font-weight: 700;
    letter-spacing: -0.02em;
    align-self: center;
}

.sdbr-identity[b-m6hai6omiq] {
    display: flex;
    flex-direction: column;
    gap: 0.4cqw;
}

.sdbr-name[b-m6hai6omiq] {
    font-size: 1.6cqw;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: #ffffff;
}

.sdbr-tagline[b-m6hai6omiq] {
    font-size: 0.9cqw;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

.sdbr-contact[b-m6hai6omiq] {
    display: flex;
    flex-direction: column;
    gap: 0.5cqw;
    font-size: 0.9cqw;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
}

.sdbr-contact-address[b-m6hai6omiq] {
    white-space: pre-line;
    color: rgba(255, 255, 255, 0.7);
}

/* ═══════════════════════════════════════════════
   MAIN column
   ═══════════════════════════════════════════════ */
.sdbr-main[b-m6hai6omiq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--paper);
}

.sdbr-head[b-m6hai6omiq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2cqw;
    padding: 5cqw 6cqw 4cqw;
    border-bottom: 1px solid var(--rule);
}

.sdbr-doc[b-m6hai6omiq] {
    display: flex;
    flex-direction: column;
}

.sdbr-doc-word[b-m6hai6omiq] {
    font-size: 0.95cqw;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--muted);
}

.sdbr-doc-number[b-m6hai6omiq] {
    font-size: 2.8cqw;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-top: 0.4cqw;
    margin-bottom: 1cqw;
}

.sdbr-body[b-m6hai6omiq] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 6cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.3cqw;
    line-height: 1.55;
}

/* ── The rail's initial div uses --band-initial-size on other templates;
      on this one it's local to .sdbr-initial. The Measurement pass still
      finds .m-band on .sdbr-head and .m-body on .sdbr-body, so nothing
      about the paginator changes. ── */
/* /Tools/InvoiceGenerator/Templates/StripeTemplate.razor.rz.scp.css */
.str-invoice[b-e7jf9vjafy] {
    /* ───── Identity ───── */
    --ink: #0a2540;
    --muted: #697386;
    --rule: #e6e9ef;
    --paper: #ffffff;
    --accent: #635bff;
    /* ───── Band — light, no fill, minimal chrome ───── */
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-align: flex-start;
    --band-bg: transparent;
    --band-fg: var(--ink);
    --band-border-bottom: 1px solid var(--rule);
    --band-logo-height: 5cqw;
    --band-logo-max-width: 20cqw;
    --band-initial-size: 5.5cqw;
    --band-initial-radius: 50%;
    --band-initial-bg: var(--accent);
    --band-initial-fg: #ffffff;
    --band-initial-font-size: 2.6cqw;
    --band-initial-weight: 700;
    --band-name-size: 2.4cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.01em;
    --band-name-line-height: 1.15;
    --band-name-color: var(--ink);
    --band-tagline-size: 0.95cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.06em;
    --band-tagline-color: var(--muted);
    --band-tagline-margin-top: 0.5cqw;
    --band-doc-align: right;
    --band-doc-word-size: 0.95cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.28em;
    --band-doc-word-color: var(--muted);
    --band-doc-number-size: 2.2cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-color: var(--ink);
    --band-doc-number-margin-top: 0.4cqw;
    --band-doc-number-margin-bottom: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-border-bottom: 1px solid var(--rule);
    --band-compact-doc-word-size: 0.95cqw;
    --band-compact-doc-number-size: 1.4cqw;
    --band-compact-doc-number-color: var(--ink);
    --band-compact-brand-color: var(--muted);
    /* ───── Billing ───── */
    --billing-gap: 4cqw;
    --billing-label-size: 0.85cqw;
    --billing-label-weight: 600;
    --billing-label-tracking: 0.16em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.6cqw;
    --billing-value-size: 1.35cqw;
    --billing-value-weight: 600;
    --billing-value-color: var(--ink);
    /* ───── Parties ───── */
    --parties-gap: 6cqw;
    --parties-margin-bottom: 3cqw;
    --parties-label-size: 0.85cqw;
    --parties-label-weight: 600;
    --parties-label-tracking: 0.16em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.8cqw;
    --parties-name-size: 1.6cqw;
    --parties-name-weight: 600;
    --parties-name-line-height: 1.25;
    --parties-name-color: var(--ink);
    --parties-line-size: 1.15cqw;
    --parties-line-color: #425466;
    --parties-line-height: 1.55;
    /* ───── Items ───── */
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.8cqw;
    --items-header-weight: 600;
    --items-header-tracking: 0.18em;
    --items-header-color: var(--muted);
    --items-header-padding: 1.4cqw 1cqw;
    --items-header-bg: #f6f9fc;
    --items-header-border: none;
    --items-row-padding: 1.4cqw 1cqw;
    --items-row-size: 1.25cqw;
    --items-row-bg: transparent;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 600;
    --items-title-color: var(--ink);
    --items-detail-size: 1cqw;
    --items-detail-color: var(--muted);
    --items-detail-style: normal;
    --items-total-weight: 600;
    --items-total-color: var(--ink);
    /* ───── Settlement ───── */
    --settlement-columns: 1fr 1fr;
    --settlement-gap: 5cqw;
    --settlement-label-size: 0.85cqw;
    --settlement-label-weight: 600;
    --settlement-label-tracking: 0.16em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.8cqw;
    --settlement-text-size: 1.1cqw;
    --settlement-text-color: #425466;
    --settlement-text-line-height: 1.7;
    /* ───── Totals ───── */
    --totals-row-padding: 0.7cqw 0;
    --totals-font-size: 1.25cqw;
    --totals-label-color: var(--muted);
    --totals-label-weight: 500;
    --totals-value-weight: 600;
    --totals-value-color: var(--ink);
    --totals-discount-color: var(--accent);
    /* ───── Total Due — filled accent block ───── */
    --total-due-margin-top: 1.5cqw;
    --total-due-padding: 1.6cqw 2.4cqw;
    --total-due-bg: var(--accent);
    --total-due-fg: #ffffff;
    --total-due-radius: 6px;
    --total-due-label-size: 0.95cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.2em;
    --total-due-label-color: rgba(255, 255, 255, 0.85);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.015em;
    --total-due-value-color: #ffffff;
    /* ───── Footer ───── */
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.04em;
    --footer-size: 0.9cqw;
    --footer-transform: none;
    /* ───── Root ───── */
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.str-accent[b-e7jf9vjafy] {
    height: 0.35cqw;
    background: var(--accent);
}

.str-body[b-e7jf9vjafy] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.3cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/TerracottaTemplate.razor.rz.scp.css */
.terra-invoice[b-by6idpp9c5] {
    --ink: #3d2817;
    --paper: #faf5ec;
    --muted: #9b7a5c;
    --terra: #c2643a;
    --clay: #d88a5c;
    --sand: #f4e5d0;
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-bg: linear-gradient(135deg, var(--sand) 0%, #f7ead8 100%);
    --band-logo-height: 6cqw;
    --band-initial-size: 6.5cqw;
    --band-initial-radius: 50%;
    --band-initial-bg: var(--terra);
    --band-initial-fg: #fff;
    --band-initial-font-size: 2.8cqw;
    --band-initial-weight: 700;
    --band-name-size: 2.6cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.01em;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 600;
    --band-tagline-tracking: 0.24em;
    --band-tagline-color: var(--terra);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.15cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.34em;
    --band-doc-word-color: var(--terra);
    --band-doc-number-size: 2.2cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-bg: var(--sand);
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-color: var(--muted);
    --billing-gap: 8cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px solid rgba(194, 100, 58, 0.25);
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--terra);
    --billing-label-margin-bottom: 0.9cqw;
    --billing-value-size: 1.45cqw;
    --billing-value-weight: 600;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px solid rgba(194, 100, 58, 0.25);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.28em;
    --parties-label-color: var(--terra);
    --parties-label-margin-bottom: 0.9cqw;
    --parties-name-size: 1.65cqw;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #5a3a25;
    --parties-line-height: 1.6;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1.5px solid var(--terra);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--terra);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #5a3a25;
    --settlement-text-line-height: 1.7;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.24em;
    --items-header-color: var(--terra);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1.5px solid var(--terra);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid rgba(194, 100, 58, 0.15);
    --items-title-weight: 600;
    --items-detail-size: 1.05cqw;
    --items-total-weight: 600;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --total-due-padding: 1.8cqw 3cqw;
    --total-due-bg: var(--terra);
    --total-due-fg: #fff;
    --total-due-radius: 2cqw 0 2cqw 0;
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.3em;
    --total-due-label-color: #fff;
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: #fff;
    --footer-bg: var(--sand);
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: none;
    --footer-tracking: 0.04em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.terra-rule[b-by6idpp9c5] {
    height: 0.6cqw;
    background: linear-gradient(90deg, var(--terra) 0%, var(--clay) 60%, var(--sand) 100%);
}

.terra-body[b-by6idpp9c5] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/VibrantGradientTemplate.razor.rz.scp.css */
.vg-invoice[b-wqmkbg8jdk] {
    --ink: #1a1030;
    --muted: #6a5a8a;
    --rule: #e8def8;
    --grad-start: #6d5cf6;
    --grad-mid: #b83ae8;
    --grad-end: #ff5c8a;
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-bg: linear-gradient(135deg, var(--grad-start) 0%, var(--grad-mid) 50%, var(--grad-end) 100%);
    --band-fg: #fff;
    --band-logo-height: 6cqw;
    --band-initial-size: 6.5cqw;
    --band-initial-radius: 2cqw;
    --band-initial-bg: linear-gradient(135deg, var(--grad-start) 0%, var(--grad-end) 100%);
    --band-initial-fg: #fff;
    --band-initial-font-size: 2.8cqw;
    --band-initial-weight: 800;
    --band-name-size: 2.6cqw;
    --band-name-weight: 800;
    --band-name-tracking: -0.02em;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 600;
    --band-tagline-tracking: 0.2em;
    --band-tagline-color: rgba(255,255,255,0.7);
    --band-tagline-margin-top: 0.6cqw;
    --band-doc-align: center;
    --band-doc-word-size: 1.1cqw;
    --band-doc-word-weight: 800;
    --band-doc-word-tracking: 0.34em;
    --band-doc-number-size: 2.4cqw;
    --band-doc-number-weight: 800;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-bg: linear-gradient(135deg, var(--grad-start) 0%, var(--grad-end) 100%);
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-color: rgba(255,255,255,0.7);
    --badge-neutral-bg: rgba(255, 255, 255, 0.2);
    --badge-neutral-fg: #ffffff;
    --badge-neutral-stroke: rgba(255, 255, 255, 0.4);
    --badge-neutral-ink: #6a5a8a;
    --badge-neutral-tint: rgba(255, 255, 255, 0.15);
    --badge-amber-bg: #ffb340;
    --badge-amber-fg: #1a1030;
    --badge-amber-stroke: #ffb340;
    --badge-amber-ink: #ffb340;
    --badge-amber-tint: rgba(255, 179, 64, 0.2);
    --badge-green-bg: #2fe5a4;
    --badge-green-fg: #1a1030;
    --badge-green-stroke: #2fe5a4;
    --badge-green-ink: #2fe5a4;
    --badge-green-tint: rgba(47, 229, 164, 0.2);
    --badge-red-bg: #ff3d5e;
    --badge-red-fg: #ffffff;
    --badge-red-stroke: #ff3d5c;
    --badge-red-ink: #ff3d5e;
    --badge-red-tint: rgba(255, 61, 94, 0.2);
    --billing-gap: 2cqw;
    --billing-cell-padding: 1.6cqw 2.4cqw;
    --billing-cell-bg: #f5efff;
    --billing-cell-radius: 2cqw;
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 800;
    --billing-label-tracking: 0.26em;
    --billing-label-color: var(--grad-mid);
    --billing-label-margin-bottom: 0.8cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 700;
    --billing-value-color: var(--ink);
    --parties-gap: 4cqw;
    --parties-label-size: 0.9cqw;
    --parties-label-weight: 800;
    --parties-label-tracking: 0.26em;
    --parties-label-color: var(--grad-mid);
    --parties-label-margin-bottom: 0.8cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-line-height: 1.25;
    --parties-line-size: 1.2cqw;
    --parties-line-color: #4a3a6a;
    --parties-line-height: 1.6;
    --settlement-columns: 1fr 1.05fr;
    --settlement-gap: 5cqw;
    --settlement-border-top: 1px solid var(--rule);
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 800;
    --settlement-label-tracking: 0.26em;
    --settlement-label-color: var(--grad-mid);
    --settlement-label-margin-bottom: 0.8cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #4a3a6a;
    --settlement-text-line-height: 1.7;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 800;
    --items-header-tracking: 0.22em;
    --items-header-color: var(--ink);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 0.3cqw solid var(--grad-mid);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 600;
    --items-detail-size: 1.1cqw;
    --items-total-weight: 700;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 700;
    --total-due-padding: 1.8cqw 3cqw;
    --total-due-bg: linear-gradient(135deg, var(--grad-start) 0%, var(--grad-mid) 50%, var(--grad-end) 100%);
    --total-due-fg: #fff;
    --total-due-radius: 2.5cqw;
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 800;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: #fff;
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 800;
    --total-due-value-tracking: -0.03em;
    --total-due-value-color: #fff;
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 700;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.03em;
    --footer-size: 1.05cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #fff;
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

.vg-accent[b-wqmkbg8jdk] {
    height: 0.5cqw;
    background: linear-gradient(90deg, var(--grad-start) 0%, var(--grad-mid) 50%, var(--grad-end) 100%);
}

.vg-body[b-wqmkbg8jdk] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/VintageLedgerTemplate.razor.rz.scp.css */
.vin-invoice[b-1giindpln7] {
    --ink: #2b2016;
    --muted: #8a7358;
    --paper: #f5efe1;
    --rule: #c9b89a;
    --deep: #6b4423;
    --band-padding: 6cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-align: flex-end;
    --band-border-bottom: 0.15cqw solid var(--deep);
    --band-logo-height: 6cqw;
    --band-initial-size: 5cqw;
    --band-initial-bg: transparent;
    --band-initial-fg: var(--deep);
    --band-initial-font-size: 4cqw;
    --band-initial-weight: 700;
    --band-initial-font: Georgia, 'Times New Roman', serif;
    --band-name-size: 3.4cqw;
    --band-name-weight: 700;
    --band-name-tracking: 0.02em;
    --band-name-line-height: 1.05;
    --band-name-font: Georgia, 'Times New Roman', serif;
    --band-tagline-size: 1.05cqw;
    --band-tagline-weight: inherit;
    --band-tagline-tracking: 0.04em;
    --band-tagline-color: var(--deep);
    --band-tagline-margin-top: 0.8cqw;
    --band-tagline-style: italic;
    --band-doc-align: center;
    --band-doc-word-size: 1.3cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.42em;
    --band-doc-word-color: var(--deep);
    --band-doc-number-size: 1.6cqw;
    --band-doc-number-weight: 500;
    --band-doc-number-color: var(--ink);
    --band-doc-number-margin-top: 0.8cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-border-bottom: 1px solid var(--rule);
    --band-compact-doc-number-size: 1.3cqw;
    --band-compact-brand-color: var(--muted);
    --billing-gap: 6cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px solid var(--rule);
    --billing-label-size: 0.95cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.24em;
    --billing-label-color: var(--deep);
    --billing-label-margin-bottom: 0.7cqw;
    --billing-value-size: 1.4cqw;
    --billing-value-weight: 500;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px solid var(--rule);
    --parties-label-size: 0.95cqw;
    --parties-label-tracking: 0.24em;
    --parties-label-color: var(--deep);
    --parties-label-margin-bottom: 0.7cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-weight: 600;
    --parties-line-size: 1.2cqw;
    --parties-line-color: #5a4632;
    --parties-line-height: 1.65;
    --items-font: Georgia, 'Times New Roman', serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.24em;
    --items-header-color: var(--deep);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1px solid var(--deep);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 500;
    --items-detail-size: 1.1cqw;
    --items-detail-style: italic;
    --items-total-weight: 600;
    --settlement-gap: 6cqw;
    --settlement-border-top: 1px solid var(--deep);
    --settlement-label-size: 0.95cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.24em;
    --settlement-label-color: var(--deep);
    --settlement-label-margin-bottom: 0.7cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #5a4632;
    --settlement-text-line-height: 1.7;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 500;
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 0.15cqw solid var(--deep);
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.24em;
    --total-due-label-color: var(--deep);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.01em;
    --total-due-value-color: var(--ink);
    --total-due-value-font: Georgia, 'Times New Roman', serif;
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: Georgia, 'Times New Roman', serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.04em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', Georgia, serif;
    font-variant-numeric: oldstyle-nums tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .vin-invoice[b-1giindpln7]  .inv-billing-label {
        font-style: italic;
    }

    .vin-invoice[b-1giindpln7]  .inv-parties-label {
        font-style: italic;
    }

    .vin-invoice[b-1giindpln7]  .inv-settlement-label,
    .vin-invoice[b-1giindpln7]  .inv-totals-label,
    .vin-invoice[b-1giindpln7]  .inv-total-due-label {
        font-style: italic;
    }

    .vin-invoice[b-1giindpln7]  .inv-band-doc-number {
        font-style: italic;
    }

    .vin-invoice[b-1giindpln7]  .inv-band-compact-brand {
        font-style: italic;
    }

.vin-rule[b-1giindpln7] {
    height: 0.15cqw;
    background: var(--deep);
    margin: 0.4cqw 8cqw 0;
}

.vin-body[b-1giindpln7] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.6;
}
/* /Tools/InvoiceGenerator/Templates/WatercolorTemplate.razor.rz.scp.css */
.wc-invoice[b-n6cyjd02fw] {
    --ink: #3a2c4a;
    --paper: #fdfbfd;
    --muted: #9a8aa8;
    --blush: #f0c6d8;
    --lilac: #cdb8e0;
    --mint: #b8d8d0;
    --band-padding: 6cqw 8cqw 5cqw;
    --band-gap: 4cqw;
    --band-logo-height: 6cqw;
    --band-initial-size: 4.5cqw;
    --band-initial-bg: transparent;
    --band-initial-fg: var(--muted);
    --band-initial-font-size: 3.6cqw;
    --band-initial-weight: 700;
    --band-name-size: 2.6cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.005em;
    --band-name-line-height: 1.15;
    --band-tagline-size: 1cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.2em;
    --band-tagline-color: var(--muted);
    --band-tagline-margin-top: 0.6cqw;
    --band-tagline-style: italic;
    --band-doc-align: center;
    --band-doc-word-size: 1.2cqw;
    --band-doc-word-weight: 700;
    --band-doc-word-tracking: 0.36em;
    --band-doc-word-color: var(--ink);
    --band-doc-number-size: 2.2cqw;
    --band-doc-number-weight: 600;
    --band-doc-number-margin-top: 0.6cqw;
    --band-compact-padding: 3cqw 8cqw;
    --band-compact-bg: linear-gradient(135deg, var(--blush) 0%, var(--lilac) 100%);
    --band-compact-doc-number-size: 1.5cqw;
    --band-compact-brand-color: var(--ink);
    --band-compact-brand-weight: 500;
    --band-compact-brand-style: italic;
    --billing-gap: 8cqw;
    --billing-padding-bottom: 2cqw;
    --billing-border-bottom: 1px dashed var(--lilac);
    --billing-label-size: 0.9cqw;
    --billing-label-weight: 700;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.9cqw;
    --billing-value-size: 1.45cqw;
    --billing-value-weight: 600;
    --parties-gap: 4cqw;
    --parties-padding-bottom: 4cqw;
    --parties-border-bottom: 1px dashed var(--lilac);
    --parties-label-size: 0.9cqw;
    --parties-label-tracking: 0.28em;
    --parties-label-color: var(--muted);
    --parties-label-margin-bottom: 0.9cqw;
    --parties-name-size: 1.7cqw;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #5a4a68;
    --parties-line-height: 1.6;
    --settlement-gap: 6cqw;
    --settlement-border-top: none;
    --settlement-label-size: 0.9cqw;
    --settlement-label-weight: 700;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 0.9cqw;
    --settlement-text-size: 1.2cqw;
    --settlement-text-color: #5a4a68;
    --settlement-text-line-height: 1.7;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.9cqw;
    --items-header-weight: 700;
    --items-header-tracking: 0.24em;
    --items-header-color: var(--ink);
    --items-header-padding: 0 0 1.5cqw;
    --items-header-border: 1.5px solid var(--lilac);
    --items-row-padding: 1.2cqw 0;
    --items-row-size: 1.35cqw;
    --items-row-border-bottom: 1px solid var(--blush);
    --items-title-weight: 600;
    --items-detail-size: 1.05cqw;
    --items-detail-style: italic;
    --items-total-weight: 600;
    --totals-font-size: 1.35cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --total-due-padding: 1.8cqw 3cqw;
    --total-due-bg: linear-gradient(135deg, var(--blush) 0%, var(--lilac) 60%, var(--mint) 100%);
    --total-due-fg: var(--ink);
    --total-due-radius: 3cqw;
    --total-due-label-size: 1cqw;
    --total-due-label-weight: 700;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: var(--ink);
    --total-due-value-size: 3cqw;
    --total-due-value-weight: 700;
    --total-due-value-tracking: -0.02em;
    --total-due-value-color: var(--ink);
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 1px dashed var(--lilac);
    --footer-tracking: 0.04em;
    --footer-size: 1cqw;
    --footer-transform: none;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
}

    .wc-invoice[b-n6cyjd02fw]  .inv-billing-value {
        font-style: italic;
    }

    .wc-invoice[b-n6cyjd02fw]  .inv-totals-label,
    .wc-invoice[b-n6cyjd02fw]  .inv-total-due-value {
        font-style: italic;
    }

    .wc-invoice[b-n6cyjd02fw]  .inv-band {
        position: relative;
        overflow: hidden;
    }

    .wc-invoice[b-n6cyjd02fw]  .inv-band-brand,
    .wc-invoice[b-n6cyjd02fw]  .inv-band-doc {
        position: relative;
        z-index: 1;
    }

    .wc-invoice[b-n6cyjd02fw]  .inv-band-doc-number {
        font-style: italic;
    }

.wc-blob[b-n6cyjd02fw] {
    position: absolute;
    pointer-events: none;
    filter: blur(20px);
    opacity: 0.55;
    z-index: 0;
}

.wc-blob-1[b-n6cyjd02fw] {
    width: 26cqw;
    height: 26cqw;
    background: radial-gradient(circle, var(--blush) 0%, transparent 70%);
    top: -8cqw;
    left: -6cqw;
}

.wc-blob-2[b-n6cyjd02fw] {
    width: 30cqw;
    height: 30cqw;
    background: radial-gradient(circle, var(--lilac) 0%, transparent 70%);
    top: -10cqw;
    right: 10cqw;
}

.wc-body[b-n6cyjd02fw] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.4cqw;
    line-height: 1.55;
}
/* /Tools/InvoiceGenerator/Templates/XanAigeTemplate.razor.rz.scp.css */
.xasd-invoice[b-2i4eicu8oq] {
    --ink: #0a0a0f;
    --muted: #71717a;
    --rule: #e8e6e0;
    --accent: #6d5cf6;
    --band: #171722;
    --badge-theme: var(--accent);
    --band-padding: 4.5cqw 8cqw 4cqw;
    --band-gap: 4cqw;
    --band-align: flex-start;
    --band-bg: var(--band);
    --band-fg: #fff;
    --band-brand-gap: 2.2cqw;
    --band-brand-min-width: 0;
    --band-logo-width: 7.5cqw;
    --band-logo-height: 7.5cqw;
    --band-logo-radius: 2px;
    --band-logo-bg: rgba(255, 255, 255, 0.05);
    --band-logo-border: 1px solid rgba(255, 255, 255, 0.1);
    --band-logo-padding: 0.7cqw;
    --band-initial-size: 7.5cqw;
    --band-initial-radius: 2px;
    --band-initial-bg: var(--accent);
    --band-initial-fg: #fff;
    --band-initial-font-size: 3.2cqw;
    --band-initial-weight: 800;
    --band-name-size: 2.4cqw;
    --band-name-weight: 700;
    --band-name-tracking: -0.015em;
    --band-name-line-height: 1.2;
    --band-name-white-space: nowrap;
    --band-name-overflow: hidden;
    --band-name-text-overflow: ellipsis;
    --band-tagline-size: 1.1cqw;
    --band-tagline-weight: 500;
    --band-tagline-tracking: 0.05em;
    --band-tagline-color: rgba(255, 255, 255, 0.5);
    --band-tagline-margin-top: 0.4cqw;
    --band-doc-align: right;
    --band-doc-word-size: 1.3cqw;
    --band-doc-word-weight: 800;
    --band-doc-word-tracking: 0.42em;
    --band-doc-word-color: rgba(255, 255, 255, 0.5);
    --band-doc-number-size: 2.8cqw;
    --band-doc-number-weight: 700;
    --band-doc-number-tracking: -0.01em;
    --band-doc-number-color: #fff;
    --band-doc-number-margin-top: 0;
    --band-doc-number-margin-bottom: 1cqw;
    --band-compact-padding: 3.5cqw 8cqw;
    --band-compact-doc-number-size: 2cqw;
    --band-compact-brand-color: rgba(255, 255, 255, 0.55);
    --band-compact-brand-tracking: 0.02em;
    --band-compact-brand-weight: 500;
    --billing-gap: 4cqw;
    --billing-margin-bottom: 1.5cqw;
    --billing-label-size: 0.95cqw;
    --billing-label-weight: 800;
    --billing-label-tracking: 0.28em;
    --billing-label-color: var(--muted);
    --billing-label-margin-bottom: 0.4cqw;
    --billing-value-size: 1.5cqw;
    --billing-value-weight: 600;
    --parties-gap: 4cqw;
    --parties-label-margin-bottom: 1.2cqw;
    --parties-name-size: 1.7cqw;
    --parties-name-tracking: -0.005em;
    --parties-name-line-height: 1.15;
    --parties-name-margin-bottom: 0.4cqw;
    --parties-line-size: 1.25cqw;
    --parties-line-color: #3a3a45;
    --parties-line-height: 1.5;
    --settlement-gap: 6cqw;
    --settlement-label-size: 0.95cqw;
    --settlement-label-weight: 800;
    --settlement-label-tracking: 0.28em;
    --settlement-label-color: var(--muted);
    --settlement-label-margin-bottom: 1.2cqw;
    --settlement-text-size: 1.35cqw;
    --settlement-text-color: #2a2a35;
    --settlement-text-line-height: 1.75;
    --settlement-text-tracking: 0.01em;
    --settlement-text-weight: 500;
    --settlement-right-gap: 3cqw;
    --items-font: 'Montserrat', system-ui, sans-serif;
    --items-header-size: 0.95cqw;
    --items-header-weight: 800;
    --items-header-tracking: 0.18em;
    --items-header-color: var(--muted);
    --items-header-padding: 0 0 1.6cqw;
    --items-header-border: 1.5px solid var(--ink);
    --items-row-padding: 0.85cqw 0;
    --items-row-size: 1.3cqw;
    --items-row-border-bottom: 1px solid var(--rule);
    --items-title-weight: 600;
    --items-detail-size: 1cqw;
    --items-detail-color: var(--muted);
    --items-total-weight: 600;
    --totals-font-size: 1.45cqw;
    --totals-label-color: var(--muted);
    --totals-value-weight: 600;
    --totals-discount-color: var(--accent);
    --total-due-padding: 1.8cqw 0 0 0;
    --total-due-border-top: 1.5px solid var(--ink);
    --total-due-label-size: 1.1cqw;
    --total-due-label-weight: 800;
    --total-due-label-tracking: 0.28em;
    --total-due-label-color: var(--ink);
    --total-due-value-size: 3.4cqw;
    --total-due-value-weight: 800;
    --total-due-value-tracking: -0.025em;
    --total-due-value-color: var(--accent);
    --footer-bg: transparent;
    --footer-fg: var(--muted);
    --footer-font: 'Montserrat', system-ui, sans-serif;
    --footer-font-weight: 500;
    --footer-border: 1px solid var(--rule);
    --footer-tracking: 0.02em;
    --footer-size: 1.1cqw;
    --footer-transform: none;
    position: relative;
    z-index: 1;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #fdfdfb;
    color: var(--ink);
    font-family: 'Montserrat', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

    .xasd-invoice.is-measuring .items[b-2i4eicu8oq] {
        flex: initial;
        min-height: auto;
        overflow: visible;
    }

.accent-rule[b-2i4eicu8oq] {
    height: 0.55cqw;
    background: var(--accent);
}

.body[b-2i4eicu8oq] {
    flex: 1;
    min-height: 0;
    padding: 3cqw 8cqw;
    display: flex;
    flex-direction: column;
    font-size: 1.45cqw;
    line-height: 1.55;
}
/* /Tools/VatCalculator/Controls/CurrencyCoinReel.razor.rz.scp.css */
.coin-reel[b-6tyxlnf84n] {
    display: block;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 6px rgba(16, 185, 129, 0.25));
}

.cr-sym[b-6tyxlnf84n] {
    font-family: 'Montserrat', system-ui, sans-serif;
    font-size: 19px;
    font-weight: 800;
    text-anchor: middle;
    fill: #052e1a;
    opacity: 0;
    transform-origin: 22px 22px;
    animation: cr-cycle-b-6tyxlnf84n 12s cubic-bezier(0.45, 0, 0.15, 1) infinite;
}

.cr-sym-1[b-6tyxlnf84n] {
    animation-delay: 0s;
}

.cr-sym-2[b-6tyxlnf84n] {
    animation-delay: 2s;
}

.cr-sym-3[b-6tyxlnf84n] {
    animation-delay: 4s;
}

.cr-sym-4[b-6tyxlnf84n] {
    animation-delay: 6s;
}

.cr-sym-5[b-6tyxlnf84n] {
    animation-delay: 8s;
}

.cr-sym-6[b-6tyxlnf84n] {
    animation-delay: 10s;
}

@keyframes cr-cycle-b-6tyxlnf84n {
    0% {
        opacity: 0;
        transform: translateY(-14px);
    }

    4% {
        opacity: 1;
        transform: translateY(0);
    }

    14% {
        opacity: 1;
        transform: translateY(0);
    }

    17% {
        opacity: 0;
        transform: translateY(14px);
    }

    100% {
        opacity: 0;
        transform: translateY(-14px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cr-sym[b-6tyxlnf84n] {
        animation: none;
    }

    .cr-sym-1[b-6tyxlnf84n] {
        opacity: 1;
    }
}
/* /Tools/VatCalculator/Controls/FxRateGroups.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   FX LIST (grouped by region)
   ═══════════════════════════════════════════════════════ */
.vat-fx-multi[b-dwzgaqxa50] {
    margin-top: 16px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
}

.vat-fx-header[b-dwzgaqxa50] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 11px;
    color: #a1a1aa;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}

.vat-fx-time[b-dwzgaqxa50] {
    font-size: 10px;
    color: #52525b;
    letter-spacing: 0.04em;
    text-transform: none;
}

.vat-fx-group[b-dwzgaqxa50] {
    margin-top: 14px;
}

    .vat-fx-group:first-child[b-dwzgaqxa50] {
        margin-top: 0;
    }

.vat-fx-group-label[b-dwzgaqxa50] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #71717a;
    margin-bottom: 6px;
    padding-left: 2px;
    font-weight: 600;
}

.vat-fx-list[b-dwzgaqxa50] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 5px;
}

.vat-fx-item[b-dwzgaqxa50] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 12px;
    background: rgba(10, 15, 20, 0.5);
    border-radius: 6px;
    overflow: hidden;
    min-width: 0;
}

.vat-fx-country[b-dwzgaqxa50] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #71717a;
    font-weight: 800;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vat-fx-line[b-dwzgaqxa50] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.vat-fx-code[b-dwzgaqxa50] {
    color: #71717a;
    font-size: 11px;
    letter-spacing: 0.04em;
    font-weight: 600;
    flex-shrink: 0;
}

.vat-fx-item strong[b-dwzgaqxa50] {
    color: #d4d4d8;
    font-variant-numeric: tabular-nums;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Home currency — emerald (matches stack) */
.vat-fx-item--home[b-dwzgaqxa50] {
    background: rgba(110, 231, 183, 0.12);
    border: 1px solid rgba(110, 231, 183, 0.35);
    font-weight: 600;
}

    .vat-fx-item--home .vat-fx-country[b-dwzgaqxa50],
    .vat-fx-item--home .vat-fx-code[b-dwzgaqxa50],
    .vat-fx-item--home strong[b-dwzgaqxa50] {
        color: #6ee7b7;
    }

/* Selected country's currency — violet (matches stack) */
.vat-fx-item--focus[b-dwzgaqxa50] {
    background: rgba(196, 181, 253, 0.12);
    border: 1px solid rgba(196, 181, 253, 0.35);
    font-weight: 600;
}

    .vat-fx-item--focus .vat-fx-country[b-dwzgaqxa50],
    .vat-fx-item--focus .vat-fx-code[b-dwzgaqxa50] {
        color: #c4b5fd;
    }

    .vat-fx-item--focus strong[b-dwzgaqxa50] {
        color: #ddd6fe;
    }

.vat-fx-rate[b-dwzgaqxa50] {
    font-size: 9.5px;
    color: #52525b;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}

.vat-fx-item--home .vat-fx-rate[b-dwzgaqxa50] {
    color: rgba(110, 231, 183, 0.6);
}

.vat-fx-item--focus .vat-fx-rate[b-dwzgaqxa50] {
    color: rgba(196, 181, 253, 0.6);
}
/* /Tools/VatCalculator/Controls/HeadingFilingCabinet.razor.rz.scp.css */
.heading-generator[b-lfcrnk7cgi] {
    flex-shrink: 0;
    width: 240px;
    height: 220px;
    pointer-events: none;
    user-select: none;
}

.hg-svg[b-lfcrnk7cgi] {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/* ═══════════════════════════════════════════════
   GLOBE — gentle glow pulse
   ═══════════════════════════════════════════════ */
.hg-globe[b-lfcrnk7cgi] {
    animation: hg-globe-pulse-b-lfcrnk7cgi 4s ease-in-out infinite;
    transform-origin: 110px 26px;
}

@keyframes hg-globe-pulse-b-lfcrnk7cgi {
    0%, 100% {
        filter: drop-shadow(0 0 3px rgba(165, 243, 252, 0.3));
    }

    50% {
        filter: drop-shadow(0 0 7px rgba(165, 243, 252, 0.65));
    }
}

/* ═══════════════════════════════════════════════
   DRAWER 2 — slides open, paper flips out, closes
   ═══════════════════════════════════════════════ */
.hg-drawer-2[b-lfcrnk7cgi] {
    animation: hg-drawer-slide-b-lfcrnk7cgi 6s ease-in-out infinite;
}

@keyframes hg-drawer-slide-b-lfcrnk7cgi {
    0%, 10% {
        transform: translateX(0);
    }

    25%, 75% {
        transform: translateX(16px);
    }

    90%, 100% {
        transform: translateX(0);
    }
}

.hg-paper[b-lfcrnk7cgi] {
    transform-origin: 81px 115px; /* bottom-center of paper */
    animation: hg-paper-flip-b-lfcrnk7cgi 6s ease-in-out infinite;
    opacity: 0;
}

@keyframes hg-paper-flip-b-lfcrnk7cgi {
    0%, 22% {
        transform: translateY(0) rotate(0deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    40%, 60% {
        transform: translateY(-52px) rotate(-7deg);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    78%, 100% {
        transform: translateY(0) rotate(0deg);
        opacity: 0;
    }
}

/* ═══════════════════════════════════════════════
   ACCESSIBILITY
   ═══════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .hg-globe[b-lfcrnk7cgi],
    .hg-drawer-2[b-lfcrnk7cgi],
    .hg-paper[b-lfcrnk7cgi] {
        animation: none;
    }

    .hg-paper[b-lfcrnk7cgi] {
        opacity: 0;
    }
}

/* ═══════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════ */
@media (max-width: 900px) {
    .heading-generator[b-lfcrnk7cgi] {
        display: none;
    }
}
/* /Tools/VatCalculator/Pages/VatCalculator.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   PAGE
   ═══════════════════════════════════════════════════════ */
.vat-page[b-g2068lj3mn] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 48px 32px 96px;
}

/* ═══════════════════════════════════════════════════════
   GLOBE / MAP
   ═══════════════════════════════════════════════════════ */
.vat-map-wrap[b-g2068lj3mn] {
    position: relative;
}

.vat-map-container[b-g2068lj3mn] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    background: radial-gradient(ellipse at 50% 40%, #0e1620 0%, #06090d 70%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16 / 9;
    min-height: 340px;
    max-height: 480px;
}

.vat-map-tooltip[b-g2068lj3mn] {
    position: absolute;
    pointer-events: none;
    background: rgba(10, 15, 20, 0.95);
    color: #f4f4f5;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    opacity: 0;
    transition: opacity 0.1s;
    z-index: 10;
    white-space: nowrap;
}

    .vat-map-tooltip.visible[b-g2068lj3mn] {
        opacity: 1;
    }

/* Top-of-map pill buttons */
.vat-globe-toggle[b-g2068lj3mn],
.vat-globe-reset[b-g2068lj3mn] {
    position: absolute;
    top: 16px;
    z-index: 20;
    padding: 6px 14px;
    background: rgba(18, 24, 32, 0.75);
    color: #d4d4d8;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: all 0.15s ease;
    font-family: inherit;
    letter-spacing: 0.02em;
}

.vat-globe-toggle[b-g2068lj3mn] {
    left: 16px;
}

.vat-globe-reset[b-g2068lj3mn] {
    right: 16px;
}

    .vat-globe-toggle:hover[b-g2068lj3mn],
    .vat-globe-reset:hover[b-g2068lj3mn] {
        background: rgba(30, 42, 56, 0.9);
        border-color: rgba(255, 255, 255, 0.25);
        color: #f4f4f5;
    }

.vat-globe-toggle[data-mode="day"][b-g2068lj3mn] {
    background: rgba(165, 243, 252, 0.15);
    border-color: rgba(165, 243, 252, 0.35);
    color: #a5f3fc;
}

/* ═══════════════════════════════════════════════════════
   BREADCRUMB
   ═══════════════════════════════════════════════════════ */
.vat-breadcrumb[b-g2068lj3mn] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0 8px;
    min-height: 28px;
}

.vat-back[b-g2068lj3mn] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #a1a1aa;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
}

    .vat-back:hover[b-g2068lj3mn] {
        color: #f4f4f5;
        border-color: rgba(255, 255, 255, 0.3);
    }

.vat-current[b-g2068lj3mn] {
    color: #f4f4f5;
    font-size: 14px;
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════
   LAYOUT
   ═══════════════════════════════════════════════════════ */
.vat-layout[b-g2068lj3mn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
}

.vat-layout-map[b-g2068lj3mn],
.vat-layout-side[b-g2068lj3mn] {
    min-width: 0;
}

    .vat-layout-side .vat-empty[b-g2068lj3mn],
    .vat-layout-side .vat-panel[b-g2068lj3mn] {
        margin-top: 0;
    }

/* ═══════════════════════════════════════════════════════
   EMPTY STATE
   ═══════════════════════════════════════════════════════ */
.vat-empty[b-g2068lj3mn] {
    margin-top: 5px;
    padding: 14px 20px;
    text-align: center;
}

.vat-empty-text[b-g2068lj3mn] {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #71717a;
    animation: vat-empty-pulse-b-g2068lj3mn 2.4s ease-in-out infinite;
}

@keyframes vat-empty-pulse-b-g2068lj3mn {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
        color: #a5f3fc;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vat-empty-text[b-g2068lj3mn] {
        animation: none;
        opacity: 0.85;
    }
}

/* ═══════════════════════════════════════════════════════
   CALCULATOR PANEL
   ═══════════════════════════════════════════════════════ */
.vat-panel[b-g2068lj3mn] {
    margin-top: 24px;
    background: rgba(18, 24, 32, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px;
    backdrop-filter: blur(12px);
}

.vat-panel-head[b-g2068lj3mn] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.vat-flag[b-g2068lj3mn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 30px;
    flex-shrink: 0;
}

    .vat-flag img[b-g2068lj3mn] {
        display: block;
        width: 40px;
        height: auto;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
        object-fit: cover;
    }

.vat-panel-head h2[b-g2068lj3mn] {
    margin: 0;
    font-size: 22px;
    color: #f4f4f5;
}

.vat-meta[b-g2068lj3mn] {
    margin: 4px 0 0;
    color: #a1a1aa;
    font-size: 13px;
}

/* Amount + toggle row */
.vat-controls[b-g2068lj3mn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

@media (min-width: 640px) {
    .vat-controls[b-g2068lj3mn] {
        grid-template-columns: 1fr auto;
        align-items: end;
    }
}

.vat-field label[b-g2068lj3mn] {
    display: block;
    font-size: 12px;
    color: #a1a1aa;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.vat-input-wrap[b-g2068lj3mn] {
    display: flex;
    align-items: center;
    background: rgba(10, 15, 20, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 0 12px;
}

.vat-prefix[b-g2068lj3mn] {
    color: #71717a;
    font-size: 14px;
    margin-right: 6px;
}

.vat-input-wrap input[b-g2068lj3mn] {
    flex: 1;
    background: transparent;
    border: 0;
    outline: 0;
    color: #f4f4f5;
    font-size: 16px;
    padding: 12px 0;
    font-variant-numeric: tabular-nums;
}

.vat-toggle[b-g2068lj3mn] {
    display: inline-flex;
    background: rgba(10, 15, 20, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 4px;
    gap: 4px;
}

    .vat-toggle button[b-g2068lj3mn] {
        background: transparent;
        border: 0;
        color: #a1a1aa;
        padding: 10px 16px;
        border-radius: 8px;
        font-size: 13px;
        cursor: pointer;
        transition: all 0.15s;
    }

        .vat-toggle button.active[b-g2068lj3mn] {
            background: #6ee7b7;
            color: #052e1a;
            font-weight: 600;
        }

/* Results grid */
.vat-results[b-g2068lj3mn] {
    display: grid;
    gap: 2px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
}

.vat-row[b-g2068lj3mn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    font-size: 14px;
    color: #d4d4d8;
    background: rgba(10, 15, 20, 0.5);
}

    .vat-row strong[b-g2068lj3mn] {
        font-variant-numeric: tabular-nums;
        font-size: 16px;
    }

.vat-row--accent[b-g2068lj3mn] {
    color: #6ee7b7;
    background: rgba(110, 231, 183, 0.08);
}

    .vat-row--accent strong[b-g2068lj3mn] {
        color: #6ee7b7;
    }

.vat-row--total[b-g2068lj3mn] {
    background: rgba(110, 231, 183, 0.15);
    color: #f4f4f5;
    font-weight: 600;
}

    .vat-row--total strong[b-g2068lj3mn] {
        font-size: 18px;
    }

/* Notes */
.vat-note[b-g2068lj3mn] {
    margin: 16px 0 0;
    font-size: 13px;
    color: #a1a1aa;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.03);
    border-left: 2px solid #6ee7b7;
    border-radius: 6px;
}

.vat-local-note[b-g2068lj3mn] {
    font-size: 13px;
    color: #a1a1aa;
    margin: 0 0 20px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.03);
    border-left: 2px solid #71717a;
    border-radius: 6px;
}

/* ═══════════════════════════════════════════════════════
   REDUCED RATE CHIPS
   ═══════════════════════════════════════════════════════ */
.vat-reduced[b-g2068lj3mn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.vat-reduced-label[b-g2068lj3mn] {
    font-size: 12px;
    color: #a1a1aa;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.vat-chip[b-g2068lj3mn] {
    background: rgba(10, 15, 20, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #d4d4d8;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
    font-variant-numeric: tabular-nums;
}

    .vat-chip:hover[b-g2068lj3mn] {
        border-color: rgba(255, 255, 255, 0.3);
    }

    .vat-chip.active[b-g2068lj3mn] {
        background: #6ee7b7;
        color: #052e1a;
        border-color: #6ee7b7;
        font-weight: 600;
    }

/* ═══════════════════════════════════════════════════════
   FX TICKER
   ═══════════════════════════════════════════════════════ */
.vat-fx-ticker[b-g2068lj3mn] {
    margin-top: 16px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    gap: 16px;
}

.vat-fx-ticker-body[b-g2068lj3mn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.vat-fx-ticker-prefix[b-g2068lj3mn] {
    font-size: 11px;
    color: #71717a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
}

.vat-fx-ticker-viewport[b-g2068lj3mn] {
    position: relative;
    height: 34px;
    overflow: hidden;
}

.vat-fx-ticker-item[b-g2068lj3mn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
    opacity: 0;
    animation-name: vat-ticker-cycle-b-g2068lj3mn;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

    .vat-fx-ticker-item strong[b-g2068lj3mn] {
        font-size: 24px;
        color: #6ee7b7;
        font-variant-numeric: tabular-nums;
        font-weight: 700;
        line-height: 1;
        min-width: 5.5ch;
    }

    .vat-fx-ticker-item span[b-g2068lj3mn] {
        font-size: 14px;
        color: #a5f3fc;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-weight: 600;
    }

@keyframes vat-ticker-cycle-b-g2068lj3mn {
    0% {
        opacity: 0;
        transform: translateY(14px);
    }

    3% {
        opacity: 1;
        transform: translateY(0);
    }

    15% {
        opacity: 1;
        transform: translateY(0);
    }

    18% {
        opacity: 0;
        transform: translateY(-14px);
    }

    100% {
        opacity: 0;
        transform: translateY(14px);
    }
}

/* ═══════════════════════════════════════════════════════
   DISCLAIMER
   ═══════════════════════════════════════════════════════ */
.vat-disclaimer[b-g2068lj3mn] {
    margin: 32px auto 0;
    max-width: 1100px;
    padding: 14px 20px;
    text-align: center;
    font-size: 11px;
    line-height: 1.6;
    color: #52525b;
    letter-spacing: 0.02em;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

    .vat-disclaimer strong[b-g2068lj3mn] {
        color: #71717a;
        font-weight: 600;
        margin-bottom:0px;
    }
/* /WebApplication/Components/Stack3D.razor.rz.scp.css */
.stack-container[b-96lllmj01w] {
    width: 510px;
    height: 420px;
    perspective: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: -60px;
}

.stack-3d[b-96lllmj01w] {
    position: relative;
    width: 250px;
    height: 185px;
    transform-style: preserve-3d;
    transform: rotateX(52deg) rotateZ(-38deg);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.stack-container:hover .stack-3d[b-96lllmj01w] {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateY(-10px);
}

.stack-layer[b-96lllmj01w] {
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease;
    will-change: transform;
}

.layer-ui[b-96lllmj01w] {
    transform: translateZ(50px);
    border-color: rgba(165, 243, 252, 0.35);
    background: rgba(16, 28, 38, 0.88);
    z-index: 3;
}

.layer-logic[b-96lllmj01w] {
    transform: translateZ(0px);
    border-color: rgba(196, 181, 253, 0.3);
    background: rgba(26, 20, 40, 0.88);
    z-index: 2;
}

.layer-data[b-96lllmj01w] {
    transform: translateZ(-50px);
    border-color: rgba(110, 231, 183, 0.25);
    background: rgba(14, 32, 26, 0.88);
    z-index: 1;
}

.stack-container:hover .layer-ui[b-96lllmj01w] {
    transform: translate3d(-127.5px, -50px, 0px);
    background: rgba(16, 28, 38, 0.95);
    z-index: 3;
}

.stack-container:hover .layer-logic[b-96lllmj01w] {
    transform: translate3d(127.5px, -50px, 0px);
    background: rgba(26, 20, 40, 0.95);
    z-index: 3;
}

.stack-container:hover .layer-data[b-96lllmj01w] {
    transform: translate3d(0px, 115px, 0px);
    background: rgba(14, 32, 26, 0.95);
    z-index: 2;
}

.layer-header[b-96lllmj01w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layer-badge[b-96lllmj01w] {
    font-family: monospace;
    font-size: 8.5px;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.badge-cyan[b-96lllmj01w] {
    background: rgba(165, 243, 252, 0.12);
    color: #a5f3fc;
    border: 1px solid rgba(165, 243, 252, 0.25);
}

.badge-violet[b-96lllmj01w] {
    background: rgba(196, 181, 253, 0.12);
    color: #c4b5fd;
    border: 1px solid rgba(196, 181, 253, 0.25);
}

.badge-emerald[b-96lllmj01w] {
    background: rgba(110, 231, 183, 0.12);
    color: #6ee7b7;
    border: 1px solid rgba(110, 231, 183, 0.25);
}

.layer-tech[b-96lllmj01w] {
    font-family: monospace;
    font-size: 9.5px;
    color: #a1a1aa;
}

.layer-title[b-96lllmj01w] {
    font-size: 13px;
    font-weight: 500;
    color: #f4f4f5;
    letter-spacing: -0.01em;
    margin-top: 2px;
}

.mini-preview[b-96lllmj01w] {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 8px;
    font-family: monospace;
    margin-top: 6px;
}

.mini-bar[b-96lllmj01w] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.dot[b-96lllmj01w] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

    .dot.red[b-96lllmj01w] {
        background: #ef4444;
    }

    .dot.yellow[b-96lllmj01w] {
        background: #eab308;
    }

    .dot.green[b-96lllmj01w] {
        background: #22c55e;
    }

.mini-url[b-96lllmj01w] {
    font-size: 8px;
    color: #71717a;
    margin-left: 4px;
}

.mini-ui-body[b-96lllmj01w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mini-btn[b-96lllmj01w] {
    background: rgba(165, 243, 252, 0.15);
    border: 1px solid rgba(165, 243, 252, 0.3);
    color: #a5f3fc;
    font-size: 9px;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 500;
}

.mini-toggle[b-96lllmj01w] {
    width: 22px;
    height: 12px;
    background: #0284c7;
    border-radius: 10px;
    position: relative;
}

    .mini-toggle[b-96lllmj01w]::after {
        content: '';
        position: absolute;
        right: 2px;
        top: 2px;
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 50%;
    }

.api-preview[b-96lllmj01w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.api-method[b-96lllmj01w] {
    display: inline-block;
    align-self: flex-start;
    background: rgba(196, 181, 253, 0.2);
    color: #c4b5fd;
    font-size: 8.5px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
}

.api-path[b-96lllmj01w] {
    font-size: 9.5px;
    color: #e4e4e7;
}

.api-status[b-96lllmj01w] {
    font-size: 8.5px;
    color: #4ade80;
}

.db-preview[b-96lllmj01w] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.db-header[b-96lllmj01w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 9px;
    font-weight: 600;
    color: #6ee7b7;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 3px;
}

.db-badge[b-96lllmj01w] {
    font-size: 7px;
    opacity: 0.6;
}

.db-row[b-96lllmj01w] {
    display: flex;
    justify-content: space-between;
    font-size: 8.5px;
    color: #d4d4d8;
}

.db-type[b-96lllmj01w] {
    color: #71717a;
    font-size: 8px;
}

@media (max-width: 1023px) {
    .stack-container[b-96lllmj01w] {
        display: none;
    }
}
/* /WebApplication/Components/ToolIcons/InvoiceToolIcon.razor.rz.scp.css */
.tool-svg[b-0nebix3497] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ── Shared styles for all invoice internals ── */
.inv-card line[b-0nebix3497] {
    stroke-width: 0.7;
    stroke-linecap: round;
    opacity: 0.55;
}

.inv-card-1 line[b-0nebix3497] {
    stroke: #a5f3fc;
}

.inv-card-2 line[b-0nebix3497] {
    stroke: #c4b5fd;
}

.inv-card-3 line[b-0nebix3497] {
    stroke: #6ee7b7;
}

.inv-card-4 line[b-0nebix3497] {
    stroke: #f5d0fe;
}

.inv-card-5 line[b-0nebix3497] {
    stroke: #fde68a;
}

.inv-total-line[b-0nebix3497] {
    stroke-width: 1 !important;
    opacity: 1 !important;
}

/* ── Card deck animation ── */
.inv-card[b-0nebix3497] {
    opacity: 0;
    transform-origin: 24px 24px;
    transform-box: view-box;
    animation: inv-card-cycle-b-0nebix3497 12s cubic-bezier(0.65, 0, 0.35, 1) infinite;
    will-change: transform, opacity;
}

.inv-card-1[b-0nebix3497] {
    animation-delay: 0s;
}

.inv-card-2[b-0nebix3497] {
    animation-delay: 2.4s;
}

.inv-card-3[b-0nebix3497] {
    animation-delay: 4.8s;
}

.inv-card-4[b-0nebix3497] {
    animation-delay: 7.2s;
}

.inv-card-5[b-0nebix3497] {
    animation-delay: 9.6s;
}

@keyframes inv-card-cycle-b-0nebix3497 {
    0% {
        opacity: 0;
        transform: translateX(24px) scale(0.55);
    }

    3% {
        opacity: 1;
        transform: translateX(0) scale(1.08);
    }

    5% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }

    15% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }

    20% {
        opacity: 0;
        transform: translateX(-24px) scale(0.9);
    }

    100% {
        opacity: 0;
        transform: translateX(24px) scale(0.55);
    }
}

/* ── Reduced motion: freeze on card 1 ── */
@media (prefers-reduced-motion: reduce) {
    .inv-card[b-0nebix3497] {
        animation: none;
    }

    .inv-card-1[b-0nebix3497] {
        opacity: 1;
        transform: none;
    }
}
/* /WebApplication/Components/ToolIcons/VatToolIcon.razor.rz.scp.css */
.tool-svg[b-m9hclf01z1] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ── Globe outline draws itself ── */
.vat-globe[b-m9hclf01z1] {
    stroke-dasharray: 82; /* 2π × 13 ≈ 81.7 */
    stroke-dashoffset: 82;
    transform-origin: 24px 24px;
    animation: vat-draw-globe-b-m9hclf01z1 4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

@keyframes vat-draw-globe-b-m9hclf01z1 {
    0%, 8% {
        stroke-dashoffset: 82;
        opacity: 0.4;
    }

    32%, 72% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    92%, 100% {
        stroke-dashoffset: 0;
        opacity: 0.4;
    }
}

/* ── Equator draws shortly after ── */
.vat-equator[b-m9hclf01z1] {
    stroke-dasharray: 82;
    stroke-dashoffset: 82;
    animation: vat-draw-equator-b-m9hclf01z1 4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
    animation-delay: 0.35s;
}

@keyframes vat-draw-equator-b-m9hclf01z1 {
    0%, 8% {
        stroke-dashoffset: 82;
        opacity: 0.3;
    }

    32%, 72% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    92%, 100% {
        stroke-dashoffset: 0;
        opacity: 0.3;
    }
}

/* ── Meridian draws last, then breathes ── */
.vat-meridian[b-m9hclf01z1] {
    stroke-dasharray: 82;
    stroke-dashoffset: 82;
    transform-origin: 24px 24px;
    animation: vat-draw-meridian-b-m9hclf01z1 4s cubic-bezier(0.65, 0, 0.35, 1) infinite, vat-meridian-breathe-b-m9hclf01z1 4s ease-in-out infinite;
    animation-delay: 0.7s, 0s;
}

@keyframes vat-draw-meridian-b-m9hclf01z1 {
    0%, 8% {
        stroke-dashoffset: 82;
        opacity: 0.3;
    }

    32%, 72% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    92%, 100% {
        stroke-dashoffset: 0;
        opacity: 0.3;
    }
}

@keyframes vat-meridian-breathe-b-m9hclf01z1 {
    0%, 100% {
        transform: scaleX(1);
    }

    50% {
        transform: scaleX(0.65);
    }
}

/* ── % fades in, then holds ── */
.vat-percent[b-m9hclf01z1] {
    opacity: 0;
    transform-origin: 24px 24px;
    animation: vat-percent-fade-b-m9hclf01z1 4s ease-in-out infinite;
    animation-delay: 1.05s;
}

@keyframes vat-percent-fade-b-m9hclf01z1 {
    0% {
        opacity: 0;
        transform: scale(0.85);
    }

    20%, 72% {
        opacity: 1;
        transform: scale(1);
    }

    92%, 100% {
        opacity: 0;
        transform: scale(0.95);
    }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
    .vat-globe[b-m9hclf01z1],
    .vat-equator[b-m9hclf01z1],
    .vat-meridian[b-m9hclf01z1],
    .vat-percent[b-m9hclf01z1] {
        animation: none;
    }

    .vat-globe[b-m9hclf01z1],
    .vat-equator[b-m9hclf01z1],
    .vat-meridian[b-m9hclf01z1] {
        stroke-dashoffset: 0;
        opacity: 0.85;
    }

    .vat-meridian[b-m9hclf01z1] {
        transform: none;
    }

    .vat-percent[b-m9hclf01z1] {
        opacity: 1;
    }
}
/* /WebApplication/Components/ToolsHeroKeyboard.razor.rz.scp.css */
/* ============================================
   Tools hero laptop component
   ============================================ */

/* ============ Desk scene ============ */
.desk-scene[b-itsv7j108p] {
    width: 100%;
    display: flex;
    justify-content: center;
    perspective: 1400px;
    perspective-origin: 50% 0%;
}

/* ============ Laptop ============ */
.laptop[b-itsv7j108p] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transform-style: preserve-3d;
}

/* ---------- LID ---------- */
.laptop-lid[b-itsv7j108p] {
    width: 100%;
    z-index: 2;
}

.laptop-screen[b-itsv7j108p] {
    background: linear-gradient(180deg, #14141d 0%, #0b0b13 100%);
    border-radius: 10px 10px 2px 2px;
    padding: 8px 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 0 6px rgba(20, 20, 28, 0.75), 0 0 0 7px rgba(255, 255, 255, 0.04);
}

/* ---------- Chrome bar — VS Code tab bar ---------- */
.screen-chrome[b-itsv7j108p] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 0 10px;
    background: #0a0a12;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    height: 22px;
}

.win-app-icon[b-itsv7j108p] {
    color: #eab308;
    font-size: 8px;
    line-height: 1;
    flex-shrink: 0;
}

.win-tab-name[b-itsv7j108p] {
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 7px;
    color: #d4d4d4;
    letter-spacing: 0.02em;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.win-controls[b-itsv7j108p] {
    display: flex;
    flex-shrink: 0;
    height: 100%;
}

.win-btn[b-itsv7j108p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 100%;
    font-family: system-ui, sans-serif;
    font-size: 7px;
    color: #a1a1aa;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

    .win-btn:hover[b-itsv7j108p] {
        background: rgba(255, 255, 255, 0.08);
        color: #f4f4f5;
    }

.win-close:hover[b-itsv7j108p] {
    background: #ef4444;
    color: #fff;
}
.vs-tab[b-itsv7j108p] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    padding: 2px 10px 3px;
    background: #0f0f18;
    border-top: 1px solid rgba(196, 181, 253, 0.55);
    border-radius: 3px 3px 0 0;
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 7px;
    color: #d4d4d4;
    letter-spacing: 0.02em;
}

.vs-tab-icon[b-itsv7j108p] {
    color: #eab308;
    font-size: 7px;
    line-height: 1;
}

/* ---------- Editor area ---------- */
.screen-body[b-itsv7j108p] {
    position: relative;
    min-height: 170px;
    padding: 0;
    background: #0f0f18;
    overflow: hidden;
}

.vs-editor[b-itsv7j108p] {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    display: flex;
    flex-direction: column;
    transform: scale(0.5);
    transform-origin: top left;
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.vs-main[b-itsv7j108p] {
    flex: 1;
    display: flex;
    overflow: hidden;
    min-height: 0;
}

/* Line-number gutter */
.vs-gutter[b-itsv7j108p] {
    flex-shrink: 0;
    padding: 16px 12px 16px 20px;
    text-align: right;
    color: #4a4a58;
    user-select: none;
    min-width: 44px;
    background: #0f0f18;
}

.vs-line-num[b-itsv7j108p] {
    color: #4a4a58;
    transition: color 120ms ease;
}

    .vs-line-num.active[b-itsv7j108p] {
        color: #c4b5fd;
    }

/* Code area */
.vs-code[b-itsv7j108p] {
    flex: 1;
    margin: 0;
    padding: 16px 20px 16px 12px;
    white-space: pre-wrap;
    word-break: break-word;
    color: #d4d4d4;
    min-width: 0;
    overflow: hidden;
}

/* Syntax highlighting */
.tok-punct[b-itsv7j108p] {
    color: #808080;
}

.tok-tag[b-itsv7j108p] {
    color: #569cd6;
}

.tok-attr[b-itsv7j108p] {
    color: #9cdcfe;
}

.tok-value[b-itsv7j108p] {
    color: #ce9178;
}

.tok-text[b-itsv7j108p] {
    color: #d4d4d4;
}

/* Status bar */
.vs-status[b-itsv7j108p] {
    display: flex;
    gap: 16px;
    padding: 4px 12px;
    background: rgba(109, 92, 246, 0.16);
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    color: #c4b5fd;
    font-size: 11px;
    font-family: ui-monospace, monospace;
    flex-shrink: 0;
}

/* ---------- Screen body ---------- */
.screen-body[b-itsv7j108p] {
    min-height: 170px;
    padding: 5px;
    background: linear-gradient(180deg, #0a0a12 0%, #0b0b13 100%);
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}

.screen-code[b-itsv7j108p] {
    margin: 0;
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 8.5px;
    line-height: 1.55;
    color: #e4e4e7;
    white-space: pre-wrap;
    word-break: break-word;
    letter-spacing: 0;
    width: 100%;
}

@keyframes cursorBlink-b-itsv7j108p {
    0%, 50% {
        opacity: 1;
    }

    51%, 100% {
        opacity: 0;
    }
}

/* ---------- BASE (keyboard folded flat) ---------- */
.laptop-base-wrap[b-itsv7j108p] {
    width: 100%;
    height: 130px;
    margin-top: -1px;
    position: relative;
    overflow: visible;
}

.laptop-base[b-itsv7j108p] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform-origin: top center;
    transform: perspective(900px) rotateX(66deg);
    transform-style: preserve-3d;
}

.keyboard[b-itsv7j108p] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 16px 16px;
    background: linear-gradient(180deg, #1c1c26 0%, #111119 100%);
    border-radius: 2px 2px 14px 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.55), 0 3px 0 rgba(255, 255, 255, 0.03) inset;
}

.kbd-row[b-itsv7j108p] {
    display: flex;
    gap: 4px;
    height: 32px;
}

.key[b-itsv7j108p] {
    --key-bg: linear-gradient(180deg, #2f2f3d 0%, #1c1c26 100%);
    --key-color: rgba(255, 255, 255, 0.42);
    --key-glow: none;
    --key-text-shadow: none;
    --key-wall: #0a0a12;
    --key-press-y: 0px;
    flex: var(--w, 1) 0 0;
    min-width: 0;
    background: var(--key-bg);
    border: none;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 8.5px;
    font-weight: 500;
    color: var(--key-color);
    letter-spacing: 0.02em;
    cursor: pointer;
    user-select: none;
    position: relative;
    box-shadow: var(--key-glow), inset 0 1.5px 0 rgba(255, 255, 255, 0.10), inset 0 -2px 0 rgba(0, 0, 0, 0.4), 0 3px 0 var(--key-wall), 0 4px 8px rgba(0, 0, 0, 0.55);
    text-shadow: var(--key-text-shadow);
    transform: translateY(var(--key-press-y));
    transition: background 280ms cubic-bezier(0.16, 1, 0.3, 1), color 280ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1), text-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1), transform 120ms cubic-bezier(0.16, 1, 0.3, 1);
}

    .key.is-typing[b-itsv7j108p] {
        --key-bg: linear-gradient(180deg, #7a68f8 0%, #5b49e8 100%);
        --key-color: #ffffff;
        --key-glow: 0 0 18px rgba(109, 92, 246, 0.85), 0 0 36px rgba(109, 92, 246, 0.4);
        --key-text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
        --key-wall: #2e2470;
        --key-press-y: 3px;
        transition: background 90ms cubic-bezier(0.16, 1, 0.3, 1), color 90ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 90ms cubic-bezier(0.16, 1, 0.3, 1), text-shadow 90ms cubic-bezier(0.16, 1, 0.3, 1), transform 90ms cubic-bezier(0.16, 1, 0.3, 1);
    }

        .key:hover[b-itsv7j108p],
        .key.is-typing:hover[b-itsv7j108p] {
            --key-bg: linear-gradient(180deg, #ff9a3b 0%, #ff7a1a 100%);
            --key-color: #ffffff;
            --key-glow: 0 0 20px rgba(255, 146, 43, 0.95), 0 0 40px rgba(255, 146, 43, 0.5);
            --key-text-shadow: 0 0 8px rgba(255, 255, 255, 1);
            --key-wall: #b35a00;
            --key-press-y: 3px;
            z-index: 2;
            transition: background 80ms cubic-bezier(0.16, 1, 0.3, 1), color 80ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 80ms cubic-bezier(0.16, 1, 0.3, 1), text-shadow 80ms cubic-bezier(0.16, 1, 0.3, 1), transform 80ms cubic-bezier(0.16, 1, 0.3, 1);
        }

.key-mid[b-itsv7j108p] {
    font-size: 7.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.30);
}

.key-home[b-itsv7j108p]::after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 1.2px;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.22);
    transition: background 250ms ease;
}

.key-home:hover[b-itsv7j108p]::after,
.key-home.is-typing[b-itsv7j108p]::after {
    background: rgba(255, 255, 255, 0.85);
}

.key-space[b-itsv7j108p] {
    font-size: 7.5px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.20);
}
/* /WebApplication/Layouts/BackgroundCanvas.razor.rz.scp.css */
.background-canvas[b-rdz6pg0yxf] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.glow-primary[b-rdz6pg0yxf] {
    position: absolute;
    top: -30%;
    left: 10%;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(120, 70, 255, 0.18), transparent 70%);
    filter: blur(80px);
    max-width: 100vw;
}

.glow-secondary[b-rdz6pg0yxf] {
    position: absolute;
    top: 20%;
    right: -10%;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(34, 211, 238, 0.12), transparent 70%);
    filter: blur(90px);
    max-width: 100vw;
}

.gradient-overlay[b-rdz6pg0yxf] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(46, 16, 101, 0.08), transparent);
}

.grid-pattern[b-rdz6pg0yxf] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.4;
    mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
}
/* /WebApplication/Layouts/Footer.razor.rz.scp.css */
.footer[b-zk4sqmva0y] {
    position: relative;
    z-index: 10;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 40px 0;
}

.footer-container[b-zk4sqmva0y] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 12px;
    font-family: var(--font-mono);
    color: #71717a;
}

@media (min-width: 768px) {
    .footer-container[b-zk4sqmva0y] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.footer-brand-group[b-zk4sqmva0y], .footer-status-group[b-zk4sqmva0y] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.footer-brand[b-zk4sqmva0y] {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.18em;
}

.footer-tech-stack[b-zk4sqmva0y] {
    display: none;
}

@media (min-width: 768px) {
    .footer-tech-stack[b-zk4sqmva0y] {
        display: inline;
    }
}
/* /WebApplication/Layouts/HeaderWrapper.razor.rz.scp.css */
.header-wrapper[b-et4pqr724y] {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(10, 10, 15, 0.85);
    backdrop-filter: blur(20px);
}

.header-container[b-et4pqr724y] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand[b-et4pqr724y] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.brand-title[b-et4pqr724y] {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform:uppercase;
}

.desktop-nav[b-et4pqr724y] {
    display: none;
    align-items: center;
    gap: 28px;
    font-size: 14px;
    color: #a1a1aa;
    margin-left: auto; /* Ensures links push all the way right even if actions are empty */
}

@media (min-width: 768px) {
    .desktop-nav[b-et4pqr724y] {
        display: flex;
    }
}

.nav-link[b-et4pqr724y] {
    color: #a1a1aa;
    text-decoration: none;
    transition: color 0.15s ease;
}

    .nav-link:hover[b-et4pqr724y] {
        color: #fff;
    }

.header-actions[b-et4pqr724y] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-toggle[b-et4pqr724y] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 36px;
    width: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    cursor: pointer;
    padding: 0;
}

@media (min-width: 768px) {
    .mobile-toggle[b-et4pqr724y] {
        display: none;
    }
}

.hamburger-bar[b-et4pqr724y] {
    height: 2px;
    width: 16px;
    background: #fff;
    border-radius: 2px;
    pointer-events: none;
}

.mobile-nav[b-et4pqr724y] {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #0a0a0f;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .mobile-nav[b-et4pqr724y] {
        display: none !important;
    }
}

.mobile-nav-link[b-et4pqr724y] {
    font-size: 16px;
    font-weight: 500;
    color: #e4e4e7;
    text-decoration: none;
    transition: color 0.15s ease;
}

    .mobile-nav-link:hover[b-et4pqr724y] {
        color: #fff;
    }
/* /WebApplication/Layouts/HomeContactSection.razor.rz.scp.css */
.contact-section[b-lss234fv5g] {
    position: relative;
    min-height: 440px;
}

.contact-bg-canvas[b-lss234fv5g] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.contact-content-wrapper[b-lss234fv5g] {
    z-index: 1;
    padding: 0 32px;
}

@media (min-width: 768px) {
    .contact-content-wrapper[b-lss234fv5g] {
        padding: 0 48px;
    }
}

.contact-grid[b-lss234fv5g] {
    display: block;
}

.contact-desc[b-lss234fv5g] {
    font-size: 14px;
    line-height: 1.6;
    color: #a1a1aa;
    margin-bottom: 32px;
    max-width: 480px;
}

.contact-actions[b-lss234fv5g] {
    max-width: 360px;
}

.btn-secondary[b-lss234fv5g] {
    background: rgba(18, 24, 32, 0.65);
    color: #f4f4f5;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    text-decoration: none;
    backdrop-filter: blur(10px);
}

    .btn-secondary:hover[b-lss234fv5g] {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.25);
        color: #ffffff;
    }
/* /WebApplication/Layouts/HomePrinciplesSections.razor.rz.scp.css */
.principles-card[b-1srgazintl] {
    position: relative;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #090d12;
    overflow: hidden;
    padding: 40px 32px;
}

@media (min-width: 768px) {
    .principles-card[b-1srgazintl] {
        padding: 56px 48px;
    }
}

.principles-card-inner[b-1srgazintl] {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 40px;
    align-items: center;
}

@media (min-width: 900px) {
    .principles-card-inner[b-1srgazintl] {
        grid-template-columns: 1fr 400px;
    }
}

.section-title[b-1srgazintl] {
    font-size: 28px;
    line-height: 0.95;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #f4f4f5;
}

@media (min-width: 768px) {
    .section-title[b-1srgazintl] {
        font-size: 38px;
    }
}

.section-description[b-1srgazintl] {
    font-size: 14px;
    line-height: 1.6;
    color: #a1a1aa;
    max-width: 440px;
}

.sparkle-canvas-background[b-1srgazintl] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.35;
}

#principlesSparkleCanvas[b-1srgazintl] {
    width: 100%;
    height: 100%;
    display: block;
}

.principles-rotator-col[b-1srgazintl] {
    display: flex;
    flex-direction: column;
}

.rotator-stage[b-1srgazintl] {
    position: relative;
    height: 180px;
    width: 100%;
}

.principle-slide[b-1srgazintl] {
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(18, 24, 32, 0.7);
    backdrop-filter: blur(12px);
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0.96);
    pointer-events: none;
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

    .principle-slide.active[b-1srgazintl] {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
    }

.slide-content[b-1srgazintl] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.principle-title.cinematic-text[b-1srgazintl] {
    font-family: var(--font-sans, sans-serif);
    font-size: 24px;
    font-weight: 600;
    color: #f4f4f5;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin: 0;
    opacity: 0;
    transform: scale(1.1);
    filter: blur(8px);
}

.principle-slide.active .cinematic-text[b-1srgazintl] {
    animation: cinematicTitleIn-b-1srgazintl 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.15s;
}

@keyframes cinematicTitleIn-b-1srgazintl {
    0% {
        opacity: 0;
        transform: scale(1.15);
        filter: blur(10px);
        text-shadow: 0 0 30px rgba(165, 243, 252, 0.6);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px);
        text-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
    }
}

.slide-bg-effect[b-1srgazintl] {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.4;
}

.principle-expert .slide-bg-effect[b-1srgazintl] {
    background: radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.2), transparent 70%);
}

.principle-quality .slide-bg-effect[b-1srgazintl] {
    background: radial-gradient(circle at 50% 50%, rgba(167, 139, 250, 0.2), transparent 70%);
}

.principle-scalable .slide-bg-effect[b-1srgazintl] {
    background: radial-gradient(circle at 50% 50%, rgba(52, 211, 153, 0.2), transparent 70%);
}

.principle-reliability .slide-bg-effect[b-1srgazintl] {
    background: radial-gradient(circle at 50% 50%, rgba(251, 191, 36, 0.2), transparent 70%);
}
/* /WebApplication/Layouts/HomeServicesSection.razor.rz.scp.css */
#services[b-7myt7lehl0] {
    position: relative;
}

.services-grid[b-7myt7lehl0] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.span-6[b-7myt7lehl0], .span-4[b-7myt7lehl0] {
    grid-column: span 12;
}

@media (min-width: 768px) {
    .span-6[b-7myt7lehl0] {
        grid-column: span 6;
    }

    .span-4[b-7myt7lehl0] {
        grid-column: span 4;
    }
}

.service-card[b-7myt7lehl0] {
    position: relative;
    background: rgba(12, 12, 18, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 28px 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 220px;
    height: 100%;
    transition: border-color 0.25s ease, transform 0.25s ease, background 0.25s ease;
}

    .service-card:hover[b-7myt7lehl0] {
        border-color: rgba(56, 189, 248, 0.4);
        transform: translateY(-3px);
        background: rgba(18, 18, 28, 0.95);
    }

/* Layer 1: Full-Bleed Canvas */
.service-canvas-container[b-7myt7lehl0] {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

    .service-canvas-container canvas[b-7myt7lehl0] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
        pointer-events: none;
    }

/* Layer 2: Radial vignette behind text for enhanced readability */
.service-card[b-7myt7lehl0]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: radial-gradient(circle at center, rgba(12, 12, 18, 0.82) 20%, rgba(12, 12, 18, 0.45) 70%, rgba(12, 12, 18, 0.2) 100%);
    transition: background 0.25s ease;
}

.service-card:hover[b-7myt7lehl0]::after {
    background: radial-gradient(circle at center, rgba(18, 18, 28, 0.88) 20%, rgba(18, 18, 28, 0.5) 70%, rgba(18, 18, 28, 0.25) 100%);
}

/* Layer 3: High-Contrast Foreground Text */
.card-content[b-7myt7lehl0] {
    position: relative;
    z-index: 3;
    pointer-events: none;
    max-width: 90%;
}

.service-title[b-7myt7lehl0] {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: -0.01em;
    line-height: 1.25;
    /* High contrast drop shadow */
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.95), 0 0 20px rgba(0, 0, 0, 0.8);
}

.service-capability[b-7myt7lehl0] {
    font-size: 14px;
    color: #cbd5e1; /* Slightly brighter zinc for maximum readability */
    line-height: 1.55;
    /* Clean text legibility shadow */
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.95), 0 0 12px rgba(0, 0, 0, 0.85);
}
/* /WebApplication/Layouts/HomeSoftwareSamples.razor.rz.scp.css */
.showcase-grid[b-6ubzt9i89s] {
    display: grid;
    gap: 16px;
}

@media (min-width: 1024px) {
    .showcase-grid[b-6ubzt9i89s] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.showcase-card[b-6ubzt9i89s] {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #090d12;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

    .showcase-card:hover[b-6ubzt9i89s] {
        transform: translateY(-2px);
    }

    .showcase-card.span-full[b-6ubzt9i89s] {
        grid-column: 1 / -1;
    }

.card-stripe[b-6ubzt9i89s] {
    background: radial-gradient(circle at 90% 0%, rgba(139, 92, 246, 0.08) 0%, #0c0b14 70%);
    border-color: rgba(139, 92, 246, 0.2);
}

    .card-stripe:hover[b-6ubzt9i89s] {
        border-color: rgba(139, 92, 246, 0.4);
    }

.badge-violet[b-6ubzt9i89s] {
    background: rgba(139, 92, 246, 0.15);
    color: #c4b5fd;
    border: 1px solid rgba(139, 92, 246, 0.3);
}

.card-shopify[b-6ubzt9i89s] {
    background: radial-gradient(circle at 90% 0%, rgba(6, 182, 212, 0.08) 0%, #071216 70%);
    border-color: rgba(6, 182, 212, 0.2);
}

    .card-shopify:hover[b-6ubzt9i89s] {
        border-color: rgba(6, 182, 212, 0.4);
    }

.badge-cyan[b-6ubzt9i89s] {
    background: rgba(6, 182, 212, 0.15);
    color: #a5f3fc;
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.card-datadog[b-6ubzt9i89s] {
    background: radial-gradient(circle at 10% 90%, rgba(16, 185, 129, 0.08) 0%, #06110d 70%);
    border-color: rgba(16, 185, 129, 0.2);
}

    .card-datadog:hover[b-6ubzt9i89s] {
        border-color: rgba(16, 185, 129, 0.4);
    }

.badge-emerald[b-6ubzt9i89s] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.showcase-card-header[b-6ubzt9i89s] {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.showcase-tag[b-6ubzt9i89s] {
    font-family: var(--font-mono, monospace);
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #a1a1aa;
}

.showcase-badge[b-6ubzt9i89s] {
    font-family: var(--font-mono, monospace);
    font-size: 9px;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
}

.showcase-card-body[b-6ubzt9i89s] {
    padding: 20px;
    flex: 1;
}

.horizontal-body[b-6ubzt9i89s] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 768px) {
    .horizontal-body[b-6ubzt9i89s] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.sample-ui-header[b-6ubzt9i89s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sample-title[b-6ubzt9i89s] {
    font-size: 15px;
    font-weight: 500;
    color: #f4f4f5;
}

.sample-sub[b-6ubzt9i89s] {
    font-size: 11px;
    font-family: var(--font-mono, monospace);
    color: #71717a;
    margin-top: 2px;
}

.status-pill[b-6ubzt9i89s] {
    font-size: 10px;
    font-family: var(--font-mono, monospace);
    padding: 2px 8px;
    border-radius: 9999px;
}

.status-paid[b-6ubzt9i89s] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.status-shipping[b-6ubzt9i89s] {
    background: rgba(6, 182, 212, 0.15);
    color: #67e8f9;
    border: 1px solid rgba(6, 182, 212, 0.25);
}

.billing-summary-row[b-6ubzt9i89s] {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.summary-box[b-6ubzt9i89s] {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 10px;
    display: flex;
    flex-direction: column;
}

    .summary-box.highlight[b-6ubzt9i89s] {
        background: rgba(139, 92, 246, 0.12);
        border-color: rgba(139, 92, 246, 0.3);
    }

.summary-label[b-6ubzt9i89s] {
    font-size: 9px;
    font-family: var(--font-mono, monospace);
    color: #71717a;
}

.summary-val[b-6ubzt9i89s] {
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-mono, monospace);
    margin-top: 4px;
    color: #f4f4f5;
}

.text-violet[b-6ubzt9i89s] {
    color: #c4b5fd;
}

.text-cyan[b-6ubzt9i89s] {
    color: #67e8f9;
}

.text-emerald[b-6ubzt9i89s] {
    color: #6ee7b7;
}

.text-muted[b-6ubzt9i89s] {
    color: #71717a;
}

.line-items-table[b-6ubzt9i89s] {
    margin-top: 16px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.line-item[b-6ubzt9i89s] {
    display: grid;
    grid-template-columns: 1fr 40px 90px;
    padding: 8px 12px;
    font-size: 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    color: #d4d4d8;
}

    .line-item:last-child[b-6ubzt9i89s] {
        border-bottom: none;
    }

    .line-item.header[b-6ubzt9i89s] {
        font-family: var(--font-mono, monospace);
        font-size: 9px;
        color: #71717a;
        background: rgba(255, 255, 255, 0.02);
    }

.text-right[b-6ubzt9i89s] {
    text-align: right;
}

.order-workflow[b-6ubzt9i89s] {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.workflow-step[b-6ubzt9i89s] {
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 8px;
    text-align: center;
}

    .workflow-step.completed[b-6ubzt9i89s] {
        border-color: rgba(16, 185, 129, 0.3);
        background: rgba(16, 185, 129, 0.08);
    }

    .workflow-step.active[b-6ubzt9i89s] {
        border-color: rgba(6, 182, 212, 0.4);
        background: rgba(6, 182, 212, 0.15);
    }

.step-num[b-6ubzt9i89s] {
    display: block;
    font-size: 9px;
    font-family: var(--font-mono, monospace);
    color: #71717a;
}

.step-label[b-6ubzt9i89s] {
    font-size: 10px;
    font-weight: 500;
    margin-top: 2px;
    color: #f4f4f5;
}

.order-items-preview[b-6ubzt9i89s] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order-item-row[b-6ubzt9i89s] {
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #d4d4d8;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

.item-qty[b-6ubzt9i89s] {
    font-family: var(--font-mono, monospace);
    color: #71717a;
}

.telemetry-info[b-6ubzt9i89s] {
    max-width: 380px;
}

.sample-desc[b-6ubzt9i89s] {
    font-size: 13px;
    color: #a1a1aa;
    margin-top: 6px;
    line-height: 1.5;
}

.telemetry-metrics[b-6ubzt9i89s] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.metric-pill[b-6ubzt9i89s] {
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
}

.metric-name[b-6ubzt9i89s] {
    font-size: 9px;
    font-family: var(--font-mono, monospace);
    color: #71717a;
}

.metric-val[b-6ubzt9i89s] {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-mono, monospace);
    margin-top: 2px;
}

.telemetry-chart[b-6ubzt9i89s] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.4);
    padding: 16px;
}

.chart-header[b-6ubzt9i89s] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    font-family: var(--font-mono, monospace);
    color: #71717a;
}

.chart-bars[b-6ubzt9i89s] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 60px;
    margin-top: 12px;
}

.chart-bar[b-6ubzt9i89s] {
    flex: 1;
    border-radius: 2px;
    background: linear-gradient(to top, rgba(16, 185, 129, 0.2), rgba(52, 211, 153, 0.8));
}

.showcase-card-footer[b-6ubzt9i89s] {
    padding: 12px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.feature-tag[b-6ubzt9i89s] {
    font-family: var(--font-mono, monospace);
    font-size: 10px;
    color: #a1a1aa;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
}
/* /WebApplication/Layouts/HomeTopSection.razor.rz.scp.css */
.top-section[b-ixcgajw9to] {
    padding-top: 80px;
    padding-bottom: 64px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 1024px) {
    .top-section[b-ixcgajw9to] {
        padding-top: 112px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.top-content[b-ixcgajw9to] {
    max-width: 540px;
}

.top-title[b-ixcgajw9to] {
    font-size: 42px;
    line-height: 0.9;
    letter-spacing: -0.03em;
    font-weight: 500;
}

@media (min-width: 768px) {
    .top-title[b-ixcgajw9to] {
        font-size: 68px;
    }
}

.title-line[b-ixcgajw9to] {
    display: block;
}

.pulse-scale[b-ixcgajw9to] {
    display: inline-block;
    vertical-align: baseline;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    animation: smoothScale-b-ixcgajw9to 3.5s ease-in-out infinite;
}

@keyframes smoothScale-b-ixcgajw9to {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.serif-gradient[b-ixcgajw9to] {
    font-family: "Instrument Serif", serif;
    font-style: italic;
    font-weight: 400;
    background: linear-gradient(to right, #ddd6fe, #f5d0fe, #a5f3fc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.top-description[b-ixcgajw9to] {
    margin-top: 24px;
    max-width: 500px;
    font-size: 16px;
    line-height: 1.6;
    color: #a1a1aa;
    font-weight: 300;
}
/* /WebApplication/Layouts/Main/MainLayout.razor.rz.scp.css */
.layout-wrapper[b-edq9zab91n] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #0a0a0f;
    color: #f4f4f5;
    overflow-x: clip;
}

.main-content[b-edq9zab91n] {
    position: relative;
    z-index: 10;
    flex: 1;
}
/* /WebApplication/Layouts/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ccbf3v3c64],
.components-reconnect-repeated-attempt-visible[b-ccbf3v3c64],
.components-reconnect-failed-visible[b-ccbf3v3c64],
.components-pause-visible[b-ccbf3v3c64],
.components-resume-failed-visible[b-ccbf3v3c64],
.components-rejoining-animation[b-ccbf3v3c64] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-retrying[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-failed[b-ccbf3v3c64],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ccbf3v3c64] {
    display: block;
}


#components-reconnect-modal[b-ccbf3v3c64] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ccbf3v3c64 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ccbf3v3c64 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ccbf3v3c64 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ccbf3v3c64]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ccbf3v3c64 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ccbf3v3c64 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ccbf3v3c64 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ccbf3v3c64 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ccbf3v3c64] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ccbf3v3c64] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ccbf3v3c64] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ccbf3v3c64] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ccbf3v3c64] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ccbf3v3c64] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ccbf3v3c64] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ccbf3v3c64 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ccbf3v3c64] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ccbf3v3c64 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /WebApplication/Pages/Home.razor.rz.scp.css */
/* /WebApplication/Pages/Tools.razor.rz.scp.css */
/* ============================================
   Tools page
   ============================================ */

/* ============ Hero ============ */
.tools-hero[b-rcelaz9a6e] {
    padding-top: 96px;
    padding-bottom: 72px;
    display: flex;
    flex-direction: column;
    gap: 56px;
    position: relative;
}

@media (min-width: 1024px) {
    .tools-hero[b-rcelaz9a6e] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 128px;
        gap: 48px;
    }
}

.hero-content[b-rcelaz9a6e] {
    max-width: 620px;
    position: relative;
    z-index: 2;
}

.hero-title[b-rcelaz9a6e] {
    font-size: 42px;
    line-height: 0.92;
    letter-spacing: -0.03em;
    font-weight: 500;
    margin: 0;
}

@media (min-width: 768px) {
    .hero-title[b-rcelaz9a6e] {
        font-size: 66px;
    }
}

.title-line[b-rcelaz9a6e] {
    display: block;
}

.text-white[b-rcelaz9a6e] {
    color: #f4f4f5;
}

.text-muted[b-rcelaz9a6e] {
    color: #71717a;
}

.serif-gradient[b-rcelaz9a6e] {
    font-family: "Instrument Serif", serif;
    font-style: italic;
    font-weight: 400;
    background: linear-gradient(to right, #ddd6fe, #f5d0fe, #a5f3fc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-description[b-rcelaz9a6e] {
    margin: 28px 0 0;
    max-width: 520px;
    font-size: 16px;
    line-height: 1.65;
    color: #a1a1aa;
    font-weight: 300;
}

    .hero-description strong[b-rcelaz9a6e] {
        color: #e4e4e7;
        font-weight: 500;
    }

.hero-visual[b-rcelaz9a6e] {
    width: 100%;
    max-width: 450px; /* was 380px */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
}

/* ============ Tools section ============ */
.tools-section[b-rcelaz9a6e] {
    padding-top: 24px;
    padding-bottom: 96px;
}

.tools-section-heading[b-rcelaz9a6e] {
    margin-bottom: 40px;
    max-width: 640px;
}

.section-eyebrow[b-rcelaz9a6e] {
    display: inline-block;
    font-family: monospace;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: #6ee7b7;
    padding: 4px 12px;
    border: 1px solid rgba(110, 231, 183, 0.25);
    background: rgba(110, 231, 183, 0.06);
    border-radius: 4px;
    margin-bottom: 20px;
}

.section-title[b-rcelaz9a6e] {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #f4f4f5;
    margin: 0 0 12px;
    line-height: 1.1;
}

@media (min-width: 768px) {
    .section-title[b-rcelaz9a6e] {
        font-size: 40px;
    }
}

.section-subtitle[b-rcelaz9a6e] {
    font-size: 15px;
    line-height: 1.65;
    color: #a1a1aa;
    font-weight: 300;
    margin: 0;
}

/* ============ Tools grid ============ */
.tools-grid[b-rcelaz9a6e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

.tool-card[b-rcelaz9a6e] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 26px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    text-decoration: none;
    color: inherit;
    transition: border-color 200ms ease, background 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}

    .tool-card[b-rcelaz9a6e]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top left, rgba(109, 92, 246, 0.08), transparent 60%);
        opacity: 0;
        transition: opacity 200ms ease;
        pointer-events: none;
    }

    .tool-card:hover[b-rcelaz9a6e] {
        border-color: rgba(109, 92, 246, 0.4);
        background: rgba(109, 92, 246, 0.045);
        transform: translateY(-2px);
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    }

        .tool-card:hover[b-rcelaz9a6e]::before {
            opacity: 1;
        }

.tool-card-header[b-rcelaz9a6e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.tool-card-icon[b-rcelaz9a6e] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #a5f3fc;
}

.tool-card-icon-fallback[b-rcelaz9a6e] {
    font-size: 22px;
    line-height: 1;
}

.tool-card-category[b-rcelaz9a6e] {
    font-family: monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: #a5f3fc;
    padding: 3px 9px;
    background: rgba(165, 243, 252, 0.08);
    border: 1px solid rgba(165, 243, 252, 0.2);
    border-radius: 4px;
}

.tool-card-name[b-rcelaz9a6e] {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: #f4f4f5;
    margin: 0 0 8px;
    line-height: 1.2;
}

.tool-card-description[b-rcelaz9a6e] {
    font-size: 14px;
    line-height: 1.6;
    color: #a1a1aa;
    margin: 0 0 24px;
    flex: 1;
    font-weight: 300;
}

/* ============ CTA ============ */
.tool-card-cta[b-rcelaz9a6e] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 4px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.tool-card-cta-label[b-rcelaz9a6e] {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c4b5fd;
    white-space: nowrap;
    transition: color 220ms ease, letter-spacing 320ms cubic-bezier(0.65, 0, 0.35, 1);
}

.tool-card-cta-line[b-rcelaz9a6e] {
    flex: 1;
    height: 1px;
    position: relative;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

    .tool-card-cta-line[b-rcelaz9a6e]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, #c4b5fd 0%, #a5f3fc 100%);
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 480ms cubic-bezier(0.65, 0, 0.35, 1);
        box-shadow: 0 0 8px rgba(196, 181, 253, 0.5);
    }

.tool-card:hover .tool-card-cta-line[b-rcelaz9a6e]::before {
    transform: scaleX(1);
}

.tool-card:hover .tool-card-cta-label[b-rcelaz9a6e] {
    color: #ddd6fe;
    letter-spacing: 0.24em;
}

/* Muted state (placeholder card) */
.tool-card-cta-muted[b-rcelaz9a6e] {
    border-top-color: rgba(255, 255, 255, 0.04);
}

    .tool-card-cta-muted .tool-card-cta-label[b-rcelaz9a6e] {
        color: #52525b;
        letter-spacing: 0.18em;
        transition: none;
    }

.tool-card-placeholder:hover .tool-card-cta-muted .tool-card-cta-label[b-rcelaz9a6e] {
    color: #52525b;
    letter-spacing: 0.18em;
}

/* ============ Placeholder card ============ */
.tool-card-placeholder[b-rcelaz9a6e] {
    background: rgba(255, 255, 255, 0.012);
    border-style: dashed;
    border-color: rgba(255, 255, 255, 0.09);
    cursor: default;
}

    .tool-card-placeholder:hover[b-rcelaz9a6e] {
        transform: none;
        background: rgba(255, 255, 255, 0.02);
        border-color: rgba(255, 255, 255, 0.14);
        box-shadow: none;
    }

    .tool-card-placeholder[b-rcelaz9a6e]::before {
        display: none;
    }

    .tool-card-placeholder .tool-card-icon[b-rcelaz9a6e] {
        color: #71717a;
        font-size: 22px;
    }

    .tool-card-placeholder .tool-card-category[b-rcelaz9a6e] {
        color: #71717a;
        background: rgba(255, 255, 255, 0.03);
        border-color: rgba(255, 255, 255, 0.08);
    }

    .tool-card-placeholder .tool-card-name[b-rcelaz9a6e] {
        color: #a1a1aa;
    }

.tool-card-cta-muted[b-rcelaz9a6e] {
    color: #52525b;
    font-family: monospace;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* ============ Hero title typing ============ */
.hero-segment[b-rcelaz9a6e] {
    display: inline;
}

    .hero-segment.is-typing[b-rcelaz9a6e]::after {
        content: "▋";
        display: inline-block;
        margin-left: 2px;
        color: #c4b5fd;
        font-weight: 400;
        font-style: normal;
        animation: heroCursorBlink-b-rcelaz9a6e 1s step-end infinite;
    }

/* Keep the cursor solid-coloured even inside the gradient span */
.serif-gradient .hero-segment.is-typing[b-rcelaz9a6e]::after {
    -webkit-text-fill-color: #c4b5fd;
    color: #c4b5fd;
}

@keyframes heroCursorBlink-b-rcelaz9a6e {
    0%, 50% {
        opacity: 1;
    }

    51%, 100% {
        opacity: 0;
    }
}