@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

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

main[b-hehf9mzg64] {
    flex: 1;
    min-width: 0;
    background-color: #f6f6f4;
}

.sidebar[b-hehf9mzg64] {
    background-color: #1f1f31;
}

.top-row[b-hehf9mzg64] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hehf9mzg64]  a, .top-row[b-hehf9mzg64]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-hehf9mzg64]  a:hover, .top-row[b-hehf9mzg64]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-hehf9mzg64]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-hehf9mzg64] {
        justify-content: space-between;
    }

    .top-row[b-hehf9mzg64]  a, .top-row[b-hehf9mzg64]  .btn-link {
        margin-left: 0;
    }
}

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

    .page[b-hehf9mzg64] {
        min-height: 100vh;
    }

    /* The sidebar column stretches to the full page height; its contents stay pinned to the viewport */
    .sidebar[b-hehf9mzg64] {
        width: 15.625rem;
        flex: none;
        overflow: hidden;
        transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .sidebar.collapsed[b-hehf9mzg64] {
        width: 5rem;
    }

    /* No animation while the saved state is being restored on page load */
    .sidebar.no-anim[b-hehf9mzg64],
    .sidebar.no-anim[b-hehf9mzg64]  * {
        transition: none !important;
    }

    /* Collapsed: icon-only rail. Nothing is display:none'd - sizes shrink to 0 so it all animates. */
    .sidebar.collapsed[b-hehf9mzg64]  .brand-row {
        padding: 2rem calc((5rem - 2.9rem) / 2) 0;
    }

    .sidebar.collapsed[b-hehf9mzg64]  .navbar-brand {
        max-width: 0;
        opacity: 0;
        pointer-events: none;
    }

    .sidebar.collapsed[b-hehf9mzg64]  .collapse-btn .ico {
        transform: rotate(180deg);
    }

    /* Section headings become thin separator lines */
    .sidebar.collapsed[b-hehf9mzg64]  .nav-section {
        font-size: 0;
        height: 0;
        margin: 0.9rem 1rem;
        padding: 0;
        border-bottom-color: rgba(255, 255, 255, 0.25);
    }

    .sidebar.collapsed[b-hehf9mzg64]  .nav-section:first-child {
        margin-top: 1.75rem;
    }

    .sidebar.collapsed[b-hehf9mzg64]  .nav-link {
        gap: 0;
        padding-left: 1.75rem;
    }

    .sidebar.collapsed[b-hehf9mzg64]  .nav-link span {
        max-width: 0;
        opacity: 0;
    }

    .sidebar.collapsed[b-hehf9mzg64]  .user-row {
        gap: 0;
        padding-left: 1.25rem;
    }

    .sidebar.collapsed[b-hehf9mzg64]  .user-info,
    .sidebar.collapsed[b-hehf9mzg64]  .user-row .more {
        max-width: 0;
        opacity: 0;
    }

    .sidebar-inner[b-hehf9mzg64] {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }

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

    .top-row.auth[b-hehf9mzg64]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-hehf9mzg64], article[b-hehf9mzg64] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-hehf9mzg64] {
    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-hehf9mzg64] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-unuhqhzsqh] {
    flex: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem 1.25rem 0 1.5rem;
    transition: padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-brand[b-unuhqhzsqh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    margin: 0;
    padding: 0;
    max-width: 14rem;
    overflow: hidden;
    transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.logo[b-unuhqhzsqh] {
    display: block;
    height: 3.25rem;
    width: auto;
    flex: none;
}

.brand-title[b-unuhqhzsqh] {
    color: white;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.collapse-btn[b-unuhqhzsqh] {
    box-sizing: border-box;
    width: 2.9rem;
    height: 2.9rem;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: white;
    padding: 0.5rem;
    margin-top: 0.5rem;
    display: flex;
    cursor: pointer;
    flex: none;
}

.collapse-btn .ico[b-unuhqhzsqh] {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ico[b-unuhqhzsqh] {
    width: 1.5rem;
    height: 1.5rem;
    flex: none;
    object-fit: contain;
}

.navbar-toggler[b-unuhqhzsqh] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    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, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

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

.nav-section[b-unuhqhzsqh] {
    display: flex;
    align-items: center;
    height: 2.75rem;
    padding: 0 1.5rem;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
    transition: font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1), margin 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-bottom-color 0.3s ease 0.1s;
}

.nav-section:first-child[b-unuhqhzsqh] {
    margin-top: 1.75rem;
    margin-bottom: 0.9rem;
}

.nav[b-unuhqhzsqh]  .nav-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 3.1rem;
    padding: 0 1.5rem;
    border-radius: 0;
    color: white;
    font-size: 1.05rem;
    overflow: hidden;
    white-space: nowrap;
    transition: background-color 0.2s ease, gap 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav[b-unuhqhzsqh]  .nav-link span {
    max-width: 12rem;
    overflow: hidden;
    transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

.nav[b-unuhqhzsqh]  .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.06);
}



.user-wrap[b-unuhqhzsqh] {
    position: relative;
}

.user-backdrop[b-unuhqhzsqh] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.user-menu[b-unuhqhzsqh] {
    position: absolute;
    bottom: 100%;
    left: 0.65rem;
    right: 0.65rem;
    z-index: 11;
    padding: 0.35rem;
    border-radius: 0.5rem;
    background: #2a2f3a;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.user-menu-item[b-unuhqhzsqh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: none;
    border-radius: 0.4rem;
    background: none;
    color: white;
    font: inherit;
    font-size: 1.1rem;
    text-decoration: none;
    cursor: pointer;
}

.user-menu-item:hover[b-unuhqhzsqh] {
    background-color: rgba(255, 255, 255, 0.1);
}

.user-menu-item .ico[b-unuhqhzsqh] {
    width: 1.3rem;
    height: 1.3rem;
}

.more-btn[b-unuhqhzsqh] {
    display: flex;
    padding: 0.25rem;
    border: none;
    border-radius: 0.4rem;
    background: none;
    color: inherit;
    cursor: pointer;
}

.more-btn:hover[b-unuhqhzsqh] {
    background-color: rgba(255, 255, 255, 0.1);
}

.user-row[b-unuhqhzsqh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem 1.25rem;
    color: white;
    overflow: hidden;
    transition: gap 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.avatar[b-unuhqhzsqh] {
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
    border-radius: 50%;
    background: #7dbb80;
    color: #1f2a20;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-info[b-unuhqhzsqh] {
    flex: 1;
    min-width: 0;
    line-height: 1.2;
    max-width: 12rem;
    overflow: hidden;
    transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

/* One line; a name that doesn't fit ends in "…" inside its last word (the full name is in the tooltip) */
.user-name[b-unuhqhzsqh] {
    display: flex;
    gap: 0.3em;
    font-size: 1.2rem;
    overflow: hidden;
}

.name-first[b-unuhqhzsqh],
.name-last[b-unuhqhzsqh] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* The first part keeps its full width (until it alone overflows); the last word takes the cut */
.name-first[b-unuhqhzsqh] {
    flex: 0 0 auto;
    max-width: 100%;
}

.name-last[b-unuhqhzsqh] {
    flex: 0 1 auto;
    min-width: 0;
}

.user-role[b-unuhqhzsqh] {
    font-size: 1rem;
}

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

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

@media (max-width: 640.98px) {
    /* The desktop collapse doesn't apply on small screens; the hamburger menu takes over */
    .collapse-btn[b-unuhqhzsqh] {
        display: none;
    }
}

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

    .nav-scrollable[b-unuhqhzsqh] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Fill the space under the brand row and scroll inside it, so the menu never overflows into the page */
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;

        /* Slim, backgroundless scrollbar. The gutter is always reserved so the content
           never changes width when the scrollbar appears; the thumb only shows on hover. */
        color-scheme: dark;
        scrollbar-width: thin;
        scrollbar-gutter: stable;
        scrollbar-color: transparent transparent;
        transition: scrollbar-color 0.3s ease;
    }

    .nav-scrollable:hover[b-unuhqhzsqh] {
        scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
    }
}

.more[b-unuhqhzsqh] {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
    transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
    max-width: 1.5rem;
}

.collapse-btn .ico[b-unuhqhzsqh] {
    width: 1.9rem;
    height: 1.9rem;
}

/* Expandable section menus */
.nav[b-unuhqhzsqh]  button.nav-link {
    width: 100%;
    border: none;
    background: none;
    font: inherit;
    font-size: 1.05rem;
    text-align: left;
    cursor: pointer;
}


.nav-group[b-unuhqhzsqh] {
    margin: 0 0 0 0;
    padding-bottom: 0;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0);
    transition: margin 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-group.open[b-unuhqhzsqh] {
    margin: 0 0.75rem 0.5rem;
    padding-bottom: 0.75rem;
    background-color: rgba(255, 255, 255, 0.07);
}

.nav-group.open[b-unuhqhzsqh]  .nav-link {
    padding: 0 0.75rem;
}

.nav[b-unuhqhzsqh]  .nav-group .nav-link {
    border-radius: 14px;
}

.sub-wrap[b-unuhqhzsqh] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, visibility 0s linear 0.35s;
}

.nav-group.open .sub-wrap[b-unuhqhzsqh] {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease 0.08s, visibility 0s;
}

.sub-inner[b-unuhqhzsqh] {
    min-height: 0;
    overflow: hidden;
}

.sub-heading[b-unuhqhzsqh] {
    padding: 0.7rem 0.75rem 0.15rem 1rem;
    line-height: 1.3;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
}

.sub-inner[b-unuhqhzsqh]  .sub-link {
    display: block;
    padding: 0.15rem 0.75rem 0.15rem 1rem;
    line-height: 1.3;
    color: white;
    font-size: 0.92rem;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.sub-inner[b-unuhqhzsqh]  .sub-link:hover {
    color: #79B77D;
    padding-left: 1.25rem;
}

.sub-inner[b-unuhqhzsqh]  .sub-link.active {
    color: #79B77D;
}

/* Marks quickly made demo pages that are not final design */
.sub-inner[b-unuhqhzsqh]  .demo-dot {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.45rem;
    border-radius: 50%;
    background: #f2b84b;
    vertical-align: middle;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3r3cvdxr4t],
.components-reconnect-repeated-attempt-visible[b-3r3cvdxr4t],
.components-reconnect-failed-visible[b-3r3cvdxr4t],
.components-pause-visible[b-3r3cvdxr4t],
.components-resume-failed-visible[b-3r3cvdxr4t],
.components-rejoining-animation[b-3r3cvdxr4t] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-3r3cvdxr4t {
    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/Account/Login.razor.rz.scp.css */
.login-page[b-lquasoql6h] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #fff;
}

/* Dark header bar */
.login-header[b-lquasoql6h] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7rem;
    padding: 0 4rem 0 4.5rem;
    background-color: #201F31;
}

.login-brand[b-lquasoql6h] {
    display: block;
}

.login-brand img[b-lquasoql6h] {
    display: block;
    height: 3.5rem;
    width: auto;
}

.login-header-actions[b-lquasoql6h] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.login-signup[b-lquasoql6h] {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 8px;
    background-color: #79B77D;
    color: #201F31;
    text-decoration: none;
}

.login-theme[b-lquasoql6h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
}

.login-theme img[b-lquasoql6h] {
    width: 1.4rem;
    height: 1.4rem;
}

.login-body[b-lquasoql6h] {
    flex: 1;
    min-height: 0;
    display: flex;
}

.login-form-col[b-lquasoql6h] {
    flex: 1 1 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
}

.login-art-col[b-lquasoql6h] {
    flex: 1 1 50%;
    display: none;
    position: relative;
    overflow: hidden;
}

.login-art-img[b-lquasoql6h] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right top;
}

@media (min-width: 960px) {
    .login-art-col[b-lquasoql6h] {
        display: block;
    }

    .login-form-col[b-lquasoql6h] {
        align-items: flex-start;
        padding-left: 12%;
    }
}

.login-card[b-lquasoql6h] {
    width: 100%;
    max-width: 34rem;
    margin: auto 0;
}

.login-card h1[b-lquasoql6h] {
    font-size: 1.9rem;
    font-weight: 500;
    color: #0f2f4e;
    margin: 0;
}

.login-sub[b-lquasoql6h] {
    margin: 0.25rem 0 0.75rem;
    color: #0f2f4e;
}

.login-field[b-lquasoql6h] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.login-field label[b-lquasoql6h] {
    font-size: 0.8rem;
    color: #8a8a90;
    margin-bottom: 0.15rem;
}

.login-field[b-lquasoql6h]  input {
    padding: 0.5rem 0.6rem;
    border: 1px solid #555;
    border-radius: 10px;
    font-size: 0.95rem;
    background: #fff;
    color: #0f2f4e;
}

.login-field[b-lquasoql6h]  input:focus {
    outline: none;
    border-color: #000;
}

.login-options[b-lquasoql6h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.login-options a[b-lquasoql6h] {
    color: #0f2f4e;
    text-decoration: none;
}

.login-remember[b-lquasoql6h] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.login-error[b-lquasoql6h] {
    color: #e50000;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.login-button[b-lquasoql6h] {
    display: block;
    width: 100%;
    padding: 0.8rem;
    border: none;
    border-radius: 10px;
    background-color: #79B77D;
    color: #201F31;
    font-size: 1.1rem;
    cursor: pointer;
}

.login-button:hover[b-lquasoql6h] {
    background-color: #6aa86e;
}

.login-register[b-lquasoql6h] {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: #0f2f4e;
    text-decoration: none;
}

.login-external[b-lquasoql6h] {
    display: block;
    margin: 2rem 0 0;
    text-align: center;
    color: #0f2f4e;
}

.login-powered[b-lquasoql6h] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 1.5rem;
    align-self: center;
}

.login-powered img[b-lquasoql6h] {
    height: 1.4rem;
    width: auto;
}

.login-powered span[b-lquasoql6h] {
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0f2f4e;
}
/* /Components/Pages/Account/Register.razor.rz.scp.css */
.login-page[b-mxex7do8ny] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #fff;
}

/* Dark header bar */
.login-header[b-mxex7do8ny] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7rem;
    padding: 0 4rem 0 4.5rem;
    background-color: #201F31;
}

.login-brand[b-mxex7do8ny] {
    display: block;
}

.login-brand img[b-mxex7do8ny] {
    display: block;
    height: 3.5rem;
    width: auto;
}

.login-header-actions[b-mxex7do8ny] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.login-signup[b-mxex7do8ny] {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 8px;
    background-color: #79B77D;
    color: #201F31;
    text-decoration: none;
}

.login-theme[b-mxex7do8ny] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
}

.login-theme img[b-mxex7do8ny] {
    width: 1.4rem;
    height: 1.4rem;
}

.login-body[b-mxex7do8ny] {
    flex: 1;
    min-height: 0;
    display: flex;
}

.login-form-col[b-mxex7do8ny] {
    flex: 1 1 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
}

.login-art-col[b-mxex7do8ny] {
    flex: 1 1 50%;
    display: none;
    position: relative;
    overflow: hidden;
}

.login-art-img[b-mxex7do8ny] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right top;
}

@media (min-width: 960px) {
    .login-art-col[b-mxex7do8ny] {
        display: block;
    }

    .login-form-col[b-mxex7do8ny] {
        align-items: flex-start;
        padding-left: 12%;
    }
}

.login-card[b-mxex7do8ny] {
    width: 100%;
    max-width: 34rem;
    margin: auto 0;
}

.login-card h1[b-mxex7do8ny] {
    font-size: 1.9rem;
    font-weight: 500;
    color: #0f2f4e;
    margin: 0;
}

.login-sub[b-mxex7do8ny] {
    margin: 0.25rem 0 0.75rem;
    color: #0f2f4e;
}

.login-field[b-mxex7do8ny] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.login-field label[b-mxex7do8ny] {
    font-size: 0.8rem;
    color: #8a8a90;
    margin-bottom: 0.15rem;
}

.login-field[b-mxex7do8ny]  input {
    padding: 0.5rem 0.6rem;
    border: 1px solid #555;
    border-radius: 10px;
    font-size: 0.95rem;
    background: #fff;
    color: #0f2f4e;
}

.login-field[b-mxex7do8ny]  input:focus {
    outline: none;
    border-color: #000;
}

.login-options[b-mxex7do8ny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.login-options a[b-mxex7do8ny] {
    color: #0f2f4e;
    text-decoration: none;
}

.login-remember[b-mxex7do8ny] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.login-error[b-mxex7do8ny] {
    color: #e50000;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.login-button[b-mxex7do8ny] {
    display: block;
    width: 100%;
    padding: 0.8rem;
    border: none;
    border-radius: 10px;
    background-color: #79B77D;
    color: #201F31;
    font-size: 1.1rem;
    cursor: pointer;
}

.login-button:hover[b-mxex7do8ny] {
    background-color: #6aa86e;
}

.login-register[b-mxex7do8ny] {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: #0f2f4e;
    text-decoration: none;
}

.login-external[b-mxex7do8ny] {
    display: block;
    margin: 2rem 0 0;
    text-align: center;
    color: #0f2f4e;
}

.login-powered[b-mxex7do8ny] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 1.5rem;
    align-self: center;
}

.login-powered img[b-mxex7do8ny] {
    height: 1.4rem;
    width: auto;
}

.login-powered span[b-mxex7do8ny] {
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0f2f4e;
}
/* /Components/Pages/Dashboard/Home.razor.rz.scp.css */
.dashboard[b-ff2m4n66j9] {
    padding: 1rem 3rem 2rem;
}

