@import 'DlnHandyman.Client.df62wwvxk8.bundle.scp.css';

/* /Components/Account/Pages/ActivateAccount.razor.rz.scp.css */
.activate-page[b-ol2p4q54r5] {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.activate-card[b-ol2p4q54r5] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 440px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

.activate-card h1[b-ol2p4q54r5] {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.activate-subtitle[b-ol2p4q54r5] {
    color: #aaa;
    margin-bottom: 1.5rem;
}

.activate-card .form-control[b-ol2p4q54r5] {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.activate-card .form-floating > label[b-ol2p4q54r5] {
    color: #666;
}

[b-ol2p4q54r5] .btn-activate {
    background-color: var(--accent-orange);
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    border-radius: 2rem;
    padding: 0.8rem;
    transition: background-color 0.2s;
}

[b-ol2p4q54r5] .btn-activate:hover {
    background-color: var(--accent-orange-hover);
    color: #fff;
}

.activate-success[b-ol2p4q54r5],
.activate-error[b-ol2p4q54r5] {
    text-align: center;
}

.activate-success h1[b-ol2p4q54r5] {
    color: var(--secondary-blue);
}

.activate-icon[b-ol2p4q54r5] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--secondary-blue);
    color: white;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.activate-icon-error[b-ol2p4q54r5] {
    background: #e74c3c;
}

.activate-success p[b-ol2p4q54r5],
.activate-error p[b-ol2p4q54r5] {
    color: #ccc;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
/* Identical to Login.razor.css — same background, card, layout */
.login-page[b-rpsy6dv4e0] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (max-width: 480px) {
    .login-page[b-rpsy6dv4e0] {
        padding: 1rem;
    }

    .login-card[b-rpsy6dv4e0] {
        padding: 2rem 1.5rem;
        max-width: 100%;
        border-radius: 0.75rem;
    }
}

.login-card[b-rpsy6dv4e0] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

.login-card h1[b-rpsy6dv4e0] {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

.subtitle[b-rpsy6dv4e0] {
    color: #adb5bd;
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 1.25rem;
}

.login-card .form-control[b-rpsy6dv4e0] {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.login-card .form-floating > label[b-rpsy6dv4e0] {
    color: #666;
}

/* Submit button — accent orange, same height as Login btn */
.btn-submit[b-rpsy6dv4e0] {
    background-color: var(--accent-orange);
    border-color: var(--accent-orange);
    color: #fff;
    font-weight: 600;
}

.btn-submit:hover[b-rpsy6dv4e0] {
    background-color: var(--accent-orange-hover);
    border-color: var(--accent-orange-hover);
    color: #fff;
}

/* Alert styling on dark card */
.login-card .alert-success[b-rpsy6dv4e0] {
    background: rgba(40, 167, 69, 0.15);
    color: #6fcf97;
    border: 1px solid rgba(40, 167, 69, 0.3);
    border-radius: 0.5rem;
}

.login-card .alert-danger[b-rpsy6dv4e0] {
    background: rgba(220, 53, 69, 0.15);
    color: #f5a5a5;
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 0.5rem;
}

/* Links */
.login-links[b-rpsy6dv4e0] {
    text-align: center;
    margin-top: 1.5rem;
}

.login-links a[b-rpsy6dv4e0] {
    color: #adb5bd;
    font-size: 0.85rem;
    text-decoration: none;
}

.login-links a:hover[b-rpsy6dv4e0] {
    color: #fff;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-page[b-wvxy5syv5j] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (max-width: 480px) {
    .login-page[b-wvxy5syv5j] {
        padding: 1rem;
    }

    .login-card[b-wvxy5syv5j] {
        padding: 2rem 1.5rem;
        max-width: 100%;
        border-radius: 0.75rem;
    }
}

.login-card[b-wvxy5syv5j] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

.login-card h1[b-wvxy5syv5j] {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

.login-card .form-control[b-wvxy5syv5j] {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.login-card .form-floating > label[b-wvxy5syv5j] {
    color: #666;
}

.login-links[b-wvxy5syv5j] {
    text-align: center;
    margin-top: 1.5rem;
}

.login-links a[b-wvxy5syv5j] {
    color: var(--secondary-blue);
    display: block;
}

.login-links .forgot-password-link[b-wvxy5syv5j] {
    font-size: 0.85rem;
    color: #adb5bd;
    margin-bottom: 0.75rem;
}

.login-links .forgot-password-link:hover[b-wvxy5syv5j] {
    color: #fff;
}

.login-privacy[b-wvxy5syv5j] {
    text-align: center;
    margin-top: 1.25rem;
    font-size: 0.78rem;
}

    .login-privacy a[b-wvxy5syv5j] {
        color: #adb5bd;
        text-decoration: none;
    }

        .login-privacy a:hover[b-wvxy5syv5j] {
            color: #fff;
            text-decoration: underline;
        }
/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
/* Identical to Login.razor.css — same background, card, layout */
.login-page[b-vwpsic7asa] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (max-width: 480px) {
    .login-page[b-vwpsic7asa] {
        padding: 1rem;
    }

    .login-card[b-vwpsic7asa] {
        padding: 2rem 1.5rem;
        max-width: 100%;
        border-radius: 0.75rem;
    }
}

.login-card[b-vwpsic7asa] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

.login-card h1[b-vwpsic7asa] {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

.subtitle[b-vwpsic7asa] {
    color: #adb5bd;
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 1.25rem;
}

.login-card .form-control[b-vwpsic7asa] {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.login-card .form-floating > label[b-vwpsic7asa] {
    color: #666;
}

/* Submit button — accent orange, same height as Login btn */
.btn-submit[b-vwpsic7asa] {
    background-color: var(--accent-orange);
    border-color: var(--accent-orange);
    color: #fff;
    font-weight: 600;
}

.btn-submit:hover[b-vwpsic7asa] {
    background-color: var(--accent-orange-hover);
    border-color: var(--accent-orange-hover);
    color: #fff;
}

/* Alert styling on dark card */
.login-card .alert-success[b-vwpsic7asa] {
    background: rgba(40, 167, 69, 0.15);
    color: #6fcf97;
    border: 1px solid rgba(40, 167, 69, 0.3);
    border-radius: 0.5rem;
}

.login-card .alert-danger[b-vwpsic7asa] {
    background: rgba(220, 53, 69, 0.15);
    color: #f5a5a5;
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 0.5rem;
}

/* Links */
.login-links[b-vwpsic7asa] {
    text-align: center;
    margin-top: 1.5rem;
}

.login-links a[b-vwpsic7asa] {
    color: #adb5bd;
    font-size: 0.85rem;
    text-decoration: none;
}

.login-links a:hover[b-vwpsic7asa] {
    color: #fff;
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
/* Identical to Login.razor.css — same background, card, layout */
.login-page[b-o7zqwu1j45] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (max-width: 480px) {
    .login-page[b-o7zqwu1j45] {
        padding: 1rem;
    }

    .login-card[b-o7zqwu1j45] {
        padding: 2rem 1.5rem;
        max-width: 100%;
        border-radius: 0.75rem;
    }
}

.login-card[b-o7zqwu1j45] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

.login-card h1[b-o7zqwu1j45] {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

.subtitle[b-o7zqwu1j45] {
    color: #adb5bd;
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 1.25rem;
}

.login-card .form-control[b-o7zqwu1j45] {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.login-card .form-floating > label[b-o7zqwu1j45] {
    color: #666;
}

/* Submit button — accent orange, same height as Login btn */
.btn-submit[b-o7zqwu1j45] {
    background-color: var(--accent-orange);
    border-color: var(--accent-orange);
    color: #fff;
    font-weight: 600;
}

.btn-submit:hover[b-o7zqwu1j45] {
    background-color: var(--accent-orange-hover);
    border-color: var(--accent-orange-hover);
    color: #fff;
}

/* Alert styling on dark card */
.login-card .alert-success[b-o7zqwu1j45] {
    background: rgba(40, 167, 69, 0.15);
    color: #6fcf97;
    border: 1px solid rgba(40, 167, 69, 0.3);
    border-radius: 0.5rem;
}

.login-card .alert-danger[b-o7zqwu1j45] {
    background: rgba(220, 53, 69, 0.15);
    color: #f5a5a5;
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 0.5rem;
}

/* Links */
.login-links[b-o7zqwu1j45] {
    text-align: center;
    margin-top: 1.5rem;
}

.login-links a[b-o7zqwu1j45] {
    color: #adb5bd;
    font-size: 0.85rem;
    text-decoration: none;
}

.login-links a:hover[b-o7zqwu1j45] {
    color: #fff;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   APP SHELL — Flex layout with sidebar
   Key: .main-content-area gets min-width:0 + overflow:hidden
   so NO child (table, grid, long text) can blow out the layout.
   ══════════════════════════════════════════════ */

/* ── Mobile-first: stacked column ── */
.app-wrapper[b-qohu7u2irw] {
    display: flex;
    flex-direction: column;
    --sidebar-width: 250px;
}

.app-wrapper.sidebar-collapsed[b-qohu7u2irw] {
    --sidebar-width: 70px;
}

.main-content-area[b-qohu7u2irw] {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;          /* hard boundary — nothing escapes */
}

main[b-qohu7u2irw] {
    flex: 1 1 0%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;          /* vertical scroll lives here */
}

article[b-qohu7u2irw] {
    width: 100%;
    max-width: 1400px;
}

/* SmartGrid-sider bruger fuld bredde — :has() bryder cap'en når en
   SmartGrid er direkte indhold på siden. Responsiv padding holdes
   via .main-content-area + article-padding-reglerne nedenfor. */
article:has(.smart-grid)[b-qohu7u2irw] {
    max-width: none;
}

/* ── Support banner (System Master only) ── */
.support-banner[b-qohu7u2irw] {
    background: linear-gradient(90deg, #d32f2f 0%, #c62828 100%);
    color: white;
    padding: 0.5rem 1.5rem;
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    z-index: 100;
    flex-shrink: 0;
    gap: 0.5rem;
}

.support-banner-icon[b-qohu7u2irw] {
    font-size: 1.1rem;
}

[b-qohu7u2irw] .btn-support-leave {
    border: 1px solid rgba(255,255,255,0.7);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    background: transparent;
}

[b-qohu7u2irw] .btn-support-leave:hover {
    background: rgba(255,255,255,0.2);
    color: white;
}

/* ── Single-tenant name label ── */
.tenant-name-label[b-qohu7u2irw] {
    font-weight: 600;
    color: var(--primary-blue);
    font-size: 0.95rem;
}

.top-bar[b-qohu7u2irw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.5rem;
    background: var(--bg-topbar);
    border-bottom: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    font-size: 0.9rem;
    flex-shrink: 0;
    min-height: 3rem;
    gap: 1rem;
    color: var(--text-primary);
}


.top-bar-left[b-qohu7u2irw],
.top-bar-right[b-qohu7u2irw] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
}

[b-qohu7u2irw] .top-bar-icon-btn {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: background-color 0.15s, color 0.15s;
}

[b-qohu7u2irw] .top-bar-icon-btn:hover {
    background: var(--surface-hover);
    color: var(--secondary-blue);
}

/* Theme toggle: subtle hover halo, sits in top-bar-left */
[b-qohu7u2irw] .theme-toggle-btn {
    font-size: 1.05rem;
    line-height: 1;
}

.top-bar-center[b-qohu7u2irw] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 0;
}

/* ── Search trigger button ── */
[b-qohu7u2irw] .top-bar-search {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 6px;
    background: var(--surface);
    color: var(--text-muted);
    font-size: 0.82rem;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
}

[b-qohu7u2irw] .top-bar-search:hover {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

[b-qohu7u2irw] .top-bar-search svg {
    flex-shrink: 0;
    color: #9ca3af;
}

[b-qohu7u2irw] .top-bar-search-text {
    color: #9ca3af;
}

[b-qohu7u2irw] .top-bar-kbd {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.4rem;
    font-size: 0.7rem;
    font-family: inherit;
    background: var(--kbd-bg);
    border: 1px solid var(--border-strong);
    border-radius: 4px;
    color: var(--text-muted);
    line-height: 1;
}

/* ── Responsive: hide text on small screens ── */
@media (max-width: 900px) {
    [b-qohu7u2irw] .top-bar-search-text,
    [b-qohu7u2irw] .top-bar-kbd {
        display: none;
    }
}

.tenant-switcher-wrapper[b-qohu7u2irw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tenant-search[b-qohu7u2irw] {
    width: 180px;
}

.tenant-select[b-qohu7u2irw] {
    min-width: 250px;
    font-weight: 600;
    color: var(--primary-blue);
    border-color: #d0d5e0;
}

.sidebar[b-qohu7u2irw] {
    background-image: linear-gradient(180deg, var(--primary-blue) 0%, #122358 100%);
}

@media (max-width: 640.98px) {
    .sidebar[b-qohu7u2irw] {
        width: 100%;
    }
}

/* ── Desktop: side-by-side ── */
@media (min-width: 641px) {
    .app-wrapper[b-qohu7u2irw] {
        flex-direction: row;
        height: 100vh;
    }

    .sidebar[b-qohu7u2irw] {
        width: var(--sidebar-width);
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
        transition: width 0.25s ease;
        overflow: hidden;
    }

    .main-content-area[b-qohu7u2irw] {
        height: 100vh;
    }

    article[b-qohu7u2irw] {
        flex: 1;
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    /* ── Collapsed / mini-mode ── */
    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .nav-label {
        opacity: 0;
        max-width: 0;
        margin: 0;
        padding: 0;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .navbar-brand {
        display: none;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .top-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: center;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .sidebar-company-logo {
        display: none;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .profile-full-mode {
        display: none !important;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .profile-mini-mode {
        display: flex !important;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .sidebar-profile {
        justify-content: center;
        padding: 0.5rem;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .nav-item {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .nav-item .nav-link {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .bi {
        margin-right: 0;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .nav-avatar {
        margin-right: 0;
    }

    .app-wrapper.sidebar-collapsed .sidebar[b-qohu7u2irw]  .nav-scrollable {
        overflow-x: hidden;
    }

    .app-wrapper.sidebar-collapsed .sidebar-toggle-btn svg[b-qohu7u2irw] {
        transform: rotate(180deg);
    }

    .sidebar-toggle-btn svg[b-qohu7u2irw] {
        transition: transform 0.25s ease;
    }
}

/* ── Shortcuts modal ──────────────────────────────────────────────────
   Note: display/position/z-index on .shortcuts-modal live as inline style
   on the element itself so the inline onclick toggler works without
   fighting CSS-isolation scoping. */
[b-qohu7u2irw] .shortcuts-modal-content {
    background: var(--surface);
    color: var(--text-primary);
    border-radius: 14px;
    padding: 0;
    max-width: 720px;
    width: 94%;
    max-height: 85vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-dialog);
}

[b-qohu7u2irw] .shortcuts-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

[b-qohu7u2irw] .shortcuts-modal-header h5 {
    margin: 0;
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 1.1rem;
}

[data-theme="dark"][b-qohu7u2irw]  .shortcuts-modal-header h5 {
    color: var(--secondary-blue);
}

[b-qohu7u2irw] .shortcuts-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-muted);
    line-height: 1;
    padding: 0 0.25rem;
}

[b-qohu7u2irw] .shortcuts-modal-close:hover {
    color: var(--text-primary);
}

[b-qohu7u2irw] .shortcuts-modal-body {
    padding: 1rem 1.5rem 1.25rem;
    overflow-y: auto;
}

[b-qohu7u2irw] .shortcuts-section {
    margin-bottom: 1.5rem;
}

[b-qohu7u2irw] .shortcuts-section:last-child {
    margin-bottom: 0;
}

[b-qohu7u2irw] .shortcuts-section-title {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary-blue);
    padding: 0.4rem 0;
    border-bottom: 2px solid var(--primary-blue);
    margin-bottom: 0.5rem;
}

[data-theme="dark"][b-qohu7u2irw]  .shortcuts-section-title {
    color: var(--secondary-blue);
    border-bottom-color: var(--secondary-blue);
}

[b-qohu7u2irw] .shortcuts-subtitle {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
    font-style: italic;
}

[b-qohu7u2irw] .shortcuts-page-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-top: 0.85rem;
    margin-bottom: 0.25rem;
    padding: 0.3rem 0.6rem;
    background: var(--surface-alt);
    border-left: 3px solid var(--primary-blue);
    border-radius: 3px;
}

[data-theme="dark"][b-qohu7u2irw]  .shortcuts-page-label {
    border-left-color: var(--secondary-blue);
}

[b-qohu7u2irw] .shortcuts-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

[b-qohu7u2irw] .shortcuts-table tr {
    border-bottom: 1px solid var(--border-color);
}

[b-qohu7u2irw] .shortcuts-table tr:last-child {
    border-bottom: none;
}

[b-qohu7u2irw] .shortcuts-table td {
    padding: 0.45rem 0.25rem;
    color: var(--text-primary);
    vertical-align: top;
}

[b-qohu7u2irw] .shortcuts-table td:first-child {
    width: 38%;
    white-space: nowrap;
}

[b-qohu7u2irw] .shortcuts-table kbd {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    font-size: 0.75rem;
    font-family: inherit;
    font-weight: 600;
    color: #1a237e;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 4px;
    box-shadow: 0 1px 0 #c7d2fe;
    line-height: 1.4;
}

[data-theme="dark"][b-qohu7u2irw]  .shortcuts-table kbd {
    color: #c7d2fe;
    background: rgba(199, 210, 254, 0.12);
    border-color: rgba(199, 210, 254, 0.3);
    box-shadow: 0 1px 0 rgba(199, 210, 254, 0.2);
}

#blazor-error-ui[b-qohu7u2irw] {
    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-qohu7u2irw] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ── App footer — slank stribe nederst med privatlivs-link ── */
.app-footer[b-qohu7u2irw] {
    flex: 0 0 auto;
    padding: 0.6rem 1.5rem;
    background: var(--surface, #f7f7f7);
    border-top: 1px solid var(--border, #e0e0e0);
    color: var(--text-muted, #666);
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
}

    .app-footer a[b-qohu7u2irw] {
        color: var(--text-muted, #666);
        text-decoration: none;
    }

        .app-footer a:hover[b-qohu7u2irw] {
            color: var(--primary, #1E3884);
            text-decoration: underline;
        }

    .app-footer .footer-sep[b-qohu7u2irw] {
        opacity: 0.5;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ── Mobile hamburger (checkbox trick) ── */
.navbar-toggler[b-16te6nskvq] {
    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-16te6nskvq] {
    background-color: rgba(255, 255, 255, 0.5);
}

/* ── Top row: brand + toggle ── */
/* Venstre-padding 2rem = nav-item.px-3 (1rem) + Bootstrap .nav-link padding-x
   (1rem). Holder logoets venstre-kant flugtende med menu-ikonernes venstre-
   kant nedenunder. */
.top-row[b-16te6nskvq] {
    min-height: 4.5rem;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem 0.5rem 2rem;
}

.navbar-brand[b-16te6nskvq] {
    font-size: 1.1rem;
    color: white;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

.navbar-brand:hover[b-16te6nskvq] {
    color: #ddd;
}

[b-16te6nskvq] .brand-logo {
    max-height: 56px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* Brand text: full shown by default, mini hidden */
.brand-mini[b-16te6nskvq] {
    display: none;
}

/* ── Desktop sidebar toggle button ── */
.sidebar-toggle[b-16te6nskvq] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    color: white;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.15s;
    flex-shrink: 0;
}

.sidebar-toggle:hover[b-16te6nskvq] {
    background-color: rgba(255, 255, 255, 0.25);
}

/* ── Chevron icon ── */
.toggle-icon[b-16te6nskvq] {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    transition: transform 0.25s ease;
}

/* ── Nav icons ── */
.bi[b-16te6nskvq] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
    flex-shrink: 0;
    transition: margin-right 0.2s ease;
}

.bi-house-door-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-folder-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-folder-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3.5V2a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 1v.12z'/%3E%3C/svg%3E");
}

.bi-journal-text-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journal-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1h-4z'/%3E%3C/svg%3E");
}

.bi-truck-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
}

.bi-box-seam-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.86z'/%3E%3C/svg%3E");
}

.bi-shield-lock-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z'/%3E%3Cpath d='M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415z'/%3E%3C/svg%3E");
}

/* ── Dashboard icon (speedometer) ── */
.bi-speedometer2-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z'/%3E%3Cpath fill-rule='evenodd' d='M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z'/%3E%3C/svg%3E");
}

/* ── Settings/sliders icon ── */
.bi-sliders-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/%3E%3C/svg%3E");
}

/* ── List-ol icon (account types) ── */
.bi-list-ol-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.015a.63.63 0 0 1 .569.631c0 .438-.395.744-1.017.744-.564 0-.95-.327-.966-.8h.593c.013.17.166.305.39.305.245 0 .399-.147.402-.336 0-.2-.17-.348-.427-.348h-.29v-.474h.002zM.788 4.51V4.056H1.58V1.19h-.532v-.398c.268-.05.479-.142.63-.322h.497V4.05h.699v.459H.788zm5.5 10.99a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5z'/%3E%3C/svg%3E");
}

/* ── Cash-stack icon (salary types) ── */
.bi-cash-stack-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3Cpath d='M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z'/%3E%3C/svg%3E");
}

/* ── Calendar-check icon (activity types) ── */
.bi-calendar-check-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

/* ── Keyboard icon (shortcuts) ── */
.bi-keyboard-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75v-.5zm2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75v-.5zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75v-.5zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75v-.5zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75v-.5zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75v-.5zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75v-.5zm-3 0A.25.25 0 0 1 2.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 6.75v-.5zm2.5 4a.25.25 0 0 1 .25-.25h4.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-4.5a.25.25 0 0 1-.25-.25v-.5z'/%3E%3C/svg%3E");
}

/* ── Calendar/Planning icon ── */
.bi-calendar-week-fill-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 6v8h12V6H2zm1 1h2v2H3V7zm3 0h2v2H6V7zm3 0h2v2H9V7zm3 0h1v2h-1V7zM3 10h2v2H3v-2zm3 0h2v2H6v-2z'/%3E%3C/svg%3E");
}

/* ── Receipt icon (invoice drafts) ── */
.bi-receipt-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v11.5l1.5-1 1.5 1 1.5-1 1.5 1 1.5-1 1.5 1 1.5-1 1.5 1V2a1 1 0 0 0-1-1H2zm1 3h7v1H3V4zm0 2h7v1H3V6zm0 2h4v1H3V8z'/%3E%3C/svg%3E");
}

/* ── Receipt-cutoff icon (invoiced/archive) ── */
.bi-receipt-cutoff-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12h14V2a1 1 0 0 0-1-1H2zm1 3h7v1H3V4zm0 2h7v1H3V6zm0 2h4v1H3V8zm8-4h2v1h-2V4zm0 2h2v1h-2V6zm0 2h2v1h-2V8zM1 14l1.5-1 1.5 1 1.5-1 1.5 1 1.5-1 1.5 1 1.5-1 1.5 1v1H1v-1z'/%3E%3C/svg%3E");
}

.bi-check2-square-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z'/%3E%3C/svg%3E");
}

/* ── Nav dropdown (details/summary) ── */
.nav-details[b-16te6nskvq] {
    list-style: none;
}

.nav-details summary[b-16te6nskvq] {
    list-style: none;
    cursor: pointer;
}

.nav-details summary[b-16te6nskvq]::-webkit-details-marker,
.nav-details summary[b-16te6nskvq]::marker {
    display: none;
    content: "";
}

.nav-dropdown-toggle[b-16te6nskvq] {
    cursor: pointer;
    text-align: left;
    font-size: inherit;
    font-family: inherit;
    position: relative;
}

.nav-dropdown-arrow[b-16te6nskvq] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255,255,255,0.6)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    transition: transform 0.2s ease;
}

.nav-details[open] .nav-dropdown-arrow[b-16te6nskvq] {
    transform: rotate(180deg);
}

.nav-dropdown-items[b-16te6nskvq] {
    padding-left: 1rem;
}

.nav-dropdown-items .nav-item[b-16te6nskvq]  .nav-link {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.85rem;
}

.sysadmin-nav-link[b-16te6nskvq] {
    color: #ff8a80 !important;
}

.sysadmin-nav-link:hover[b-16te6nskvq] {
    color: #ff5252 !important;
}

.bi-arrow-bar-left-nav-menu[b-16te6nskvq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

/* ── Nav label text — fades out in mini mode ── */
.nav-label[b-16te6nskvq] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    max-width: 200px;
    transition: opacity 0.2s ease, max-width 0.2s ease;
}

/* ── Nav items ── */
.nav-item[b-16te6nskvq] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-16te6nskvq] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-16te6nskvq] {
        padding-bottom: 1rem;
    }

    .nav-item[b-16te6nskvq]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-16te6nskvq]  a.active {
    background-color: var(--secondary-blue);
    color: white;
}

.nav-item[b-16te6nskvq]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

/* ── Sidebar company logo (bottom, from firma-profil) ── */
.sidebar-company-logo[b-16te6nskvq] {
    text-align: center;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid rgba(255,255,255,0.15);
}

[b-16te6nskvq] .company-logo-img {
    max-height: 30px;
    max-width: 70%;
    width: auto;
    object-fit: contain;
}

/* ── Sidebar profile section (bottom) ── */
.sidebar-profile[b-16te6nskvq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid rgba(255,255,255,0.15);
    margin-top: auto;
}

.sidebar-profile-link[b-16te6nskvq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: #d7d7d7;
    flex: 1;
    min-width: 0;
    border-radius: 6px;
    padding: 0.35rem 0.4rem;
    transition: background-color 0.15s;
}

.sidebar-profile-link:hover[b-16te6nskvq] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.profile-avatar-wrapper[b-16te6nskvq] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: var(--secondary-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.profile-avatar-img[b-16te6nskvq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profile-initials[b-16te6nskvq] {
    color: white;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    user-select: none;
}

.profile-info[b-16te6nskvq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.profile-name[b-16te6nskvq] {
    font-size: 0.82rem;
    font-weight: 600;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.profile-role[b-16te6nskvq] {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.sidebar-logout-form[b-16te6nskvq] {
    flex-shrink: 0;
}

.sidebar-logout-btn[b-16te6nskvq] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    color: #d7d7d7;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.15s;
}

.sidebar-logout-btn:hover[b-16te6nskvq] {
    background: rgba(255,255,255,0.2);
    color: white;
}

.sidebar-logout-btn .bi[b-16te6nskvq] {
    margin-right: 0;
    width: 1rem;
    height: 1rem;
}

/* ── Profile mini mode (collapsed sidebar) ── */
.profile-mini-mode[b-16te6nskvq] {
    display: none;
    position: relative;
    cursor: pointer;
    justify-content: center;
}

/* ── Profile flyout (fixed, outside sidebar overflow) ── */

/* ── Mobile nav (hidden by default, shown via checkbox) ── */
.nav-scrollable[b-16te6nskvq] {
    display: none;
}

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

/* ── Mobile: hide sidebar toggle, show hamburger ── */
@media (max-width: 640.98px) {
    .sidebar-toggle[b-16te6nskvq] {
        display: none;
    }
}

/* ── Desktop: hide hamburger, show sidebar nav ── */
@media (min-width: 641px) {
    .navbar-toggler[b-16te6nskvq] {
        display: none;
    }

    .nav-scrollable[b-16te6nskvq] {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    .nav-scrollable nav[b-16te6nskvq] {
        flex: 1;
    }
}
/* /Components/Pages/BillingSubscribe.razor.rz.scp.css */
/* Subscribe-side. Card med pris-linjer (ikke en tabel) — det giver luftigere
   layout og bedre kontrol på hver linjes typografi. */

.subscribe-page[b-01q4qoo78g] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue, #1e3a5f) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.subscribe-card[b-01q4qoo78g] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.25rem 2rem;
    width: 100%;
    max-width: 540px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
    text-align: center;
}

    .subscribe-card .subscribe-logo[b-01q4qoo78g] {
        max-height: 56px;
        width: auto;
        margin-bottom: 1rem;
    }

    .subscribe-card h1[b-01q4qoo78g] {
        color: #fff;
        font-size: 1.55rem;
        font-weight: 700;
        margin: 0 0 0.6rem;
    }

.subscribe-lede[b-01q4qoo78g] {
    color: #adb5bd;
    margin-bottom: 1.25rem;
    font-size: 0.92rem;
    line-height: 1.5;
}

.subscribe-trial-note[b-01q4qoo78g] {
    background: rgba(255, 168, 0, 0.10);
    border: 1px solid rgba(255, 168, 0, 0.30);
    color: #ffd58a;
    padding: 0.65rem 0.9rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    text-align: left;
    font-size: 0.85rem;
    line-height: 1.4;
}

.subscribe-detail[b-01q4qoo78g] {
    background: rgba(255, 255, 255, 0.06);
    border-left: 3px solid var(--secondary-blue, #4a90e2);
    padding: 0.85rem 1rem;
    border-radius: 0.4rem;
    margin-bottom: 1.5rem;
    text-align: left;
}

.subscribe-detail-error[b-01q4qoo78g] {
    border-left-color: #dc3545;
    background: rgba(220, 53, 69, 0.12);
}

    .subscribe-detail strong[b-01q4qoo78g] {
        color: #fff;
        display: block;
        margin-bottom: 0.3rem;
    }

.subscribe-detail-meta[b-01q4qoo78g] {
    font-size: 0.88rem;
    color: #c8cfd6;
    line-height: 1.45;
}

/* Pris-linjer (UL i stedet for tabel) */
.subscribe-pricing[b-01q4qoo78g] {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0.6rem;
    padding: 0.5rem 0.85rem;
    margin-bottom: 1.25rem;
}

.subscribe-lines[b-01q4qoo78g] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.5rem 0;
}

    .subscribe-lines li[b-01q4qoo78g] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.7rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        text-align: left;
    }

    .subscribe-lines li:last-child[b-01q4qoo78g] {
        border-bottom: none;
    }

.line-label[b-01q4qoo78g] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.line-title[b-01q4qoo78g] {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 500;
}

.line-sub[b-01q4qoo78g] {
    color: #8b95a3;
    font-size: 0.78rem;
}

.line-amount[b-01q4qoo78g] {
    color: #fff;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    font-size: 0.98rem;
}

.subscribe-total-row[b-01q4qoo78g] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-top: 2px solid rgba(255, 255, 255, 0.12);
    padding: 0.85rem 0 0.25rem;
    text-align: left;
}

.total-label[b-01q4qoo78g] {
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
}

.total-amount[b-01q4qoo78g] {
    color: var(--accent-orange, #FFA800);
    font-weight: 700;
    font-size: 1.3rem;
    font-variant-numeric: tabular-nums;
}

.total-period[b-01q4qoo78g] {
    color: #adb5bd;
    font-weight: 500;
    font-size: 0.85rem;
    margin-left: 0.2rem;
}

/* Setup-boks (engangsbeløb) — mindre fremhævet end recurring */
.subscribe-setup-box[b-01q4qoo78g] {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.10);
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    text-align: left;
}

.setup-icon[b-01q4qoo78g] {
    color: #adb5bd;
    font-size: 1.05rem;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
}

.setup-content[b-01q4qoo78g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.setup-heading[b-01q4qoo78g] {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
}

.setup-meta[b-01q4qoo78g] {
    color: #adb5bd;
    font-size: 0.8rem;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

    .setup-meta strong[b-01q4qoo78g] {
        color: #fff;
    }

.setup-note[b-01q4qoo78g] {
    color: #6c757d;
    font-style: italic;
}

/* "Hvad får du" feature-liste */
.subscribe-benefits[b-01q4qoo78g] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    text-align: left;
}

    .subscribe-benefits li[b-01q4qoo78g] {
        position: relative;
        padding: 0.35rem 0 0.35rem 1.5rem;
        color: #c8cfd6;
        font-size: 0.88rem;
        line-height: 1.45;
    }

        .subscribe-benefits li[b-01q4qoo78g]::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #28c85a;
            font-weight: 700;
        }

.subscribe-primary-btn[b-01q4qoo78g] {
    display: block;
    width: 100%;
    padding: 0.9rem 1rem;
    background: var(--accent-orange, #FFA800);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.15s;
    margin-bottom: 0.75rem;
}

    .subscribe-primary-btn:hover[b-01q4qoo78g] {
        background: var(--accent-orange-hover, #e69700);
    }

.subscribe-links[b-01q4qoo78g] {
    margin-top: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    text-align: center;
}

    .subscribe-links a[b-01q4qoo78g] {
        color: #adb5bd;
        text-decoration: none;
        font-size: 0.88rem;
    }

        .subscribe-links a:hover[b-01q4qoo78g] {
            color: #fff;
            text-decoration: underline;
        }

.subscribe-logout-form[b-01q4qoo78g] {
    margin: 0;
    display: inline;
}

.subscribe-link-button[b-01q4qoo78g] {
    background: none;
    border: none;
    color: #adb5bd;
    text-decoration: none;
    font-size: 0.88rem;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

    .subscribe-link-button:hover[b-01q4qoo78g] {
        color: #fff;
        text-decoration: underline;
    }

.subscribe-footer[b-01q4qoo78g] {
    text-align: center;
    margin-top: 1.25rem;
    font-size: 0.75rem;
    color: #6c757d;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .subscribe-page[b-01q4qoo78g] { padding: 1rem; }
    .subscribe-card[b-01q4qoo78g] { padding: 1.75rem 1.25rem; border-radius: 0.75rem; }
    .total-amount[b-01q4qoo78g] { font-size: 1.15rem; }
}
/* /Components/Pages/BillingSuccess.razor.rz.scp.css */
/* Billing success-side — fejrende lys grøn tone (✅ → ✓) i stedet for billings
   dystre lockout-tone. Samme card-struktur som de andre /billing/*-sider. */

.success-page[b-c3yoonru4c] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, #1d6b3a 0%, #0f4a26 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.success-card[b-c3yoonru4c] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
    text-align: center;
}

    .success-card .success-logo[b-c3yoonru4c] {
        max-height: 60px;
        width: auto;
        margin-bottom: 1.25rem;
    }

    .success-card .success-icon[b-c3yoonru4c] {
        font-size: 3.5rem;
        line-height: 1;
        margin-bottom: 0.5rem;
    }

    .success-card h1[b-c3yoonru4c] {
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0 0 0.75rem;
    }

.success-lede[b-c3yoonru4c] {
    color: #adb5bd;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

.success-receipt[b-c3yoonru4c] {
    background: rgba(40, 200, 90, 0.10);
    border: 1px solid rgba(40, 200, 90, 0.25);
    border-radius: 0.5rem;
    padding: 0.85rem 1rem;
    margin-bottom: 1.25rem;
    text-align: left;
}

.success-receipt-row[b-c3yoonru4c] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0.25rem 0;
}

    .success-receipt-row .muted[b-c3yoonru4c] {
        color: #adb5bd;
        font-size: 0.85rem;
    }

    .success-receipt-row .amount[b-c3yoonru4c] {
        color: #fff;
        font-weight: 700;
        font-size: 1.1rem;
        font-variant-numeric: tabular-nums;
    }

.success-detail[b-c3yoonru4c] {
    background: rgba(255, 255, 255, 0.06);
    border-left: 3px solid #28c85a;
    padding: 0.85rem 1rem;
    border-radius: 0.4rem;
    margin-bottom: 1.5rem;
    text-align: left;
}

    .success-detail strong[b-c3yoonru4c] {
        color: #fff;
        display: block;
        margin-bottom: 0.3rem;
    }

.success-detail-meta[b-c3yoonru4c] {
    font-size: 0.88rem;
    color: #c8cfd6;
    line-height: 1.45;
}

.success-primary-btn[b-c3yoonru4c] {
    display: block;
    width: 100%;
    padding: 0.9rem 1rem;
    background: var(--accent-orange, #FFA800);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: background 0.15s;
    margin-bottom: 1rem;
}

    .success-primary-btn:hover[b-c3yoonru4c] {
        background: var(--accent-orange-hover, #e69700);
        color: #fff;
    }

.success-footer[b-c3yoonru4c] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.85rem;
    color: #adb5bd;
    line-height: 1.5;
}

    .success-footer .muted[b-c3yoonru4c] {
        color: #6c757d;
    }

    .success-footer .small[b-c3yoonru4c] {
        font-size: 0.78rem;
    }

@media (max-width: 480px) {
    .success-page[b-c3yoonru4c] { padding: 1rem; }
    .success-card[b-c3yoonru4c] { padding: 2rem 1.5rem; border-radius: 0.75rem; }
}
/* /Components/Pages/BillingUpdateCard.razor.rz.scp.css */
/* Billing update-card-side: matchende Lockout-stil (mørkt card på blå gradient)
   men med danger-tonet detalje-boks fordi det er en betalings-fejl-situation. */

.billing-page[b-846es844gt] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue, #1e3a5f) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.billing-card[b-846es844gt] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
    text-align: center;
}

    .billing-card .billing-logo[b-846es844gt] {
        max-height: 60px;
        width: auto;
        margin-bottom: 1.25rem;
    }

    .billing-card .billing-icon[b-846es844gt] {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: 0.5rem;
    }

    .billing-card h1[b-846es844gt] {
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0 0 0.75rem;
        text-align: center;
    }

.billing-lede[b-846es844gt] {
    color: #adb5bd;
    text-align: center;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

.billing-detail[b-846es844gt] {
    background: rgba(255, 255, 255, 0.06);
    border-left: 3px solid var(--secondary-blue, #4a90e2);
    padding: 0.85rem 1rem;
    border-radius: 0.4rem;
    margin-bottom: 1.5rem;
    color: #e0e0e0;
    text-align: left;
}

.billing-detail-error[b-846es844gt] {
    border-left-color: #dc3545;
    background: rgba(220, 53, 69, 0.12);
}

    .billing-detail strong[b-846es844gt] {
        color: #fff;
        display: block;
        margin-bottom: 0.3rem;
    }

.billing-detail-meta[b-846es844gt] {
    font-size: 0.88rem;
    color: #c8cfd6;
    line-height: 1.45;
}

.billing-primary-btn[b-846es844gt] {
    display: block;
    width: 100%;
    padding: 0.85rem 1rem;
    background: var(--accent-orange, #FFA800);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.15s;
    margin-bottom: 1rem;
}

    .billing-primary-btn:hover[b-846es844gt] {
        background: var(--accent-orange-hover, #e69700);
        color: #fff;
    }

.billing-links[b-846es844gt] {
    text-align: center;
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

    .billing-links a[b-846es844gt] {
        color: #adb5bd;
        text-decoration: none;
        font-size: 0.9rem;
    }

        .billing-links a:hover[b-846es844gt] {
            color: #fff;
            text-decoration: underline;
        }

.billing-logout-form[b-846es844gt] { margin: 0; display: inline; }
.billing-link-button[b-846es844gt] {
    background: none;
    border: none;
    color: #adb5bd;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

    .billing-link-button:hover[b-846es844gt] {
        color: #fff;
        text-decoration: underline;
    }

.billing-footer[b-846es844gt] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.78rem;
    color: #6c757d;
    line-height: 1.4;
}

@media (max-width: 480px) {
    .billing-page[b-846es844gt] { padding: 1rem; }
    .billing-card[b-846es844gt] { padding: 2rem 1.5rem; border-radius: 0.75rem; }
}
/* /Components/Pages/Lockout.razor.rz.scp.css */
/* Lockout-side — matcher Login.razor's stil (mørkt card på blå gradient).
   Da Blazor scoper Login's CSS til Login-komponenten, skal vi gentage
   reglerne her i stedet for at "låne" dem. */

.lockout-page[b-0phiv7gs9s] {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, var(--primary-blue, #1e3a5f) 0%, #122358 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.lockout-card[b-0phiv7gs9s] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
    text-align: center;
}

    .lockout-card .lockout-logo[b-0phiv7gs9s] {
        max-height: 60px;
        width: auto;
        margin-bottom: 1.25rem;
    }

    .lockout-card .lockout-icon[b-0phiv7gs9s] {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: 0.5rem;
    }

    .lockout-card h1[b-0phiv7gs9s] {
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0 0 0.75rem;
        text-align: center;
    }

.lockout-lede[b-0phiv7gs9s] {
    color: #adb5bd;
    text-align: center;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

.lockout-detail[b-0phiv7gs9s] {
    background: rgba(255, 255, 255, 0.06);
    border-left: 3px solid var(--secondary-blue, #4a90e2);
    padding: 0.85rem 1rem;
    border-radius: 0.4rem;
    margin-bottom: 1.5rem;
    color: #e0e0e0;
    text-align: left;
}

    .lockout-detail strong[b-0phiv7gs9s] {
        color: #fff;
        display: block;
        margin-bottom: 0.2rem;
    }

.lockout-detail-meta[b-0phiv7gs9s] {
    font-size: 0.82rem;
    color: #adb5bd;
}

/* Brug brand-accent (samme gyldne nuance som "Log ind"-knappen) for primær CTA. */
.lockout-primary-btn[b-0phiv7gs9s] {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--accent-orange, #FFA800);
    color: #fff;
    border-radius: 0.5rem;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    transition: background 0.15s;
    margin-bottom: 1rem;
}

    .lockout-primary-btn:hover[b-0phiv7gs9s] {
        background: var(--accent-orange-hover, #e69700);
        color: #fff;
    }

.lockout-links[b-0phiv7gs9s] {
    text-align: center;
    margin-top: 1.25rem;
}

    .lockout-links a[b-0phiv7gs9s] {
        color: #adb5bd;
        text-decoration: none;
        font-size: 0.9rem;
    }

        .lockout-links a:hover[b-0phiv7gs9s] {
            color: #fff;
            text-decoration: underline;
        }

/* Logout-knap der ligner et almindeligt link (form POST kræver button-element). */
.lockout-logout-form[b-0phiv7gs9s] {
    margin: 0;
    display: inline;
}

.lockout-link-button[b-0phiv7gs9s] {
    background: none;
    border: none;
    color: #adb5bd;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

    .lockout-link-button:hover[b-0phiv7gs9s] {
        color: #fff;
        text-decoration: underline;
    }

.lockout-footer[b-0phiv7gs9s] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.78rem;
    color: #adb5bd;
}

    .lockout-footer a[b-0phiv7gs9s] {
        color: #adb5bd;
        text-decoration: none;
    }

        .lockout-footer a:hover[b-0phiv7gs9s] {
            color: #fff;
            text-decoration: underline;
        }

@media (max-width: 480px) {
    .lockout-page[b-0phiv7gs9s] {
        padding: 1rem;
    }

    .lockout-card[b-0phiv7gs9s] {
        padding: 2rem 1.5rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Pages/Tilmeld.razor.rz.scp.css */
/* ══════════════════════════════════════════
   Tilmeld — mobile-first responsive
   Breakpoints: <=480px small mobile · <=768px mobile · <=1024px tablet · >1024px desktop
   ══════════════════════════════════════════ */

.tilmeld-page[b-k2e34u9wdl] {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #122358 100%);
    display: flex;
    align-items: stretch;
    padding: 3rem 2rem;
    gap: 3rem;
    justify-content: center;
    flex-wrap: wrap;
}

.tilmeld-left[b-k2e34u9wdl] {
    flex: 1;
    max-width: 560px;
    color: white;
    padding: 2rem 0;
}

.tilmeld-left h1[b-k2e34u9wdl] {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.15;
}

.tilmeld-left h2[b-k2e34u9wdl] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.tilmeld-left .intro[b-k2e34u9wdl] {
    font-size: 1rem;
    opacity: 0.95;
    line-height: 1.6;
}

.tilmeld-left .feature-list[b-k2e34u9wdl] {
    list-style: none;
    padding: 0;
}

.tilmeld-left .feature-list li[b-k2e34u9wdl] {
    padding: 0.3rem 0;
    font-size: 0.95rem;
}

.tilmeld-left .feature-list li[b-k2e34u9wdl]::before {
    content: "\2714\0020";
    color: #fff;
    margin-right: 0.5rem;
}

.tilmeld-right[b-k2e34u9wdl] {
    flex: 0 0 420px;
    display: flex;
    align-items: flex-start;
}

.tilmeld-card[b-k2e34u9wdl] {
    background: #1a1a2e;
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

.tilmeld-card h2[b-k2e34u9wdl] {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

.tilmeld-card .form-control[b-k2e34u9wdl] {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.tilmeld-card .form-floating > label[b-k2e34u9wdl] {
    color: #666;
}

.tilmeld-card hr[b-k2e34u9wdl] {
    border-color: rgba(255, 255, 255, 0.15);
}

[b-k2e34u9wdl] .btn-signup {
    background-color: var(--accent-orange);
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    border-radius: 2rem;
    padding: 0.8rem;
    transition: background-color 0.2s;
}

[b-k2e34u9wdl] .btn-signup:hover {
    background-color: var(--accent-orange-hover);
    color: #fff;
}

.tilmeld-success[b-k2e34u9wdl] {
    text-align: center;
}

.tilmeld-success h2[b-k2e34u9wdl] {
    color: var(--secondary-blue);
}

/* ── Tablet (≤1024px) ── */
@media (max-width: 1024px) {
    .tilmeld-page[b-k2e34u9wdl] {
        padding: 2rem 1.5rem;
        gap: 2rem;
    }

    .tilmeld-left[b-k2e34u9wdl] {
        max-width: 480px;
        padding: 1rem 0;
    }

    .tilmeld-left h1[b-k2e34u9wdl] {
        font-size: 1.9rem;
    }

    .tilmeld-left h2[b-k2e34u9wdl] {
        font-size: 1.3rem;
        margin-top: 1.5rem;
    }

    .tilmeld-right[b-k2e34u9wdl] {
        flex: 0 0 380px;
    }

    .tilmeld-card[b-k2e34u9wdl] {
        padding: 2rem 1.75rem;
    }
}

/* ── Mobile (≤768px) — 1-kolonne ── */
@media (max-width: 768px) {
    .tilmeld-page[b-k2e34u9wdl] {
        flex-direction: column;
        align-items: center;
        padding: 1.5rem 1rem;
        gap: 1.5rem;
    }

    .tilmeld-left[b-k2e34u9wdl] {
        max-width: 100%;
        text-align: center;
        padding: 0.5rem 0;
    }

    .tilmeld-left h1[b-k2e34u9wdl] {
        font-size: 1.7rem;
    }

    .tilmeld-left h2[b-k2e34u9wdl] {
        font-size: 1.2rem;
        margin-top: 1.25rem;
    }

    .tilmeld-left .intro[b-k2e34u9wdl] {
        font-size: 0.95rem;
    }

    .tilmeld-left .feature-list[b-k2e34u9wdl] {
        display: inline-block;
        text-align: left;
    }

    .tilmeld-right[b-k2e34u9wdl] {
        flex: 0 0 auto;
        width: 100%;
        max-width: 460px;
    }

    .tilmeld-card[b-k2e34u9wdl] {
        padding: 1.75rem 1.25rem;
        border-radius: 0.75rem;
    }

    .tilmeld-card h2[b-k2e34u9wdl] {
        font-size: 1.35rem;
        margin-bottom: 1.25rem;
    }
}

/* ── Lille mobil (≤480px) — tættere padding, mindre skrift ── */
@media (max-width: 480px) {
    .tilmeld-page[b-k2e34u9wdl] {
        padding: 1rem 0.75rem;
    }

    .tilmeld-left h1[b-k2e34u9wdl] {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .tilmeld-left h2[b-k2e34u9wdl] {
        font-size: 1.1rem;
    }

    .tilmeld-left .intro[b-k2e34u9wdl] {
        font-size: 0.9rem;
    }

    .tilmeld-left .feature-list li[b-k2e34u9wdl] {
        font-size: 0.9rem;
    }

    .tilmeld-card[b-k2e34u9wdl] {
        padding: 1.5rem 1rem;
    }

    .tilmeld-card h2[b-k2e34u9wdl] {
        font-size: 1.2rem;
    }

    [b-k2e34u9wdl] .btn-signup {
        font-size: 1rem;
        padding: 0.75rem;
    }
}