/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-sevjhryjjr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-sevjhryjjr] {
    flex: 1;
    min-width: 0;
}

/* ── Page content ────────────────────────────────────────── */

.page-content[b-sevjhryjjr] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 32px;
    box-sizing: border-box;
}

/* ── Sidebar ─────────────────────────────────────────────── */

.sidebar[b-sevjhryjjr] {
    background-color: #243653;
    background-image:
        radial-gradient(circle at 12% 0%, rgba(64, 128, 130, 0.46), transparent 38%),
        linear-gradient(165deg, #183247 0%, #28476a 46%, #47365b 100%);
    border-right: 1px solid rgba(15, 23, 42, 0.16);
}

/* ── Topbar ──────────────────────────────────────────────── */

.top-row[b-sevjhryjjr] {
    background-color: #ffffff;
    border-bottom: 1px solid var(--app-border);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0 1.75rem;
}

.topbar-left[b-sevjhryjjr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.topbar-right[b-sevjhryjjr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

/* ── Responsive ──────────────────────────────────────────── */

@media (min-width: 641px) {
    .page[b-sevjhryjjr] {
        flex-direction: row;
    }

    .sidebar[b-sevjhryjjr] {
        width: 240px;
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-sevjhryjjr] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}

/* Tablet: slightly less padding */
@media (min-width: 641px) and (max-width: 1024px) {
    .page-content[b-sevjhryjjr] {
        padding: 32px 24px;
    }
}

/* Mobile */
@media (max-width: 640.98px) {
    .page-content[b-sevjhryjjr] {
        padding: 24px 16px;
    }

    .top-row[b-sevjhryjjr] {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.75rem;
        padding: 0.85rem 1rem;
    }

    .topbar-left[b-sevjhryjjr],
    .topbar-right[b-sevjhryjjr] {
        width: 100%;
    }
}

/* ── Blazor error UI ─────────────────────────────────────── */

#blazor-error-ui[b-sevjhryjjr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-sevjhryjjr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-rtepdk74cn] {
    appearance: none;
    cursor: pointer;
    width: 2.75rem;
    height: 2.25rem;
    color: white;
    position: absolute;
    top: 0.65rem;
    right: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.65rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255, 0.72%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M5 8h20M5 15h20M5 22h20'/%3e%3c/svg%3e") no-repeat center/1.45rem rgba(255, 255, 255, 0.08);
}

.navbar-toggler:checked[b-rtepdk74cn] {
    background-color: rgba(255, 255, 255, 0.18);
}

.top-row[b-rtepdk74cn] {
    min-height: 3.5rem;
    background-color: rgba(10, 18, 31, 0.26);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.navbar-brand[b-rtepdk74cn] {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
}

.nav[b-rtepdk74cn] {
    padding: 0.85rem 0.75rem 1.1rem;
}

.nav-group[b-rtepdk74cn] {
    margin-top: 0.35rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-group-primary[b-rtepdk74cn] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.nav-admin-group[b-rtepdk74cn] {
    padding-bottom: 0.4rem;
}

.nav-item[b-rtepdk74cn] {
    font-size: 0.92rem;
}

.nav-item + .nav-item[b-rtepdk74cn] {
    margin-top: 0.12rem;
}

.nav-item[b-rtepdk74cn]  .nav-link {
    min-height: 2.55rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.55rem 0.75rem;
    color: rgba(241, 245, 249, 0.78);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    line-height: 1.2;
}

.nav-item[b-rtepdk74cn]  a.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.13);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.nav-item[b-rtepdk74cn]  .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.09);
}

.nav-icon[b-rtepdk74cn] {
    flex: 0 0 auto;
    width: 1.08rem;
    height: 1.08rem;
    margin-right: 0.72rem;
    color: inherit;
    background-color: currentColor;
    opacity: 0.94;
    -webkit-mask-image: var(--nav-icon);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: var(--nav-icon);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.nav-icon-home[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");
}

.nav-icon-receipt[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2z'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 11h8'/%3E%3Cpath d='M8 15h5'/%3E%3C/svg%3E");
}

.nav-icon-invoice[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3C/svg%3E");
}

.nav-icon-pension[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}

.nav-icon-payroll[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M3 21a6 6 0 0 1 12 0'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3Cpath d='M18 14.5v3'/%3E%3C/svg%3E");
}

.nav-icon-vat[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='7' cy='7' r='2.5'/%3E%3Ccircle cx='17' cy='17' r='2.5'/%3E%3C/svg%3E");
}

.nav-icon-tax[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M12 11h.01'/%3E%3Cpath d='M16 11h.01'/%3E%3Cpath d='M8 15h.01'/%3E%3Cpath d='M12 15h.01'/%3E%3Cpath d='M16 15h.01'/%3E%3Cpath d='M8 19h.01'/%3E%3Cpath d='M12 19h.01'/%3E%3Cpath d='M16 19h.01'/%3E%3C/svg%3E");
}

.nav-icon-journal[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5z'/%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M8 10h8'/%3E%3C/svg%3E");
}

.nav-icon-admin[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 0 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.6-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.6V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E");
}

.nav-subitem[b-rtepdk74cn]  .nav-link {
    min-height: 2.15rem;
    padding-left: 2.55rem;
    color: rgba(241, 245, 249, 0.62);
    font-size: 0.84rem;
    border-left: 2px solid transparent;
    border-radius: 0 0.55rem 0.55rem 0;
    margin-left: 0.2rem;
}

.nav-subitem[b-rtepdk74cn]  a.active {
    color: rgba(241, 245, 249, 0.95);
    background-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(100, 160, 255, 0.7);
    border-color: transparent;
    border-left-color: rgba(100, 160, 255, 0.7);
}

.nav-subitem[b-rtepdk74cn]  .nav-link:hover {
    color: rgba(241, 245, 249, 0.9);
    background-color: rgba(255, 255, 255, 0.07);
}

.nav-subdot[b-rtepdk74cn] {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.7rem;
    border-radius: 999px;
    background-color: currentColor;
    opacity: 0.6;
    flex-shrink: 0;
}

.nav-scrollable[b-rtepdk74cn] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-rtepdk74cn] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-rtepdk74cn] {
        display: none;
    }

    .nav-scrollable[b-rtepdk74cn] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-icon-user[b-rtepdk74cn] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}

.nav-account-user[b-rtepdk74cn] {
    display: flex;
    align-items: center;
    padding: 0.45rem 1rem;
    color: rgba(241, 245, 249, 0.62);
    font-size: 0.84rem;
    word-break: break-all;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-hjf5qbgvbz],
.components-reconnect-repeated-attempt-visible[b-hjf5qbgvbz],
.components-reconnect-failed-visible[b-hjf5qbgvbz],
.components-pause-visible[b-hjf5qbgvbz],
.components-resume-failed-visible[b-hjf5qbgvbz],
.components-rejoining-animation[b-hjf5qbgvbz] {
    display: none;
}

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


#components-reconnect-modal[b-hjf5qbgvbz] {
    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-hjf5qbgvbz 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-hjf5qbgvbz {
    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;
    }
}
/* /Components/Pages/Accounting/AccountBalances.razor.rz.scp.css */
.balances-page[b-8t0jlm5n25] {
    display: grid;
    gap: 1rem;
}

.balances-header[b-8t0jlm5n25],
.balance-search[b-8t0jlm5n25] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.balances-header[b-8t0jlm5n25] {
    margin-bottom: 1rem;
}

.intro[b-8t0jlm5n25],
.year-summary[b-8t0jlm5n25] {
    color: var(--app-muted);
}

.balance-search[b-8t0jlm5n25] {
    margin-bottom: 1rem;
}

.balances-card[b-8t0jlm5n25] {
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.fiscal-year-card[b-8t0jlm5n25] {
    display: grid;
    gap: 0.75rem;
}

.fiscal-year-form[b-8t0jlm5n25] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
}

.fiscal-year-transfer[b-8t0jlm5n25] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.balances-table-wrap[b-8t0jlm5n25] {
    max-height: 70vh;
    overflow: auto;
}

.balances-table[b-8t0jlm5n25] {
    width: 100%;
    border-collapse: collapse;
}

.balances-table th[b-8t0jlm5n25],
.balances-table td[b-8t0jlm5n25] {
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: top;
}

.balances-table thead th[b-8t0jlm5n25] {
    position: sticky;
    top: 0;
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.balances-table tbody tr:hover[b-8t0jlm5n25] {
    background: #f4f7fb;
}

.balances-table tr:last-child td[b-8t0jlm5n25] {
    border-bottom: 0;
}

.amount-column[b-8t0jlm5n25] {
    text-align: right !important;
    white-space: nowrap;
}

.balance-value[b-8t0jlm5n25] {
    font-weight: 800;
}

@media (max-width: 760px) {
    .balances-header[b-8t0jlm5n25],
    .balance-search[b-8t0jlm5n25] {
        align-items: stretch;
        flex-direction: column;
    }

    .balance-search .app-button[b-8t0jlm5n25] {
        width: 100%;
    }
}
/* /Components/Pages/Accounting/AccountingPlan.razor.rz.scp.css */
.ledger-page[b-ks8i2lcuas] {
    display: grid;
    gap: 1rem;
}

.ledger-toolbar[b-ks8i2lcuas] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.ledger-title h1[b-ks8i2lcuas] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.ledger-title p[b-ks8i2lcuas] {
    margin: 0.35rem 0 0;
    color: #4a5568;
}

.ledger-search[b-ks8i2lcuas] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(11rem, 14rem) minmax(10rem, 12rem) auto auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.8rem;
    background: #f8fafc;
}

.amount-filter[b-ks8i2lcuas] {
    text-align: right;
}

.ledger-card[b-ks8i2lcuas] {
    border: 1px solid #d9e2ec;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
}

.ledger-summary[b-ks8i2lcuas] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    color: #4a5568;
    font-weight: 700;
    background: #f8fafc;
    border-bottom: 1px solid #d9e2ec;
}

.ledger-table-wrap[b-ks8i2lcuas] {
    overflow: auto;
    max-height: 70vh;
}

.ledger-table[b-ks8i2lcuas] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
    font-size: 0.92rem;
}

.ledger-table th[b-ks8i2lcuas],
.ledger-table td[b-ks8i2lcuas] {
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--app-border);
    vertical-align: middle;
}

.ledger-table th[b-ks8i2lcuas] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.ledger-table tbody tr:hover[b-ks8i2lcuas] {
    background: #f4f7fb;
}

.sort-button[b-ks8i2lcuas] {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}

.sort-button:hover[b-ks8i2lcuas] {
    color: var(--app-primary);
}

.amount-sort[b-ks8i2lcuas] {
    width: 100%;
    text-align: right;
}

.account-number[b-ks8i2lcuas] {
    font-weight: 800;
    color: #1f2937;
}

.amount-column[b-ks8i2lcuas] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.balance-value[b-ks8i2lcuas] {
    font-weight: 800;
}

.empty-row[b-ks8i2lcuas] {
    padding: 2rem !important;
    text-align: center;
    color: #6b7280;
}

.ledger-pagination[b-ks8i2lcuas] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    background: #f8fafc;
}

.ledger-pagination span[b-ks8i2lcuas] {
    color: #4a5568;
    font-weight: 800;
}

@media (max-width: 900px) {
    .ledger-toolbar[b-ks8i2lcuas],
    .ledger-summary[b-ks8i2lcuas],
    .ledger-pagination[b-ks8i2lcuas] {
        flex-direction: column;
        align-items: stretch;
    }

    .ledger-search[b-ks8i2lcuas] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Accounting/AdminAccountingPlan.razor.rz.scp.css */
.admin-page[b-k24z8147pd] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-k24z8147pd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-k24z8147pd] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0d6efd;
}