.muted[b-ff2m4n66j9] {
    color: #5f5f66;
    margin: 0;
}

.dash-header[b-ff2m4n66j9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.dash-header h1[b-ff2m4n66j9] {
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0 0 0.25rem;
}

.dash-date[b-ff2m4n66j9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.panel[b-ff2m4n66j9] {
    background: #fcfcfc;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.panel h2[b-ff2m4n66j9] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.card-head[b-ff2m4n66j9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.kpi-row[b-ff2m4n66j9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.kpi-label[b-ff2m4n66j9] {
    font-weight: 600;
}

.kpi-value[b-ff2m4n66j9] {
    font-size: 1.8rem;
    margin-top: 0.4rem;
}

.dash-grid[b-ff2m4n66j9] {
    display: grid;
    grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
    gap: 1.5rem;
    align-items: stretch;
}

.turnover[b-ff2m4n66j9] {
    grid-column: 1;
    display: flex;
    flex-direction: column;
}
.rates[b-ff2m4n66j9] { grid-column: 2; grid-row: 1; }
.jobs[b-ff2m4n66j9] { grid-column: 1; }

@media (max-width: 960px) {
    .dash-grid[b-ff2m4n66j9] { grid-template-columns: 1fr; }
    .turnover[b-ff2m4n66j9], .rates[b-ff2m4n66j9], .jobs[b-ff2m4n66j9] { grid-column: 1; grid-row: auto; }
}

.icon-btn[b-ff2m4n66j9] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
}

.chart[b-ff2m4n66j9] {
    display: flex;
    flex: 1;
    min-height: 20rem;
    max-width: 85%;
}

.y-axis[b-ff2m4n66j9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding-right: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
    min-width: 5rem;
}

/* Zero-height labels so each one is centred on its tick, with 0 sitting on the baseline */
.y-axis span[b-ff2m4n66j9] {
    height: 0;
    line-height: 0;
}

.bars[b-ff2m4n66j9] {
    flex: 1;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #333;
    margin-bottom: 1.5rem;
}

.bar-col[b-ff2m4n66j9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.bar[b-ff2m4n66j9] {
    width: 80%;
    min-height: 3px;
}

.bar-value[b-ff2m4n66j9] {
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
}

.bar-label[b-ff2m4n66j9] {
    position: absolute;
    bottom: -1.6rem;
    font-size: 0.9rem;
    white-space: nowrap;
}

table[b-ff2m4n66j9] {
    width: 100%;
    border-collapse: collapse;
}

th[b-ff2m4n66j9] {
    font-weight: 400;
    font-size: 0.85rem;
    text-align: left;
    border-bottom: 1px solid #999;
    padding-bottom: 0.25rem;
}

td[b-ff2m4n66j9] {
    padding: 0.55rem 0;
    font-size: 1.1rem;
}

.num[b-ff2m4n66j9] {
    text-align: right;
}

.dot[b-ff2m4n66j9] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin-right: 1rem;
}

.jobs ul[b-ff2m4n66j9] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.jobs li[b-ff2m4n66j9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.15rem 0;
}

.jobs li img[b-ff2m4n66j9] {
    flex: none;
}

.job-text[b-ff2m4n66j9] {
    flex: 1;
    line-height: 1.2;
}

.job-text > div[b-ff2m4n66j9] {
    font-weight: 600;
}

.status[b-ff2m4n66j9] {
    background: #79B77D;
    color: #201F31;
    border-radius: 999px;
    padding: 0.45rem 2rem;
    font-size: 0.9rem;
}

.see-all[b-ff2m4n66j9] {
    color: inherit;
    text-decoration: none;
    font-size: 0.9rem;
}
/* /Components/Pages/Finance/Bank.razor.rz.scp.css */
.bank-page[b-dnjirnrs0b] {
    padding: 1rem 1.5rem 2rem;
}

.bank-head[b-dnjirnrs0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.bank-head h1[b-dnjirnrs0b] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.create-btn[b-dnjirnrs0b] {
    border: none;
    border-radius: 999px;
    padding: 0.7rem 1.2rem;
    background: #7dbb80;
    color: #1f2a20;
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.create-btn:hover[b-dnjirnrs0b] {
    background: #6aad6e;
    transform: translateY(-1px);
}

.account-select[b-dnjirnrs0b] {
    display: block;
    width: 17.5rem;
    border: none;
    border-radius: 10px;
    padding: 1rem 1.3rem;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    font-size: 0.85rem;
    margin-bottom: 1.5rem;
}

.bank-filter[b-dnjirnrs0b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 1.6rem 1.9rem;
    margin-bottom: 1.5rem;
    font-size: 0.85rem;
}

.check[b-dnjirnrs0b],
.field[b-dnjirnrs0b] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.check input[type="checkbox"][b-dnjirnrs0b] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #79b77d;
}

.field input[type="date"][b-dnjirnrs0b] {
    border: none;
    border-radius: 8px;
    padding: 0.8rem 1rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.field input[type="date"]:focus[b-dnjirnrs0b],
.account-select:focus[b-dnjirnrs0b] {
    outline: none;
    box-shadow: 0 0 0 2px #79b77d;
}
/* /Components/Pages/Finance/DebitorJournal.razor.rz.scp.css */
.debtor-journal-page[b-6mvv7iqcru] {
    padding: 1rem 3rem 2rem;
}

.debtor-journal-page h1[b-6mvv7iqcru] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .debtor-journal-page[b-6mvv7iqcru] { padding: 1rem; }
}
/* /Components/Pages/Finance/DebitorPeriodeOversigt.razor.rz.scp.css */
.debtor-period-page[b-ffdqsc72h6] {
    padding: 1rem 3rem 2rem;
}

.debtor-period-page h1[b-ffdqsc72h6] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .debtor-period-page[b-ffdqsc72h6] { padding: 1rem; }
}
/* /Components/Pages/Finance/DebitorSaldoListe.razor.rz.scp.css */
.debtor-balance-page[b-dpf9ckklu2] {
    padding: 1rem 3rem 2rem;
}

.debtor-balance-page h1[b-dpf9ckklu2] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .debtor-balance-page[b-dpf9ckklu2] { padding: 1rem; }
}
/* /Components/Pages/Finance/KassekladdeStandard.razor.rz.scp.css */
.journal-page[b-0vl0i9kkmt] {
    padding: 1rem 3rem 2rem;
}

.journal-page h1[b-0vl0i9kkmt] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.functions-card[b-0vl0i9kkmt],
.journal-panel[b-0vl0i9kkmt],
.entry-card[b-0vl0i9kkmt] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.functions-card[b-0vl0i9kkmt] {
    padding: 1.1rem 1.6rem 1.6rem;
    margin-bottom: 1.5rem;
}

.functions-title[b-0vl0i9kkmt] {
    font-size: 0.7rem;
    margin-bottom: 1rem;
    text-transform: none;
}

.entry-card .functions-title[b-0vl0i9kkmt] { text-transform: uppercase; }

.functions-row[b-0vl0i9kkmt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
}

