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

main[b-gooa4i1gat] {
    flex: 1;
    min-width: 0;
    background: var(--bg);
}

.sidebar[b-gooa4i1gat] {
    background: var(--sidebar-bg);
}

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

    .sidebar[b-gooa4i1gat] {
        width: 256px;
        height: 100vh;
        position: sticky;
        top: 0;
        /* FUND 166: bredden skifter, når menuen foldes ind. Selve tallet står i app.css
           (html.nav-foldet), sammen med bank-visningens — ét tal, to flader.
           Overgangen hører derimod til elementet selv. */
        transition: width .18s ease;
    }
}

/* FUND 170: Blazors fejlbanner styles IKKE her længere. Reglerne lå i denne SCOPEDE fil, og Blazor
   scoper dem til MainLayouts egen markup — bank-visningen bruger BankLayout og arvede dem derfor
   ikke. Uden "display:none" stod banneret "Der opstod en uventet fejl" permanent på hver eneste
   bank-side. Reglerne bor nu i app.css, som begge layouts læser. */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ===== Mobil-toggler ===== */
.navbar-toggler[b-xlcsg50n8j] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.25rem;
    color: white;
    position: absolute;
    top: 0.9rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    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.65%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem rgba(255, 255, 255, 0.06);
}

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

/* ===== Brand ===== */
.top-row[b-xlcsg50n8j] {
    min-height: 4.25rem;
    padding: 0 1.35rem;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.navbar-brand[b-xlcsg50n8j] {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #fff;
    display: flex;
    align-items: center;
}

    .brand-logo[b-xlcsg50n8j] {
        margin-right: 0.6rem;
        border-radius: 9px;
        box-shadow: 0 4px 12px -3px rgba(37, 99, 235, 0.65);
        flex-shrink: 0;
    }

    .brand-word[b-xlcsg50n8j] { color: #fff; }
    .brand-accent[b-xlcsg50n8j] { color: #93c5fd; }

/* ===== Ikoner ===== */
.bi[b-xlcsg50n8j] {
    display: inline-block;
    position: relative;
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.7rem;
    top: -1px;
    background-size: cover;
    opacity: 0.75;
}

.bi-house-door-fill-nav-menu[b-xlcsg50n8j] {
    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='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");
}

/* Ét DISTINKT ikon pr. menupunkt (bruger-krav 2026-07-12 — de gamle var genbrugt på må og få).
   Bootstrap Icons-paths som inline data-URIs (samme mønster som ovenfor). */

/* Salgsoverblik */
.bi-graph-up-arrow-nav-menu[b-xlcsg50n8j] {
    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='M0 0h1v15h15v1H0V0Zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5Z'/%3E%3C/svg%3E");
}

/* Udgiftsoverblik */
.bi-graph-down-arrow-nav-menu[b-xlcsg50n8j] {
    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='M0 0h1v15h15v1H0V0Zm10 11.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-1 0v2.6l-3.613-4.417a.5.5 0 0 0-.74-.037L7.06 8.233 3.404 3.206a.5.5 0 0 0-.808.588l4 5.5a.5.5 0 0 0 .758.06l2.609-2.61L13.445 11H10.5a.5.5 0 0 0-.5.5Z'/%3E%3C/svg%3E");
}

/* Balanceoverblik (fase 3b) — bootstrap "bank2" */
.bi-bank-nav-menu[b-xlcsg50n8j] {
    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.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
}

/* Likviditet */
.bi-cash-stack-nav-menu[b-xlcsg50n8j] {
    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");
}

/* Likviditetsplan: cash-stack-familien med tre linjer (udskriften) i sedlens felt. */
.bi-cash-stack-list-nav-menu[b-xlcsg50n8j] {
    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 1H1Z'/%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%3Cpath d='M4.5 7h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1Zm0 2h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1Zm0 2h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1Z'/%3E%3C/svg%3E");
}

/* Debitorer */
.bi-person-lines-nav-menu[b-xlcsg50n8j] {
    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='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1Zm12-1a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1h-2Zm0-3a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1h-2Zm0-3a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1h-2Zm0-3a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1h-2Z'/%3E%3C/svg%3E");
}

/* Kunder (analyse-redesignet) — bootstrap "people-fill" */
.bi-people-nav-menu[b-xlcsg50n8j] {
    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='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 6Z'/%3E%3Cpath d='M5.216 14A2.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.216Z'/%3E%3Cpath d='M4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

/* Produkter (analyse-redesignet) — bootstrap "box-seam" */
.bi-box-seam-nav-menu[b-xlcsg50n8j] {
    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");
}

/* Performance */
.bi-speedometer-nav-menu[b-xlcsg50n8j] {
    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.489-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");
}

/* Nøgletal */
.bi-calculator-nav-menu[b-xlcsg50n8j] {
    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='M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8ZM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4Z'/%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-2Zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm-6 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-4Zm-6 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Z'/%3E%3C/svg%3E");
}

/* Budgetafstemning (1600017 rev 3) — bootstrap "arrow-left-right": de to sider, der stilles op
   mod hinanden. */
.bi-arrow-left-right-nav-menu[b-xlcsg50n8j] {
    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='M1 11.5a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 12H1.5a.5.5 0 0 1-.5-.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E");
}

/* Posteringer */
.bi-journal-text-nav-menu[b-xlcsg50n8j] {
    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 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");
}

/* Opsætning */
.bi-gear-nav-menu[b-xlcsg50n8j] {
    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 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492ZM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0Z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319Zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319Z'/%3E%3C/svg%3E");
}

/* Min konto */
.bi-person-circle-nav-menu[b-xlcsg50n8j] {
    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='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1Z'/%3E%3C/svg%3E");
}

/* Log ud */
.bi-box-arrow-right-nav-menu[b-xlcsg50n8j] {
    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='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2Z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3Z'/%3E%3C/svg%3E");
}

/* ===== Navigation ===== */
.nav-scrollable[b-xlcsg50n8j] { padding: 0.85rem 0.7rem; }

/* nav er allerede en flex-column (Bootstrap-klassen); den skal blot fylde hele .nav-scrollable's højde,
   ellers har margin-top:auto på versionsnummeret (nederst) ingen plads at skubbe ind i. */
.nav-scrollable > nav[b-xlcsg50n8j] { min-height: 100%; }

/* ANALYSE-REDESIGNET (1600017): menuens tre segmentoverskrifter, Drift, Analyse og Penge. Samme
   diskrete form som Opsætnings-foldens egne afsnit (.nav-gruppe): små kapitæler i dæmpet farve, så
   de deler listen uden at konkurrere med punkterne. Overskriften er ikke klikbar og er ikke et
   punkt — den bærer hverken ikon eller mouseover. */
.nav-segment[b-xlcsg50n8j] {
    padding: 0.85rem 0.8rem 0.25rem 1.1rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--sidebar-muted);
    cursor: default;
}

/* Den første overskrift står øverst i listen og skal ikke skubbes ned. */
.nav-scrollable > nav > .nav-segment:first-child[b-xlcsg50n8j] { padding-top: 0.1rem; }

/* RC-fix 9/9 (M-2): skillelinjen over bundgruppen Opsaetning og Log ud; samme luft over som en segmentoverskrift. */
.nav-skel[b-xlcsg50n8j] { margin: 0.85rem 1.1rem 0.35rem 1.1rem; border-top: 1px solid rgba(159, 182, 214, 0.22); }
html.nav-foldet .nav-skel[b-xlcsg50n8j] { margin-left: 0.6rem; margin-right: 0.6rem; }

.nav-item[b-xlcsg50n8j] {
    font-size: 0.88rem;
    padding-bottom: 0.15rem;
}

    .nav-item[b-xlcsg50n8j]  .nav-link {
        color: var(--sidebar-text);
        background: none;
        border: none;
        border-radius: 9px;
        height: 2.6rem;
        display: flex;
        align-items: center;
        padding: 0 0.8rem;
        font-weight: 500;
        width: 100%;
        transition: background-color .12s ease, color .12s ease;
    }

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

    /* 1600021 (F51): Log ud er en KNAP, fordi handlingen først må ske efter bekræftelsen. Den skal se
       ud og opføre sig præcis som de øvrige punkter, og browserens knap-standarder rettes derfor ind. */
    .nav-item[b-xlcsg50n8j]  button.kt-logud {
        text-align: left;
        cursor: pointer;
        font: inherit;
        appearance: none;
    }

    .nav-item[b-xlcsg50n8j]  a.active {
        background: var(--accent);
        color: #fff;
        box-shadow: 0 6px 16px -6px rgba(37, 99, 235, 0.6);
    }

        .nav-item[b-xlcsg50n8j]  a.active .bi { opacity: 1; }

/* ===== Opsætning-gruppe (details/summary) ===== */
details[b-xlcsg50n8j] { margin-top: 0.4rem; }

    details > summary[b-xlcsg50n8j] {
        list-style: none;
        cursor: pointer;
        color: var(--sidebar-text);
        font-size: 0.88rem;
        font-weight: 500;
        height: 2.6rem;
        display: flex;
        align-items: center;
        padding: 0 0.8rem;
        position: relative;
        border-radius: 9px;
    }

        details > summary[b-xlcsg50n8j]::-webkit-details-marker { display: none; }

        details > summary:hover[b-xlcsg50n8j] { background-color: rgba(255, 255, 255, 0.06); color: #fff; }

        /* chevron */
        details > summary[b-xlcsg50n8j]::after {
            content: "";
            position: absolute;
            right: 1rem;
            width: 0.45rem;
            height: 0.45rem;
            border-right: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: rotate(45deg);
            transition: transform .15s ease;
            opacity: 0.8;
        }

    details[open] > summary[b-xlcsg50n8j]::after { transform: rotate(-135deg); }

    /* N24: de to ejerskabs-afsnit i Opsætning ("Firmaet" / "Min konto"). Diskret overskrift —
       den skal dele listen, ikke konkurrere med punkterne om opmærksomheden. */
    details .nav-gruppe[b-xlcsg50n8j] {
        padding: 0.75rem 0.8rem 0.2rem 2.5rem;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sidebar-muted);
        cursor: default;
    }

    /* underpunkter i gruppen — samme fontstørrelse, blot lidt lavere højde */
    details .nav-item[b-xlcsg50n8j]  .nav-link {
        height: 2.45rem;
        font-size: 0.88rem;
    }

/* ===== Mobil/desktop visning ===== */
.nav-scrollable[b-xlcsg50n8j] { display: none; }

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

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

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

/* ===== FUND 166: FOLDBAR MENU (Michaels dom D, 2026-08-22) =====

   Tilstanden er ÉN klasse på dokumentets rod, html.nav-foldet, sat af ktNavFold i kt-ui.js.
   Alt herunder er CSS. Der er ingen Blazor-tilstand at vælte og intet at gemme nogen steder;
   en indlæsning af siden giver et nyt dokument uden klassen, altså menuen foldet UD.
   Selve sidebarens bredde kan ikke sættes herfra (den ejes af MainLayout/BankLayout) og står i
   app.css, som det ENESTE sted uden for denne fil. */

.fold-knap[b-xlcsg50n8j] {
    display: none;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    transition: background-color .12s ease, box-shadow .12s ease;
}

    .fold-knap:hover[b-xlcsg50n8j] { background: rgba(255, 255, 255, 0.14); }

    /* Pilen tegnes, den skrives ikke: en knap i dette hus bærer aldrig et symbol som tekst. */
    .fold-knap[b-xlcsg50n8j]::before {
        content: "";
        width: 0.38rem;
        height: 0.38rem;
        border-left: 1.5px solid rgba(255, 255, 255, 0.75);
        border-bottom: 1.5px solid rgba(255, 255, 255, 0.75);
        transform: rotate(45deg);
        margin-left: 0.12rem;
    }

    .fold-ud[b-xlcsg50n8j]::before { transform: rotate(-135deg); margin-left: 0; margin-right: 0.12rem; }

    .fold-knap:focus-visible[b-xlcsg50n8j] { outline: none; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.45); }

/* Bundlinjen: "Kom i gang" til venstre, versionen til højre, skubbet helt ned af margin-top:auto i
   nav'ens flex-column. Stilen stod før som et style-attribut i markup'en — og dét var netop, hvad
   der spærrede for fund 166c: en inline-stil vinder over enhver klasse-regel, så sammenfoldet
   kunne bunden ikke skjules (målt i browseren: display blev ved med at være flex). Nu er den en
   klasse, og fold-reglen længere nede kan gøre sit arbejde. Bank-visningens bund bærer kun
   versionen og lægger den derfor i højre side. */
.nav-bund[b-xlcsg50n8j] { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: .5rem; font-size: .7rem; color: var(--sidebar-muted); }
.nav-bund-bank[b-xlcsg50n8j] { justify-content: flex-end; }

/* Sammenfoldet: kun ikonerne står tilbage.
 Navnet er knappernes title-attribut, så mouseoveren
   viser NAVNET ALENE — og den kan ikke klippes af sidebarens egen scroll, som en CSS-boble ville. */
.nav-underikon[b-xlcsg50n8j] { display: none; }

.nav-item a.nav-underpunkt[b-xlcsg50n8j] { padding-left: 2.5rem; }

@media (min-width: 641px) {
    .fold-ind[b-xlcsg50n8j] { display: flex; }

    html.nav-foldet .top-row .fold-ind[b-xlcsg50n8j] { display: none; }
    html.nav-foldet .top-row .fold-ud[b-xlcsg50n8j] { display: flex; }

    /* Topbjælken: ps-3 sætter padding-left med !important, så den skal ophæves med samme våben. */
    html.nav-foldet .top-row[b-xlcsg50n8j] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem;
    }

    /* FUND 166b (Michaels tillæg 2026-08-22): sammenfoldet viser toppen KUN fold-ud-knappen.
       Hele brandet går væk, ikke bare navnet — logoet var det, der bandt bjælken til 5rem, og
       bjælken kunne derfor ikke gøres smallere, så længe det stod. Udfoldet er intet ændret. */
    html.nav-foldet .top-row .navbar-brand[b-xlcsg50n8j] { display: none; }

    /* Knappen står alene på linjen. Uden nowrap ombrød bootstrap-beholderens egen vandrette luft
       rækken, og topbjælken blev to etager høj i sammenfoldet tilstand. */
    html.nav-foldet .top-row > .container-fluid[b-xlcsg50n8j] {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0.25rem;
        padding-left: 0;
        padding-right: 0;
    }

    html.nav-foldet .nav-scrollable[b-xlcsg50n8j] { padding-left: 0.35rem; padding-right: 0.35rem; }

    html.nav-foldet .nav-scrollable .px-3[b-xlcsg50n8j] {
        padding-left: 0.2rem !important;
        padding-right: 0.2rem !important;
    }

    html.nav-foldet .nav-scrollable .nav-tekst[b-xlcsg50n8j] { display: none; }

    /* 1600008 og 1600017: sammenfoldet står KUN ikonerne, og segmentoverskrifterne går derfor væk.
       En overskrift uden tekst ville være en tom stribe, og en forkortelse ville være et nyt ord at
       lære. Punkternes rækkefølge er uændret, så segmenterne stadig kan læses af rækkefølgen. */
    html.nav-foldet .nav-scrollable .nav-segment[b-xlcsg50n8j] { display: none; }

    /* FUND 166c (Michaels tillæg 2026-08-22): sammenfoldet står KUN ikonerne og fold-ud-knappen.
       Hele bundlinjen går derfor væk — både "Kom i gang"-linket og versionsnummeret (v1.5.0.x).
       Før blev kun linket skjult, og versionen blev centreret; men et versionsnummer er hverken et
       ikon eller en handling, og teksten bandt bundens bredde til sig selv. Bjælken måles nu alene
       efter ikonerne. Reglen rammer begge menuer: brugerens bund (link + version) og bank-visningens
       bund (version alene) bærer samme .nav-bund. Udfoldet er intet ændret. */
    html.nav-foldet .nav-scrollable .nav-bund[b-xlcsg50n8j] { display: none; }
    html.nav-foldet .nav-scrollable .bi[b-xlcsg50n8j] { margin-right: 0; }
    html.nav-foldet .nav-scrollable .nav-underikon[b-xlcsg50n8j] { display: inline-block; }

    html.nav-foldet .nav-scrollable[b-xlcsg50n8j]  .nav-link { justify-content: center; padding: 0 0.3rem; }

    html.nav-foldet .nav-scrollable .nav-item a.nav-underpunkt[b-xlcsg50n8j] { padding-left: 0.3rem; }

    /* Opsætnings-folden virker uændret sammenfoldet: tandhjulet åbner og lukker den, og de tre
       punkter står som deres egne ikoner. Chevronen ville ikke have plads og siger intet, når
       punkterne under den alligevel er ikoner. */
    html.nav-foldet .nav-scrollable details > summary[b-xlcsg50n8j] { justify-content: center; padding: 0 0.3rem; }
    html.nav-foldet .nav-scrollable details > summary[b-xlcsg50n8j]::after { display: none; }
}

/* Firma-opsætning */
.bi-building-nav-menu[b-xlcsg50n8j] {
    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='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm-6 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm-6 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z'/%3E%3C/svg%3E");
}

/* Audit log */
.bi-clock-history-nav-menu[b-xlcsg50n8j] {
    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.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z'/%3E%3Cpath d='M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z'/%3E%3Cpath d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-pqmvvzc67u],
.components-reconnect-repeated-attempt-visible[b-pqmvvzc67u],
.components-reconnect-failed-visible[b-pqmvvzc67u],
.components-pause-visible[b-pqmvvzc67u],
.components-resume-failed-visible[b-pqmvvzc67u],
.components-rejoining-animation[b-pqmvvzc67u] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-pqmvvzc67u {
    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;
    }
}