.intro[b-k24z8147pd],
.muted[b-k24z8147pd] {
    color: #526072;
}

.admin-section[b-k24z8147pd] {
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.admin-section[b-k24z8147pd] {
    padding: 1rem;
    margin-bottom: 1rem;
}

.section-heading[b-k24z8147pd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-k24z8147pd] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.account-search[b-k24z8147pd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 1rem;
}

.account-results[b-k24z8147pd] {
    display: grid;
    gap: 0.5rem;
    max-height: 28rem;
    overflow: auto;
}

.account-result-static[b-k24z8147pd] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) minmax(10rem, auto);
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.5rem;
    background: #f8fafc;
}

.account-number[b-k24z8147pd] {
    font-weight: 700;
    color: #123b78;
}

.account-description[b-k24z8147pd] {
    color: #1f2937;
}

.account-meta[b-k24z8147pd] {
    color: #64748b;
    font-size: 0.9rem;
}

@media (max-width: 760px) {
    .admin-header[b-k24z8147pd],
    .section-heading[b-k24z8147pd] {
        flex-direction: column;
        align-items: stretch;
    }

    .account-search[b-k24z8147pd],
    .account-result-static[b-k24z8147pd] {
        grid-template-columns: 1fr;
    }

}
/* /Components/Pages/Admin/Admin.razor.rz.scp.css */
.admin-page[b-u16dc2rl9o] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-u16dc2rl9o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.eyebrow[b-u16dc2rl9o] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-u16dc2rl9o] {
    color: #526072;
}

.admin-menu-grid[b-u16dc2rl9o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.admin-menu-card[b-u16dc2rl9o] {
    display: grid;
    gap: 0.5rem;
    padding: 1.1rem;
    color: #1f2937;
    text-decoration: none;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.admin-menu-card:hover[b-u16dc2rl9o] {
    border-color: #0d6efd;
    background: #eef6ff;
}

.admin-menu-card strong[b-u16dc2rl9o] {
    font-size: 1.2rem;
}

.menu-label[b-u16dc2rl9o] {
    width: fit-content;
    padding: 0.25rem 0.55rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #123b78;
    border-radius: 999px;
    background: #eef6ff;
}

@media (max-width: 760px) {
    .admin-header[b-u16dc2rl9o] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-menu-grid[b-u16dc2rl9o] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/BankImport/AdminBankImport.razor.rz.scp.css */
.admin-page[b-rjdap2hpwy] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-rjdap2hpwy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-rjdap2hpwy] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-rjdap2hpwy],
.muted[b-rjdap2hpwy] {
    color: var(--app-muted);
}

.admin-section[b-rjdap2hpwy] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.section-heading[b-rjdap2hpwy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-rjdap2hpwy] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.section-actions[b-rjdap2hpwy] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-shrink: 0;
}

.preview-section[b-rjdap2hpwy] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.preview-badge[b-rjdap2hpwy] {
    align-self: flex-start;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: #e7f8ed;
    color: #17633a;
    font-weight: 800;
    white-space: nowrap;
}

.preview-grid[b-rjdap2hpwy],
.overview-grid[b-rjdap2hpwy] {
    display: grid;
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.preview-grid[b-rjdap2hpwy] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-grid[b-rjdap2hpwy] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.preview-card[b-rjdap2hpwy],
.overview-card[b-rjdap2hpwy] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface);
}

.overview-card.success[b-rjdap2hpwy] {
    border-color: #abefc6;
    background: #f0fdf4;
}

.overview-card.warning[b-rjdap2hpwy] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.preview-card span[b-rjdap2hpwy],
.overview-card span[b-rjdap2hpwy] {
    color: var(--app-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.preview-card strong[b-rjdap2hpwy],
.overview-card strong[b-rjdap2hpwy] {
    color: var(--app-text);
    font-size: 1.2rem;
}

.preview-card small[b-rjdap2hpwy] {
    color: var(--app-muted);
}

.preview-notes[b-rjdap2hpwy] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1.2rem;
    border: 1px dashed var(--app-border-strong);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-blue);
    color: var(--app-primary-dark);
}

.preview-file-list[b-rjdap2hpwy] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

.preview-file-row[b-rjdap2hpwy] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto auto auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: #ffffff;
}

.preview-file-row strong[b-rjdap2hpwy] {
    overflow-wrap: anywhere;
}

.preview-file-row span[b-rjdap2hpwy] {
    color: var(--app-muted);
    font-size: 0.92rem;
    white-space: nowrap;
}

.import-actions[b-rjdap2hpwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    margin-top: 1rem;
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-blue);
}

.import-actions h3[b-rjdap2hpwy] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
}

.bank-filter-bar[b-rjdap2hpwy] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(12rem, 16rem) auto auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.8rem;
    background: #f8fafc;
    margin-bottom: 1rem;
}

.bank-search-input[b-rjdap2hpwy],
.bank-status-select[b-rjdap2hpwy] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: #ffffff;
    color: var(--app-text);
}

.bank-table-meta[b-rjdap2hpwy],
.bank-pagination[b-rjdap2hpwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0.8rem 0;
    color: var(--app-muted);
    font-weight: 700;
}

.bank-pagination[b-rjdap2hpwy] {
    justify-content: flex-end;
}

.bank-table-wrap[b-rjdap2hpwy] {
    overflow-x: auto;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
}

.bank-table[b-rjdap2hpwy] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.bank-table th[b-rjdap2hpwy],
.bank-table td[b-rjdap2hpwy] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: middle;
}

.bank-table thead th[b-rjdap2hpwy] {
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.bank-table tbody tr:hover[b-rjdap2hpwy] {
    background: #f4f7fb;
}

.bank-table tr:last-child td[b-rjdap2hpwy] {
    border-bottom: 0;
}

.amount-column[b-rjdap2hpwy] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.row-action[b-rjdap2hpwy] {
    text-align: right;
    white-space: nowrap;
}

.status-pill[b-rjdap2hpwy] {
    display: inline-flex;
    padding: 0.32rem 0.55rem;
    border-radius: 999px;
    background: var(--app-surface-soft);
    color: var(--app-muted);
    font-size: 0.85rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-pill.success[b-rjdap2hpwy] {
    background: #e7f8ed;
    color: #17633a;
}

.status-pill.warning[b-rjdap2hpwy] {
    background: #fff2d6;
    color: #8a4b00;
}

.status-pill.muted[b-rjdap2hpwy] {
    background: #eef2f7;
    color: #526072;
}

@media (max-width: 1000px) {
    .preview-grid[b-rjdap2hpwy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-grid[b-rjdap2hpwy] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .preview-file-row[b-rjdap2hpwy] {
        grid-template-columns: 1fr 1fr;
    }

    .bank-filter-bar[b-rjdap2hpwy] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .admin-header[b-rjdap2hpwy],
    .section-heading[b-rjdap2hpwy],
    .section-actions[b-rjdap2hpwy],
    .import-actions[b-rjdap2hpwy] {
        flex-direction: column;
        align-items: stretch;
    }

    .preview-grid[b-rjdap2hpwy],
    .overview-grid[b-rjdap2hpwy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .import-actions .app-button[b-rjdap2hpwy],
    .section-actions .app-button[b-rjdap2hpwy],
    .admin-header .app-button[b-rjdap2hpwy],
    .bank-filter-bar .app-button[b-rjdap2hpwy] {
        width: 100%;
    }

    .preview-file-row[b-rjdap2hpwy],
    .bank-filter-bar[b-rjdap2hpwy],
    .bank-table-meta[b-rjdap2hpwy],
    .bank-pagination[b-rjdap2hpwy] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }
}

.link-candidates-row td[b-rjdap2hpwy] {
    background: #f8fafc;
}

.link-candidates[b-rjdap2hpwy] {
    display: grid;
    gap: 0.5rem;
    padding: 0.25rem 0;
}

.link-candidate[b-rjdap2hpwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.6rem;
    background: #ffffff;
}
/* /Components/Pages/Companies/AdminCompanies.razor.rz.scp.css */
.admin-page[b-yr9eupst27] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-yr9eupst27] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-yr9eupst27] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-yr9eupst27],
.muted[b-yr9eupst27] {
    color: #526072;
}

.admin-section[b-yr9eupst27] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.section-heading[b-yr9eupst27] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-yr9eupst27] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.company-form-grid[b-yr9eupst27] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.company-address-field[b-yr9eupst27] {
    grid-column: 1 / span 2;
}

.company-form-footer[b-yr9eupst27] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #d9e2ec;
    padding-top: 1rem;
    margin-top: 0.25rem;
}

.company-list[b-yr9eupst27] {
    display: grid;
    gap: 0.65rem;
}

.company-card[b-yr9eupst27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.65rem;
    background: #f8fafc;
    transition: border-color 120ms ease, background 120ms ease;
}

.company-card:hover[b-yr9eupst27] {
    border-color: var(--app-border-strong);
    background: #f0f5ff;
}

.company-card-active[b-yr9eupst27] {
    border-color: #94b6ff;
    background: #eef6ff;
}

.company-card-active:hover[b-yr9eupst27] {
    border-color: #6699ee;
    background: #e6f0ff;
}

.company-summary[b-yr9eupst27] {
    display: grid;
    gap: 0.2rem;
}

.company-card span[b-yr9eupst27] {
    color: #526072;
}

.company-card .company-actions[b-yr9eupst27] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-shrink: 0;
}

.company-card .company-edit-form[b-yr9eupst27] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
}

@media (max-width: 760px) {
    .admin-header[b-yr9eupst27],
    .section-heading[b-yr9eupst27],
    .company-card[b-yr9eupst27],
    .company-form-footer[b-yr9eupst27] {
        align-items: stretch;
        flex-direction: column;
    }

    .company-form-grid[b-yr9eupst27],
    .company-address-field[b-yr9eupst27],
    .company-card .company-edit-form[b-yr9eupst27] {
        grid-template-columns: 1fr;
    }

    .company-address-field[b-yr9eupst27] {
        grid-column: auto;
    }

    .company-card .company-actions[b-yr9eupst27] {
        justify-content: stretch;
    }

    .company-card .company-actions .app-button[b-yr9eupst27],
    .company-form-footer .app-button[b-yr9eupst27] {
        flex: 1;
        width: 100%;
    }
}
/* /Components/Pages/CustomerInvoices/CustomerInvoiceDetails.razor.rz.scp.css */
.customer-invoice-details-page[b-huup534rfs] {
    display: grid;
    gap: 1.5rem;
}

.details-header[b-huup534rfs] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.details-header h1[b-huup534rfs] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.intro[b-huup534rfs],
.muted[b-huup534rfs] {
    color: #526072;
}

.header-actions[b-huup534rfs] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.details-layout[b-huup534rfs] {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr);
    gap: 1.5rem;
}

.invoice-file-card[b-huup534rfs],
.invoice-details-card[b-huup534rfs] {
    border: 1px solid #d9e3f3;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    padding: 1rem;
}

.invoice-file-card[b-huup534rfs] {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.invoice-file[b-huup534rfs] {
    width: 100%;
    min-height: 560px;
    max-height: 740px;
    object-fit: contain;
    border: 1px solid #d9e3f3;
    border-radius: 0.8rem;
    background: #f8fafc;
}

.title-row[b-huup534rfs] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.edit-grid[b-huup534rfs],
.detail-grid[b-huup534rfs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.edit-field[b-huup534rfs],
.detail-item[b-huup534rfs] {
    display: grid;
    gap: 0.35rem;
}

.readonly-value[b-huup534rfs] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    border: 1px solid #d9e3f3;
    border-radius: 0.6rem;
    padding: 0.65rem 0.85rem;
    background: #f8fafc;
}

.edit-actions[b-huup534rfs] {
    display: flex;
    justify-content: flex-end;
    margin: 1.5rem 0;
}

.detail-label[b-huup534rfs] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.detail-value[b-huup534rfs] {
    overflow-wrap: anywhere;
}

.detail-item-wide[b-huup534rfs] {
    grid-column: 1 / -1;
}

.file-path[b-huup534rfs] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.9rem;
}