.check[b-0vl0i9kkmt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.check input[b-0vl0i9kkmt] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.pill[b-0vl0i9kkmt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.3rem;
    font: inherit;
    font-size: 0.7rem;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-0vl0i9kkmt] { transform: translateY(-1px); }
.pill-white[b-0vl0i9kkmt] { background: #f7f7f5; color: #222; }
.pill-white:hover[b-0vl0i9kkmt] { background: #ececea; }
.pill-green[b-0vl0i9kkmt] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-0vl0i9kkmt] { background: #6aad6e; }

.pill svg[b-0vl0i9kkmt] {
    width: 0.9rem;
    height: 0.9rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.journal-panel[b-0vl0i9kkmt] {
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.table-scroll[b-0vl0i9kkmt] {
    max-height: 60vh;
    min-height: 12rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #d9d9d9 transparent;
}

.journal-table[b-0vl0i9kkmt] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.journal-table th[b-0vl0i9kkmt] {
    position: sticky;
    top: 0;
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    padding: 0.55rem 0.75rem;
}

/* Column edges follow the design: the amount columns end at 57.7 / 74.6 / 91.5% of the panel, leaving the rest empty */
.journal-table .col-no[b-0vl0i9kkmt] { width: 17.4%; }
.journal-table .col-name[b-0vl0i9kkmt] { width: 23.4%; }
.journal-table .col-amount[b-0vl0i9kkmt] { width: 16.9%; }

.journal-table th:first-child[b-0vl0i9kkmt],
.journal-table td:first-child[b-0vl0i9kkmt] { padding-left: 2.9%; }

.journal-table td[b-0vl0i9kkmt] {
    padding: 0.7rem 0.75rem;
    height: 2.7rem;
    vertical-align: middle;
}

.journal-table tbody tr[b-0vl0i9kkmt] { transition: background-color 0.15s ease; }
.journal-table tbody tr:hover[b-0vl0i9kkmt] { background: rgba(121, 183, 125, 0.12); }

.journal-table .num[b-0vl0i9kkmt] { text-align: right; padding-right: 0; }

tr.empty td[b-0vl0i9kkmt] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

.entry-card[b-0vl0i9kkmt] {
    padding: 1.1rem 1.6rem 1.6rem;
}

.entry-grid[b-0vl0i9kkmt] {
    display: grid;
    grid-template-columns: 8rem 3.5rem 7rem 8rem minmax(10rem, 1fr) 6rem 7rem minmax(10rem, 1fr) 4.5rem;
    gap: 0.5rem 1.1rem;
    align-items: center;
    font-size: 0.75rem;
}

.col-head[b-0vl0i9kkmt] {
    font-size: 0.8rem;
    font-weight: 600;
}

.entry-cell[b-0vl0i9kkmt] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entry-cell.num[b-0vl0i9kkmt] { text-align: right; padding-right: 0.6rem; }

.entry-grid input[b-0vl0i9kkmt],
.entry-grid select[b-0vl0i9kkmt],
.entry-grid[b-0vl0i9kkmt]  input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2.2rem;
    padding: 0 0.7rem;
    font: inherit;
    font-size: 0.75rem;
    min-width: 0;
    width: 100%;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.entry-grid input.nr[b-0vl0i9kkmt] { text-align: center; padding: 0; -moz-appearance: textfield; }
.entry-grid input.nr[b-0vl0i9kkmt]::-webkit-outer-spin-button,
.entry-grid input.nr[b-0vl0i9kkmt]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.entry-grid[b-0vl0i9kkmt]  input.num { text-align: right; }

.entry-grid input:focus-visible[b-0vl0i9kkmt],
.entry-grid select:focus-visible[b-0vl0i9kkmt],
.entry-grid[b-0vl0i9kkmt]  input:focus-visible { background: #ececea; }

.entry-buttons[b-0vl0i9kkmt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.icon-btn[b-0vl0i9kkmt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.icon-btn svg[b-0vl0i9kkmt] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-ok[b-0vl0i9kkmt] { color: #a6d63c; }
.icon-ok:hover[b-0vl0i9kkmt] { background: #f0f7d8; }
.icon-trash[b-0vl0i9kkmt] { color: #d64545; }
.icon-trash:hover[b-0vl0i9kkmt] { background: #fbe4e4; }

@media (max-width: 1100px) {
    .journal-page[b-0vl0i9kkmt] { padding: 1rem; }
    .entry-card[b-0vl0i9kkmt] { overflow-x: auto; }
    .entry-grid[b-0vl0i9kkmt] { min-width: 62rem; }
}
/* /Components/Pages/Finance/Kontokort.razor.rz.scp.css */
.ck-page[b-lr7mfenxkg] {
    padding: 1rem 3rem 2rem;
}

.ck-page h1[b-lr7mfenxkg] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .ck-page[b-lr7mfenxkg] { padding: 1rem; }
}

.icon-action[b-lr7mfenxkg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: none;
    color: #111;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.icon-action:hover[b-lr7mfenxkg] { background: #e2e2e0; }

.icon-action svg[b-lr7mfenxkg] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Pages/Finance/Kontoplan.razor.rz.scp.css */
.coa-page[b-t73ldr8g3y] {
    padding: 1rem 3rem 2rem;
}

.coa-page h1[b-t73ldr8g3y] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.functions-card[b-t73ldr8g3y],
.coa-panel[b-t73ldr8g3y] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.functions-card[b-t73ldr8g3y] {
    padding: 1.1rem 1.6rem 1.6rem;
    margin-bottom: 1.5rem;
}

.functions-title[b-t73ldr8g3y] {
    font-size: 0.7rem;
    margin-bottom: 1rem;
}

.functions-row[b-t73ldr8g3y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
}

.pill[b-t73ldr8g3y] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.1rem;
    font: inherit;
    font-size: 0.7rem;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-t73ldr8g3y] { transform: translateY(-1px); }
.pill-green[b-t73ldr8g3y] { background: #7dbb80; color: #1f2a20; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }
.pill-green:hover[b-t73ldr8g3y] { background: #6aad6e; }
.pill-teal[b-t73ldr8g3y] { background: #0e7c6b; color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }
.pill-teal:hover[b-t73ldr8g3y] { background: #0b6a5b; }

.pill svg[b-t73ldr8g3y] {
    width: 0.9rem;
    height: 0.9rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.show-zero[b-t73ldr8g3y] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.show-zero input[b-t73ldr8g3y] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.coa-panel[b-t73ldr8g3y] {
    overflow: hidden;
}

.table-scroll[b-t73ldr8g3y] {
    max-height: 70vh;
    overflow-y: auto;
}

.coa-table[b-t73ldr8g3y] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.coa-table th[b-t73ldr8g3y] {
    position: sticky;
    top: 0;
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    padding: 0.55rem 0.75rem;
}

.coa-table th:first-child[b-t73ldr8g3y],
.coa-table td:first-child[b-t73ldr8g3y] { padding-left: 1.75rem; }

.coa-table td[b-t73ldr8g3y] {
    padding: 0.7rem 0.75rem;
    vertical-align: middle;
    height: 2.7rem;
}

.coa-table tbody tr[b-t73ldr8g3y] {
    transition: background-color 0.15s ease;
}

.coa-table tbody tr:hover[b-t73ldr8g3y] {
    background: rgba(121, 183, 125, 0.12);
}

.center[b-t73ldr8g3y] { text-align: center !important; }
.num[b-t73ldr8g3y] { text-align: right !important; padding-right: 1.5rem !important; }

.actions-col[b-t73ldr8g3y] {
    width: 7rem;
    white-space: nowrap;
}

.icon-action[b-t73ldr8g3y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: none;
    color: #111;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.icon-action:hover[b-t73ldr8g3y] { background: #e2e2e0; }

.icon-action svg[b-t73ldr8g3y] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

tr.empty td[b-t73ldr8g3y] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

.pager[b-t73ldr8g3y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid #c9c9c6;
    font-size: 0.85rem;
}

.pager-nav[b-t73ldr8g3y] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pager-nav button[b-t73ldr8g3y] {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
}

.pager-nav button:disabled[b-t73ldr8g3y] { opacity: 0.6; cursor: default; }

@media (max-width: 700px) {
    .coa-page[b-t73ldr8g3y] { padding: 1rem; }
}
/* /Components/Pages/Finance/KreditorJournal.razor.rz.scp.css */
.creditor-journal-page[b-gewekky8hx] {
    padding: 1rem 3rem 2rem;
}

.creditor-journal-page h1[b-gewekky8hx] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .creditor-journal-page[b-gewekky8hx] { padding: 1rem; }
}
/* /Components/Pages/Finance/KreditorSaldoListe.razor.rz.scp.css */
.creditor-balance-page[b-y2wlcct2c1] {
    padding: 1rem 3rem 2rem;
}

.creditor-balance-page h1[b-y2wlcct2c1] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .creditor-balance-page[b-y2wlcct2c1] { padding: 1rem; }
}
/* /Components/Pages/Finance/Momsafregning.razor.rz.scp.css */
.vat-page[b-73ki9rrndz] {
    padding: 1rem 3rem 2rem;
}

.vat-page h1[b-73ki9rrndz] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .vat-page[b-73ki9rrndz] { padding: 1rem; }
}
/* /Components/Pages/Finance/MomsafregningHistorik.razor.rz.scp.css */
.vath-page[b-6jg2tki7xi] {
    padding: 1rem 3rem 2rem;
}

.vath-page h1[b-6jg2tki7xi] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

tr.total td[b-6jg2tki7xi] {
    font-weight: 600;
    border-top: 1px solid #c9c9c6;
}

@media (max-width: 700px) {
    .vath-page[b-6jg2tki7xi] { padding: 1rem; }
}
/* /Components/Pages/Finance/Momsangivelse.razor.rz.scp.css */
.vatd-page[b-v9clcpeu7w] {
    padding: 1rem 2rem 2rem;
}

.vatd-page h1[b-v9clcpeu7w] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.country[b-v9clcpeu7w] {
    margin-bottom: 1.5rem;
}

.country[b-v9clcpeu7w]  select { min-width: 8rem; }

.account[b-v9clcpeu7w] {
    width: 8rem;
    text-align: left;
}

@media (max-width: 700px) {
    .vatd-page[b-v9clcpeu7w] { padding: 1rem; }
}
/* /Components/Pages/Finance/MomsOpsaetning.razor.rz.scp.css */
.vats-page[b-o5lawy4rjl] {
    padding: 1rem 2rem 2rem;
}

.vats-head[b-o5lawy4rjl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.vats-head h1[b-o5lawy4rjl] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.vats-head[b-o5lawy4rjl]  .pill-btn { margin-top: 2.5rem; }

@media (max-width: 700px) {
    .vats-page[b-o5lawy4rjl] { padding: 1rem; }
}
/* /Components/Pages/Finance/NulstilResultatopgoerelse.razor.rz.scp.css */
.reset-page[b-sh0neou4kq] {
    padding: 1rem 3rem 2rem;
}

.reset-page h1[b-sh0neou4kq] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .reset-page[b-sh0neou4kq] { padding: 1rem; }
}
/* /Components/Pages/Finance/OverfoerSaldo.razor.rz.scp.css */
.transfer-page[b-m9pht1mnai] {
    padding: 1rem 3rem 2rem;
}

.transfer-page h1[b-m9pht1mnai] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .transfer-page[b-m9pht1mnai] { padding: 1rem; }
}
/* /Components/Pages/Finance/PosteringsJournal.razor.rz.scp.css */
.pj-page[b-mfwod1i6cr] {
    padding: 1rem 3rem 2rem;
}

.pj-page h1[b-mfwod1i6cr] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .pj-page[b-mfwod1i6cr] { padding: 1rem; }
}
/* /Components/Pages/Finance/Raabalance.razor.rz.scp.css */
.tb-page[b-wc91w4sxqw] {
    padding: 1rem 3rem 2rem;
}

.tb-page h1[b-wc91w4sxqw] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .tb-page[b-wc91w4sxqw] { padding: 1rem; }
}
/* /Components/Pages/Finance/Regnskabsrapport.razor.rz.scp.css */
.report-page[b-646cv885jz] {
    padding: 1rem 3rem 2rem;
}

.report-page h1[b-646cv885jz] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

@media (max-width: 700px) {
    .report-page[b-646cv885jz] { padding: 1rem; }
}
/* /Components/Pages/Finance/RegnskabsrapportOpsaetning.razor.rz.scp.css */
.rs-page[b-2g8wowf0ux] {
    padding: 1rem 2rem 2rem;
}

.rs-page h1[b-2g8wowf0ux] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1rem;
}

.rs-page[b-2g8wowf0ux]  .section-card .field-table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
.rs-page[b-2g8wowf0ux]  .section-card .field-table th { padding-top: 0.5rem; padding-bottom: 0.3rem; font-size: 0.8rem; }
.rs-page[b-2g8wowf0ux]  .section-card .field-table td { height: auto; padding: 0.15rem 0.75rem 0.15rem 0; line-height: 1; }
.rs-page[b-2g8wowf0ux]  .section-card .field-table th:first-child { width: 24%; }
.rs-page[b-2g8wowf0ux]  .section-card .field-table th:last-child,
.rs-page[b-2g8wowf0ux]  .section-card .field-table td:last-child { padding-right: 0; }

/* Selects fill their column so the row reaches the right edge of the card */
.rs-page[b-2g8wowf0ux]  .section-card .field-table .select-field { display: block; width: 100%; line-height: 1; }
.rs-page[b-2g8wowf0ux]  .section-card .field-table .select-field select { display: block; width: 100%; min-width: 0; height: 1.4rem; padding: 0 0.7rem; font-size: 0.8rem; line-height: 1.1; }

.interval[b-2g8wowf0ux] { width: auto; }

.interval input[b-2g8wowf0ux] {
    display: block;
    height: 1.4rem;
    line-height: 1.1;
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    padding: 0 0.7rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    font-size: 0.8rem;
}

.interval input:focus[b-2g8wowf0ux] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.section-actions[b-2g8wowf0ux] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

@media (max-width: 700px) {
    .rs-page[b-2g8wowf0ux] { padding: 1rem; }
}

.rs-page[b-2g8wowf0ux]  .section-card { margin-bottom: 1rem; }
.rs-page[b-2g8wowf0ux]  .section-card h2 { padding: 0.5rem 1.25rem; }
.rs-page[b-2g8wowf0ux]  .section-body { padding: 0.25rem 1.25rem 0.8rem; }
/* /Components/Pages/Purchases/Anvisning.razor.rz.scp.css */
.anvis-page[b-jxp486z9ci] {
    padding: 1rem 3rem 2rem;
}

.anvis-page h1[b-jxp486z9ci] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.anvis-bar[b-jxp486z9ci] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 12px;
    padding: 1rem 1.6rem;
}

.scope-tabs[b-jxp486z9ci] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.scope-tab[b-jxp486z9ci] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    background: none;
    color: #222;
    padding: 0.7rem 1.5rem;
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.scope-tab:hover[b-jxp486z9ci] { background: #f1f1ee; }
.scope-tab.active[b-jxp486z9ci] { background: #d9f26f; color: #111; }
.scope-tab.active:hover[b-jxp486z9ci] { background: #d0ea5f; }

.scope-tab svg[b-jxp486z9ci],
.search svg[b-jxp486z9ci] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.search[b-jxp486z9ci] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #f7f7f5;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    padding: 0 1.1rem;
    height: 2.4rem;
    width: 16rem;
    color: #666;
}

.search input[b-jxp486z9ci] {
    flex: 1;
    min-width: 0;
    background: none;
    border: none;
    outline: none;
    font: inherit;
    font-size: 0.8rem;
    color: #222;
}

.search input[b-jxp486z9ci]::placeholder { color: #222; }

@media (max-width: 700px) {
    .anvis-page[b-jxp486z9ci] { padding: 1rem; }
    .search[b-jxp486z9ci] { width: 100%; }
}
/* /Components/Pages/Purchases/Attestering.razor.rz.scp.css */
.attest-page[b-ztfqwu5tyd] {
    padding: 1rem 3rem 2rem;
}

.attest-page h1[b-ztfqwu5tyd] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.attest-bar[b-ztfqwu5tyd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 12px;
    padding: 1rem 1.6rem;
}

.scope-tabs[b-ztfqwu5tyd] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.scope-tab[b-ztfqwu5tyd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    background: none;
    color: #222;
    padding: 0.7rem 1.5rem;
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.scope-tab:hover[b-ztfqwu5tyd] { background: #f1f1ee; }
.scope-tab.active[b-ztfqwu5tyd] { background: #d9f26f; color: #111; }
.scope-tab.active:hover[b-ztfqwu5tyd] { background: #d0ea5f; }

.scope-tab svg[b-ztfqwu5tyd],
.search svg[b-ztfqwu5tyd] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.search[b-ztfqwu5tyd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #f7f7f5;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    padding: 0 1.1rem;
    height: 2.4rem;
    width: 16rem;
    color: #666;
}

.search input[b-ztfqwu5tyd] {
    flex: 1;
    min-width: 0;
    background: none;
    border: none;
    outline: none;
    font: inherit;
    font-size: 0.8rem;
    color: #222;
}

.search input[b-ztfqwu5tyd]::placeholder { color: #222; }

@media (max-width: 700px) {
    .attest-page[b-ztfqwu5tyd] { padding: 1rem; }
    .search[b-ztfqwu5tyd] { width: 100%; }
}
/* /Components/Pages/Purchases/Indkoebskatalog.razor.rz.scp.css */
.list-page[b-7c35teag1g] {
    padding: 1rem 3rem 2rem;
}

.list-page h1[b-7c35teag1g] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.header-actions[b-7c35teag1g] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pill[b-7c35teag1g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-7c35teag1g] { transform: translateY(-1px); }
.pill-green[b-7c35teag1g] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-7c35teag1g] { background: #6aad6e; }
.pill-white[b-7c35teag1g] { background: #fff; color: #222; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }

.pill svg[b-7c35teag1g] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.filter-card[b-7c35teag1g],
.list-panel[b-7c35teag1g] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-7c35teag1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.7rem;
    margin-bottom: 1.5rem;
}

.search[b-7c35teag1g] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #f7f7f5;
    border-radius: 999px;
    padding: 0.6rem 1rem;
    width: 15.5rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.search svg[b-7c35teag1g] {
    width: 1rem;
    height: 1rem;
    flex: none;
    fill: none;
    stroke: #555;
    stroke-width: 2;
    stroke-linecap: round;
}

.search input[b-7c35teag1g] {
    border: none;
    outline: none;
    background: none;
    font: inherit;
    font-size: 0.8rem;
    width: 100%;
}

.scope[b-7c35teag1g] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.scope-btn[b-7c35teag1g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: none;
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.scope-btn.active[b-7c35teag1g] {
    background: #7dbb80;
    color: #1f2a20;
    font-weight: 500;
}

.scope-btn svg[b-7c35teag1g] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.list-panel[b-7c35teag1g] {
    overflow: hidden;
}

table[b-7c35teag1g] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-7c35teag1g] {
    padding: 0.6rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #e3e3e0;
}

tbody tr:hover[b-7c35teag1g] {
    background: #f6f6f4;
}

tr.empty:hover[b-7c35teag1g] {
    background: none;
}

tr.empty td[b-7c35teag1g] {
    text-align: center;
    color: #8a8a90;
    padding: 2rem;
}


.note-btn[b-7c35teag1g],
.icon-btn[b-7c35teag1g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    line-height: 0;
}

.note-btn[b-7c35teag1g] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 0.5rem;
    background: #e3e3e0;
    color: #8a8a90;
}

.note-btn:hover[b-7c35teag1g] {
    background: #d6d6d2;
}

.icon-btn[b-7c35teag1g] {
    background: none;
    padding: 0.3rem;
    border-radius: 0.4rem;
    color: #333;
}

.icon-btn:hover[b-7c35teag1g] {
    background: #eeeeec;
}

.icon-btn.delete[b-7c35teag1g] {
    color: #d64545;
}

.icon-btn.delete:hover[b-7c35teag1g] {
    background: #fbe4e4;
}

.icon-btn img[b-7c35teag1g] {
    width: 1.1rem;
    height: 1.1rem;
}

.note-btn svg[b-7c35teag1g],
.icon-btn svg[b-7c35teag1g] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pager[b-7c35teag1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.7rem 0.5rem 2.8rem;
    font-size: 0.8rem;
}

.pager-nav[b-7c35teag1g] {
    display: flex;
    gap: 1.2rem;
}

.pager-nav button[b-7c35teag1g] {
    border: none;
    background: none;
    padding: 0;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.pager-nav button:disabled[b-7c35teag1g] {
    opacity: 0.3;
    cursor: default;
}

td:first-child[b-7c35teag1g],
th:first-child[b-7c35teag1g] {
    padding-left: 1.7rem;
}

.num[b-7c35teag1g] {
    text-align: right;
    padding-right: 1.7rem;
}
/* /Components/Pages/Purchases/IndkoebsordreJournal.razor.rz.scp.css */
.list-page[b-srvro9r60l] {
    padding: 1rem 3rem 2rem;
}

.list-page h1[b-srvro9r60l] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.header-actions[b-srvro9r60l] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pill[b-srvro9r60l] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-srvro9r60l] { transform: translateY(-1px); }
.pill-green[b-srvro9r60l] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-srvro9r60l] { background: #6aad6e; }
.pill-white[b-srvro9r60l] { background: #fff; color: #222; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }

.pill svg[b-srvro9r60l] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.filter-card[b-srvro9r60l],
.list-panel[b-srvro9r60l] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-srvro9r60l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.7rem;
    margin-bottom: 1.5rem;
}

.search[b-srvro9r60l] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #f7f7f5;
    border-radius: 999px;
    padding: 0.6rem 1rem;
    width: 15.5rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.search svg[b-srvro9r60l] {
    width: 1rem;
    height: 1rem;
    flex: none;
    fill: none;
    stroke: #555;
    stroke-width: 2;
    stroke-linecap: round;
}

.search input[b-srvro9r60l] {
    border: none;
    outline: none;
    background: none;
    font: inherit;
    font-size: 0.8rem;
    width: 100%;
}

.scope[b-srvro9r60l] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.scope-btn[b-srvro9r60l] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: none;
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.scope-btn.active[b-srvro9r60l] {
    background: #7dbb80;
    color: #1f2a20;
    font-weight: 500;
}

.scope-btn svg[b-srvro9r60l] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.list-panel[b-srvro9r60l] {
    overflow: hidden;
}

table[b-srvro9r60l] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-srvro9r60l] {
    padding: 0.6rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #e3e3e0;
}

tbody tr:hover[b-srvro9r60l] {
    background: #f6f6f4;
}

tr.empty:hover[b-srvro9r60l] {
    background: none;
}

tr.empty td[b-srvro9r60l] {
    text-align: center;
    color: #8a8a90;
    padding: 2rem;
}


.note-btn[b-srvro9r60l],
.icon-btn[b-srvro9r60l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    line-height: 0;
}

.note-btn[b-srvro9r60l] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 0.5rem;
    background: #e3e3e0;
    color: #8a8a90;
}

.note-btn:hover[b-srvro9r60l] {
    background: #d6d6d2;
}

.icon-btn[b-srvro9r60l] {
    background: none;
    padding: 0.3rem;
    border-radius: 0.4rem;
    color: #333;
}

.icon-btn:hover[b-srvro9r60l] {
    background: #eeeeec;
}

.icon-btn.delete[b-srvro9r60l] {
    color: #d64545;
}

.icon-btn.delete:hover[b-srvro9r60l] {
    background: #fbe4e4;
}

.icon-btn img[b-srvro9r60l] {
    width: 1.1rem;
    height: 1.1rem;
}

.note-btn svg[b-srvro9r60l],
.icon-btn svg[b-srvro9r60l] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pager[b-srvro9r60l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.7rem 0.5rem 2.8rem;
    font-size: 0.8rem;
}

.pager-nav[b-srvro9r60l] {
    display: flex;
    gap: 1.2rem;
}

.pager-nav button[b-srvro9r60l] {
    border: none;
    background: none;
    padding: 0;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.pager-nav button:disabled[b-srvro9r60l] {
    opacity: 0.3;
    cursor: default;
}

td:first-child[b-srvro9r60l],
th:first-child[b-srvro9r60l] {
    padding-left: 1.7rem;
}

.num[b-srvro9r60l] {
    text-align: right;
    padding-right: 1.7rem;
}

.scope-btn.active[b-srvro9r60l] {
    background: #d8f06c;
}
/* /Components/Pages/Purchases/IndkoebsordreKladder.razor.rz.scp.css */
.drafts-page[b-0ecb2psyju] {
    padding: 1rem 3rem 2rem;
}

.drafts-page h1[b-0ecb2psyju] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.header-actions[b-0ecb2psyju] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pill[b-0ecb2psyju] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-0ecb2psyju] { transform: translateY(-1px); }
.pill-green[b-0ecb2psyju] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-0ecb2psyju] { background: #6aad6e; }
.pill-white[b-0ecb2psyju] { background: #fff; color: #222; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }

.pill svg[b-0ecb2psyju] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.filter-card[b-0ecb2psyju],
.drafts-panel[b-0ecb2psyju] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-0ecb2psyju] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.7rem;
    margin-bottom: 1.5rem;
}

.search[b-0ecb2psyju] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #f7f7f5;
    border-radius: 999px;
    padding: 0.6rem 1rem;
    width: 15.5rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.search svg[b-0ecb2psyju] {
    width: 1rem;
    height: 1rem;
    flex: none;
    fill: none;
    stroke: #555;
    stroke-width: 2;
    stroke-linecap: round;
}

.search input[b-0ecb2psyju] {
    border: none;
    outline: none;
    background: none;
    font: inherit;
    font-size: 0.8rem;
    width: 100%;
}

.scope[b-0ecb2psyju] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.scope-btn[b-0ecb2psyju] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: none;
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.scope-btn.active[b-0ecb2psyju] {
    background: #7dbb80;
    color: #1f2a20;
    font-weight: 500;
}

.scope-btn svg[b-0ecb2psyju] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.drafts-panel[b-0ecb2psyju] {
    overflow: hidden;
}

table[b-0ecb2psyju] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-0ecb2psyju] {
    padding: 0.6rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #e3e3e0;
}

tbody tr:hover[b-0ecb2psyju] {
    background: #f6f6f4;
}

tr.empty:hover[b-0ecb2psyju] {
    background: none;
}

tr.empty td[b-0ecb2psyju] {
    text-align: center;
    color: #8a8a90;
    padding: 2rem;
}

/* Fixed layout: icon column 8.5%, five equal data columns, actions column 6.5% */
th[b-0ecb2psyju], td[b-0ecb2psyju] { width: 17%; }

.icon-col[b-0ecb2psyju] {
    width: 8.5%;
    padding-left: 2.8rem;
}

.actions[b-0ecb2psyju] {
    width: 6.5%;
    text-align: right;
    padding-right: 1.8rem;
}

.note-btn[b-0ecb2psyju],
.icon-btn[b-0ecb2psyju] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    line-height: 0;
}

.note-btn[b-0ecb2psyju] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 0.5rem;
    background: #e3e3e0;
    color: #8a8a90;
}

.note-btn:hover[b-0ecb2psyju] {
    background: #d6d6d2;
}

.icon-btn[b-0ecb2psyju] {
    background: none;
    padding: 0.3rem;
    border-radius: 0.4rem;
    color: #333;
}

.icon-btn:hover[b-0ecb2psyju] {
    background: #eeeeec;
}

.icon-btn.delete[b-0ecb2psyju] {
    color: #d64545;
}

.icon-btn.delete:hover[b-0ecb2psyju] {
    background: #fbe4e4;
}

.icon-btn img[b-0ecb2psyju] {
    width: 1.1rem;
    height: 1.1rem;
}

.note-btn svg[b-0ecb2psyju],
.icon-btn svg[b-0ecb2psyju] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pager[b-0ecb2psyju] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.7rem 0.5rem 2.8rem;
    font-size: 0.8rem;
}

.pager-nav[b-0ecb2psyju] {
    display: flex;
    gap: 1.2rem;
}

.pager-nav button[b-0ecb2psyju] {
    border: none;
    background: none;
    padding: 0;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.pager-nav button:disabled[b-0ecb2psyju] {
    opacity: 0.3;
    cursor: default;
}
/* /Components/Pages/Purchases/KoebsfakturaJournal.razor.rz.scp.css */
.journal-page[b-a2ipm8me1a] {
    padding: 1rem 3rem 2rem;
}

.journal-header[b-a2ipm8me1a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.journal-header h1[b-a2ipm8me1a] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.pill[b-a2ipm8me1a] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.4rem 1.1rem;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-a2ipm8me1a] { transform: translateY(-1px); }
.pill-green[b-a2ipm8me1a] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-a2ipm8me1a] { background: #6aad6e; }

.pill svg[b-a2ipm8me1a] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.filter-card[b-a2ipm8me1a],
.journal-panel[b-a2ipm8me1a] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-a2ipm8me1a] {
    padding: 1.1rem 1.6rem 1.4rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-a2ipm8me1a] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-a2ipm8me1a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}

.filter-field[b-a2ipm8me1a] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-field input[type="date"][b-a2ipm8me1a] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.filter-field input[type="date"]:focus[b-a2ipm8me1a] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.filter-divider[b-a2ipm8me1a] {
    align-self: stretch;
    width: 1px;
    background: #1f1f31;
}

.filter-check[b-a2ipm8me1a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.filter-check input[b-a2ipm8me1a] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.journal-panel[b-a2ipm8me1a] {
    overflow: hidden;
}

table[b-a2ipm8me1a] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-a2ipm8me1a] {
    padding: 1rem 0.75rem;
    vertical-align: middle;
}

tbody tr[b-a2ipm8me1a] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-a2ipm8me1a] {
    background: rgba(121, 183, 125, 0.12);
}

.icon-col[b-a2ipm8me1a] { width: 3.5rem; padding-left: 1.25rem; }
.num[b-a2ipm8me1a] { text-align: right; padding-right: 1.5rem; }
.center[b-a2ipm8me1a] { text-align: center; }
tr.empty td[b-a2ipm8me1a] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

.note-btn[b-a2ipm8me1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 0.4rem;
    background: #e2e2e0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.note-btn:hover[b-a2ipm8me1a] { background: #cfd8d0; }

.note-btn svg[b-a2ipm8me1a] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: #4a4a52;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.paid[b-a2ipm8me1a] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.actions[b-a2ipm8me1a] {
    display: inline-flex;
    gap: 0.3rem;
}

.act[b-a2ipm8me1a] {
    display: inline-flex;
    padding: 0;
    border: none;
    border-radius: 0.3rem;
    background: none;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.act img[b-a2ipm8me1a] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

.act:hover[b-a2ipm8me1a] { opacity: 0.7; }
.pager[b-a2ipm8me1a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid #1f1f31;
    font-size: 0.85rem;
}

.pager-nav[b-a2ipm8me1a] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pager-nav button[b-a2ipm8me1a] {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pager-nav button:disabled[b-a2ipm8me1a] { opacity: 0.6; cursor: default; }

.supplier[b-a2ipm8me1a] {
    display: inline-flex;
    align-items: center;
    gap: 1.5rem;
}

.status-dot[b-a2ipm8me1a] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #c5e45a;
}
/* /Components/Pages/Purchases/KoebsfakturaKladder.razor.rz.scp.css */
.journal-page[b-y17l413d9w] {
    padding: 1rem 3rem 2rem;
}

.journal-header[b-y17l413d9w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-actions[b-y17l413d9w] {
    display: flex;
    gap: 1rem;
    margin-top: 0.75rem;
}

.journal-header h1[b-y17l413d9w] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.pill[b-y17l413d9w] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.4rem 1.1rem;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-y17l413d9w] { transform: translateY(-1px); }
.pill-green[b-y17l413d9w] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-y17l413d9w] { background: #6aad6e; }
.pill-white[b-y17l413d9w] { background: #fff; color: #222; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }
.pill[b-y17l413d9w] { text-decoration: none; }

.pill svg[b-y17l413d9w] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.filter-card[b-y17l413d9w],
.journal-panel[b-y17l413d9w] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-y17l413d9w] {
    padding: 1.1rem 1.6rem 1.4rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-y17l413d9w] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-y17l413d9w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}

.filter-field[b-y17l413d9w] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-field input[type="date"][b-y17l413d9w] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.filter-field input[type="date"]:focus[b-y17l413d9w] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.filter-divider[b-y17l413d9w] {
    align-self: stretch;
    width: 1px;
    background: #1f1f31;
}

.filter-check[b-y17l413d9w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.filter-check input[b-y17l413d9w] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.journal-panel[b-y17l413d9w] {
    overflow: hidden;
}

table[b-y17l413d9w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-y17l413d9w] {
    border-bottom: 1px solid #ececea;
    padding: 0.9rem 0.75rem;
    vertical-align: middle;
}

tbody tr[b-y17l413d9w] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-y17l413d9w] {
    background: rgba(121, 183, 125, 0.12);
}

.icon-col[b-y17l413d9w] { width: 3.5rem; padding-left: 1.25rem; }
.num[b-y17l413d9w] { text-align: right; padding-right: 1.5rem; }
.center[b-y17l413d9w] { text-align: center; }
tr.empty td[b-y17l413d9w] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

.note-btn[b-y17l413d9w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 0.4rem;
    background: #e2e2e0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.note-btn:hover[b-y17l413d9w] { background: #cfd8d0; }

.note-btn svg[b-y17l413d9w] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: #4a4a52;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.paid[b-y17l413d9w] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.actions[b-y17l413d9w] {
    display: inline-flex;
    gap: 0.3rem;
}

.act[b-y17l413d9w] {
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.25rem;
    border: 1px solid #8a8a90;
    border-radius: 0.3rem;
    background: none;
    color: #5f5f66;
    font: inherit;
    font-size: 0.6rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.act:hover[b-y17l413d9w] { background: #ececea; }
.pager[b-y17l413d9w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid #1f1f31;
    font-size: 0.85rem;
}

.pager-nav[b-y17l413d9w] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pager-nav button[b-y17l413d9w] {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pager-nav button:disabled[b-y17l413d9w] { opacity: 0.6; cursor: default; }

.supplier[b-y17l413d9w] {
    display: inline-flex;
    align-items: center;
    gap: 1.5rem;
}

.status-dot[b-y17l413d9w] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #c5e45a;
}

.delete-col[b-y17l413d9w] {
    width: 2.5rem;
    text-align: center;
}

.delete-btn[b-y17l413d9w] {
    background: none;
    border: none;
    padding: 0.25rem;
    color: #d64545;
    border-radius: 0.3rem;
    line-height: 0;
    cursor: pointer;
}

.delete-btn:hover[b-y17l413d9w] {
    background: #fbe4e4;
}
/* /Components/Pages/Purchases/NyIndkoebsordre.razor.rz.scp.css */
.draft-page[b-iv27zl2k4w] {
    padding: 1rem 3rem 2rem;
}

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

.draft-header h1[b-iv27zl2k4w] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.draft-actions[b-iv27zl2k4w] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.2rem;
}

.btn-pill[b-iv27zl2k4w] {
    border: none;
    border-radius: 999px;
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.btn-white[b-iv27zl2k4w] { background: #fff; color: #222; }
.btn-green[b-iv27zl2k4w] { background: #7dbb80; color: #1f2a20; }
.btn-green:hover[b-iv27zl2k4w] { background: #6aad6e; }

.btn-close-link[b-iv27zl2k4w] {
    background: none;
    border: none;
    color: #222;
    font-size: 0.7rem;
    cursor: pointer;
    padding: 0 1rem;
}

.btn-close-link span[b-iv27zl2k4w] { color: #e50000; margin-right: 0.3rem; }

.address-row[b-iv27zl2k4w] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 960px) {
    .address-row[b-iv27zl2k4w] { grid-template-columns: 1fr; }
}

.form-card[b-iv27zl2k4w] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.address-row .form-card[b-iv27zl2k4w] { margin-bottom: 0; }

.form-card h2[b-iv27zl2k4w] {
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0.55rem 1rem;
}

.address-grid[b-iv27zl2k4w] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 0.4rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid[b-iv27zl2k4w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 12rem));
    gap: 0.75rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid .field-check[b-iv27zl2k4w] {
    align-self: end;
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field[b-iv27zl2k4w],
.address-grid[b-iv27zl2k4w]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.field input[b-iv27zl2k4w],
.field select[b-iv27zl2k4w],
.address-grid[b-iv27zl2k4w]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
    min-width: 0;
}

.address-grid[b-iv27zl2k4w]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.address-grid[b-iv27zl2k4w]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
}

.totals[b-iv27zl2k4w] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #dcdcdc;
    padding: 0.75rem 1rem;
    gap: 1rem;
    font-size: 0.65rem;
}

.totals div[b-iv27zl2k4w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.totals span[b-iv27zl2k4w] {
    text-transform: uppercase;
    font-weight: 600;
}

.totals strong[b-iv27zl2k4w] {
    font-size: 0.75rem;
}

/* No borders/outlines on inputs, also on focus and for the child-component inputs */
.draft-page input[b-iv27zl2k4w],
.draft-page select[b-iv27zl2k4w],
.draft-page button[b-iv27zl2k4w],
.draft-page[b-iv27zl2k4w]  input {
    border: none;
    outline: none;
    box-shadow: none;
}

.draft-page input:focus[b-iv27zl2k4w],
.draft-page select:focus[b-iv27zl2k4w],
.draft-page[b-iv27zl2k4w]  input:focus,
.draft-page button:focus[b-iv27zl2k4w] {
    outline: none;
    box-shadow: none;
}

.draft-page input:focus-visible[b-iv27zl2k4w],
.draft-page select:focus-visible[b-iv27zl2k4w],
.draft-page[b-iv27zl2k4w]  input:focus-visible {
    background: #ececea;
}

.info-static[b-iv27zl2k4w] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.info-static strong[b-iv27zl2k4w],
.info-static span:last-child[b-iv27zl2k4w] {
    font-size: 0.75rem;
    line-height: 1.9rem;
}

.btn-pill svg[b-iv27zl2k4w],
.btn-pill .ico-mask[b-iv27zl2k4w] {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.35rem;
    vertical-align: -0.1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Pages/Purchases/OpretKoebsfaktura.razor.rz.scp.css */
.draft-page[b-ao1cevz1jg] {
    padding: 1rem 3rem 2rem;
}

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

.draft-header h1[b-ao1cevz1jg] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.draft-actions[b-ao1cevz1jg] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.2rem;
}

.btn-pill[b-ao1cevz1jg] {
    border: none;
    border-radius: 999px;
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.btn-white[b-ao1cevz1jg] { background: #fff; color: #222; }
.btn-green[b-ao1cevz1jg] { background: #7dbb80; color: #1f2a20; }
.btn-green:hover[b-ao1cevz1jg] { background: #6aad6e; }

.btn-close-link[b-ao1cevz1jg] {
    background: none;
    border: none;
    color: #222;
    font-size: 0.7rem;
    cursor: pointer;
    padding: 0 1rem;
}

.btn-close-link span[b-ao1cevz1jg] { color: #e50000; margin-right: 0.3rem; }

.address-row[b-ao1cevz1jg] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 960px) {
    .address-row[b-ao1cevz1jg] { grid-template-columns: 1fr; }
}

.form-card[b-ao1cevz1jg] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.address-row .form-card[b-ao1cevz1jg] { margin-bottom: 0; }

.form-card h2[b-ao1cevz1jg] {
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0.55rem 1rem;
}

.address-grid[b-ao1cevz1jg] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 0.4rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid[b-ao1cevz1jg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 12rem));
    gap: 0.75rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid .field-check[b-ao1cevz1jg] {
    align-self: end;
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field[b-ao1cevz1jg],
.address-grid[b-ao1cevz1jg]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.field input[b-ao1cevz1jg],
.field[b-ao1cevz1jg]  input,
.field select[b-ao1cevz1jg],
.address-grid[b-ao1cevz1jg]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
    min-width: 0;
}

.address-grid[b-ao1cevz1jg]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.address-grid[b-ao1cevz1jg]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
}

.totals[b-ao1cevz1jg] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #dcdcdc;
    padding: 0.75rem 1rem;
    gap: 1rem;
    font-size: 0.65rem;
}

.totals div[b-ao1cevz1jg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.totals span[b-ao1cevz1jg] {
    text-transform: uppercase;
    font-weight: 600;
}

.totals strong[b-ao1cevz1jg] {
    font-size: 0.75rem;
}

/* No borders/outlines on inputs, also on focus and for the child-component inputs */
.draft-page input[b-ao1cevz1jg],
.draft-page select[b-ao1cevz1jg],
.draft-page button[b-ao1cevz1jg],
.draft-page[b-ao1cevz1jg]  input {
    border: none;
    outline: none;
    box-shadow: none;
}

.draft-page input:focus[b-ao1cevz1jg],
.draft-page select:focus[b-ao1cevz1jg],
.draft-page[b-ao1cevz1jg]  input:focus,
.draft-page button:focus[b-ao1cevz1jg] {
    outline: none;
    box-shadow: none;
}

.draft-page input:focus-visible[b-ao1cevz1jg],
.draft-page select:focus-visible[b-ao1cevz1jg],
.draft-page[b-ao1cevz1jg]  input:focus-visible {
    background: #ececea;
}

.info-static[b-ao1cevz1jg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.info-static strong[b-ao1cevz1jg],
.info-static span:last-child[b-ao1cevz1jg] {
    font-size: 0.75rem;
    line-height: 1.9rem;
}

.btn-pill svg[b-ao1cevz1jg],
.btn-pill .ico-mask[b-ao1cevz1jg] {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.35rem;
    vertical-align: -0.1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.draft-actions .type-select[b-ao1cevz1jg] {
    appearance: none;
    padding-right: 1.6rem;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.4rem center / 0.8rem;
}

.actions-spacer[b-ao1cevz1jg] { flex: 1; }

.draft-header[b-ao1cevz1jg] { flex-wrap: wrap; gap: 0.5rem; }
.draft-actions[b-ao1cevz1jg] { flex: 1; min-width: 0; flex-wrap: wrap; }

.info-grid .field-check[b-ao1cevz1jg] { grid-column: 2; }

.invoice-info[b-ao1cevz1jg] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.75rem 1rem 1.25rem;
}

.field-notes[b-ao1cevz1jg] { max-width: 38rem; }

.bank-row[b-ao1cevz1jg] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.bank-row .field[b-ao1cevz1jg] { width: 12rem; }

.fik-label[b-ao1cevz1jg] { font-size: 0.7rem; }

.fik[b-ao1cevz1jg], .upload[b-ao1cevz1jg], .preview[b-ao1cevz1jg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.fik-row[b-ao1cevz1jg] {
    display: flex;
    gap: 1.25rem;
}

.fik-row input[b-ao1cevz1jg] {
    background: #f4f4f2;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    min-width: 0;
}

.fik-type[b-ao1cevz1jg] { width: 4rem; }
.fik-id[b-ao1cevz1jg] { width: 12rem; }
.fik-creditor[b-ao1cevz1jg] { width: 6rem; }

.upload-row[b-ao1cevz1jg] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.7rem;
}

.upload-btn[b-ao1cevz1jg] {
    background: #fff;
    border: 1px solid #555;
    border-radius: 6px;
    padding: 0.2rem 1.2rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.upload-btn:disabled[b-ao1cevz1jg] { opacity: 0.5; cursor: default; }

.draft-page .upload-btn[b-ao1cevz1jg] { border: 1px solid #555; }

.preview[b-ao1cevz1jg] { min-height: 6rem; }
/* /Components/Pages/Registry/DemoRegistry.razor.rz.scp.css */
.demo-page[b-l2kfai99g8] {
    padding: 1rem 2rem 2rem;
}

.head-actions[b-l2kfai99g8] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

@media (max-width: 700px) {
    .demo-page[b-l2kfai99g8] { padding: 1rem; }
}
/* /Components/Pages/Sales/Abonnementsoversigt.razor.rz.scp.css */
.subs-page[b-rrhplz32m9] {
    padding: 1rem 3rem 2rem;
}

.subs-page h1[b-rrhplz32m9] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.subs-panel[b-rrhplz32m9] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

table[b-rrhplz32m9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-rrhplz32m9] {
    padding: 1rem 0.75rem;
    vertical-align: middle;
}

tbody tr[b-rrhplz32m9] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-rrhplz32m9] {
    background: rgba(121, 183, 125, 0.12);
}

.icon-col[b-rrhplz32m9] { width: 3.5rem; padding-left: 1.25rem; }
.num[b-rrhplz32m9] { text-align: right; padding-right: 1.5rem; }
.center[b-rrhplz32m9] { text-align: center; }
.muted[b-rrhplz32m9] { color: #9a9aa0; }

tr.empty td[b-rrhplz32m9] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

.note-btn[b-rrhplz32m9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 0.4rem;
    background: #e2e2e0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.note-btn:hover[b-rrhplz32m9] { background: #cfd8d0; }

.note-btn svg[b-rrhplz32m9] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: #4a4a52;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pager[b-rrhplz32m9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid #1f1f31;
    font-size: 0.85rem;
}

.pager-nav[b-rrhplz32m9] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pager-nav button[b-rrhplz32m9] {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pager-nav button:disabled[b-rrhplz32m9] { opacity: 0.35; cursor: default; }

.del-col[b-rrhplz32m9] { width: 3rem; text-align: center; }

.delete-btn[b-rrhplz32m9] {
    background: none;
    border: none;
    padding: 0.25rem;
    color: #d64545;
    border-radius: 0.3rem;
    line-height: 0;
    cursor: pointer;
}

.delete-btn:hover[b-rrhplz32m9] { background: #fbe4e4; }
/* /Components/Pages/Sales/FakturaJournal.razor.rz.scp.css */
.journal-page[b-drpzvcq89d] {
    padding: 1rem 3rem 2rem;
}

.journal-header[b-drpzvcq89d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.journal-header h1[b-drpzvcq89d] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.header-actions[b-drpzvcq89d] {
    display: flex;
    gap: 1rem;
    margin-top: 0.75rem;
}

.pill[b-drpzvcq89d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.4rem 1.1rem;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.pill:hover[b-drpzvcq89d] { transform: translateY(-1px); }
.pill-green[b-drpzvcq89d] { background: #7dbb80; color: #1f2a20; }
.pill-green:hover[b-drpzvcq89d] { background: #6aad6e; }
.pill-white[b-drpzvcq89d] { background: #fff; color: #222; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }

.pill svg[b-drpzvcq89d] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.filter-card[b-drpzvcq89d],
.journal-panel[b-drpzvcq89d] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-drpzvcq89d] {
    padding: 1.1rem 1.6rem 1.4rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-drpzvcq89d] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-drpzvcq89d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}

.filter-field[b-drpzvcq89d] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-field input[type="date"][b-drpzvcq89d] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.filter-field input[type="date"]:focus[b-drpzvcq89d] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.filter-divider[b-drpzvcq89d] {
    align-self: stretch;
    width: 1px;
    background: #1f1f31;
}

.filter-check[b-drpzvcq89d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.filter-check input[b-drpzvcq89d] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.filter-search[b-drpzvcq89d] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-left: auto;
    width: 15rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    background: #fcfcfc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.filter-search svg[b-drpzvcq89d] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: #5f5f66;
    stroke-width: 2;
    flex: none;
}

.filter-search input[b-drpzvcq89d] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: none;
    font: inherit;
}

.journal-panel[b-drpzvcq89d] {
    overflow: hidden;
}

.summary[b-drpzvcq89d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.55rem 1rem;
    background: #dcdcdc;
    font-size: 0.8rem;
    line-height: 1.2;
}

.summary-divider[b-drpzvcq89d] {
    align-self: stretch;
    width: 1px;
    background: #1f1f31;
}

table[b-drpzvcq89d] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-drpzvcq89d] {
    padding: 1rem 0.75rem;
    vertical-align: middle;
}

tbody tr[b-drpzvcq89d] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-drpzvcq89d] {
    background: rgba(121, 183, 125, 0.12);
}

.icon-col[b-drpzvcq89d] { width: 3.5rem; padding-left: 1.25rem; }
.num[b-drpzvcq89d] { text-align: right; padding-right: 1.5rem; }
.center[b-drpzvcq89d] { text-align: center; }
.muted[b-drpzvcq89d] { color: #9a9aa0; }

tr.empty td[b-drpzvcq89d] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

.note-btn[b-drpzvcq89d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 0.4rem;
    background: #e2e2e0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.note-btn:hover[b-drpzvcq89d] { background: #cfd8d0; }

.note-btn svg[b-drpzvcq89d] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: #4a4a52;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.paid[b-drpzvcq89d] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}

.actions[b-drpzvcq89d] {
    display: inline-flex;
    gap: 0.3rem;
}

.act[b-drpzvcq89d] {
    display: inline-flex;
    padding: 0;
    border: none;
    border-radius: 0.3rem;
    background: none;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.act img[b-drpzvcq89d] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

.act:hover[b-drpzvcq89d] { opacity: 0.7; }

.pager[b-drpzvcq89d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid #1f1f31;
    font-size: 0.85rem;
}

.pager-nav[b-drpzvcq89d] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pager-nav button[b-drpzvcq89d] {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pager-nav button:disabled[b-drpzvcq89d] { opacity: 0.35; cursor: default; }
/* /Components/Pages/Sales/FakturaKladder.razor.rz.scp.css */
.invoices-page[b-bsbju8ojz7] {
    padding: 1rem 3rem 2rem;
}

.invoices-header[b-bsbju8ojz7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.invoices-header h1[b-bsbju8ojz7] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.create-btn[b-bsbju8ojz7] {
    background: #7dbb80;
    color: #1f2a20;
    border-radius: 999px;
    padding: 0.2rem 1rem;
    font-size: 0.7rem;
    text-decoration: none;
}

.create-btn:hover[b-bsbju8ojz7] {
    background: #6aad6e;
}

.invoices-panel[b-bsbju8ojz7] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 1rem;
}

table[b-bsbju8ojz7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-bsbju8ojz7] {
    padding: 0.6rem 0.75rem;
    vertical-align: middle;
}

tbody tr:hover[b-bsbju8ojz7] {
    background: #f3f3f1;
}

tbody tr.empty:hover[b-bsbju8ojz7] {
    background: none;
}

tr.empty td[b-bsbju8ojz7] {
    text-align: center;
    color: #8a8a90;
    padding: 2rem;
}

.num[b-bsbju8ojz7] {
    text-align: right;
}

.actions[b-bsbju8ojz7] {
    width: 2.5rem;
    text-align: center;
}

th:first-child[b-bsbju8ojz7], td:first-child[b-bsbju8ojz7] { padding-left: 1rem; }

.delete-btn[b-bsbju8ojz7] {
    background: none;
    border: none;
    padding: 0.25rem;
    color: #d64545;
    border-radius: 0.3rem;
    line-height: 0;
    cursor: pointer;
}

.delete-btn:hover[b-bsbju8ojz7] {
    background: #fbe4e4;
}

.visually-hidden[b-bsbju8ojz7] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

table[b-bsbju8ojz7], th[b-bsbju8ojz7], td[b-bsbju8ojz7], tr[b-bsbju8ojz7], thead[b-bsbju8ojz7], tbody[b-bsbju8ojz7] {
    border: none;
}
/* /Components/Pages/Sales/NyFaktura.razor.rz.scp.css */
.draft-page[b-v2u698tlwo] {
    padding: 1rem 3rem 2rem;
}

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

.draft-header h1[b-v2u698tlwo] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.draft-actions[b-v2u698tlwo] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.2rem;
}

.btn-pill[b-v2u698tlwo] {
    border: none;
    border-radius: 999px;
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.btn-white[b-v2u698tlwo] { background: #fff; color: #222; }
.btn-green[b-v2u698tlwo] { background: #7dbb80; color: #1f2a20; }
.btn-green:hover[b-v2u698tlwo] { background: #6aad6e; }

.btn-close-link[b-v2u698tlwo] {
    background: none;
    border: none;
    color: #222;
    font-size: 0.7rem;
    cursor: pointer;
    padding: 0 1rem;
}

.btn-close-link span[b-v2u698tlwo] { color: #e50000; margin-right: 0.3rem; }

.address-row[b-v2u698tlwo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 960px) {
    .address-row[b-v2u698tlwo] { grid-template-columns: 1fr; }
}

.form-card[b-v2u698tlwo] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.address-row .form-card[b-v2u698tlwo] { margin-bottom: 0; }

.form-card h2[b-v2u698tlwo] {
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0.55rem 1rem;
}

.address-grid[b-v2u698tlwo] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 0.4rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid[b-v2u698tlwo] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 12rem));
    gap: 0.75rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid .field-check[b-v2u698tlwo] {
    align-self: end;
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field[b-v2u698tlwo],
.address-grid[b-v2u698tlwo]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.field input[b-v2u698tlwo],
.field select[b-v2u698tlwo],
.address-grid[b-v2u698tlwo]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
    min-width: 0;
}

.address-grid[b-v2u698tlwo]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.address-grid[b-v2u698tlwo]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
}

.totals[b-v2u698tlwo] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #dcdcdc;
    padding: 0.75rem 1rem;
    gap: 1rem;
    font-size: 0.65rem;
}

.totals div[b-v2u698tlwo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.totals span[b-v2u698tlwo] {
    text-transform: uppercase;
    font-weight: 600;
}

.totals strong[b-v2u698tlwo] {
    font-size: 0.75rem;
}

/* No borders/outlines on inputs, also on focus and for the child-component inputs */
.draft-page input[b-v2u698tlwo],
.draft-page select[b-v2u698tlwo],
.draft-page button[b-v2u698tlwo],
.draft-page[b-v2u698tlwo]  input {
    border: none;
    outline: none;
    box-shadow: none;
}

.draft-page input:focus[b-v2u698tlwo],
.draft-page select:focus[b-v2u698tlwo],
.draft-page[b-v2u698tlwo]  input:focus,
.draft-page button:focus[b-v2u698tlwo] {
    outline: none;
    box-shadow: none;
}

.draft-page input:focus-visible[b-v2u698tlwo],
.draft-page select:focus-visible[b-v2u698tlwo],
.draft-page[b-v2u698tlwo]  input:focus-visible {
    background: #ececea;
}
/* /Components/Pages/Sales/NyOrdrekladder.razor.rz.scp.css */
.draft-page[b-onszjy2vzf] {
    padding: 1rem 3rem 2rem;
}

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

.draft-header h1[b-onszjy2vzf] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.draft-actions[b-onszjy2vzf] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.2rem;
}

.btn-pill[b-onszjy2vzf] {
    border: none;
    border-radius: 999px;
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.btn-white[b-onszjy2vzf] { background: #fff; color: #222; }
.btn-green[b-onszjy2vzf] { background: #7dbb80; color: #1f2a20; }
.btn-green:hover[b-onszjy2vzf] { background: #6aad6e; }

.btn-close-link[b-onszjy2vzf] {
    background: none;
    border: none;
    color: #222;
    font-size: 0.7rem;
    cursor: pointer;
    padding: 0 1rem;
}

.btn-close-link span[b-onszjy2vzf] { color: #e50000; margin-right: 0.3rem; }

.address-row[b-onszjy2vzf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 960px) {
    .address-row[b-onszjy2vzf] { grid-template-columns: 1fr; }
}

.form-card[b-onszjy2vzf] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.address-row .form-card[b-onszjy2vzf] { margin-bottom: 0; }

.form-card h2[b-onszjy2vzf] {
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0.55rem 1rem;
}

.address-grid[b-onszjy2vzf] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 0.4rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid[b-onszjy2vzf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 12rem));
    gap: 0.75rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid .field-check[b-onszjy2vzf] {
    align-self: end;
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field[b-onszjy2vzf],
.address-grid[b-onszjy2vzf]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.field input[b-onszjy2vzf],
.field select[b-onszjy2vzf],
.address-grid[b-onszjy2vzf]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
    min-width: 0;
}

.address-grid[b-onszjy2vzf]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.address-grid[b-onszjy2vzf]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
}

.totals[b-onszjy2vzf] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #dcdcdc;
    padding: 0.75rem 1rem;
    gap: 1rem;
    font-size: 0.65rem;
}

.totals div[b-onszjy2vzf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.totals span[b-onszjy2vzf] {
    text-transform: uppercase;
    font-weight: 600;
}

.totals strong[b-onszjy2vzf] {
    font-size: 0.75rem;
}

/* No borders/outlines on inputs, also on focus and for the child-component inputs */
.draft-page input[b-onszjy2vzf],
.draft-page select[b-onszjy2vzf],
.draft-page button[b-onszjy2vzf],
.draft-page[b-onszjy2vzf]  input {
    border: none;
    outline: none;
    box-shadow: none;
}

.draft-page input:focus[b-onszjy2vzf],
.draft-page select:focus[b-onszjy2vzf],
.draft-page[b-onszjy2vzf]  input:focus,
.draft-page button:focus[b-onszjy2vzf] {
    outline: none;
    box-shadow: none;
}

.draft-page input:focus-visible[b-onszjy2vzf],
.draft-page select:focus-visible[b-onszjy2vzf],
.draft-page[b-onszjy2vzf]  input:focus-visible {
    background: #ececea;
}
/* /Components/Pages/Sales/NyTilbudskladder.razor.rz.scp.css */
.discount-page[b-3ktg8xnfsv] {
    padding: 1rem 3rem 2rem;
}

.discount-header[b-3ktg8xnfsv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.discount-header h1[b-3ktg8xnfsv] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.discount-actions[b-3ktg8xnfsv] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.2rem;
}

.btn-pill[b-3ktg8xnfsv] {
    border: none;
    border-radius: 999px;
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.btn-white[b-3ktg8xnfsv] { background: #fff; color: #222; }
.btn-green[b-3ktg8xnfsv] { background: #7dbb80; color: #1f2a20; }
.btn-green:hover[b-3ktg8xnfsv] { background: #6aad6e; }

.btn-close-link[b-3ktg8xnfsv] {
    background: none;
    border: none;
    color: #222;
    font-size: 0.7rem;
    cursor: pointer;
    padding: 0 1rem;
}

.btn-close-link span[b-3ktg8xnfsv] { color: #e50000; margin-right: 0.3rem; }

.address-row[b-3ktg8xnfsv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 960px) {
    .address-row[b-3ktg8xnfsv] { grid-template-columns: 1fr; }
}

.form-card[b-3ktg8xnfsv] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.address-row .form-card[b-3ktg8xnfsv] { margin-bottom: 0; }

.form-card h2[b-3ktg8xnfsv] {
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0.55rem 1rem;
}

.address-grid[b-3ktg8xnfsv] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 0.4rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid[b-3ktg8xnfsv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 12rem));
    gap: 0.75rem 1.25rem;
    padding: 0.75rem 1rem 1.25rem;
}

.info-grid .field-check[b-3ktg8xnfsv] {
    align-self: end;
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field[b-3ktg8xnfsv],
.address-grid[b-3ktg8xnfsv]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.field input[b-3ktg8xnfsv],
.field select[b-3ktg8xnfsv],
.address-grid[b-3ktg8xnfsv]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
    min-width: 0;
}

.address-grid[b-3ktg8xnfsv]  .field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.7rem;
}

.address-grid[b-3ktg8xnfsv]  .field input {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
}

.totals[b-3ktg8xnfsv] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #dcdcdc;
    padding: 0.75rem 1rem;
    gap: 1rem;
    font-size: 0.65rem;
}

.totals div[b-3ktg8xnfsv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.totals span[b-3ktg8xnfsv] {
    text-transform: uppercase;
    font-weight: 600;
}

.totals strong[b-3ktg8xnfsv] {
    font-size: 0.75rem;
}

/* No borders/outlines on inputs, also on focus and for the child-component inputs */
.discount-page input[b-3ktg8xnfsv],
.discount-page select[b-3ktg8xnfsv],
.discount-page button[b-3ktg8xnfsv],
.discount-page[b-3ktg8xnfsv]  input {
    border: none;
    outline: none;
    box-shadow: none;
}

.discount-page input:focus[b-3ktg8xnfsv],
.discount-page select:focus[b-3ktg8xnfsv],
.discount-page[b-3ktg8xnfsv]  input:focus,
.discount-page button:focus[b-3ktg8xnfsv] {
    outline: none;
    box-shadow: none;
}

.discount-page input:focus-visible[b-3ktg8xnfsv],
.discount-page select:focus-visible[b-3ktg8xnfsv],
.discount-page[b-3ktg8xnfsv]  input:focus-visible {
    background: #ececea;
}
/* /Components/Pages/Sales/OrdreJournal.razor.rz.scp.css */
.journal-page[b-5q85amz7il] {
    padding: 1rem 3rem 2rem;
}

.journal-page h1[b-5q85amz7il] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.filter-card[b-5q85amz7il],
.journal-panel[b-5q85amz7il] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-5q85amz7il] {
    padding: 1.1rem 1.6rem 1.4rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-5q85amz7il] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-5q85amz7il] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}

.filter-field[b-5q85amz7il] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-field input[type="date"][b-5q85amz7il] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.filter-field input[type="date"]:focus[b-5q85amz7il] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.filter-divider[b-5q85amz7il] {
    align-self: stretch;
    width: 1px;
    background: #1f1f31;
}

.filter-check[b-5q85amz7il] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

.filter-check input[b-5q85amz7il] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #79b77d;
    cursor: pointer;
}

.export-btn[b-5q85amz7il] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.2rem;
    background: #7dbb80;
    color: #1f2a20;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.export-btn:hover[b-5q85amz7il] {
    background: #6aad6e;
    transform: translateY(-1px);
}

.export-btn svg[b-5q85amz7il] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.journal-panel[b-5q85amz7il] {
    overflow: hidden;
}

table[b-5q85amz7il] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-5q85amz7il] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #ececea;
}

tbody tr[b-5q85amz7il] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-5q85amz7il] {
    background: rgba(121, 183, 125, 0.12);
}

.num[b-5q85amz7il] {
    text-align: right;
}

tr.empty td[b-5q85amz7il] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

tfoot td[b-5q85amz7il] {
    padding: 0.85rem 0.75rem;
    font-weight: 700;
    color: #1f1f31;
    border-top: 2px solid #1f1f31;
    border-bottom: none;
    background: #dcdcdc;
}

.badge[b-5q85amz7il] {
    display: inline-block;
    padding: 0.1rem 0.7rem;
    border-radius: 999px;
    font-size: 0.7rem;
}

.badge.done[b-5q85amz7il] { background: #dff0e0; color: #2f6b34; }
.badge.waiting[b-5q85amz7il] { background: #f6ecc8; color: #7a5b00; }
/* /Components/Pages/Sales/Ordrekladder.razor.rz.scp.css */
.orders-page[b-4yxpwgjhax] {
    padding: 1rem 3rem 2rem;
}

.orders-header[b-4yxpwgjhax] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.orders-header h1[b-4yxpwgjhax] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.create-btn[b-4yxpwgjhax] {
    background: #7dbb80;
    color: #1f2a20;
    border-radius: 999px;
    padding: 0.2rem 1rem;
    font-size: 0.7rem;
    text-decoration: none;
}

.create-btn:hover[b-4yxpwgjhax] {
    background: #6aad6e;
}

.orders-panel[b-4yxpwgjhax] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 1.5rem;
}

table[b-4yxpwgjhax] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-4yxpwgjhax] {
    padding: 0.05rem 0.75rem;
    height: 1rem;
}

tbody[b-4yxpwgjhax]::before {
    content: "";
    display: table-row;
    height: 1rem;
}

.num[b-4yxpwgjhax] {
    text-align: right;
}

th:first-child[b-4yxpwgjhax], td:first-child[b-4yxpwgjhax] { padding-left: 1rem; }
th.num:last-child[b-4yxpwgjhax], td.num:last-child[b-4yxpwgjhax] { padding-right: 1.5rem; }

table[b-4yxpwgjhax], th[b-4yxpwgjhax], td[b-4yxpwgjhax], tr[b-4yxpwgjhax], thead[b-4yxpwgjhax], tbody[b-4yxpwgjhax] {
    border: none;
}

.list-table tr.empty td[b-4yxpwgjhax] { text-align: center; color: #5f5f66; padding: 1.5rem 1rem; }
/* /Components/Pages/Sales/Service.razor.rz.scp.css */
.service-page[b-dzd1sa1hmn] {
    padding: 1rem 3rem 2rem;
}

.service-page h1[b-dzd1sa1hmn] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.filter-card[b-dzd1sa1hmn] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 1.1rem 1.6rem 1.6rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-dzd1sa1hmn] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-dzd1sa1hmn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}

.filter-field[b-dzd1sa1hmn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-field select[b-dzd1sa1hmn],
.filter-field input[type="date"][b-dzd1sa1hmn] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.filter-field select[b-dzd1sa1hmn] { min-width: 10rem; }

.filter-field select:focus[b-dzd1sa1hmn],
.filter-field input[type="date"]:focus[b-dzd1sa1hmn] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.filter-buttons[b-dzd1sa1hmn] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-left: auto;
}

.pdf-btn[b-dzd1sa1hmn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 1px solid #e03b3b;
    border-radius: 0.4rem;
    background: none;
    color: #e03b3b;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.pdf-btn:hover[b-dzd1sa1hmn] { background: #fbe4e4; }

.pdf-btn svg[b-dzd1sa1hmn] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.create-btn[b-dzd1sa1hmn] {
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.2rem;
    background: #7dbb80;
    color: #1f2a20;
    font: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.create-btn:hover[b-dzd1sa1hmn] {
    background: #6aad6e;
    transform: translateY(-1px);
}

/* /Components/Pages/Sales/Tilbudsjournal.razor.rz.scp.css */
.journal-page[b-96uhdsjsvs] {
    padding: 1rem 3rem 2rem;
}

.journal-page h1[b-96uhdsjsvs] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.filter-card[b-96uhdsjsvs],
.journal-panel[b-96uhdsjsvs] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.filter-card[b-96uhdsjsvs] {
    padding: 1.1rem 1.6rem 1.4rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-96uhdsjsvs] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-96uhdsjsvs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}

.filter-field[b-96uhdsjsvs] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-field input[type="date"][b-96uhdsjsvs] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.filter-field input[type="date"]:focus[b-96uhdsjsvs] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.filter-divider[b-96uhdsjsvs] {
    align-self: stretch;
    width: 1px;
    background: #1f1f31;
}

.filter-check[b-96uhdsjsvs] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

.filter-check input[b-96uhdsjsvs] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #79b77d;
    cursor: pointer;
}

.export-btn[b-96uhdsjsvs] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.2rem;
    background: #7dbb80;
    color: #1f2a20;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.export-btn:hover[b-96uhdsjsvs] {
    background: #6aad6e;
    transform: translateY(-1px);
}

.export-btn svg[b-96uhdsjsvs] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.journal-panel[b-96uhdsjsvs] {
    overflow: hidden;
}

table[b-96uhdsjsvs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-96uhdsjsvs] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #ececea;
}

tbody tr[b-96uhdsjsvs] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-96uhdsjsvs] {
    background: rgba(121, 183, 125, 0.12);
}

.num[b-96uhdsjsvs] {
    text-align: right;
}

tr.empty td[b-96uhdsjsvs] {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}

tfoot td[b-96uhdsjsvs] {
    padding: 0.85rem 0.75rem;
    font-weight: 700;
    color: #1f1f31;
    border-top: 2px solid #1f1f31;
    border-bottom: none;
    background: #dcdcdc;
}

.badge[b-96uhdsjsvs] {
    display: inline-block;
    padding: 0.1rem 0.7rem;
    border-radius: 999px;
    font-size: 0.7rem;
}

.badge.done[b-96uhdsjsvs] { background: #dff0e0; color: #2f6b34; }
.badge.waiting[b-96uhdsjsvs] { background: #f6ecc8; color: #7a5b00; }
.badge.rejected[b-96uhdsjsvs] { background: #f6d9d9; color: #8a2a2a; }
/* /Components/Pages/Sales/Tilbudskladder.razor.rz.scp.css */
.offers-page[b-5x0w49v66s] {
    padding: 1rem 3rem 2rem;
}

.offers-header[b-5x0w49v66s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.offers-header h1[b-5x0w49v66s] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.create-btn[b-5x0w49v66s] {
    background: #7dbb80;
    color: #1f2a20;
    border-radius: 999px;
    padding: 0.2rem 1rem;
    font-size: 0.7rem;
    text-decoration: none;
}

.create-btn:hover[b-5x0w49v66s] {
    background: #6aad6e;
}

.offers-panel[b-5x0w49v66s] {
    background: #fcfcfc;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 1.5rem;
}

table[b-5x0w49v66s] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

td[b-5x0w49v66s] {
    padding: 0.05rem 0.75rem;
    height: 1rem;
}

tbody[b-5x0w49v66s]::before {
    content: "";
    display: table-row;
    height: 1rem;
}

.num[b-5x0w49v66s] {
    text-align: right;
}

th:first-child[b-5x0w49v66s], td:first-child[b-5x0w49v66s] { padding-left: 1rem; }
th.num:last-child[b-5x0w49v66s], td.num:last-child[b-5x0w49v66s] { padding-right: 1.5rem; }

table[b-5x0w49v66s], th[b-5x0w49v66s], td[b-5x0w49v66s], tr[b-5x0w49v66s], thead[b-5x0w49v66s], tbody[b-5x0w49v66s] {
    border: none;
}

.list-table tr.empty td[b-5x0w49v66s] { text-align: center; color: #5f5f66; padding: 1.5rem 1rem; }
/* /Components/Pages/Settings/Bogforingskoder.razor.rz.scp.css */
.codes-page[b-ts0xg9w45o] {
    padding: 1rem 2rem 2rem;
}

.codes-page[b-ts0xg9w45o]  .data-panel .data-table td { height: auto; padding-top: 0.3rem; padding-bottom: 0.3rem; line-height: 1.2; }

/* Column widths follow the design: wide code column, narrow debtor/creditor */
.codes-page[b-ts0xg9w45o]  .data-table th:nth-child(1) { width: 40%; }
.codes-page[b-ts0xg9w45o]  .data-table th:nth-child(2) { width: 25%; }

@media (max-width: 700px) {
    .codes-page[b-ts0xg9w45o] { padding: 1rem; }
}
/* /Components/Pages/Settings/FirmaKartotek.razor.rz.scp.css */
.company-page[b-y41y1ueank] {
    padding: 1rem 2rem 2rem;
}

.head-actions[b-y41y1ueank] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

/* Slim rows: the small icon buttons set the row height */
.company-page[b-y41y1ueank]  .data-panel .data-table td { height: auto; padding-top: 0.15rem; padding-bottom: 0.15rem; }
.company-page[b-y41y1ueank]  .data-panel .data-table .icons-col { white-space: nowrap; text-align: right; }
.company-page[b-y41y1ueank]  .data-panel .data-table .icons-col .icon-btn,
.company-page[b-y41y1ueank]  .data-panel .data-table .actions-col .icon-btn {
    width: 1.8rem;
    height: 1.8rem;
    background: none;
    color: #1f1f31;
}
.company-page[b-y41y1ueank]  .data-panel .data-table .actions-col .icon-btn { color: #e03b3b; }

/* Fixed layout so sorting (which reorders rows and adds the sort arrow) never resizes the columns */
.company-page[b-y41y1ueank]  .data-panel .data-table { table-layout: fixed; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(1) { width: auto; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(2) { width: 7rem; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(3) { width: 9rem; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(4) { width: 11rem; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(5) { width: 8rem; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(6) { width: 8rem; }
.company-page[b-y41y1ueank]  .data-table th:nth-child(7) { width: 4rem; }
.company-page[b-y41y1ueank]  .data-panel .data-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 700px) {
    .company-page[b-y41y1ueank] { padding: 1rem; }
}
/* /Components/Pages/Settings/Sprog.razor.rz.scp.css */
.settings-page[b-gicfr0eeyf] {
    padding: 1rem 3rem 2rem;
}

.settings-page h1[b-gicfr0eeyf] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
}

.settings-card[b-gicfr0eeyf] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 1.1rem 1.6rem 1.4rem;
    max-width: 30rem;
}

.settings-field[b-gicfr0eeyf] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.8rem;
}

.settings-field select[b-gicfr0eeyf] {
    border: none;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
}

.settings-field select:focus[b-gicfr0eeyf] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.settings-note[b-gicfr0eeyf] {
    margin: 1rem 0 0;
    font-size: 0.7rem;
    color: #8a8a90;
}
/* /Components/Pages/Settings/ValutaKurser.razor.rz.scp.css */
.rates-page[b-lzjhqyzyhq] {
    padding: 1rem 2rem 2rem;
}

.rates-head[b-lzjhqyzyhq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.rates-head h1[b-lzjhqyzyhq] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.rates-head p[b-lzjhqyzyhq] {
    margin: 0.1rem 0 0;
    font-size: 0.9rem;
    color: #5f5f66;
}

.rates-head[b-lzjhqyzyhq]  .pill-btn { margin-top: 2.5rem; }

@media (max-width: 700px) {
    .rates-page[b-lzjhqyzyhq] { padding: 1rem; }
}

.rates-form[b-lzjhqyzyhq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    background: #fcfcfc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.rate-field[b-lzjhqyzyhq] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.85rem; }
.rate-field[b-lzjhqyzyhq]  input { width: 8rem; padding: 0.4rem 0.6rem; text-align: right; }

.form-actions[b-lzjhqyzyhq] { display: flex; gap: 0.75rem; margin-left: auto; }
/* /Components/Shared/AccountListModal.razor.rz.scp.css */
.acc-backdrop[b-mt4vqc71fa] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(31, 31, 49, 0.45);
    animation: acc-fade-b-mt4vqc71fa 0.2s ease;
}

.acc-modal[b-mt4vqc71fa] {
    width: min(1100px, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem 1.5rem;
    border-radius: 12px;
    background: #f6f6f4;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: acc-pop-b-mt4vqc71fa 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes acc-fade-b-mt4vqc71fa { from { opacity: 0; } to { opacity: 1; } }
@keyframes acc-pop-b-mt4vqc71fa { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }

.acc-top[b-mt4vqc71fa] { display: flex; justify-content: flex-end; }

.acc-close[b-mt4vqc71fa] {
    border: none;
    background: none;
    padding: 0.25rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.acc-close:hover[b-mt4vqc71fa] { transform: rotate(90deg); }

.acc-close svg[b-mt4vqc71fa] {
    width: 1.6rem;
    height: 1.6rem;
    fill: none;
    stroke: #e50000;
    stroke-width: 2;
    stroke-linecap: round;
}

.acc-table-wrap[b-mt4vqc71fa] {
    overflow-y: auto;
    min-height: 0;
    border-bottom: 1px solid #1f1f31;
}

.acc-table[b-mt4vqc71fa] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.acc-table th[b-mt4vqc71fa] {
    position: sticky;
    top: 0;
    background: #dcdcdc;
    padding: 0.55rem 1rem;
    font-size: 0.8rem;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    border-bottom: 1px solid #1f1f31;
}

.acc-table td[b-mt4vqc71fa] {
    height: 2.2rem;
    padding: 0.2rem 1rem;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #1f1f31;
    border-right: 1px solid #1f1f31;
    white-space: nowrap;
}

.acc-table td:last-child[b-mt4vqc71fa] { border-right: none; }
.acc-table .left[b-mt4vqc71fa] { text-align: left; }
.acc-table th:nth-child(1)[b-mt4vqc71fa], .acc-table td:nth-child(1)[b-mt4vqc71fa] { width: 7rem; }
.acc-table th:nth-child(n+3)[b-mt4vqc71fa], .acc-table td:nth-child(n+3)[b-mt4vqc71fa] { width: 9rem; }
/* /Components/Shared/AccountStatementModal.razor.rz.scp.css */
.stmt-backdrop[b-16auulzn5p] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(31, 31, 49, 0.45);
    animation: stmt-fade-b-16auulzn5p 0.2s ease;
}

.stmt-modal[b-16auulzn5p] {
    width: min(1100px, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem 2rem;
    border-radius: 12px;
    background: #f6f6f4;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: stmt-pop-b-16auulzn5p 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes stmt-fade-b-16auulzn5p { from { opacity: 0; } to { opacity: 1; } }
@keyframes stmt-pop-b-16auulzn5p { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }

.stmt-top[b-16auulzn5p] { display: flex; justify-content: flex-end; }

.stmt-close[b-16auulzn5p] {
    border: none;
    background: none;
    padding: 0.25rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.stmt-close:hover[b-16auulzn5p] { transform: rotate(90deg); }

.stmt-close svg[b-16auulzn5p] {
    width: 1.6rem;
    height: 1.6rem;
    fill: none;
    stroke: #e50000;
    stroke-width: 2;
    stroke-linecap: round;
}

/* Header and body share one column layout; the header sits outside the scroll area so it never scrolls */
.stmt-head[b-16auulzn5p], .stmt-table tr[b-16auulzn5p] {
    display: grid;
    grid-template-columns: 13% 10% 10% 1fr 10% 10%;
}

.stmt-head[b-16auulzn5p] {
    padding-right: 12px; /* scrollbar gutter */
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
}

.stmt-head span[b-16auulzn5p] {
    padding: 0.55rem 0.5rem;
    text-align: center;
    white-space: nowrap;
}

.stmt-head .left[b-16auulzn5p] { text-align: left; padding-left: 1rem; }

.stmt-table-wrap[b-16auulzn5p] {
    overflow-y: auto;
    min-height: 0;
    max-height: 70vh;
    border: 1px solid #1f1f31;
    border-right: none;
}

.stmt-table-wrap[b-16auulzn5p]::-webkit-scrollbar { width: 12px; }
.stmt-table-wrap[b-16auulzn5p]::-webkit-scrollbar-track { background: transparent; border-right: 1px solid #1f1f31; }
.stmt-table-wrap[b-16auulzn5p]::-webkit-scrollbar-thumb { background: #d9d9d9; }

.stmt-table[b-16auulzn5p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.stmt-table tr[b-16auulzn5p] { border-bottom: 1px solid #1f1f31; }
.stmt-table tr:last-child[b-16auulzn5p] { border-bottom: none; }

.stmt-table td[b-16auulzn5p] {
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 1rem;
    text-align: center;
    border-right: 1px solid #1f1f31;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stmt-table td:last-child[b-16auulzn5p] { border-right: none; }
.stmt-table td.left[b-16auulzn5p] { justify-content: flex-start; text-align: left; }
.stmt-table td.amount[b-16auulzn5p] { color: #c8c8c6; }

.stmt-modal:focus[b-16auulzn5p] { outline: none; }
/* /Components/Shared/AddressFields.razor.rz.scp.css */
.field select[b-lh8n8cj7ct] {
    background: #f4f4f2;
    border: none;
    border-radius: 6px;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
}
/* /Components/Shared/CheckField.razor.rz.scp.css */
.check-field[b-k5kfrpxy0w] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8rem;
    cursor: pointer;
}

.check-field input[b-k5kfrpxy0w] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #1f1f31;
    cursor: pointer;
}
/* /Components/Shared/ConfirmModal.razor.rz.scp.css */
.confirm-backdrop[b-75tty4333t] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(31, 31, 49, 0.45);
    animation: confirm-fade-b-75tty4333t 0.2s ease;
}

.confirm-modal[b-75tty4333t] {
    width: min(26rem, 100%);
    padding: 1.5rem 1.75rem 1.25rem;
    border-radius: 12px;
    background: #f6f6f4;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: confirm-pop-b-75tty4333t 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes confirm-fade-b-75tty4333t { from { opacity: 0; } to { opacity: 1; } }
@keyframes confirm-pop-b-75tty4333t { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }

.confirm-modal h2[b-75tty4333t] {
    margin: 0 0 0.6rem;
    font-size: 1.1rem;
    font-weight: 700;
}

.confirm-message[b-75tty4333t] {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #3a3a42;
}

.confirm-actions[b-75tty4333t] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.confirm-btn[b-75tty4333t] {
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s ease;
}

.confirm-btn:hover[b-75tty4333t] { filter: brightness(0.95); }
.confirm-btn:focus-visible[b-75tty4333t] { outline: 2px solid #1f1f31; outline-offset: 2px; }

.confirm-cancel[b-75tty4333t] { background: #fcfcfc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); color: #1f1f31; }
.confirm-ok[b-75tty4333t] { background: #79b77d; color: #fff; }
.confirm-danger[b-75tty4333t] { background: #e50000; color: #fff; }
/* /Components/Shared/DataPanel.razor.rz.scp.css */
.data-panel[b-11y2wpvvze] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.data-panel[b-11y2wpvvze] {
    --head-h: 2.06rem;
}

/* The header never scrolls, so the scrollbar starts below it; the header colour is
   painted behind the (transparent) scrollbar column so the bar reaches the panel edge */
.table-scroll[b-11y2wpvvze] {
    max-height: 70vh;
    overflow-y: auto;
    background: linear-gradient(#dcdcdc, #dcdcdc) top / 100% var(--head-h) no-repeat;
    scrollbar-width: auto;
}

.table-scroll[b-11y2wpvvze]::-webkit-scrollbar { width: 12px; }
.table-scroll[b-11y2wpvvze]::-webkit-scrollbar-track {
    margin-top: var(--head-h);
    background: transparent;
    border-right: 1px solid #1f1f31;
}
.table-scroll[b-11y2wpvvze]::-webkit-scrollbar-thumb { background: #d9d9d9; }

.data-panel[b-11y2wpvvze]  .data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.data-panel[b-11y2wpvvze]  .data-table th {
    position: sticky;
    top: 0;
    background: #dcdcdc;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    padding: 0 0.75rem;
    height: var(--head-h);
    box-sizing: border-box;
}

.data-panel[b-11y2wpvvze]  .data-table th:first-child,
.data-panel[b-11y2wpvvze]  .data-table td:first-child { padding-left: 1.75rem; }

.data-panel[b-11y2wpvvze]  .data-table td {
    padding: 0.7rem 0.75rem;
    vertical-align: middle;
    height: 2.7rem;
}

.data-panel[b-11y2wpvvze]  .data-table tbody tr {
    transition: background-color 0.15s ease;
}

.data-panel[b-11y2wpvvze]  .data-table tbody tr:hover {
    background: rgba(121, 183, 125, 0.12);
}

.data-panel[b-11y2wpvvze]  .center { text-align: center !important; }
.data-panel[b-11y2wpvvze]  .num { text-align: right !important; padding-right: 1.5rem !important; }

.data-panel[b-11y2wpvvze]  .actions-col {
    width: 7rem;
    white-space: nowrap;
}

.data-panel[b-11y2wpvvze]  tr.empty td {
    text-align: center;
    color: #5f5f66;
    padding: 2rem;
}
/* /Components/Shared/DateField.razor.rz.scp.css */
.date-field[b-o3hirqp2h1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8rem;
}

.date-field input[type="date"][b-o3hirqp2h1] {
    border: none;
    border-radius: 8px;
    padding: 0.7rem 0.9rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.date-field input[type="date"]:focus[b-o3hirqp2h1] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}
/* /Components/Shared/FilterCard.razor.rz.scp.css */
.filter-card[b-j1jotoctxe] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 1.1rem 1.6rem 1.6rem;
    margin-bottom: 1.5rem;
}

.filter-title[b-j1jotoctxe] {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-row[b-j1jotoctxe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    font-size: 0.8rem;
}
/* /Components/Shared/FormModal.razor.rz.scp.css */
.fm-backdrop[b-s5nyx0uow5] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(31, 31, 49, 0.45);
    animation: fm-fade-b-s5nyx0uow5 0.2s ease;
}

.fm-modal[b-s5nyx0uow5] {
    width: min(32rem, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.75rem 1.25rem;
    border-radius: 12px;
    background: #f6f6f4;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: fm-pop-b-s5nyx0uow5 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.fm-modal.fm-wide[b-s5nyx0uow5] { width: min(46rem, 100%); }

@keyframes fm-fade-b-s5nyx0uow5 { from { opacity: 0; } to { opacity: 1; } }
@keyframes fm-pop-b-s5nyx0uow5 { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }

.fm-head[b-s5nyx0uow5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.fm-head h2[b-s5nyx0uow5] { margin: 0; font-size: 1.1rem; font-weight: 700; }

.fm-x[b-s5nyx0uow5] { border: none; background: none; padding: 0.25rem; cursor: pointer; transition: transform 0.2s ease; }
.fm-x:hover[b-s5nyx0uow5] { transform: rotate(90deg); }
.fm-x svg[b-s5nyx0uow5] { width: 1.4rem; height: 1.4rem; fill: none; stroke: #e50000; stroke-width: 2; stroke-linecap: round; }

.fm-error[b-s5nyx0uow5] {
    margin-bottom: 0.9rem;
    padding: 0.55rem 0.8rem;
    border-radius: 6px;
    background: #fff4d6;
    font-size: 0.8rem;
    line-height: 1.35;
}

.fm-body[b-s5nyx0uow5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
    overflow-y: auto;
    min-height: 0;
    padding: 0.15rem;
}

.fm-body[b-s5nyx0uow5]  .fm-field { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.75rem; font-weight: 600; min-width: 0; }
.fm-body[b-s5nyx0uow5]  .fm-field.fm-full { grid-column: 1 / -1; }
.fm-body[b-s5nyx0uow5]  .fm-value { font-weight: 400; font-size: 0.85rem; min-height: 1.9rem; display: flex; align-items: center; }

.fm-body[b-s5nyx0uow5]  .fm-field input,
.fm-body[b-s5nyx0uow5]  .fm-field select,
.fm-body[b-s5nyx0uow5]  .fm-field textarea {
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 6px;
    background: #fcfcfc;
    box-shadow: inset 0 0 0 1px #dcdcdc;
    padding: 0 0.6rem;
    height: 2rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 400;
}

.fm-body[b-s5nyx0uow5]  .fm-field textarea { height: 6rem; padding: 0.5rem 0.6rem; resize: vertical; }
.fm-body[b-s5nyx0uow5]  .fm-field input:focus-visible,
.fm-body[b-s5nyx0uow5]  .fm-field select:focus-visible,
.fm-body[b-s5nyx0uow5]  .fm-field textarea:focus-visible { outline: 2px solid #79b77d; outline-offset: 0; }
.fm-body[b-s5nyx0uow5]  .fm-field input[aria-invalid="true"] { box-shadow: inset 0 0 0 1px #e50000; }

.fm-foot[b-s5nyx0uow5] { display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 1.25rem; }

.fm-btn[b-s5nyx0uow5] {
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s ease;
}

.fm-btn:hover[b-s5nyx0uow5] { filter: brightness(0.95); }
.fm-btn:focus-visible[b-s5nyx0uow5] { outline: 2px solid #1f1f31; outline-offset: 2px; }
.fm-cancel[b-s5nyx0uow5] { background: #fcfcfc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); color: #1f1f31; }
.fm-ok[b-s5nyx0uow5] { background: #79b77d; color: #fff; }
/* /Components/Shared/IconButton.razor.rz.scp.css */
.icon-btn[b-38hwuek7oi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: #e6e6e3;
    color: #8a8a88;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.icon-btn:hover[b-38hwuek7oi] { background: #dadad7; }

.icon-btn.danger[b-38hwuek7oi] {
    background: none;
    color: #e03b3b;
}

.icon-btn.danger:hover[b-38hwuek7oi] { background: #fbe4e4; }

.icon-btn[b-38hwuek7oi]  svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Shared/ImportModal.razor.rz.scp.css */
.imp-hint[b-wyi64h8l44] { margin: 0; font-size: 0.72rem; color: #5f5f66; grid-column: 1 / -1; }
.imp-problem[b-wyi64h8l44] { margin: 0; font-size: 0.8rem; color: #e50000; grid-column: 1 / -1; }
.imp-preview[b-wyi64h8l44] { grid-column: 1 / -1; overflow-x: auto; }
.imp-preview p[b-wyi64h8l44] { margin: 0 0 0.4rem; font-size: 0.8rem; }
.imp-preview table[b-wyi64h8l44] { width: 100%; border-collapse: collapse; font-size: 0.75rem; }
.imp-preview th[b-wyi64h8l44] { background: #dcdcdc; text-align: left; padding: 0.3rem 0.5rem; white-space: nowrap; }
.imp-preview td[b-wyi64h8l44] { padding: 0.3rem 0.5rem; border-bottom: 1px solid #dcdcdc; white-space: nowrap; }
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
.loading[b-t31gdvgm8e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 40vh;
    color: #5f5f66;
}

.spinner[b-t31gdvgm8e] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 0.3rem solid #e1e1e6;
    border-top-color: #201F31;
    animation: spin-b-t31gdvgm8e 0.8s linear infinite;
}

.label[b-t31gdvgm8e] {
    font-size: 0.95rem;
    letter-spacing: 0.02em;
}

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

@media (prefers-reduced-motion: reduce) {
    .spinner[b-t31gdvgm8e] { animation-duration: 2.4s; }
}
/* /Components/Shared/OrderLines.razor.rz.scp.css */
.lines[b-oisvm55tah] {
    padding: 0.5rem 1rem 0.75rem;
}

/* move | type | item no | name | qty | unit | three price columns | total | buttons */
.cols-purchase[b-oisvm55tah] { --cols: 4.6rem 5.5rem 6rem minmax(10rem, 1fr) 5rem 5rem 6rem 5rem 6rem 6rem 6rem; }
.cols-sales[b-oisvm55tah] { --cols: 4.6rem 5.5rem 6rem minmax(10rem, 1fr) 5rem 5rem 6rem 6rem 5rem 6rem 6rem; }

.lines input[b-oisvm55tah],
.lines select[b-oisvm55tah],
.lines[b-oisvm55tah]  input {
    background: #f4f4f2;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    height: 1.9rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    width: 100%;
    min-width: 0;
}

.lines input:focus-visible[b-oisvm55tah],
.lines select:focus-visible[b-oisvm55tah],
.lines[b-oisvm55tah]  input:focus-visible {
    background: #ececea;
}

.lines input:disabled[b-oisvm55tah] {
    opacity: 0.5;
}

.lines button[b-oisvm55tah] {
    border: none;
    outline: none;
}

.lines-message[b-oisvm55tah] {
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
    color: #b3261e;
}

.line[b-oisvm55tah] {
    display: grid;
    grid-template-columns: var(--cols);
    gap: 0.6rem;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
}

.line-head[b-oisvm55tah] {
    margin-bottom: 0.25rem;
}

.line .num[b-oisvm55tah],
.line[b-oisvm55tah]  .num,
.line-head .num[b-oisvm55tah] {
    text-align: right;
}

.line-total[b-oisvm55tah] {
    padding-right: 0.5rem;
}

.line-buttons[b-oisvm55tah] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
}

.icon-dot[b-oisvm55tah] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #c8e04a;
    border: none;
    padding: 0;
    cursor: pointer;
}

.line-row[b-oisvm55tah] {
    min-height: 2rem;
    margin-inline: -0.5rem;
    padding-inline: 0.5rem;
    margin-bottom: 0.2rem;
    border-radius: 6px;
}

.line-row:hover[b-oisvm55tah] {
    background: #f0f0ed;
}

.line-heading[b-oisvm55tah] {
    background: #ececea;
    font-weight: 700;
}

.line-editing[b-oisvm55tah] {
    box-shadow: inset 3px 0 0 #7dbb80;
}

.line-entry[b-oisvm55tah] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #ececea;
}

.line-desc[b-oisvm55tah] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.line .muted[b-oisvm55tah] {
    color: #8a8a90;
}

.line-move[b-oisvm55tah] {
    display: flex;
    gap: 0.1rem;
    align-items: center;
}

.icon-btn[b-oisvm55tah] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
    border-radius: 0.3rem;
    background: none;
    color: #5f5f66;
    cursor: pointer;
}

.icon-btn:hover:not(:disabled)[b-oisvm55tah] {
    background: #e2e2e0;
}

.icon-btn:disabled[b-oisvm55tah] {
    opacity: 0.3;
    cursor: default;
}

.icon-btn svg[b-oisvm55tah] {
    width: 0.85rem;
    height: 0.85rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-ok[b-oisvm55tah] { color: #3aa65a; }
.icon-cancel[b-oisvm55tah],
.icon-trash[b-oisvm55tah] { color: #d64545; }
.icon-edit[b-oisvm55tah] { color: #b08a3a; }

.chevron svg[b-oisvm55tah] {
    transition: transform 0.15s ease;
}

.chevron.open svg[b-oisvm55tah] {
    transform: rotate(90deg);
}

.lines-empty[b-oisvm55tah] {
    padding: 0.5rem 0;
    text-align: center;
    font-size: 0.7rem;
    color: #8a8a90;
}

/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-oxajgxak36] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1[b-oxajgxak36] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.page-header p[b-oxajgxak36] {
    margin: 0.1rem 0 0;
    font-size: 0.9rem;
    color: #5f5f66;
}

/* Same slim action buttons the Salg headers use */
.page-header[b-oxajgxak36]  .pill-btn {
    padding: 0.2rem 1rem;
    font-size: 0.7rem;
    gap: 0.4rem;
}

.page-header[b-oxajgxak36]  .pill-btn svg {
    width: 0.8rem;
    height: 0.8rem;
}
/* /Components/Shared/Pager.razor.rz.scp.css */
.pager[b-dj5n9k5wbv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid #c9c9c6;
    font-size: 0.85rem;
}

.pager-nav[b-dj5n9k5wbv] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.pager-nav button[b-dj5n9k5wbv] {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
}

.pager-nav button:disabled[b-dj5n9k5wbv] { opacity: 0.6; cursor: default; }
/* /Components/Shared/PickerModal.razor.rz.scp.css */
.picker-backdrop[b-4h8zt08zqk] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(31, 31, 49, 0.45);
    animation: picker-fade-b-4h8zt08zqk 0.2s ease;
}

.picker-modal[b-4h8zt08zqk] {
    width: min(1100px, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.75rem 2rem 1.25rem;
    border-radius: 12px;
    background: #f6f6f4;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: picker-pop-b-4h8zt08zqk 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes picker-fade-b-4h8zt08zqk { from { opacity: 0; } to { opacity: 1; } }
@keyframes picker-pop-b-4h8zt08zqk { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }

.picker-top[b-4h8zt08zqk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.picker-search[b-4h8zt08zqk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 1rem;
    width: 18rem;
    border-radius: 999px;
    background: #fcfcfc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.picker-search svg[b-4h8zt08zqk] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: #5f5f66;
    stroke-width: 2;
    flex: none;
}

.picker-search input[b-4h8zt08zqk] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: none;
    font: inherit;
    font-size: 0.9rem;
}

.picker-close[b-4h8zt08zqk] {
    border: none;
    background: none;
    padding: 0.25rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.picker-close:hover[b-4h8zt08zqk] { transform: rotate(90deg); }

.picker-close svg[b-4h8zt08zqk] {
    width: 1.6rem;
    height: 1.6rem;
    fill: none;
    stroke: #e50000;
    stroke-width: 2;
    stroke-linecap: round;
}

.picker-table-wrap[b-4h8zt08zqk] {
    overflow-y: auto;
    min-height: 0;
    border-bottom: 1px solid #1f1f31;
}

.picker-table[b-4h8zt08zqk] {
    width: 100%;
    border-collapse: collapse;
}

.picker-table[b-4h8zt08zqk]  th {
    position: sticky;
    top: 0;
    background: #dcdcdc;
    padding: 0.55rem 1rem;
    font-size: 0.8rem;
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #1f1f31;
}

.picker-table[b-4h8zt08zqk]  td {
    padding: 1.1rem 1rem;
    border-bottom: 1px solid #1f1f31;
    border-right: 1px solid #1f1f31;
    white-space: nowrap;
}

.picker-table[b-4h8zt08zqk]  td:last-child { border-right: none; }
.picker-table[b-4h8zt08zqk]  td.center { text-align: center; }

.picker-table tbody tr[b-4h8zt08zqk] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.picker-table tbody tr:hover[b-4h8zt08zqk],
.picker-table tbody tr:focus-visible[b-4h8zt08zqk] {
    background-color: rgba(121, 183, 125, 0.18);
    outline: none;
}

.picker-table tr.empty[b-4h8zt08zqk] { cursor: default; }
.picker-table tr.empty[b-4h8zt08zqk]  td { text-align: center; color: #5f5f66; border-right: none; }

.picker-pager[b-4h8zt08zqk] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 0.75rem;
}

.picker-pager button[b-4h8zt08zqk] {
    border: none;
    background: none;
    font-size: 1.2rem;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.picker-pager button:disabled[b-4h8zt08zqk] { opacity: 0.25; cursor: default; }
/* /Components/Shared/PillButton.razor.rz.scp.css */
.pill-btn[b-5tvrpk4ic2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.1rem;
    background: #7dbb80;
    color: #1f2a20;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    font: inherit;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}
.pill-btn:hover[b-5tvrpk4ic2] {
    background: #6aad6e;
    transform: translateY(-1px);
}
.pill-btn[b-5tvrpk4ic2]  svg {
    width: 0.9rem;
    height: 0.9rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pill-btn.light[b-5tvrpk4ic2] {
    background: #fcfcfc;
}

.pill-btn.light:hover[b-5tvrpk4ic2] { background: #fff; }
/* /Components/Shared/SectionCard.razor.rz.scp.css */
.section-card[b-peqsodhbe0] {
    background: #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.section-card h2[b-peqsodhbe0] {
    margin: 0;
    padding: 0.8rem 1.75rem;
    background: #dcdcdc;
    font-size: 0.9rem;
    font-weight: 600;
}

.section-body[b-peqsodhbe0] {
    padding: 0.5rem 1.75rem 1.2rem;
    overflow-x: auto;
}

.section-card[b-peqsodhbe0]  .field-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.section-card[b-peqsodhbe0]  .field-table th {
    text-align: left;
    font-weight: 600;
    padding: 1rem 0.75rem 0.6rem 0;
}

.section-card[b-peqsodhbe0]  .field-table td {
    padding: 0.5rem 0.75rem 0.5rem 0;
    height: 2.75rem;
}

.section-card[b-peqsodhbe0]  .field-table .num { text-align: right; }

.section-card[b-peqsodhbe0]  .field-table .actions-col {
    width: 6rem;
    white-space: nowrap;
    text-align: right;
}
/* /Components/Shared/SelectField.razor.rz.scp.css */
.select-field[b-vcqinx8ep1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8rem;
}

.select-field select[b-vcqinx8ep1] {
    min-width: 10rem;
    border: none;
    border-radius: 8px;
    padding: 0.7rem 0.9rem;
    background: #f4f4f1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    font: inherit;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.select-field select:focus[b-vcqinx8ep1] {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px #79b77d;
}

.select-field.wide select[b-vcqinx8ep1] { min-width: 35rem; max-width: 100%; }
/* /Components/Shared/SettingsModal.razor.rz.scp.css */
/* Look and values come from the HR Planner settings dialog (purple accent, Poppins body, Chillax menu, outlined fields) */
.st-backdrop[b-917v8z3jg3] {
    --st-purple: #8354a2;
    --st-purple-hover: rgba(131, 84, 162, 0.12);
    --st-surface1: #f7f7f7;
    --st-surface2: #fbfbfb;
    --st-text: #111111;
    --st-gray: #6b7280;
    --st-border: #ced4da;
    --st-hover: #dee2e6;
    --st-nav-active: #c3afd0;
    --st-textured: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.06)), #fbfbfb;

    position: fixed;
    inset: 0;
    z-index: 2050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.4);
    font-family: 'Poppins', sans-serif;
    color: var(--st-text);
    animation: st-fade-b-917v8z3jg3 0.2s ease;
}

.st-backdrop button[b-917v8z3jg3], .st-backdrop input[b-917v8z3jg3], .st-backdrop select[b-917v8z3jg3] { font-family: inherit; }

.st-shell[b-917v8z3jg3] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: min(1360px, 100%);
    height: min(760px, calc(100vh - 48px));
    border-radius: 20px;
    overflow: hidden;
    background: var(--st-surface1);
    border: 1px solid var(--st-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    animation: st-pop-b-917v8z3jg3 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes st-fade-b-917v8z3jg3 { from { opacity: 0; } to { opacity: 1; } }
@keyframes st-pop-b-917v8z3jg3 { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }

.st-close[b-917v8z3jg3] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    padding: 6px;
    border: none;
    border-radius: 50%;
    background: none;
    color: var(--st-gray);
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.st-close:hover[b-917v8z3jg3] { color: var(--st-purple); background: var(--st-purple-hover); }
.st-close .st-ico[b-917v8z3jg3] { width: 1.5rem; height: 1.5rem; }

.st-ico[b-917v8z3jg3] { width: 1.25rem; height: 1.25rem; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Left menu ---------- */
.st-nav[b-917v8z3jg3] {
    flex: 0 0 260px;
    padding: 24px 16px;
    overflow-y: auto;
    border-right: 1px solid var(--st-border);
    background: var(--st-textured);
}

.st-chip[b-917v8z3jg3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    margin: 0 2px 18px;
    border-radius: 14px;
    background: var(--st-surface1);
    border: 1px solid var(--st-border);
}

.st-chip-text[b-917v8z3jg3] { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.st-chip-name[b-917v8z3jg3] { font-weight: 700; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-chip-email[b-917v8z3jg3] { font-size: 0.75rem; color: var(--st-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.st-avatar[b-917v8z3jg3] {
    flex: none;
    display: flex;
    border-radius: 50%;
    background: #8354a2;
}

.st-avatar svg[b-917v8z3jg3] { width: 100%; height: 100%; fill: #111111; }
.st-avatar.sm[b-917v8z3jg3] { width: 40px; height: 40px; }
.st-avatar.lg[b-917v8z3jg3] { width: 140px; height: 140px; }

.st-nav-label[b-917v8z3jg3] {
    font-family: 'Chillax', 'Poppins', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    opacity: 0.7;
    padding: 6px 14px 12px;
}

.st-nav-item[b-917v8z3jg3] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 2px;
    padding: 10px 14px;
    border: none;
    border-radius: 8px;
    background: none;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.st-nav-item .st-ico[b-917v8z3jg3] { width: 1.6rem; height: 1.6rem; transition: transform 0.15s ease; }
.st-nav-item:hover[b-917v8z3jg3] { background: var(--st-hover); }
.st-nav-item:hover .st-ico[b-917v8z3jg3] { transform: scale(1.08); }
.st-nav-item:focus-visible[b-917v8z3jg3] { outline: 2px solid var(--st-purple); outline-offset: 1px; }
.st-nav-item.active[b-917v8z3jg3] { background: #dfe2e8; }

/* ---------- Content ---------- */
.st-content[b-917v8z3jg3] { flex: 1 1 auto; min-width: 0; overflow-y: auto; padding: 40px; }
.st-panel[b-917v8z3jg3] { width: 100%; max-width: 680px; margin: 0 auto; animation: st-panel-in-b-917v8z3jg3 0.35s ease; }
@keyframes st-panel-in-b-917v8z3jg3 { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.st-head[b-917v8z3jg3] { text-align: center; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--st-border); }
.st-head h2[b-917v8z3jg3] { margin: 12px 0 4px; font-size: 2.125rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; }
.st-head p[b-917v8z3jg3] { margin: 4px 0 0; font-size: 0.875rem; color: var(--st-gray); }

.st-head-icon[b-917v8z3jg3] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 18px;
    background: linear-gradient(135deg, #8354a2, #022d42);
    color: #fff;
    box-shadow: 0 6px 16px rgba(131, 84, 162, 0.35);
}

.st-head-icon[b-917v8z3jg3]::after {
    content: "";
    position: absolute;
    inset: -30px;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(131, 84, 162, 0.16), transparent 70%);
}

.st-head-icon .st-ico[b-917v8z3jg3] { width: 2rem; height: 2rem; }
.st-head-icon.icon-preferences[b-917v8z3jg3] { background: linear-gradient(135deg, #9c6bf0, #6a3fc2); box-shadow: 0 6px 16px rgba(156, 107, 240, 0.35); }
.st-head-icon.icon-preferences[b-917v8z3jg3]::after { background: radial-gradient(circle, rgba(156, 107, 240, 0.16), transparent 70%); }
.st-head-icon.icon-password[b-917v8z3jg3] { background: linear-gradient(135deg, #33c481, #1f8f5e); box-shadow: 0 6px 16px rgba(51, 196, 129, 0.35); }
.st-head-icon.icon-password[b-917v8z3jg3]::after { background: radial-gradient(circle, rgba(51, 196, 129, 0.16), transparent 70%); }

.st-avatar-wrap[b-917v8z3jg3] { display: flex; justify-content: center; margin-bottom: 24px; }

.st-stack[b-917v8z3jg3] { display: flex; flex-direction: column; gap: 16px; }
.st-stack.center[b-917v8z3jg3] { align-items: center; }
.st-stack.center > .st-field[b-917v8z3jg3], .st-stack.center > .st-reqs[b-917v8z3jg3], .st-stack.center > .st-strength[b-917v8z3jg3], .st-stack.center > .st-message[b-917v8z3jg3] { width: 100%; max-width: 400px; }

/* ---------- Rows (preferences) ---------- */
.st-row[b-917v8z3jg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 14px;
    background: var(--st-surface1);
    border: 1px solid var(--st-border);
    transition: border-color 0.15s ease;
}

.st-row:hover[b-917v8z3jg3] { border-color: var(--st-purple); }
.st-row-info[b-917v8z3jg3] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.st-row-icon[b-917v8z3jg3] { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--st-surface2); color: var(--st-purple); }
.st-row-text[b-917v8z3jg3] { display: flex; flex-direction: column; min-width: 0; }
.st-row-title[b-917v8z3jg3] { font-weight: 700; }
.st-row-subtitle[b-917v8z3jg3] { font-size: 0.8rem; color: var(--st-gray); }
.st-row-control[b-917v8z3jg3] { flex: 0 0 200px; }

.st-select[b-917v8z3jg3] {
    width: 100%;
    height: 56px;
    padding: 0 14px;
    border: 1.5px solid var(--st-border);
    border-radius: 4px;
    background: transparent;
    color: var(--st-text);
    font-size: 1rem;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.st-select:hover[b-917v8z3jg3] { border-color: var(--st-purple); }
.st-select:focus[b-917v8z3jg3] { outline: none; border-color: var(--st-purple); box-shadow: 0 0 0 1px var(--st-purple); }

/* ---------- Outlined fields with a floating label ---------- */
.st-field[b-917v8z3jg3] { position: relative; display: block; }

.st-field input[b-917v8z3jg3] {
    width: 100%;
    height: 56px;
    padding: 0 14px;
    border: 1.5px solid var(--st-border);
    border-radius: 4px;
    background: transparent;
    color: var(--st-text);
    font-size: 1rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.st-field.has-icon input[b-917v8z3jg3] { padding-left: 46px; }
.st-field:hover input[b-917v8z3jg3] { border-color: var(--st-purple); }
.st-field input:focus[b-917v8z3jg3] { outline: none; border-color: var(--st-purple); box-shadow: 0 0 0 1px var(--st-purple); }

.st-field label[b-917v8z3jg3] {
    position: absolute;
    left: 12px;
    top: 50%;
    padding: 0 4px;
    transform: translateY(-50%);
    background: var(--st-surface1);
    color: var(--st-gray);
    font-size: 1rem;
    pointer-events: none;
    transition: top 0.15s ease, font-size 0.15s ease, color 0.15s ease, left 0.15s ease;
}

.st-field.has-icon label[b-917v8z3jg3] { left: 40px; }

.st-field input:focus + label[b-917v8z3jg3],
.st-field input:not(:placeholder-shown) + label[b-917v8z3jg3] {
    top: 0;
    left: 10px;
    font-size: 0.75rem;
}

.st-field input:focus + label[b-917v8z3jg3] { color: var(--st-purple); }

.st-adorn[b-917v8z3jg3] { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); display: flex; color: var(--st-gray); pointer-events: none; }
.st-field input:focus ~ .st-adorn[b-917v8z3jg3], .st-field:focus-within .st-adorn[b-917v8z3jg3] { color: var(--st-purple); }

.st-eye[b-917v8z3jg3] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    padding: 8px;
    border: none;
    border-radius: 50%;
    background: none;
    color: var(--st-gray);
    cursor: pointer;
}

.st-eye:hover[b-917v8z3jg3] { background: var(--st-purple-hover); color: var(--st-purple); }
.st-field:has(.st-eye) input[b-917v8z3jg3] { padding-right: 52px; }

/* ---------- Password strength ---------- */
.st-strength[b-917v8z3jg3] { height: 6px; border-radius: 3px; background: var(--st-hover); overflow: hidden; }
.st-strength-fill[b-917v8z3jg3] { height: 100%; border-radius: 3px; transition: width 0.25s ease, background-color 0.25s ease; }
.st-strength-fill.weak[b-917v8z3jg3] { background: #ef5c6e; }
.st-strength-fill.medium[b-917v8z3jg3] { background: #fe9117; }
.st-strength-fill.strong[b-917v8z3jg3] { background: #33c481; }

.st-reqs[b-917v8z3jg3] { display: flex; flex-direction: column; gap: 6px; }
.st-req[b-917v8z3jg3] { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--st-gray); opacity: 0.55; transition: color 0.15s ease, opacity 0.15s ease; }
.st-req .st-ico[b-917v8z3jg3] { width: 1.1rem; height: 1.1rem; }
.st-req.met[b-917v8z3jg3] { opacity: 1; color: var(--st-text); }
.st-req.met .st-ico[b-917v8z3jg3] { color: #33c481; }
.st-req.mismatch[b-917v8z3jg3] { opacity: 1; color: #ef5c6e; }

.st-message[b-917v8z3jg3] { padding: 10px 14px; border-radius: 8px; background: rgba(254, 145, 23, 0.14); font-size: 0.85rem; line-height: 1.4; }
.st-message.error[b-917v8z3jg3] { background: rgba(239, 92, 110, 0.14); color: #a3263a; }

/* ---------- Buttons ---------- */
.st-btn[b-917v8z3jg3] {
    width: fit-content;
    max-width: 100%;
    padding: 10px 40px;
    border: 1px solid var(--st-purple);
    border-radius: 12px;
    background: transparent;
    color: var(--st-purple);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.st-btn:hover[b-917v8z3jg3] { transform: translateY(-2px); }
.st-btn:focus-visible[b-917v8z3jg3] { outline: 2px solid var(--st-text); outline-offset: 2px; }
.st-btn.primary[b-917v8z3jg3] { margin-top: 8px; background: var(--st-purple); color: #fff; box-shadow: 0 6px 16px rgba(131, 84, 162, 0.35); }
.st-btn.primary:hover[b-917v8z3jg3] { box-shadow: 0 10px 22px rgba(131, 84, 162, 0.45); }

/* ---------- Phones ---------- */
@media (max-width: 960px) {
    .st-shell[b-917v8z3jg3] { flex-direction: column; height: auto; max-height: calc(100vh - 24px); overflow-y: auto; }
    .st-nav[b-917v8z3jg3] { flex: none; overflow-y: visible; border-right: none; border-bottom: 1px solid var(--st-border); padding: 16px; }
    .st-chip[b-917v8z3jg3] { margin-bottom: 8px; padding-right: 48px; }
    .st-nav-label[b-917v8z3jg3] { display: none; }
        .st-content[b-917v8z3jg3] { overflow-y: visible; padding: 24px 16px; }
    .st-head h2[b-917v8z3jg3] { font-size: 1.75rem; }
    .st-row[b-917v8z3jg3] { flex-wrap: wrap; }
    .st-row-control[b-917v8z3jg3] { flex: 1 1 100%; }
}

/* /Components/Shared/StatusMessage.razor.rz.scp.css */
.status-message[b-gk28si2293] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.6rem 1rem;
    border-radius: 8px;
    font-size: 0.8rem;
}

.status-close[b-gk28si2293] {
    flex: none;
    display: flex;
    border: none;
    background: none;
    padding: 0.1rem;
    cursor: pointer;
    opacity: 0.55;
    transition: opacity 0.2s ease;
}

.status-close:hover[b-gk28si2293] { opacity: 1; }

.status-close svg[b-gk28si2293] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}
/* /Components/Shared/UnderConstruction.razor.rz.scp.css */
.uc[b-6qnat5v562] {
    display: flex;
    justify-content: center;
    padding: 4rem 1rem;
}

.uc-card[b-6qnat5v562] {
    max-width: 32rem;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 1rem;
    padding: 3rem 2rem;
    box-shadow: 0 0.25rem 1.5rem rgba(32, 31, 49, 0.08);
}

.uc-art[b-6qnat5v562] {
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1.25rem;
    padding: 1rem;
    border-radius: 50%;
    background: #f1f1ef;
    color: #201F31;
    animation: float-b-6qnat5v562 3s ease-in-out infinite;
}

.uc-badge[b-6qnat5v562] {
    display: inline-block;
    padding: 0.25rem 0.8rem;
    border-radius: 999px;
    background: #201F31;
    color: #fff;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

h1[b-6qnat5v562] {
    margin: 1rem 0 0.5rem;
    font-size: 1.75rem;
    color: #201F31;
}

p[b-6qnat5v562] {
    color: #5f5f66;
    margin-bottom: 1.5rem;
}

.uc-bar[b-6qnat5v562] {
    height: 0.4rem;
    border-radius: 999px;
    background: #e8e8ea;
    overflow: hidden;
    margin-bottom: 2rem;
}

.uc-bar span[b-6qnat5v562] {
    display: block;
    height: 100%;
    width: 40%;
    border-radius: inherit;
    background: #201F31;
    animation: slide-b-6qnat5v562 1.8s ease-in-out infinite;
}

.uc-btn[b-6qnat5v562] {
    display: inline-block;
    padding: 0.6rem 1.4rem;
    border-radius: 0.5rem;
    background: #201F31;
    color: #fff;
    text-decoration: none;
}

.uc-btn:hover[b-6qnat5v562] { opacity: 0.88; }

@keyframes float-b-6qnat5v562 {
    50% { transform: translateY(-0.4rem); }
}

@keyframes slide-b-6qnat5v562 {
    0% { margin-left: -40%; }
    100% { margin-left: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .uc-art[b-6qnat5v562], .uc-bar span[b-6qnat5v562] { animation: none; }
}
/* /Components/Shared/ValidatedInput.razor.rz.scp.css */
input[aria-invalid="true"][b-mury6b0rp8] {
    box-shadow: inset 0 0 0 1px #e50000;
}

.field-error[b-mury6b0rp8] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.7rem;
    line-height: 1.2;
    color: #e50000;
}