.details-message[b-huup534rfs] {
    margin-bottom: 1rem;
}

@media (max-width: 760px) {
    .details-header[b-huup534rfs],
    .details-layout[b-huup534rfs],
    .edit-grid[b-huup534rfs],
    .detail-grid[b-huup534rfs] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .header-actions[b-huup534rfs],
    .edit-actions[b-huup534rfs] {
        justify-content: flex-start;
    }

    .invoice-file[b-huup534rfs] {
        min-height: 380px;
        max-height: 560px;
    }
}
/* /Components/Pages/CustomerInvoices/CustomerInvoices.razor.rz.scp.css */
.customer-invoices-page[b-sv60hv4kno] {
    display: grid;
    gap: 1.5rem;
}

.page-header[b-sv60hv4kno] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0;
}

.page-header h1[b-sv60hv4kno] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.intro[b-sv60hv4kno],
.year-summary[b-sv60hv4kno],
.list-summary[b-sv60hv4kno] {
    color: #526072;
}

.invoice-table-card[b-sv60hv4kno] {
    border: 1px solid #d9e3f3;
    border-radius: 1rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

.list-summary[b-sv60hv4kno] {
    padding: 0.75rem 1rem 0;
}

.invoice-table-wrap[b-sv60hv4kno] {
    overflow-x: auto;
}

.invoice-table[b-sv60hv4kno] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.invoice-table th[b-sv60hv4kno],
.invoice-table td[b-sv60hv4kno] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--app-border);
    vertical-align: middle;
    white-space: nowrap;
}

.invoice-table th[b-sv60hv4kno] {
    background: var(--app-surface-soft);
    color: #374151;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.invoice-table tbody tr:hover[b-sv60hv4kno] {
    background: #f4f7fb;
}

.invoice-table tr:last-child td[b-sv60hv4kno] {
    border-bottom: 0;
}

.invoice-link[b-sv60hv4kno] {
    font-weight: 800;
}

.amount-column[b-sv60hv4kno] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.actions-th[b-sv60hv4kno] {
    text-align: right !important;
}

.row-actions[b-sv60hv4kno] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.pagination-row[b-sv60hv4kno] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

@media (max-width: 760px) {
    .page-header[b-sv60hv4kno] {
        display: grid;
    }

    .row-actions[b-sv60hv4kno] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/CustomerInvoices/CustomerInvoiceUpload.razor.rz.scp.css */
.customer-invoice-upload-page[b-0ijdrsgex9] {
    display: grid;
    gap: 1rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-j7vqepkr5w] {
    display: grid;
    gap: 1.25rem;
}

/* ── Hero card ──────────────────────────────────────────────── */

.home-page[b-j7vqepkr5w]  .home-card {
    width: 100%;
    padding: 1.5rem;
}

.home-eyebrow[b-j7vqepkr5w] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.home-page[b-j7vqepkr5w]  .home-card h1 {
    margin: 0 0 0.4rem;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.home-intro[b-j7vqepkr5w] {
    margin: 0;
    color: var(--app-muted);
    max-width: 36rem;
}

/* ── Quick grid ─────────────────────────────────────────────── */

.quick-grid[b-j7vqepkr5w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.quick-card[b-j7vqepkr5w] {
    display: grid;
    gap: 0.5rem;
    padding: 1.1rem;
    color: #1f2937;
    text-decoration: none;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    transition: border-color 150ms ease, background 150ms ease;
}

.quick-card:hover[b-j7vqepkr5w] {
    border-color: #0d6efd;
    background: #eef6ff;
}

.quick-card strong[b-j7vqepkr5w] {
    font-size: 1.1rem;
}

.quick-card > span:not(.menu-label)[b-j7vqepkr5w] {
    color: #526072;
}

.menu-label[b-j7vqepkr5w] {
    width: fit-content;
    padding: 0.25rem 0.55rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #123b78;
    border-radius: 999px;
    background: #eef6ff;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 640px) {
    .home-page[b-j7vqepkr5w]  .home-card {
        padding: 1rem;
    }

    .quick-grid[b-j7vqepkr5w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Payroll/Payroll.razor.rz.scp.css */
.payroll-page[b-pjleb2j0zf] {
    display: grid;
    gap: 1rem;
}

.payroll-header[b-pjleb2j0zf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.payroll-header h1[b-pjleb2j0zf] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.payroll-header p[b-pjleb2j0zf],
.muted[b-pjleb2j0zf] {
    margin: 0.3rem 0 0;
    color: #526072;
}

.payroll-card[b-pjleb2j0zf] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.section-heading[b-pjleb2j0zf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-pjleb2j0zf] {
    margin: 0;
    font-size: 1.25rem;
}

.section-heading p[b-pjleb2j0zf] {
    margin: 0.2rem 0 0;
    color: #526072;
}

.payroll-filter[b-pjleb2j0zf] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.payroll-filter .filter-field[b-pjleb2j0zf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 12rem;
}

@media (max-width: 760px) {
    .payroll-filter[b-pjleb2j0zf] {
        flex-direction: column;
        align-items: stretch;
    }

    .payroll-filter .filter-field[b-pjleb2j0zf] {
        min-width: 0;
    }
}

.employee-form[b-pjleb2j0zf],
.run-form[b-pjleb2j0zf] {
    display: grid;
    gap: 0.75rem;
    align-items: end;
}

.employee-form[b-pjleb2j0zf] {
    grid-template-columns: minmax(12rem, 1.4fr) repeat(3, minmax(8rem, 1fr)) auto;
}

.run-form[b-pjleb2j0zf] {
    grid-template-columns: repeat(2, minmax(12rem, 16rem));
}

.active-checkbox[b-pjleb2j0zf] {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 2.4rem;
    font-weight: 700;
}

.employee-form-actions[b-pjleb2j0zf],
.row-actions[b-pjleb2j0zf],
.run-actions[b-pjleb2j0zf],
.verification-links[b-pjleb2j0zf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.row-actions[b-pjleb2j0zf] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
    min-width: 9rem;
}

.row-actions-secondary[b-pjleb2j0zf] {
    display: flex;
    gap: 0.4rem;
}

.employee-form-actions[b-pjleb2j0zf] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    border-top: 1px solid #d9e2ec;
    padding-top: 1rem;
    margin-top: 0.25rem;
}

.employee-table-wrap[b-pjleb2j0zf] {
    overflow-x: auto;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
}

.employee-table[b-pjleb2j0zf] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: 0.93rem;
}

.employee-table th[b-pjleb2j0zf],
.employee-table td[b-pjleb2j0zf] {
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: middle;
}

.employee-table th[b-pjleb2j0zf] {
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.employee-table tbody tr:hover[b-pjleb2j0zf] {
    background: #f4f7fb;
}

.employee-table tr:last-child td[b-pjleb2j0zf] {
    border-bottom: 0;
}

.inactive-row[b-pjleb2j0zf] {
    color: #6b7280;
    background: #f8fafc;
}

.next-salary-cell[b-pjleb2j0zf] {
    display: grid;
    gap: 0.1rem;
}

.next-salary-cell small[b-pjleb2j0zf] {
    color: #526072;
}

.employee-selection[b-pjleb2j0zf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem;
}

.selection-card[b-pjleb2j0zf] {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    padding: 0.85rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
    background: #f8fafc;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.selection-card:hover[b-pjleb2j0zf] {
    border-color: var(--app-border-strong);
    background: #f0f5ff;
}

.selection-card span[b-pjleb2j0zf] {
    display: grid;
    gap: 0.1rem;
}

.selection-card small[b-pjleb2j0zf] {
    color: #526072;
}

.payroll-summary[b-pjleb2j0zf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.75rem;
    background: #eff6ff;
    color: #24324a;
}

.run-actions[b-pjleb2j0zf],
.verification-links[b-pjleb2j0zf] {
    justify-content: flex-end;
}

.result-card[b-pjleb2j0zf] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

@media (max-width: 900px) {
    .payroll-header[b-pjleb2j0zf],
    .section-heading[b-pjleb2j0zf],
    .employee-form-actions[b-pjleb2j0zf],
    .row-actions[b-pjleb2j0zf],
    .run-actions[b-pjleb2j0zf],
    .verification-links[b-pjleb2j0zf] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-form[b-pjleb2j0zf],
    .run-form[b-pjleb2j0zf] {
        grid-template-columns: 1fr;
    }

    .employee-form-actions .app-button[b-pjleb2j0zf],
    .row-actions .app-button[b-pjleb2j0zf],
    .row-actions-secondary .app-button[b-pjleb2j0zf],
    .run-actions .app-button[b-pjleb2j0zf],
    .verification-links .app-button[b-pjleb2j0zf] {
        width: 100%;
    }

    .row-actions-secondary[b-pjleb2j0zf] {
        flex-direction: column;
    }
}
/* /Components/Pages/Pension/PensionContributionDetails.razor.rz.scp.css */
.pension-details-page[b-qmrgqyw2es] {
    display: grid;
    gap: 1.5rem;
}

.details-header[b-qmrgqyw2es] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.details-header h1[b-qmrgqyw2es] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.intro[b-qmrgqyw2es],
.muted[b-qmrgqyw2es] {
    color: #526072;
}

.header-actions[b-qmrgqyw2es] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.details-layout[b-qmrgqyw2es] {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr);
    gap: 1.5rem;
}

.pension-file-card[b-qmrgqyw2es],
.pension-details-card[b-qmrgqyw2es] {
    border: 1px solid #d9e3f3;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    padding: 1rem;
}

.pension-file-card[b-qmrgqyw2es] {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.pension-file[b-qmrgqyw2es] {
    width: 100%;
    min-height: 560px;
    max-height: 740px;
    object-fit: contain;
    border: 1px solid #d9e3f3;
    border-radius: 0.8rem;
    background: #f8fafc;
}

.title-row[b-qmrgqyw2es] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.edit-grid[b-qmrgqyw2es],
.detail-grid[b-qmrgqyw2es] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.edit-field[b-qmrgqyw2es],
.detail-item[b-qmrgqyw2es] {
    display: grid;
    gap: 0.35rem;
}

.readonly-value[b-qmrgqyw2es] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    border: 1px solid #d9e3f3;
    border-radius: 0.6rem;
    padding: 0.65rem 0.85rem;
    background: #f8fafc;
}

.edit-actions[b-qmrgqyw2es] {
    display: flex;
    justify-content: flex-end;
    margin: 1.5rem 0;
}

.detail-label[b-qmrgqyw2es] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.detail-value[b-qmrgqyw2es] {
    overflow-wrap: anywhere;
}

.detail-item-wide[b-qmrgqyw2es] {
    grid-column: 1 / -1;
}

.file-path[b-qmrgqyw2es] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.9rem;
}

.details-message[b-qmrgqyw2es] {
    margin-bottom: 1rem;
}

.detail-link[b-qmrgqyw2es] {
    font-weight: 700;
}

@media (max-width: 760px) {
    .details-header[b-qmrgqyw2es],
    .details-layout[b-qmrgqyw2es],
    .edit-grid[b-qmrgqyw2es],
    .detail-grid[b-qmrgqyw2es] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .header-actions[b-qmrgqyw2es],
    .edit-actions[b-qmrgqyw2es] {
        justify-content: flex-start;
    }

    .pension-file[b-qmrgqyw2es] {
        min-height: 380px;
        max-height: 560px;
    }
}
/* /Components/Pages/Pension/PensionContributions.razor.rz.scp.css */
.pension-page[b-aat16r10ne] {
    display: grid;
    gap: 1.5rem;
}

.page-header[b-aat16r10ne] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.page-header h1[b-aat16r10ne] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.intro[b-aat16r10ne],
.help-text[b-aat16r10ne],
.muted[b-aat16r10ne],
.list-summary[b-aat16r10ne] {
    color: #526072;
}

/* ── Upload section ─────────────────────────────────────────── */

.upload-card[b-aat16r10ne] {
    display: grid;
    gap: 1rem;
}

.upload-section[b-aat16r10ne] {
    display: grid;
    gap: 0.5rem;
}

.analysis-message[b-aat16r10ne] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.analysis-spinner[b-aat16r10ne] {
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: analysis-spin-b-aat16r10ne 0.8s linear infinite;
}

@keyframes analysis-spin-b-aat16r10ne {
    to { transform: rotate(360deg); }
}

/* ── Draft card ─────────────────────────────────────────────── */

.draft-card[b-aat16r10ne] {
    margin-top: 0.5rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.draft-header[b-aat16r10ne] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.draft-header h2[b-aat16r10ne] {
    margin: 0 0 0.35rem;
    font-size: 1.3rem;
}

.draft-layout[b-aat16r10ne] {
    display: grid;
    grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
    gap: 1rem;
}

.draft-image-panel[b-aat16r10ne] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.draft-form-panel[b-aat16r10ne] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-grid[b-aat16r10ne] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.review-field[b-aat16r10ne] {
    display: flex;
    flex-direction: column;
}

.form-control-static[b-aat16r10ne] {
    min-height: 2.85rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #f8fafc;
    color: #1f2937;
}

.draft-actions[b-aat16r10ne] {
    display: flex;
    justify-content: flex-end;
}

.uploaded-image-preview[b-aat16r10ne] {
    width: 100%;
    max-height: 12rem;
    display: block;
    border-radius: 0.85rem;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid #d9e2ec;
}

.pdf-preview[b-aat16r10ne] {
    min-height: 8rem;
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 1rem;
    text-align: center;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #243447;
}

.pdf-icon[b-aat16r10ne] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: 1rem;
    background: #e8f1ff;
    color: #2456f4;
    font-weight: 800;
    letter-spacing: 0.06em;
}

/* ── Table / list section ───────────────────────────────────── */

.invoice-table-card[b-aat16r10ne] {
    border: 1px solid #d9e3f3;
    border-radius: 1rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

.invoice-table-wrap[b-aat16r10ne] {
    overflow-x: auto;
}

.invoice-table[b-aat16r10ne] {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}

.invoice-table th[b-aat16r10ne],
.invoice-table td[b-aat16r10ne] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--app-border);
    vertical-align: middle;
    white-space: nowrap;
}

.invoice-table th[b-aat16r10ne] {
    background: var(--app-surface-soft);
    color: #374151;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.invoice-table tbody tr:hover[b-aat16r10ne] {
    background: #f4f7fb;
}

.invoice-table tr:last-child td[b-aat16r10ne] {
    border-bottom: 0;
}

.amount-column[b-aat16r10ne] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.actions-th[b-aat16r10ne] {
    text-align: right !important;
}

.contribution-link[b-aat16r10ne] {
    font-weight: 700;
}

.list-summary[b-aat16r10ne] {
    padding: 0.75rem 1rem 0;
}

.row-actions[b-aat16r10ne] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.pagination-row[b-aat16r10ne] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 860px) {
    .draft-layout[b-aat16r10ne] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .review-grid[b-aat16r10ne] {
        grid-template-columns: 1fr;
    }

    .draft-actions[b-aat16r10ne] {
        justify-content: stretch;
    }
}
/* /Components/Pages/PreliminaryTax/PreliminaryTaxPayment.razor.rz.scp.css */
.preliminary-tax-page[b-d5a2e948rb] {
    display: grid;
    gap: 1rem;
}

.preliminary-tax-header[b-d5a2e948rb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.preliminary-tax-header h1[b-d5a2e948rb] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.preliminary-tax-header p[b-d5a2e948rb],
.muted[b-d5a2e948rb] {
    margin: 0.3rem 0 0;
    color: #526072;
}

.preliminary-tax-card[b-d5a2e948rb] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.section-heading[b-d5a2e948rb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-d5a2e948rb] {
    margin: 0;
    font-size: 1.25rem;
}

.section-heading p[b-d5a2e948rb] {
    margin: 0.2rem 0 0;
    color: #526072;
}

.payment-form[b-d5a2e948rb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(12rem, 18rem));
    gap: 0.75rem;
    align-items: end;
}

.preliminary-tax-table-wrap[b-d5a2e948rb] {
    overflow-x: auto;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
}

.preliminary-tax-table[b-d5a2e948rb] {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: 0.93rem;
}

.preliminary-tax-table th[b-d5a2e948rb],
.preliminary-tax-table td[b-d5a2e948rb] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
}

.preliminary-tax-table th[b-d5a2e948rb] {
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.preliminary-tax-table tbody tr:hover[b-d5a2e948rb] {
    background: #f4f7fb;
}

.preliminary-tax-table tr:last-child td[b-d5a2e948rb] {
    border-bottom: 0;
}

.account-number[b-d5a2e948rb] {
    font-weight: 800;
}

.amount-column[b-d5a2e948rb] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.preliminary-tax-actions[b-d5a2e948rb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #d9e2ec;
    padding-top: 1rem;
    margin-top: 0.25rem;
}

@media (max-width: 760px) {
    .preliminary-tax-header[b-d5a2e948rb],
    .section-heading[b-d5a2e948rb],
    .preliminary-tax-actions[b-d5a2e948rb] {
        align-items: stretch;
        flex-direction: column;
    }

    .payment-form[b-d5a2e948rb] {
        grid-template-columns: 1fr;
    }

    .preliminary-tax-actions .app-button[b-d5a2e948rb] {
        width: 100%;
    }
}
/* /Components/Pages/Receipts/AdminCategories.razor.rz.scp.css */
.admin-page[b-277i7ge8dk] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-277i7ge8dk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-277i7ge8dk] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-277i7ge8dk],
.muted[b-277i7ge8dk] {
    color: #526072;
}

.admin-section[b-277i7ge8dk] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.section-heading[b-277i7ge8dk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-277i7ge8dk] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.category-filter[b-277i7ge8dk] {
    min-width: 11rem;
}

.add-category-row[b-277i7ge8dk],
.account-search[b-277i7ge8dk],
.mapping-grid[b-277i7ge8dk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.add-category-row[b-277i7ge8dk] {
    margin-bottom: 1rem;
}

.category-list[b-277i7ge8dk] {
    display: grid;
    gap: 0.75rem;
}

.category-empty[b-277i7ge8dk] {
    margin: 0;
}

.category-card[b-277i7ge8dk] {
    padding: 0.9rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #f8fafc;
    transition: border-color 120ms ease, background 120ms ease;
}

.category-card:hover[b-277i7ge8dk] {
    border-color: var(--app-border-strong);
    background: #f0f5ff;
}

.category-card-changed[b-277i7ge8dk] {
    border-color: #b8ccff;
    background: #f4f8ff;
}

.category-card-readonly[b-277i7ge8dk] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(14rem, 1fr) minmax(14rem, 1.2fr) auto;
    gap: 0.85rem;
    align-items: center;
}

.category-card-editing[b-277i7ge8dk] {
    display: grid;
    gap: 1rem;
}

.category-edit-header[b-277i7ge8dk],
.mapping-editor-heading[b-277i7ge8dk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.category-edit-header h3[b-277i7ge8dk],
.category-title-row h3[b-277i7ge8dk],
.mapping-editor-heading h4[b-277i7ge8dk] {
    margin: 0;
}

.category-title-row h3[b-277i7ge8dk] {
    font-size: 1.05rem;
}

.category-title-row[b-277i7ge8dk] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.category-main[b-277i7ge8dk],
.category-account[b-277i7ge8dk],
.form-field[b-277i7ge8dk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.category-edit-grid[b-277i7ge8dk] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(16rem, 1.2fr) minmax(8rem, auto);
    gap: 0.85rem;
    align-items: start;
}

.meta-label[b-277i7ge8dk] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7785;
}

.meta-value[b-277i7ge8dk] {
    color: #1f2937;
}

.settlement-hint[b-277i7ge8dk],
.account-meta[b-277i7ge8dk],
.mapping-card small[b-277i7ge8dk] {
    color: #64748b;
    line-height: 1.3;
}

.status-badge[b-277i7ge8dk],
.change-badge[b-277i7ge8dk],
.side-badge[b-277i7ge8dk] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    font-weight: 800;
    white-space: nowrap;
}

.status-badge[b-277i7ge8dk] {
    padding: 0.28rem 0.6rem;
    font-size: 0.82rem;
}

.status-active[b-277i7ge8dk] {
    color: #155b34;
    background: #edfdf3;
}

.status-inactive[b-277i7ge8dk] {
    color: #64748b;
    background: #eef2f7;
}

.change-badge[b-277i7ge8dk] {
    padding: 0.18rem 0.5rem;
    background: #fff7ed;
    color: #8a4b00;
    font-size: 0.78rem;
}

.category-active-toggle[b-277i7ge8dk] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.35rem;
    font-weight: 700;
    color: #1f2937;
}

.category-active-toggle input[b-277i7ge8dk] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: #2563eb;
}

.mapping-editor[b-277i7ge8dk] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #ffffff;
}

.mapping-draft-message[b-277i7ge8dk] {
    margin: 0;
}

.mapping-list[b-277i7ge8dk],
.account-results[b-277i7ge8dk] {
    display: grid;
    gap: 0.5rem;
}

.account-results[b-277i7ge8dk] {
    max-height: 18rem;
    overflow: auto;
}

.mapping-card[b-277i7ge8dk] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.5rem;
    background: #f8fafc;
}

.mapping-card div[b-277i7ge8dk] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-wrap: wrap;
}

.side-badge[b-277i7ge8dk] {
    padding: 0.2rem 0.5rem;
    font-size: 0.78rem;
}

.side-debit[b-277i7ge8dk] {
    color: #155b34;
    background: #edfdf3;
}

.side-credit[b-277i7ge8dk] {
    color: #8a4b00;
    background: #fff7ed;
}

.mapping-add-panel[b-277i7ge8dk] {
    display: grid;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #d9e2ec;
}

.mapping-grid[b-277i7ge8dk] {
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
    align-items: end;
}

.selected-account[b-277i7ge8dk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-height: 2.75rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.5rem;
    background: #f8fafc;
}

.account-result[b-277i7ge8dk] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) minmax(10rem, auto);
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem;
    text-align: left;
    border: 1px solid #d9e2ec;
    border-radius: 0.5rem;
    background: #f8fafc;
}

.account-result:hover[b-277i7ge8dk],
.account-result-selected[b-277i7ge8dk] {
    border-color: #0d6efd;
    background: #eef6ff;
}

.account-number[b-277i7ge8dk] {
    font-weight: 700;
    color: #123b78;
}

.account-description[b-277i7ge8dk] {
    color: #1f2937;
}

.mapping-actions[b-277i7ge8dk],
.category-actions[b-277i7ge8dk] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: stretch;
}

.edit-actions[b-277i7ge8dk] {
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .category-card-readonly[b-277i7ge8dk],
    .category-edit-grid[b-277i7ge8dk],
    .mapping-grid[b-277i7ge8dk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-header[b-277i7ge8dk],
    .section-heading[b-277i7ge8dk],
    .category-edit-header[b-277i7ge8dk],
    .mapping-editor-heading[b-277i7ge8dk],
    .mapping-card[b-277i7ge8dk] {
        flex-direction: column;
        align-items: stretch;
    }

    .add-category-row[b-277i7ge8dk],
    .account-search[b-277i7ge8dk],
    .account-result[b-277i7ge8dk] {
        grid-template-columns: 1fr;
    }

    .category-filter[b-277i7ge8dk],
    .category-actions .app-button[b-277i7ge8dk],
    .mapping-actions .app-button[b-277i7ge8dk],
    .mapping-editor-heading .app-button[b-277i7ge8dk],
    .mapping-card .app-button[b-277i7ge8dk] {
        width: 100%;
    }
}
/* /Components/Pages/Receipts/AdminSuppliers.razor.rz.scp.css */
.admin-page[b-7xnse5zie0] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-7xnse5zie0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-7xnse5zie0] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-7xnse5zie0],
.muted[b-7xnse5zie0] {
    color: #526072;
}

.admin-section[b-7xnse5zie0] {
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.admin-section[b-7xnse5zie0] {
    padding: 1rem;
    margin-bottom: 1rem;
}

.section-heading[b-7xnse5zie0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-7xnse5zie0] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.supplier-form-grid[b-7xnse5zie0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.supplier-actions[b-7xnse5zie0],
.supplier-card-actions[b-7xnse5zie0] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
}

.supplier-actions[b-7xnse5zie0] {
    grid-column: 1 / -1;
    border-top: 1px solid #d9e2ec;
    padding-top: 1rem;
    margin-top: 0.25rem;
}

.supplier-list[b-7xnse5zie0] {
    display: grid;
    gap: 0.75rem;
}

.supplier-card[b-7xnse5zie0] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.5rem;
    background: #f8fafc;
    transition: border-color 120ms ease, background 120ms ease;
}

.supplier-card:hover[b-7xnse5zie0] {
    border-color: var(--app-border-strong);
    background: #f0f5ff;
}

.supplier-card div[b-7xnse5zie0] {
    display: grid;
    gap: 0.2rem;
}

.supplier-card span[b-7xnse5zie0] {
    color: #526072;
}

@media (max-width: 760px) {
    .admin-header[b-7xnse5zie0],
    .section-heading[b-7xnse5zie0],
    .supplier-card[b-7xnse5zie0],
    .supplier-actions[b-7xnse5zie0],
    .supplier-card-actions[b-7xnse5zie0] {
        flex-direction: column;
        align-items: stretch;
    }

    .supplier-form-grid[b-7xnse5zie0] {
        grid-template-columns: 1fr;
    }

}
/* /Components/Pages/Receipts/ReceiptDetails.razor.rz.scp.css */
.details-page[b-59lq78zjq2] {
    display: grid;
    gap: 1.25rem;
}

.details-header[b-59lq78zjq2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.intro[b-59lq78zjq2],
.muted[b-59lq78zjq2] {
    color: var(--app-muted);
}

.header-actions[b-59lq78zjq2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.details-message[b-59lq78zjq2] {
    margin: 0 0 1rem;
}

.details-layout[b-59lq78zjq2] {
    display: grid;
    grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
    gap: 1rem;
}

.receipt-image-card[b-59lq78zjq2],
.receipt-details-card[b-59lq78zjq2] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.receipt-image-card[b-59lq78zjq2] {
    overflow: hidden;
}

.receipt-image[b-59lq78zjq2] {
    width: 100%;
    max-height: 38rem;
    display: block;
    object-fit: contain;
    background: var(--app-surface-soft);
}

.pdf-preview[b-59lq78zjq2] {
    min-height: 24rem;
    display: grid;
    place-items: center;
    gap: 0.6rem;
    padding: 1.5rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 25%, rgba(13, 110, 253, 0.12), transparent 34%),
        var(--app-surface-soft);
    color: var(--app-text);
}

.pdf-icon[b-59lq78zjq2] {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
    border-radius: 1rem;
    background: #e8f1ff;
    color: var(--app-primary);
    font-weight: 800;
    letter-spacing: 0.06em;
}

.image-actions[b-59lq78zjq2] {
    padding: 1rem;
}

.receipt-details-card[b-59lq78zjq2] {
    padding: 1rem;
}

.title-row[b-59lq78zjq2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.title-row h2[b-59lq78zjq2] {
    margin: 0 0 0.25rem;
    font-size: 1.3rem;
}

.edit-grid[b-59lq78zjq2],
.detail-grid[b-59lq78zjq2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.edit-field[b-59lq78zjq2] {
    display: flex;
    flex-direction: column;
}

.readonly-value[b-59lq78zjq2] {
    min-height: 2.85rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-soft);
    color: var(--app-text);
}

.edit-actions[b-59lq78zjq2] {
    display: flex;
    justify-content: flex-end;
    margin: 1rem 0;
}

.detail-grid[b-59lq78zjq2] {
    padding-top: 1rem;
    border-top: 1px solid var(--app-border);
}

.detail-item[b-59lq78zjq2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.detail-item-wide[b-59lq78zjq2] {
    grid-column: 1 / -1;
}

.detail-label[b-59lq78zjq2] {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--app-muted);
}

.detail-value[b-59lq78zjq2] {
    color: var(--app-text);
}

.detail-link[b-59lq78zjq2] {
    color: var(--app-primary);
    font-weight: 700;
}

.file-path[b-59lq78zjq2] {
    word-break: break-word;
}

@media (max-width: 860px) {
    .details-header[b-59lq78zjq2] {
        flex-direction: column;
        align-items: stretch;
    }

    .details-layout[b-59lq78zjq2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .edit-grid[b-59lq78zjq2],
    .detail-grid[b-59lq78zjq2] {
        grid-template-columns: 1fr;
    }

    .title-row[b-59lq78zjq2] {
        flex-direction: column;
    }

    .edit-actions .app-button[b-59lq78zjq2],
    .header-actions .app-button[b-59lq78zjq2],
    .image-actions .app-button[b-59lq78zjq2] {
        width: 100%;
    }
}
/* /Components/Pages/Receipts/Receipts.razor.rz.scp.css */
.receipts-page[b-q83f4alo91] {
    display: grid;
    gap: 1.5rem;
}

.receipts-header[b-q83f4alo91] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.receipts-header h1[b-q83f4alo91] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.intro[b-q83f4alo91],
.muted[b-q83f4alo91],
.list-summary[b-q83f4alo91] {
    color: #526072;
}

/* ── Upload section ─────────────────────────────────────────── */

.upload-section[b-q83f4alo91] {
    display: grid;
    gap: 0.5rem;
}

.upload-message[b-q83f4alo91] {
    margin-top: 0.25rem;
}

.analysis-message[b-q83f4alo91] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.analysis-spinner[b-q83f4alo91] {
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: analysis-spin-b-q83f4alo91 0.8s linear infinite;
}

@keyframes analysis-spin-b-q83f4alo91 {
    to { transform: rotate(360deg); }
}

/* ── Draft card ─────────────────────────────────────────────── */

.draft-card[b-q83f4alo91] {
    margin-top: 0.25rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.draft-header[b-q83f4alo91] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.draft-header h2[b-q83f4alo91] {
    margin: 0 0 0.35rem;
    font-size: 1.3rem;
}

.draft-status-group[b-q83f4alo91] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.draft-confidence[b-q83f4alo91] {
    color: #526072;
    font-size: 0.95rem;
}

.draft-layout[b-q83f4alo91] {
    display: grid;
    grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
    gap: 1rem;
}

.draft-image-panel[b-q83f4alo91] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.draft-form-panel[b-q83f4alo91] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-grid[b-q83f4alo91] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.review-field[b-q83f4alo91] {
    display: flex;
    flex-direction: column;
}

.draft-actions[b-q83f4alo91] {
    display: flex;
    justify-content: flex-end;
}

.compact-message[b-q83f4alo91] {
    margin-top: 0.5rem;
}

.supplier-helper[b-q83f4alo91] {
    padding: 0.85rem 1rem;
    border: 1px solid #ffd899;
    border-radius: 0.85rem;
    background: #fff8e8;
    color: #6f4400;
}

.supplier-helper strong[b-q83f4alo91] {
    display: block;
    margin-bottom: 0.2rem;
}

.uploaded-image-preview[b-q83f4alo91] {
    width: 100%;
    max-height: 20rem;
    display: block;
    border-radius: 0.85rem;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid #d9e2ec;
}

.draft-pdf-preview[b-q83f4alo91] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 1.25rem;
    text-align: center;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background:
        radial-gradient(circle at 50% 25%, rgba(13, 110, 253, 0.12), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #243447;
}

.pdf-icon[b-q83f4alo91] {
    display: grid;
    width: 4.2rem;
    height: 4.2rem;
    place-items: center;
    border-radius: 1rem;
    background: #e8f1ff;
    color: #2456f4;
    font-weight: 800;
    letter-spacing: 0.06em;
}

/* ── Receipt list ───────────────────────────────────────────── */

.receipts-list[b-q83f4alo91] {
    display: grid;
    gap: 1rem;
}

.receipt-card[b-q83f4alo91] {
    border: 1px solid #d9e2ec;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    display: grid;
    grid-template-columns: minmax(0, 9rem) minmax(0, 1fr);
    overflow: hidden;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.receipt-card:hover[b-q83f4alo91] {
    border-color: #b8cfe8;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
}

.receipt-preview-panel[b-q83f4alo91] {
    padding: 0.9rem 0 0.9rem 0.9rem;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fb 100%);
    border-right: 1px solid #e5edf5;
}

.receipt-preview[b-q83f4alo91] {
    width: 100%;
    height: 12.75rem;
    display: block;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
}

.pdf-preview[b-q83f4alo91] {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 25%, rgba(13, 110, 253, 0.14), transparent 36%),
        #ffffff;
}

.pdf-preview span[b-q83f4alo91] {
    display: grid;
    width: 3.6rem;
    height: 3.6rem;
    place-items: center;
    border-radius: 0.9rem;
    background: #e8f1ff;
    color: #2456f4;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.receipt-content[b-q83f4alo91] {
    padding: 1rem;
}

.receipt-top-row[b-q83f4alo91] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.receipt-top-row h2[b-q83f4alo91] {
    margin: 0 0 0.25rem;
    font-size: 1.15rem;
    overflow-wrap: anywhere;
}

.receipt-source-note[b-q83f4alo91] {
    margin-top: 0.55rem;
    display: grid;
    gap: 0.15rem;
    max-width: 32rem;
    padding: 0.5rem 0.7rem;
    border-left: 3px solid #6ee7b7;
    background: #f0fdf4;
    color: #374151;
    font-size: 0.88rem;
    border-radius: 0 0.35rem 0.35rem 0;
}

.receipt-source-note strong[b-q83f4alo91] {
    font-size: 0.88rem;
}

.receipt-grid[b-q83f4alo91] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.meta-item[b-q83f4alo91] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.meta-label[b-q83f4alo91] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7785;
}

.meta-value[b-q83f4alo91] {
    color: #1f2937;
}

.receipt-actions[b-q83f4alo91] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.pagination-row[b-q83f4alo91] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
}

.pagination-summary[b-q83f4alo91] {
    color: #526072;
    font-size: 0.95rem;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 860px) {
    .draft-header[b-q83f4alo91] {
        flex-direction: column;
        align-items: flex-start;
    }

    .draft-status-group[b-q83f4alo91] {
        align-items: flex-start;
    }

    .draft-layout[b-q83f4alo91] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .receipt-card[b-q83f4alo91] {
        grid-template-columns: 1fr;
    }

    .receipt-preview-panel[b-q83f4alo91] {
        padding: 0.9rem 0.9rem 0;
    }

    .receipt-preview[b-q83f4alo91] {
        height: 15rem;
    }

    .receipt-content[b-q83f4alo91] {
        padding: 0.9rem;
    }

    .receipt-top-row[b-q83f4alo91] {
        flex-direction: column;
    }

    .receipt-grid[b-q83f4alo91] {
        grid-template-columns: 1fr;
    }

    .receipt-actions[b-q83f4alo91] {
        flex-direction: column;
    }

    .review-grid[b-q83f4alo91] {
        grid-template-columns: 1fr;
    }

    .draft-actions[b-q83f4alo91] {
        justify-content: stretch;
    }

    .pagination-row[b-q83f4alo91] {
        align-items: stretch;
        flex-direction: column;
    }

    .pagination-summary[b-q83f4alo91] {
        text-align: center;
    }
}
/* /Components/Pages/Receipts/ReceiptUpload.razor.rz.scp.css */
.upload-page[b-4mkjoe57qt] {
    display: grid;
    gap: 1rem;
}

.upload-card[b-4mkjoe57qt] {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.upload-header[b-4mkjoe57qt] {
    margin-bottom: 1.25rem;
}

.upload-header h1[b-4mkjoe57qt] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.intro[b-4mkjoe57qt],
.help-text[b-4mkjoe57qt],
.muted[b-4mkjoe57qt] {
    color: #526072;
}

.upload-section[b-4mkjoe57qt] {
    margin-bottom: 1rem;
}

.analysis-message[b-4mkjoe57qt] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.analysis-spinner[b-4mkjoe57qt] {
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: analysis-spin-b-4mkjoe57qt 0.8s linear infinite;
}

@keyframes analysis-spin-b-4mkjoe57qt {
    to {
        transform: rotate(360deg);
    }
}

.draft-card[b-4mkjoe57qt] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.draft-header[b-4mkjoe57qt] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.draft-header h2[b-4mkjoe57qt] {
    margin: 0 0 0.35rem;
    font-size: 1.3rem;
}

.draft-status-group[b-4mkjoe57qt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.draft-confidence[b-4mkjoe57qt] {
    color: #526072;
    font-size: 0.95rem;
}

.draft-layout[b-4mkjoe57qt] {
    display: grid;
    grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
    gap: 1rem;
}

.draft-image-panel[b-4mkjoe57qt] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.draft-form-panel[b-4mkjoe57qt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-grid[b-4mkjoe57qt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.review-field[b-4mkjoe57qt] {
    display: flex;
    flex-direction: column;
}

.readonly-value[b-4mkjoe57qt] {
    min-height: 2.85rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #f8fafc;
    color: #1f2937;
}

.draft-actions[b-4mkjoe57qt] {
    display: flex;
    justify-content: flex-end;
}

.supplier-helper[b-4mkjoe57qt] {
    padding: 0.85rem 1rem;
    border: 1px solid #ffd899;
    border-radius: 0.85rem;
    background: #fff8e8;
    color: #6f4400;
}

.supplier-helper strong[b-4mkjoe57qt] {
    display: block;
    margin-bottom: 0.2rem;
}

.uploaded-image-wrap[b-4mkjoe57qt] {
    margin: 0.85rem 0 1rem;
}

.uploaded-image-preview[b-4mkjoe57qt] {
    width: 100%;
    max-height: 20rem;
    display: block;
    border-radius: 0.85rem;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid #d9e2ec;
}

.pdf-preview[b-4mkjoe57qt] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 1.25rem;
    text-align: center;
    border: 1px solid #d9e2ec;
    border-radius: 0.85rem;
    background:
        radial-gradient(circle at 50% 25%, rgba(13, 110, 253, 0.12), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #243447;
}

.pdf-preview.compact[b-4mkjoe57qt] {
    min-height: 7rem;
}

.pdf-icon[b-4mkjoe57qt] {
    display: grid;
    width: 4.2rem;
    height: 4.2rem;
    place-items: center;
    border-radius: 1rem;
    background: #e8f1ff;
    color: #2456f4;
    font-weight: 800;
    letter-spacing: 0.06em;
}

@media (max-width: 860px) {
    .draft-header[b-4mkjoe57qt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .draft-status-group[b-4mkjoe57qt] {
        align-items: flex-start;
    }

    .draft-layout[b-4mkjoe57qt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .upload-card[b-4mkjoe57qt] {
        padding: 0;
        border-radius: 0;
    }

    .review-grid[b-4mkjoe57qt] {
        grid-template-columns: 1fr;
    }

    .draft-actions[b-4mkjoe57qt] {
        justify-content: stretch;
    }

}
/* /Components/Pages/SieExport/AdminSieExport.razor.rz.scp.css */
.admin-page[b-1hav60u6xd] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-1hav60u6xd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-1hav60u6xd] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-1hav60u6xd],
.muted[b-1hav60u6xd] {
    color: #526072;
}

.admin-section[b-1hav60u6xd] {
    padding: 1rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.section-heading[b-1hav60u6xd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-1hav60u6xd] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.export-filter[b-1hav60u6xd] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr) minmax(12rem, 1fr) auto;
    gap: 0.85rem;
    align-items: end;
}

.filter-field[b-1hav60u6xd] {
    display: grid;
    gap: 0.3rem;
    font-weight: 700;
    color: #1f2937;
}

.filter-count[b-1hav60u6xd] {
    display: grid;
    gap: 0.2rem;
    padding: 0.6rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.7rem;
    background: #eff6ff;
}

.count-label[b-1hav60u6xd] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #526072;
}

.filter-count strong[b-1hav60u6xd] {
    font-size: 1.4rem;
    color: #1f2937;
}

.export-table-wrap[b-1hav60u6xd] {
    overflow-x: auto;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
}

.export-table[b-1hav60u6xd] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 0.93rem;
}

.export-table th[b-1hav60u6xd],
.export-table td[b-1hav60u6xd] {
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: middle;
}

.export-table th[b-1hav60u6xd] {
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.export-table tbody tr:hover[b-1hav60u6xd] {
    background: #f4f7fb;
}

.export-table tr:last-child td[b-1hav60u6xd] {
    border-bottom: 0;
}

.count-column[b-1hav60u6xd] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.actions-th[b-1hav60u6xd] {
    text-align: right !important;
}

.row-actions[b-1hav60u6xd] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.status-pill[b-1hav60u6xd] {
    display: inline-flex;
    width: fit-content;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .admin-header[b-1hav60u6xd],
    .section-heading[b-1hav60u6xd] {
        flex-direction: column;
        align-items: stretch;
    }

    .export-filter[b-1hav60u6xd] {
        grid-template-columns: 1fr;
    }

    .row-actions[b-1hav60u6xd] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/SieImport/AdminSieImport.razor.rz.scp.css */
.admin-page[b-e02fa4gaps] {
    display: grid;
    gap: 1rem;
}

.admin-header[b-e02fa4gaps] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-e02fa4gaps] {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--app-primary);
}

.intro[b-e02fa4gaps],
.muted[b-e02fa4gaps] {
    color: var(--app-muted);
}

.admin-message[b-e02fa4gaps] {
    margin-bottom: 1rem;
}

.admin-section[b-e02fa4gaps] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.section-heading[b-e02fa4gaps] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-e02fa4gaps] {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
}

.preview-section[b-e02fa4gaps] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.preview-badge[b-e02fa4gaps] {
    align-self: flex-start;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: #e7f8ed;
    color: #17633a;
    font-weight: 800;
    white-space: nowrap;
}

.preview-grid[b-e02fa4gaps] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.preview-card[b-e02fa4gaps] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface);
}

.preview-card span[b-e02fa4gaps] {
    color: var(--app-muted);
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.preview-card strong[b-e02fa4gaps] {
    color: var(--app-text);
    font-size: 1.05rem;
}

.preview-card small[b-e02fa4gaps] {
    color: var(--app-muted);
}

.preview-card .warning-text[b-e02fa4gaps] {
    color: var(--app-danger);
    font-weight: 800;
}

.counts-table-wrap[b-e02fa4gaps] {
    overflow-x: auto;
}

.counts-table[b-e02fa4gaps] {
    width: 100%;
    border-collapse: collapse;
}

.counts-table th[b-e02fa4gaps],
.counts-table td[b-e02fa4gaps] {
    padding: 0.8rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: top;
}

.counts-table thead th[b-e02fa4gaps] {
    background: var(--app-surface-soft);
}

.count-column[b-e02fa4gaps] {
    width: 8rem;
    text-align: right !important;
    white-space: nowrap;
}

.import-actions[b-e02fa4gaps] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    margin-top: 1rem;
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-blue);
}

.import-actions h3[b-e02fa4gaps] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
}

.import-actions p[b-e02fa4gaps] {
    margin: 0;
}

.template-option[b-e02fa4gaps] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.8rem;
    color: var(--app-text);
    font-weight: 650;
}

.template-option input[b-e02fa4gaps] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.15rem;
    accent-color: var(--app-primary);
}

.import-mode[b-e02fa4gaps] {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.import-mode-option[b-e02fa4gaps] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface);
    color: var(--app-text);
    cursor: pointer;
}

.import-mode-option input[b-e02fa4gaps] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.15rem;
    accent-color: var(--app-primary);
    flex-shrink: 0;
}

.import-mode-option span[b-e02fa4gaps] {
    display: grid;
    gap: 0.15rem;
    font-size: 0.9rem;
    color: #526072;
}

.import-mode-option strong[b-e02fa4gaps] {
    color: var(--app-text);
    font-size: 0.98rem;
}

.import-result[b-e02fa4gaps] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.9rem;
    margin-top: 0.75rem;
    border: 1px solid #abefc6;
    border-radius: var(--app-radius-md);
    background: #edfdf3;
    color: #155b34;
}

.sie-steps[b-e02fa4gaps] {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px dashed #d9e2ec;
    border-radius: 0.7rem;
    background: #f8fafc;
}

.sie-step[b-e02fa4gaps] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

.step-num[b-e02fa4gaps] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--app-primary);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    flex-shrink: 0;
}

.sie-step div[b-e02fa4gaps] {
    display: grid;
    gap: 0.1rem;
    padding-top: 0.15rem;
}

.sie-step strong[b-e02fa4gaps] {
    color: #1f2937;
}

.sie-step span[b-e02fa4gaps] {
    color: #526072;
    font-size: 0.9rem;
}

@media (max-width: 900px) {
    .preview-grid[b-e02fa4gaps] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .admin-header[b-e02fa4gaps],
    .section-heading[b-e02fa4gaps],
    .import-actions[b-e02fa4gaps] {
        flex-direction: column;
        align-items: stretch;
    }

    .preview-grid[b-e02fa4gaps] {
        grid-template-columns: 1fr;
    }

    .import-actions .app-button[b-e02fa4gaps],
    .admin-header .app-button[b-e02fa4gaps] {
        width: 100%;
    }
}
/* /Components/Pages/Vat/VatReport.razor.rz.scp.css */
.vat-page[b-zv9xk7dkht] {
    display: grid;
    gap: 1rem;
}

.vat-toolbar[b-zv9xk7dkht] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.vat-title h1[b-zv9xk7dkht] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.vat-title p[b-zv9xk7dkht],
.muted[b-zv9xk7dkht] {
    margin: 0.35rem 0 0;
    color: #526072;
}

.vat-settings-card[b-zv9xk7dkht],
.vat-period-card[b-zv9xk7dkht] {
    border: 1px solid #d9e2ec;
    border-radius: 0.8rem;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.vat-settings-card[b-zv9xk7dkht] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.vat-settings-card div[b-zv9xk7dkht],
.summary-tile[b-zv9xk7dkht] {
    display: grid;
    gap: 0.2rem;
}

.label[b-zv9xk7dkht],
.summary-tile span[b-zv9xk7dkht] {
    color: #526072;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vat-period-card[b-zv9xk7dkht] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.period-header[b-zv9xk7dkht] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.period-header h2[b-zv9xk7dkht] {
    margin: 0;
    font-size: 1.3rem;
}

.period-picker[b-zv9xk7dkht] {
    min-width: min(26rem, 100%);
}

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

.summary-tile[b-zv9xk7dkht] {
    padding: 0.9rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
    background: #f8fafc;
}

.summary-tile strong[b-zv9xk7dkht] {
    font-size: 1.25rem;
}

.summary-tile-strong[b-zv9xk7dkht] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.vat-table-wrap[b-zv9xk7dkht] {
    overflow-x: auto;
    border: 1px solid #d9e2ec;
    border-radius: 0.7rem;
}

.vat-table[b-zv9xk7dkht] {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: 0.93rem;
}

.vat-table th[b-zv9xk7dkht],
.vat-table td[b-zv9xk7dkht] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
}

.vat-table th[b-zv9xk7dkht] {
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vat-table tbody tr:hover[b-zv9xk7dkht] {
    background: #f4f7fb;
}

.vat-table tr:last-child td[b-zv9xk7dkht] {
    border-bottom: 0;
}

.account-number[b-zv9xk7dkht] {
    font-weight: 800;
}

.amount-column[b-zv9xk7dkht] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.empty-row[b-zv9xk7dkht] {
    padding: 2rem !important;
    text-align: center !important;
    color: #6b7280;
}

.vat-actions[b-zv9xk7dkht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 900px) {
    .vat-toolbar[b-zv9xk7dkht],
    .period-header[b-zv9xk7dkht],
    .vat-actions[b-zv9xk7dkht] {
        align-items: stretch;
        flex-direction: column;
    }

    .vat-settings-card[b-zv9xk7dkht],
    .vat-summary-grid[b-zv9xk7dkht] {
        grid-template-columns: 1fr;
    }

    .vat-actions .app-button[b-zv9xk7dkht] {
        width: 100%;
    }
}
/* /Components/Pages/Verifications/VerificationDetails.razor.rz.scp.css */
.verification-details-page[b-m28kmghlh8] {
    display: grid;
    gap: 1rem;
}

.details-header[b-m28kmghlh8],
.verification-summary-card[b-m28kmghlh8] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.details-header[b-m28kmghlh8] {
    margin-bottom: 1rem;
}

.header-actions[b-m28kmghlh8] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.intro[b-m28kmghlh8],
.muted[b-m28kmghlh8] {
    color: var(--app-muted);
}

.verification-summary-card[b-m28kmghlh8],
.lines-card[b-m28kmghlh8] {
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.verification-summary-card[b-m28kmghlh8] {
    margin-bottom: 1rem;
}

.verification-number[b-m28kmghlh8] {
    color: var(--app-muted);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lines-table-wrap[b-m28kmghlh8] {
    overflow-x: auto;
}

.lines-table[b-m28kmghlh8] {
    width: 100%;
    border-collapse: collapse;
}

.lines-table th[b-m28kmghlh8],
.lines-table td[b-m28kmghlh8] {
    padding: 0.8rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: top;
}

.lines-table thead th[b-m28kmghlh8],
.lines-table tfoot th[b-m28kmghlh8] {
    background: var(--app-surface-soft);
}

.amount-column[b-m28kmghlh8] {
    text-align: right !important;
    white-space: nowrap;
}

/* ── Edit mode: summary card inputs ─────────────────── */
.summary-main[b-m28kmghlh8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.description-input[b-m28kmghlh8] {
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0.45rem 0.65rem;
}

.summary-edit-meta[b-m28kmghlh8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin-top: 0.5rem;
}

.meta-label[b-m28kmghlh8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 220px;
    flex: 1;
}

.meta-label > span[b-m28kmghlh8] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--app-muted);
}

.form-control[b-m28kmghlh8] {
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: #fff;
    color: var(--app-text, #111827);
    font-size: 0.95rem;
    line-height: 1.4;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control:focus[b-m28kmghlh8] {
    outline: none;
    border-color: var(--app-primary);
    box-shadow: var(--app-focus);
}

/* ── Edit mode: lines table cells ───────────────────── */
.lines-table .col-account[b-m28kmghlh8]    { width: 220px; min-width: 160px; }
.lines-table .col-name[b-m28kmghlh8]       { width: 220px; min-width: 140px; }
.lines-table .col-info[b-m28kmghlh8]       { width: 200px; min-width: 140px; }
.lines-table .col-amount[b-m28kmghlh8]     { width: 130px; min-width: 100px; }
.lines-table .col-remove[b-m28kmghlh8]     { width: 40px; }

.lines-table td .form-control[b-m28kmghlh8] {
    padding: 0.4rem 0.55rem;
    font-size: 0.9rem;
}

.amount-input[b-m28kmghlh8] {
    text-align: right;
}

.amount-input[b-m28kmghlh8]::-webkit-outer-spin-button,
.amount-input[b-m28kmghlh8]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.amount-input[type="number"][b-m28kmghlh8] {
    -moz-appearance: textfield;
}

/* Account autocomplete */
.account-wrap[b-m28kmghlh8] {
    position: relative;
}

.account-dropdown[b-m28kmghlh8] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff;
    border: 1px solid var(--app-border);
    border-top: none;
    border-radius: 0 0 var(--app-radius-sm) var(--app-radius-sm);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    max-height: 220px;
    overflow-y: auto;
}

.account-option[b-m28kmghlh8] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    width: 100%;
    padding: 0.45rem 0.7rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 0.875rem;
    color: var(--app-text, #111827);
    transition: background 0.1s;
}

.account-option:hover[b-m28kmghlh8],
.account-option:focus[b-m28kmghlh8] {
    background: rgba(37, 99, 235, 0.08);
    outline: none;
}

.acct-number[b-m28kmghlh8] {
    font-weight: 600;
    min-width: 3.5rem;
    color: var(--app-primary);
    flex-shrink: 0;
}

.acct-name[b-m28kmghlh8] {
    color: var(--app-muted);
    font-size: 0.82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-description-text[b-m28kmghlh8] {
    display: block;
    font-size: 0.85rem;
    color: var(--app-text, #111827);
}

/* Side hint chip */
.side-hint[b-m28kmghlh8] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.05rem 0.4rem;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.side-hint-debit[b-m28kmghlh8] {
    color: #1e40af;
    background: rgba(30, 64, 175, 0.12);
}

.side-hint-credit[b-m28kmghlh8] {
    color: #b91c1c;
    background: rgba(185, 28, 28, 0.12);
}

.amount-suggested[b-m28kmghlh8] {
    background: rgba(37, 99, 235, 0.05);
    border-color: rgba(37, 99, 235, 0.35);
}

/* Differens highlight in edit mode */
tfoot tr.balanced th[b-m28kmghlh8] {
    color: var(--app-success, #198754);
}

tfoot tr.unbalanced th[b-m28kmghlh8] {
    color: var(--app-danger, #dc3545);
}

/* Add / remove row */
.lines-actions[b-m28kmghlh8] {
    padding: 0.75rem 1rem 0;
}

.add-row-btn[b-m28kmghlh8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--app-primary);
    background: none;
    border: 1px dashed var(--app-primary);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s;
}

.add-row-btn:hover[b-m28kmghlh8] {
    background: rgba(37, 99, 235, 0.08);
}

.remove-row-btn[b-m28kmghlh8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 0.8rem;
    color: var(--app-muted);
    background: none;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: color 0.15s, background 0.15s, border-color 0.15s;
}

.remove-row-btn:hover:not(:disabled)[b-m28kmghlh8] {
    color: var(--app-danger, #dc3545);
    background: rgba(220, 53, 69, 0.1);
    border-color: var(--app-danger, #dc3545);
}

.remove-row-btn:disabled[b-m28kmghlh8] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Form actions (Avbryt / Spara) */
.form-actions[b-m28kmghlh8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
}

/* ── Attachment card ─────────────────────────────────── */
.attachment-card[b-m28kmghlh8] {
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
    margin-top: 1rem;
}

.attachment-header[b-m28kmghlh8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.75rem;
}

.attachment-header h3[b-m28kmghlh8] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--app-text, #111827);
}

.attachment-link[b-m28kmghlh8] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    color: var(--app-primary);
    font-weight: 500;
    text-decoration: none;
}

.attachment-link:hover[b-m28kmghlh8] {
    text-decoration: underline;
}

.attachment-size[b-m28kmghlh8] {
    color: var(--app-muted);
    font-weight: 400;
    font-size: 0.82rem;
}

.attachment-empty[b-m28kmghlh8] {
    color: var(--app-muted);
    font-size: 0.9rem;
}

.attachment-message[b-m28kmghlh8] {
    margin-top: 0.75rem;
}

.attachment-actions[b-m28kmghlh8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.attachment-button[b-m28kmghlh8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.4rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    background: var(--app-primary);
    border: 1px solid var(--app-primary);
    border-radius: var(--app-radius-sm);
    cursor: pointer;
    transition: filter 0.15s;
}

.attachment-button:hover[b-m28kmghlh8] {
    filter: brightness(0.95);
}

.attachment-button.is-busy[b-m28kmghlh8] {
    opacity: 0.7;
    cursor: progress;
}

[b-m28kmghlh8] .attachment-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: inherit;
}

.attachment-help[b-m28kmghlh8] {
    margin: 0.6rem 0 0;
    font-size: 0.8rem;
    color: var(--app-muted);
}

@media (max-width: 760px) {
    .details-header[b-m28kmghlh8],
    .verification-summary-card[b-m28kmghlh8] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions .app-button[b-m28kmghlh8],
    .summary-actions .app-button[b-m28kmghlh8] {
        width: 100%;
    }

    .summary-edit-meta[b-m28kmghlh8] {
        flex-direction: column;
    }
}
/* /Components/Pages/Verifications/Verifications.razor.rz.scp.css */
.verifications-page[b-o6kjhb35v7] {
    display: grid;
    gap: 1rem;
}

.verifications-toolbar[b-o6kjhb35v7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.toolbar-actions[b-o6kjhb35v7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-shrink: 0;
}

.verifications-title h1[b-o6kjhb35v7] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.verifications-title p[b-o6kjhb35v7] {
    margin: 0.35rem 0 0;
    color: #526072;
}

.verifications-search[b-o6kjhb35v7] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) auto auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid #d9e2ec;
    border-radius: 0.8rem;
    background: #f8fafc;
}

.verifications-card[b-o6kjhb35v7] {
    overflow: hidden;
    border: 1px solid #d9e2ec;
    border-radius: 0.8rem;
    background: #ffffff;
}

.verifications-summary[b-o6kjhb35v7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #d9e2ec;
    background: #f8fafc;
    color: #526072;
    font-weight: 700;
}

.verifications-table-wrap[b-o6kjhb35v7] {
    overflow-x: auto;
}

.verifications-table[b-o6kjhb35v7] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.verifications-table th[b-o6kjhb35v7],
.verifications-table td[b-o6kjhb35v7] {
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--app-border);
    text-align: left;
    vertical-align: middle;
}

.verifications-table th[b-o6kjhb35v7] {
    background: var(--app-surface-soft);
    color: #374151;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.verifications-table tbody tr:hover[b-o6kjhb35v7] {
    background: #f4f7fb;
}

.verification-row[b-o6kjhb35v7] {
    cursor: pointer;
}

.verification-row:focus-visible[b-o6kjhb35v7] {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}

.sort-button[b-o6kjhb35v7] {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.sort-button:hover[b-o6kjhb35v7] {
    color: var(--app-primary);
}

.amount-sort[b-o6kjhb35v7] {
    width: 100%;
    text-align: right;
}

.verification-link[b-o6kjhb35v7] {
    color: #1f2937;
    font-weight: 800;
    text-decoration: none;
}

.verification-link:hover[b-o6kjhb35v7] {
    color: #2563eb;
    text-decoration: underline;
}

.description-cell[b-o6kjhb35v7] {
    display: grid;
    gap: 0.15rem;
}

.description-cell span[b-o6kjhb35v7],
.description-cell a[b-o6kjhb35v7] {
    color: #526072;
    font-size: 0.9rem;
}

.description-cell a[b-o6kjhb35v7] {
    text-decoration: none;
}

.description-cell a:hover[b-o6kjhb35v7] {
    color: #2563eb;
    text-decoration: underline;
}

.sie-badge[b-o6kjhb35v7] {
    width: fit-content;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.amount-column[b-o6kjhb35v7] {
    text-align: right !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.empty-row[b-o6kjhb35v7] {
    padding: 2rem !important;
    text-align: center !important;
    color: #6b7280;
}

.verifications-pagination[b-o6kjhb35v7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    background: #f8fafc;
}

.verifications-pagination span[b-o6kjhb35v7] {
    color: #526072;
    font-weight: 800;
}

@media (max-width: 900px) {
    .verifications-toolbar[b-o6kjhb35v7],
    .verifications-summary[b-o6kjhb35v7],
    .verifications-pagination[b-o6kjhb35v7] {
        align-items: stretch;
        flex-direction: column;
    }

    .verifications-search[b-o6kjhb35v7] {
        grid-template-columns: 1fr;
    }

    .verifications-search .app-button[b-o6kjhb35v7],
    .verifications-pagination .app-button[b-o6kjhb35v7] {
        width: 100%;
    }
}
/* /Components/Shared/CompanySelector.razor.rz.scp.css */
.company-selector[b-ouyr5zus4p] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.company-selector label[b-ouyr5zus4p] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.company-selector-row[b-ouyr5zus4p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.company-selector .app-select[b-ouyr5zus4p] {
    min-height: 2.1rem;
    width: 14rem;
    max-width: 100%;
    padding: 0.3rem 2rem 0.3rem 0.6rem;
    color: #111827;
    background-color: #f8fafc;
    border-color: var(--app-border);
    font-size: 0.9rem;
}

.company-admin-link[b-ouyr5zus4p] {
    color: var(--app-primary);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    opacity: 0.85;
}

.company-admin-link:hover[b-ouyr5zus4p] {
    opacity: 1;
    text-decoration: underline;
}

.empty-company[b-ouyr5zus4p] {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

@media (max-width: 640.98px) {
    .company-selector[b-ouyr5zus4p] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.18rem;
        width: 100%;
    }

    .company-selector-row[b-ouyr5zus4p],
    .company-selector .app-select[b-ouyr5zus4p] {
        width: 100%;
    }

    .company-selector-row[b-ouyr5zus4p] {
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
    }

    .company-selector .app-select[b-ouyr5zus4p] {
        flex: 1;
    }
}
/* /Components/Shared/CustomerInvoiceStatusBadge.razor.rz.scp.css */
.status-pill[b-omrk6a403c] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    background: #eef6ff;
    color: #11407d;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.status-pill.success[b-omrk6a403c] {
    background: #edfdf3;
    color: #155b34;
}

.status-pill.warning[b-omrk6a403c] {
    background: #fff7ed;
    color: #9a3412;
}
/* /Components/Shared/CustomerInvoiceUploadPanel.razor.rz.scp.css */
.customer-invoice-upload-panel[b-vlussj7pdo],
.draft-card[b-vlussj7pdo] {
    border: 1px solid #d9e3f3;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    padding: 1.8rem;
}

.panel-minimal[b-vlussj7pdo] {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.upload-header[b-vlussj7pdo],
.draft-header[b-vlussj7pdo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.upload-header h2[b-vlussj7pdo] {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.draft-header h3[b-vlussj7pdo] {
    margin: 0;
}

.intro[b-vlussj7pdo],
.muted[b-vlussj7pdo] {
    color: #45556d;
}

.upload-section[b-vlussj7pdo] {
    display: grid;
    gap: 0.9rem;
}

.upload-message[b-vlussj7pdo],
.draft-card[b-vlussj7pdo] {
    margin-top: 1.4rem;
}

.draft-status-group[b-vlussj7pdo] {
    display: grid;
    justify-items: end;
    gap: 0.4rem;
}

.draft-layout[b-vlussj7pdo] {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr);
    gap: 1.5rem;
}

.draft-file-panel[b-vlussj7pdo] {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.invoice-file-preview[b-vlussj7pdo] {
    width: 100%;
    min-height: 520px;
    max-height: 680px;
    object-fit: contain;
    border: 1px solid #d9e3f3;
    border-radius: 1rem;
    background: #f8fafc;
}

.review-grid[b-vlussj7pdo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.review-field[b-vlussj7pdo] {
    display: grid;
    gap: 0.35rem;
}

.readonly-value[b-vlussj7pdo] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    border: 1px solid #d9e3f3;
    border-radius: 0.6rem;
    padding: 0.65rem 0.85rem;
    background: #f8fafc;
}

.draft-actions[b-vlussj7pdo] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

.compact-message[b-vlussj7pdo] {
    margin-top: 1rem;
}

@media (max-width: 760px) {
    .customer-invoice-upload-panel[b-vlussj7pdo],
    .draft-card[b-vlussj7pdo] {
        padding: 1rem;
        border-radius: 1rem;
    }

    .upload-header[b-vlussj7pdo],
    .draft-header[b-vlussj7pdo],
    .draft-layout[b-vlussj7pdo],
    .review-grid[b-vlussj7pdo] {
        grid-template-columns: 1fr;
    }

    .upload-header[b-vlussj7pdo],
    .draft-header[b-vlussj7pdo] {
        display: grid;
    }

    .invoice-file-preview[b-vlussj7pdo] {
        min-height: 380px;
        max-height: 520px;
    }

    .draft-status-group[b-vlussj7pdo] {
        justify-items: start;
    }
}
/* /Components/Shared/FiscalYearSelector.razor.rz.scp.css */
.fiscal-year-selector[b-5draq4z5hu] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.fiscal-year-selector label[b-5draq4z5hu] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.fiscal-year-selector .app-select[b-5draq4z5hu] {
    min-height: 2.1rem;
    width: 12rem;
    max-width: 100%;
    padding: 0.3rem 2rem 0.3rem 0.6rem;
    color: #111827;
    background-color: #f8fafc;
    border-color: var(--app-border);
    font-size: 0.9rem;
}

.fiscal-year-selector .new-year-link[b-5draq4z5hu] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.fiscal-year-selector .new-year-link:hover[b-5draq4z5hu] {
    text-decoration: underline;
}

.empty-year[b-5draq4z5hu] {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

@media (max-width: 640.98px) {
    .fiscal-year-selector[b-5draq4z5hu] {
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
        width: 100%;
    }

    .fiscal-year-selector .app-select[b-5draq4z5hu] {
        flex: 1;
    }
}
/* /Components/Shared/ReceiptStatusBadge.razor.rz.scp.css */
.status-badge[b-j20qbv5d3o] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.status-uploaded[b-j20qbv5d3o] {
    background: #eef6ff;
    color: #11407d;
}

.status-processing[b-j20qbv5d3o] {
    background: #fff7ed;
    color: #9a3412;
}

.status-needs-input[b-j20qbv5d3o] {
    background: #fff2f2;
    color: #8a1c1c;
}

.status-ready[b-j20qbv5d3o] {
    background: #edfdf3;
    color: #155b34;
}
/* /Components/Shared/Ui/AppFileUploadBox.razor.rz.scp.css */
.app-file-upload-box[b-hzi0aq9aks] {
    display: grid;
    gap: 0.5rem;
}

[b-hzi0aq9aks] .file-input-native {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.file-upload-dropzone[b-hzi0aq9aks] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 6.6rem;
    padding: 1.15rem;
    border: 1px dashed var(--app-border-strong);
    border-radius: var(--app-radius-lg);
    background:
        radial-gradient(circle at 50% 35%, rgba(75, 124, 255, 0.12), transparent 34%),
        linear-gradient(135deg, #fbfdff 0%, #f4f8ff 100%);
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.file-upload-dropzone:hover[b-hzi0aq9aks],
[b-hzi0aq9aks] .file-input-native:focus-visible + .file-upload-dropzone {
    border-color: var(--app-primary);
    box-shadow: 0 16px 38px rgba(36, 86, 244, 0.14);
    transform: translateY(-1px);
}

.file-upload-dropzone.is-disabled[b-hzi0aq9aks] {
    cursor: wait;
    opacity: 0.55;
    transform: none;
    pointer-events: none;
}

.file-upload-visual[b-hzi0aq9aks] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, #2f6fff 0%, var(--app-primary) 100%);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(47, 111, 255, 0.25);
}

.file-upload-visual svg[b-hzi0aq9aks] {
    width: 2rem;
    height: 2rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.file-upload-copy[b-hzi0aq9aks] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.25rem;
    color: var(--app-text);
}

.file-upload-copy strong[b-hzi0aq9aks] {
    font-size: 1.05rem;
}

.file-upload-copy > span[b-hzi0aq9aks] {
    color: var(--app-muted);
}

.selected-file-chip[b-hzi0aq9aks] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.6rem;
    margin-top: 0.3rem;
    border-radius: 999px;
    background: #e8f1ff;
    color: var(--app-primary-dark) !important;
    font-size: 0.9rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.selected-file-chip span[b-hzi0aq9aks] {
    color: var(--app-muted);
    font-weight: 600;
}

.file-upload-action[b-hzi0aq9aks] {
    padding: 0.7rem 1.15rem;
    border-radius: 999px;
    background: #ffffff;
    color: var(--app-primary);
    font-weight: 800;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px var(--app-border-strong);
}

.file-upload-help[b-hzi0aq9aks] {
    margin: 0;
    color: var(--app-muted);
    font-size: 0.95rem;
}

@media (max-width: 640px) {
    .file-upload-dropzone[b-hzi0aq9aks] {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 1.5rem 1.25rem;
        gap: 1rem;
        text-align: center;
    }

    .file-upload-visual[b-hzi0aq9aks] {
        margin: 0 auto;
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 50%;
        background: radial-gradient(circle, #edf3ff 0%, #dfe9ff 100%);
        color: var(--app-primary);
        box-shadow: none;
    }

    .file-upload-visual svg[b-hzi0aq9aks] {
        width: 2.5rem;
        height: 2.5rem;
        stroke-width: 2.4;
    }

    .file-upload-copy[b-hzi0aq9aks] {
        align-items: center;
    }

    .file-upload-action[b-hzi0aq9aks] {
        justify-self: stretch;
        padding: 0.85rem 1.15rem;
        border-radius: var(--app-radius-sm);
        background: linear-gradient(135deg, #2f6fff 0%, var(--app-primary) 100%);
        color: #ffffff;
        font-size: 0.95rem;
        box-shadow: 0 10px 24px rgba(47, 111, 255, 0.22);
        text-align: center;
    }

    .selected-file-chip[b-hzi0aq9aks] {
        width: 100%;
        justify-content: center;
    }
}