/* /Components/Layout/BefaringLayout.razor.rz.scp.css */
.befaring-shell[b-c501gi5khb] {
    min-height: 100vh;
    background: #f3f5f8;
    color: #172033;
}

.befaring-header[b-c501gi5khb] {
    position: sticky;
    top: 0;
    z-index: 1050;
    display: flex;
    min-height: 4rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #052767 0%, #0d6efd 100%);
    box-shadow: 0 3px 14px rgba(10, 35, 80, 0.2);
}

.befaring-brand[b-c501gi5khb] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    color: #fff;
    text-decoration: none;
    line-height: 1.05;
}

.befaring-brand-main[b-c501gi5khb] {
    overflow: hidden;
    font-size: 1.02rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.befaring-brand-sub[b-c501gi5khb] {
    margin-top: 0.15rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.befaring-header-right[b-c501gi5khb] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.befaring-firma[b-c501gi5khb] {
    max-width: 34vw;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.befaring-logout-link[b-c501gi5khb] {
    padding: 0.45rem 0.65rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.befaring-content[b-c501gi5khb] {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 1rem 0.8rem 7rem;
}

.befaring-bottom-nav[b-c501gi5khb] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0.4rem max(0.4rem, env(safe-area-inset-right)) calc(0.4rem + env(safe-area-inset-bottom)) max(0.4rem, env(safe-area-inset-left));
    background: rgba(255, 255, 255, 0.98);
    border-top: 1px solid #d9e0ea;
    box-shadow: 0 -6px 22px rgba(30, 48, 78, 0.12);
    backdrop-filter: blur(12px);
}

.befaring-bottom-nav[b-c501gi5khb]  a {
    display: flex;
    min-width: 0;
    min-height: 3.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.35rem 0.2rem;
    color: #5b6577;
    border-radius: 0.65rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.befaring-bottom-nav[b-c501gi5khb]  a > span:first-child {
    font-size: 1.2rem;
    line-height: 1;
}

.befaring-bottom-nav[b-c501gi5khb]  a.active {
    color: #0d6efd;
    background: #eaf3ff;
}

@media (min-width: 900px) {
    .befaring-content[b-c501gi5khb] {
        padding-top: 1.5rem;
    }

    .befaring-bottom-nav[b-c501gi5khb] {
        right: auto;
        left: 50%;
        width: min(620px, calc(100% - 2rem));
        transform: translateX(-50%);
        border: 1px solid #d9e0ea;
        border-bottom: 0;
        border-radius: 1rem 1rem 0 0;
    }
}

@media (max-width: 420px) {
    .befaring-header[b-c501gi5khb] {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .befaring-firma[b-c501gi5khb] {
        display: none;
    }

    .befaring-content[b-c501gi5khb] {
        padding-right: 0.55rem;
        padding-left: 0.55rem;
    }
}
/* /Components/Layout/Hurtigsok.razor.rz.scp.css */
.hurtigsok-root[b-hfvsvgk2kn] {
    position: relative;
    width: 100%;
}

.hurtigsok-input-wrap[b-hfvsvgk2kn] {
    position: relative;
}

.hurtigsok-input[b-hfvsvgk2kn] {
    min-height: 2.55rem;
    padding-right: 2.35rem;
    padding-left: 2.15rem;
    background: #fff;
}

.hurtigsok-ikon[b-hfvsvgk2kn] {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    z-index: 2;
    color: #6c757d;
    font-size: 1.15rem;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.hurtigsok-laster[b-hfvsvgk2kn],
.hurtigsok-tom[b-hfvsvgk2kn] {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    z-index: 3;
    transform: translateY(-50%);
}

.hurtigsok-tom[b-hfvsvgk2kn] {
    display: inline-flex;
    width: 1.7rem;
    height: 1.7rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #6c757d;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.25rem;
    line-height: 1;
}

.hurtigsok-tom:hover[b-hfvsvgk2kn],
.hurtigsok-tom:focus-visible[b-hfvsvgk2kn] {
    color: #212529;
    outline: none;
    background: #e9ecef;
}

.hurtigsok-resultater[b-hfvsvgk2kn] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    left: 0;
    z-index: 1200;
    max-height: min(62vh, 520px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.65rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.hurtigsok-gruppe[b-hfvsvgk2kn] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.45rem 0.75rem;
    color: #6c757d;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hurtigsok-treff[b-hfvsvgk2kn] {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    color: #212529;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #f0f1f2;
    text-align: left;
}

.hurtigsok-treff:hover[b-hfvsvgk2kn],
.hurtigsok-treff:focus-visible[b-hfvsvgk2kn] {
    outline: none;
    background: #eef5ff;
}

.hurtigsok-type[b-hfvsvgk2kn] {
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #fff;
    border-radius: 0.45rem;
    font-size: 0.75rem;
    font-weight: 800;
}

.hurtigsok-type-tilbud[b-hfvsvgk2kn] {
    background: #0d6efd;
}

.hurtigsok-type-kunde[b-hfvsvgk2kn] {
    background: #198754;
}

.hurtigsok-innhold[b-hfvsvgk2kn] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 0.05rem;
}

.hurtigsok-innhold strong[b-hfvsvgk2kn],
.hurtigsok-innhold span[b-hfvsvgk2kn],
.hurtigsok-innhold small[b-hfvsvgk2kn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hurtigsok-innhold span[b-hfvsvgk2kn] {
    color: #495057;
    font-size: 0.86rem;
}

.hurtigsok-innhold small[b-hfvsvgk2kn] {
    color: #6c757d;
}

.hurtigsok-info[b-hfvsvgk2kn],
.hurtigsok-hjelp[b-hfvsvgk2kn] {
    padding: 0.75rem;
}

.hurtigsok-hjelp[b-hfvsvgk2kn] {
    color: #6c757d;
    background: #f8f9fa;
    font-size: 0.75rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .hurtigsok-input[b-hfvsvgk2kn] {
        min-height: 2.75rem;
        font-size: 1rem;
    }

    .hurtigsok-resultater[b-hfvsvgk2kn] {
        right: -0.1rem;
        left: -0.1rem;
        max-height: min(58vh, 470px);
        border-radius: 0.75rem;
    }

    .hurtigsok-treff[b-hfvsvgk2kn] {
        min-height: 3.25rem;
        padding: 0.7rem;
    }

    .hurtigsok-innhold strong[b-hfvsvgk2kn],
    .hurtigsok-innhold span[b-hfvsvgk2kn],
    .hurtigsok-innhold small[b-hfvsvgk2kn] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .hurtigsok-hjelp[b-hfvsvgk2kn] {
        display: none;
    }
}
/* /Components/Layout/KontekstHjelp.razor.rz.scp.css */
.hjelp-trigger[b-5q3oa5372c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.1rem;
    padding: 0.35rem 0.7rem;
    color: #0d6efd;
    background: #ffffff;
    border: 1px solid #b6d4fe;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
    white-space: nowrap;
}

.hjelp-trigger:hover[b-5q3oa5372c],
.hjelp-trigger:focus-visible[b-5q3oa5372c] {
    color: #0a58ca;
    background: #eaf3ff;
    border-color: #86b7fe;
}

.hjelp-trigger > span:first-child[b-5q3oa5372c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    line-height: 1;
}

.hjelp-bakgrunn[b-5q3oa5372c] {
    position: fixed;
    inset: 0;
    z-index: 11990;
    background: rgba(18, 30, 45, 0.38);
}

.hjelp-panel[b-5q3oa5372c] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 12000;
    display: flex;
    width: min(430px, 100vw);
    height: 100dvh;
    flex-direction: column;
    color: #212529;
    background: #ffffff;
    border-left: 1px solid #dee2e6;
    box-shadow: -12px 0 34px rgba(0, 0, 0, 0.18);
}

.hjelp-topp[b-5q3oa5372c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.2rem;
    border-bottom: 1px solid #e9ecef;
}

.hjelp-overtekst[b-5q3oa5372c] {
    margin-bottom: 0.15rem;
    color: #6c757d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.hjelp-topp h2[b-5q3oa5372c] {
    margin: 0;
    font-size: 1.35rem;
}

.hjelp-innhold[b-5q3oa5372c] {
    overflow-y: auto;
    padding: 1.2rem;
}

.hjelp-intro[b-5q3oa5372c] {
    margin-bottom: 1.2rem;
    color: #495057;
    font-size: 1rem;
    line-height: 1.55;
}

.hjelp-innhold h3[b-5q3oa5372c] {
    margin: 0 0 0.65rem;
    font-size: 1rem;
}

.hjelp-steg[b-5q3oa5372c] {
    display: grid;
    gap: 0.75rem;
    margin: 0 0 1.2rem;
    padding-left: 1.4rem;
}

.hjelp-steg li[b-5q3oa5372c] {
    padding-left: 0.2rem;
    line-height: 1.45;
}

.hjelp-steg li[b-5q3oa5372c]::marker {
    color: #0d6efd;
    font-weight: 800;
}

.hjelp-viktig[b-5q3oa5372c] {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 1.2rem;
    padding: 0.85rem 0.95rem;
    color: #495057;
    background: #f8f9fa;
    border-left: 4px solid #ffc107;
    border-radius: 0.45rem;
    line-height: 1.45;
}

@media (max-width: 575.98px) {
    .hjelp-trigger-tekst[b-5q3oa5372c] {
        display: none;
    }

    .hjelp-trigger[b-5q3oa5372c] {
        width: 2.2rem;
        padding-right: 0;
        padding-left: 0;
    }

    .hjelp-panel[b-5q3oa5372c] {
        width: 100vw;
        border-left: 0;
    }
}

.hjelp-tilbakemelding-skille[b-5q3oa5372c] {
    margin: 1.35rem 0 1rem;
    border-top: 1px solid #e9ecef;
}

.hjelp-tilbakemelding-info[b-5q3oa5372c] {
    margin-top: 0.55rem;
    color: #6c757d;
    font-size: 0.8rem;
    line-height: 1.4;
}

.hjelp-tilbakemelding-form[b-5q3oa5372c] {
    padding: 0.95rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.7rem;
}

.hjelp-tilbakemelding-form .form-label[b-5q3oa5372c] {
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    font-weight: 700;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-soajp2er19] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: #f5f6f8;
}

.layout-main[b-soajp2er19] {
    min-width: 0;
    flex: 1;
}

.sidebar[b-soajp2er19] {
    position: relative;
    z-index: 1030;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-soajp2er19] {
    display: flex;
    align-items: center;
    min-height: 3.5rem;
    height: auto;
    overflow: visible;
    border-bottom: 1px solid #d6d5d5;
    background-color: #f8f9fa;
}

.top-row[b-soajp2er19]  a,
.top-row[b-soajp2er19]  .btn-link {
    white-space: nowrap;
    text-decoration: none;
}

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

.active-firma-toprow[b-soajp2er19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.7rem 1rem;
}

.layout-hurtigsok[b-soajp2er19] {
    min-width: 240px;
    max-width: 680px;
    flex: 1 1 340px;
}

.top-row-actions[b-soajp2er19] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    gap: 0.6rem;
    margin-left: auto;
}

.active-firma-box[b-soajp2er19] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-left: auto;
    font-size: 0.92rem;
}

.active-firma-label[b-soajp2er19] {
    margin-right: 0.15rem;
    color: #6c757d;
}

.active-firma-name[b-soajp2er19] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content[b-soajp2er19] {
    width: 100%;
    max-width: 1680px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 6rem;
}

@media (max-width: 991.98px) {
    .sidebar[b-soajp2er19] {
        position: sticky;
        top: 0;
        width: 100%;
    }

    .top-row[b-soajp2er19] {
        position: relative;
        padding: 0.75rem 1rem !important;
    }

    .layout-hurtigsok[b-soajp2er19] {
        min-width: 0;
        max-width: none;
        flex-basis: 100%;
    }

    .top-row-actions[b-soajp2er19] {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    .active-firma-box[b-soajp2er19] {
        width: auto;
        justify-content: flex-start;
        margin-left: 0;
    }

    article.content[b-soajp2er19] {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

@media (max-width: 575.98px) {
    .top-row[b-soajp2er19] {
        gap: 0.55rem;
        padding: 0.65rem 0.75rem !important;
    }

    .active-firma-label[b-soajp2er19] {
        display: none;
    }

    .active-firma-name[b-soajp2er19] {
        max-width: min(70vw, 280px);
        font-size: 0.88rem;
    }

    .active-firma-box .badge[b-soajp2er19] {
        font-size: 0.68rem;
    }

    article.content[b-soajp2er19] {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }
}

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

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

    .top-row[b-soajp2er19] {
        position: sticky;
        top: 0;
        z-index: 1020;
        padding-right: 1.5rem !important;
        padding-left: 2rem !important;
    }

    article.content[b-soajp2er19] {
        padding-right: 1.5rem !important;
        padding-left: 2rem !important;
    }
}

#blazor-error-ui[b-soajp2er19] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11000;
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    color: #5c3b00;
    background: #fff3cd;
    border-top: 1px solid #ffecb5;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15);
}

#blazor-error-ui .reload[b-soajp2er19] {
    margin-left: 0.35rem;
    font-weight: 700;
}

#blazor-error-ui .dismiss[b-soajp2er19] {
    position: absolute;
    top: 0.55rem;
    right: 0.85rem;
    cursor: pointer;
    font-size: 1.15rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dyj0r84j1h] {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    width: 3rem;
    height: 2.5rem;
    appearance: none;
    cursor: pointer;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
    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.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.65rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:hover[b-dyj0r84j1h],
.navbar-toggler:focus-visible[b-dyj0r84j1h],
.navbar-toggler:checked[b-dyj0r84j1h] {
    outline: none;
    background-color: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.55);
}

.top-row[b-dyj0r84j1h] {
    min-height: 3.5rem;
    padding-right: 4.25rem;
    background-color: rgba(0, 0, 0, 0.38);
}

.navbar-brand[b-dyj0r84j1h] {
    overflow: hidden;
    font-size: 1.08rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-item[b-dyj0r84j1h] {
    padding-bottom: 0.35rem;
    font-size: 0.92rem;
}

.nav-item:first-of-type[b-dyj0r84j1h] {
    padding-top: 0.75rem;
}

.nav-item:last-of-type[b-dyj0r84j1h] {
    padding-bottom: 0.85rem;
}

.nav-item[b-dyj0r84j1h]  .nav-link {
    display: flex;
    width: 100%;
    min-height: 2.8rem;
    align-items: center;
    padding: 0.65rem 0.8rem;
    color: #e2e2e2;
    background: none;
    border: none;
    border-radius: 0.55rem;
    line-height: 1.25;
}

.nav-item[b-dyj0r84j1h]  a.active {
    color: white;
    background-color: rgba(255, 255, 255, 0.3);
}

.nav-item[b-dyj0r84j1h]  .nav-link:hover,
.nav-item[b-dyj0r84j1h]  .nav-link:focus-visible {
    color: white;
    outline: none;
    background-color: rgba(255, 255, 255, 0.12);
}

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

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

@media (max-width: 991.98px) {
    .nav-scrollable[b-dyj0r84j1h] {
        position: absolute;
        top: 3.5rem;
        right: 0;
        left: 0;
        z-index: 1040;
        max-height: calc(100vh - 3.5rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 100%);
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
    }

    .nav-item[b-dyj0r84j1h] {
        max-width: 720px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    .top-row[b-dyj0r84j1h] {
        padding-left: 0.75rem !important;
    }

    .navbar-brand[b-dyj0r84j1h] {
        max-width: 48vw;
        font-size: 1rem;
    }

    .nav-item[b-dyj0r84j1h] {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }

    .nav-item[b-dyj0r84j1h]  .nav-link {
        min-height: 3rem;
        font-size: 1rem;
    }
}

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

    .top-row[b-dyj0r84j1h] {
        padding-right: 0.75rem;
    }

    .nav-scrollable[b-dyj0r84j1h] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0h407owin9],
.components-reconnect-repeated-attempt-visible[b-0h407owin9],
.components-reconnect-failed-visible[b-0h407owin9],
.components-pause-visible[b-0h407owin9],
.components-resume-failed-visible[b-0h407owin9],
.components-rejoining-animation[b-0h407owin9] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TilbudStickyFooter.razor.rz.scp.css */
.tilbud-sticky-footer[b-857o09nrv9] {
    position: fixed;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: calc(250px + 1rem);
    z-index: 9000;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.tilbud-sticky-inner[b-857o09nrv9] {
    display: flex;
    width: min(520px, calc(100% - 2rem));
    justify-content: center;
    padding: 0.65rem 0.85rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #dee2e6;
    border-radius: 999px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    pointer-events: auto;
    backdrop-filter: blur(8px);
}

.tilbud-sticky-inner .btn[b-857o09nrv9] {
    min-width: 190px;
    border-radius: 999px;
}

.tilbud-sticky-spacer[b-857o09nrv9] {
    height: 92px;
}

@media (max-width: 991.98px) {
    .tilbud-sticky-footer[b-857o09nrv9] {
        right: 0.75rem;
        bottom: max(0.75rem, env(safe-area-inset-bottom));
        left: 0.75rem;
    }

    .tilbud-sticky-inner[b-857o09nrv9] {
        width: min(520px, 100%);
    }
}

@media (max-width: 575.98px) {
    .tilbud-sticky-footer[b-857o09nrv9] {
        right: 0;
        bottom: 0;
        left: 0;
    }

    .tilbud-sticky-inner[b-857o09nrv9] {
        width: 100%;
        padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 0.9rem 0.9rem 0 0;
    }

    .tilbud-sticky-inner .btn[b-857o09nrv9] {
        width: 100%;
        min-height: 46px;
    }

    .tilbud-sticky-spacer[b-857o09nrv9] {
        height: 96px;
    }
}
/* /Components/Pages/BefaringKunde.razor.rz.scp.css */
.back-link[b-evkopcz6bu] {
    display: inline-flex;
    margin-bottom: 0.75rem;
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.customer-hero[b-evkopcz6bu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 1rem;
}

.customer-hero h1[b-evkopcz6bu] {
    margin: 0.1rem 0 0.35rem;
    font-size: 1.7rem;
    font-weight: 800;
}

.eyebrow[b-evkopcz6bu] {
    color: #0d6efd;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-badge[b-evkopcz6bu] {
    padding: 0.3rem 0.55rem;
    color: #43516a;
    background: #eef1f5;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.contact-grid[b-evkopcz6bu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.65rem;
}

.contact-grid a[b-evkopcz6bu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.75rem;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.8rem;
    text-decoration: none;
}

.contact-grid span[b-evkopcz6bu] {
    color: #7a8495;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-grid strong[b-evkopcz6bu] {
    margin-top: 0.15rem;
    overflow: hidden;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-offer-button[b-evkopcz6bu] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0.75rem;
    padding: 0.9rem 1rem;
    color: #fff;
    background: #0d6efd;
    border-radius: 0.9rem;
    text-decoration: none;
}

.new-offer-button > span:first-child[b-evkopcz6bu] {
    font-size: 1.5rem;
    font-weight: 800;
}

.new-offer-button > span:last-child[b-evkopcz6bu] {
    display: flex;
    flex-direction: column;
}

.new-offer-button small[b-evkopcz6bu] {
    color: rgba(255, 255, 255, 0.82);
}

.offers-section[b-evkopcz6bu] {
    margin-top: 1.25rem;
}

.section-heading[b-evkopcz6bu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.section-heading h2[b-evkopcz6bu] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
}

.section-heading > span[b-evkopcz6bu] {
    display: inline-flex;
    min-width: 1.8rem;
    height: 1.8rem;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: #eaf3ff;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 800;
}

.offer-list[b-evkopcz6bu] {
    display: grid;
    gap: 0.65rem;
}

.offer-card[b-evkopcz6bu] {
    display: block;
    padding: 0.9rem 1rem;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.9rem;
    text-decoration: none;
}

.offer-top[b-evkopcz6bu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.offer-project[b-evkopcz6bu] {
    margin-top: 0.25rem;
    color: #3f4b60;
}

.offer-meta[b-evkopcz6bu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    margin-top: 0.45rem;
    color: #7a8495;
    font-size: 0.72rem;
}

.offer-sum[b-evkopcz6bu] {
    margin-top: 0.4rem;
    color: #0f5132;
    font-size: 0.8rem;
    font-weight: 800;
}

.status-pill[b-evkopcz6bu] {
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 800;
}

.status-pill.draft[b-evkopcz6bu] { color: #4b5563; background: #eef0f3; }
.status-pill.sent[b-evkopcz6bu] { color: #0b4a8b; background: #dcecff; }
.status-pill.accepted[b-evkopcz6bu] { color: #0f5132; background: #d1e7dd; }
.status-pill.rejected[b-evkopcz6bu],
.status-pill.expired[b-evkopcz6bu] { color: #842029; background: #f8d7da; }

.empty-box[b-evkopcz6bu],
.loading-box[b-evkopcz6bu] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.55rem;
    color: #697386;
    background: #fff;
    border: 1px dashed #cfd6e0;
    border-radius: 0.9rem;
}

@media (max-width: 480px) {
    .contact-grid[b-evkopcz6bu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/BefaringKunder.razor.rz.scp.css */
.mobile-page-heading[b-krpadf7e5l] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.mobile-page-heading h1[b-krpadf7e5l] {
    margin: 0.1rem 0 0.25rem;
    font-size: 1.85rem;
    font-weight: 800;
}

.mobile-page-heading p[b-krpadf7e5l] {
    margin: 0;
    color: #667085;
    font-size: 0.85rem;
}

.eyebrow[b-krpadf7e5l] {
    color: #0d6efd;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-search-card[b-krpadf7e5l] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.9rem;
}

.mobile-search-card label[b-krpadf7e5l] {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.search-row[b-krpadf7e5l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.customer-results[b-krpadf7e5l] {
    display: grid;
    gap: 0.65rem;
}

.customer-result[b-krpadf7e5l] {
    position: relative;
    display: block;
    min-height: 5.2rem;
    padding: 0.9rem 2.4rem 0.9rem 1rem;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.9rem;
    text-decoration: none;
}

.customer-main[b-krpadf7e5l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.customer-main strong[b-krpadf7e5l] {
    font-size: 1rem;
}

.customer-type[b-krpadf7e5l] {
    padding: 0.2rem 0.45rem;
    color: #4d5a70;
    background: #f2f4f7;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
}

.customer-address[b-krpadf7e5l] {
    display: flex;
    flex-direction: column;
    margin-top: 0.28rem;
    color: #586174;
    font-size: 0.82rem;
}

.customer-contact[b-krpadf7e5l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.8rem;
    margin-top: 0.3rem;
    color: #788294;
    font-size: 0.75rem;
}

.customer-arrow[b-krpadf7e5l] {
    position: absolute;
    top: 50%;
    right: 0.9rem;
    transform: translateY(-50%);
    color: #0d6efd;
    font-size: 1.7rem;
}

.loading-box[b-krpadf7e5l],
.empty-box[b-krpadf7e5l] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.2rem;
    color: #697386;
    background: #fff;
    border: 1px dashed #cfd6e0;
    border-radius: 0.9rem;
    text-align: center;
}

@media (max-width: 480px) {
    .mobile-page-heading[b-krpadf7e5l] {
        align-items: stretch;
        flex-direction: column;
    }

    .mobile-page-heading .btn[b-krpadf7e5l] {
        width: 100%;
        min-height: 3rem;
    }

    .search-row[b-krpadf7e5l] {
        grid-template-columns: 1fr;
    }

    .search-row .btn[b-krpadf7e5l] {
        min-height: 3rem;
    }
}
/* /Components/Pages/BefaringNyKunde.razor.rz.scp.css */
.back-link[b-79ip5zwh07] {
    display: inline-flex;
    margin-bottom: 0.7rem;
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.mobile-page-heading[b-79ip5zwh07] {
    margin-bottom: 1rem;
}

.mobile-page-heading h1[b-79ip5zwh07] {
    margin: 0.1rem 0 0.25rem;
    font-size: 1.85rem;
    font-weight: 800;
}

.mobile-page-heading p[b-79ip5zwh07] {
    margin: 0;
    color: #667085;
    font-size: 0.85rem;
}

.eyebrow[b-79ip5zwh07] {
    color: #0d6efd;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-form[b-79ip5zwh07] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 1rem;
}

.field-group label[b-79ip5zwh07] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
    font-weight: 800;
}

.type-grid[b-79ip5zwh07] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.type-button[b-79ip5zwh07] {
    min-height: 3.25rem;
    padding: 0.7rem;
    color: #3e4a5f;
    background: #fff;
    border: 1px solid #cfd6e0;
    border-radius: 0.75rem;
    font-weight: 800;
}

.type-button.active[b-79ip5zwh07] {
    color: #0d6efd;
    background: #eaf3ff;
    border-color: #0d6efd;
}

.two-column-fields[b-79ip5zwh07] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.7fr) minmax(0, 1.3fr);
    gap: 0.65rem;
}

.input-button-row[b-79ip5zwh07] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
}

.duplicate-box[b-79ip5zwh07] {
    padding: 0.85rem;
    color: #664d03;
    background: #fff8e1;
    border: 1px solid #ffe69c;
    border-radius: 0.8rem;
}

.duplicate-box > p[b-79ip5zwh07] {
    margin: 0.25rem 0 0.65rem;
    font-size: 0.78rem;
}

.duplicate-item[b-79ip5zwh07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: 0.5rem;
    padding: 0.7rem;
    background: #fff;
    border-radius: 0.65rem;
}

.duplicate-item > div[b-79ip5zwh07] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.duplicate-item span[b-79ip5zwh07],
.duplicate-item small[b-79ip5zwh07] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 440px) {
    .two-column-fields[b-79ip5zwh07],
    .input-button-row[b-79ip5zwh07] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/BefaringNyttTilbud.razor.rz.scp.css */
.back-link[b-kb5lkka8ao] {
    display: inline-flex;
    margin-bottom: 0.7rem;
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.mobile-page-heading[b-kb5lkka8ao] {
    margin-bottom: 1rem;
}

.mobile-page-heading h1[b-kb5lkka8ao] {
    margin: 0.1rem 0 0.25rem;
    font-size: 1.85rem;
    font-weight: 800;
}

.mobile-page-heading p[b-kb5lkka8ao] {
    margin: 0;
    color: #667085;
    font-size: 0.85rem;
}

.eyebrow[b-kb5lkka8ao] {
    color: #0d6efd;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-picker[b-kb5lkka8ao],
.offer-form[b-kb5lkka8ao] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 1rem;
}

.picker-heading[b-kb5lkka8ao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.picker-heading h2[b-kb5lkka8ao] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.picker-heading a[b-kb5lkka8ao] {
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.customer-search[b-kb5lkka8ao] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.customer-list[b-kb5lkka8ao] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.customer-choice[b-kb5lkka8ao] {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    padding: 0.8rem;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.75rem;
    text-align: left;
}

.customer-choice span[b-kb5lkka8ao],
.customer-choice small[b-kb5lkka8ao] {
    color: #697386;
    font-size: 0.76rem;
}

.empty-box[b-kb5lkka8ao],
.loading-box[b-kb5lkka8ao] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.6rem;
    color: #697386;
    background: #fff;
    border: 1px dashed #cfd6e0;
    border-radius: 0.9rem;
}

.selected-customer[b-kb5lkka8ao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.75rem;
    padding: 0.85rem 1rem;
    color: #133461;
    background: #eaf3ff;
    border: 1px solid #b9d5ff;
    border-radius: 0.9rem;
}

.selected-customer > div[b-kb5lkka8ao] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.selected-customer span[b-kb5lkka8ao],
.selected-customer small[b-kb5lkka8ao] {
    color: #526a89;
    font-size: 0.72rem;
}

.offer-form[b-kb5lkka8ao] {
    display: grid;
    gap: 0.9rem;
}

.field-group label[b-kb5lkka8ao] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
    font-weight: 800;
}

.offer-type-grid[b-kb5lkka8ao] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
}

.offer-type-button[b-kb5lkka8ao] {
    display: flex;
    min-height: 8rem;
    align-items: flex-start;
    flex-direction: column;
    padding: 0.85rem;
    color: #3e4a5f;
    background: #fff;
    border: 1px solid #cfd6e0;
    border-radius: 0.8rem;
    text-align: left;
}

.offer-type-button.active[b-kb5lkka8ao] {
    color: #0d4b9b;
    background: #eaf3ff;
    border-color: #0d6efd;
    box-shadow: inset 0 0 0 1px #0d6efd;
}

.offer-type-button strong[b-kb5lkka8ao] {
    font-size: 0.95rem;
}

.offer-type-button small[b-kb5lkka8ao] {
    margin-top: 0.3rem;
    color: #697386;
    line-height: 1.35;
}

.offer-info-grid[b-kb5lkka8ao] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
}

.offer-info-grid > div[b-kb5lkka8ao],
.standard-info[b-kb5lkka8ao] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    background: #f7f8fa;
    border: 1px solid #e1e5eb;
    border-radius: 0.75rem;
}

.offer-info-grid span[b-kb5lkka8ao],
.standard-info span[b-kb5lkka8ao],
.standard-info small[b-kb5lkka8ao] {
    color: #697386;
    font-size: 0.72rem;
}

.standard-info strong[b-kb5lkka8ao] {
    margin-bottom: 0.2rem;
}

@media (max-width: 520px) {
    .customer-search[b-kb5lkka8ao],
    .offer-type-grid[b-kb5lkka8ao] {
        grid-template-columns: 1fr;
    }

    .offer-type-button[b-kb5lkka8ao] {
        min-height: auto;
    }
}


.equipment-picker[b-kb5lkka8ao] {
    overflow: hidden;
    background: #f7f8fa;
    border: 1px solid #dfe5ee;
    border-radius: 0.85rem;
}

.equipment-picker > summary[b-kb5lkka8ao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem;
    cursor: pointer;
    list-style: none;
}

.equipment-picker > summary[b-kb5lkka8ao]::-webkit-details-marker {
    display: none;
}

.equipment-picker > summary span:first-child[b-kb5lkka8ao] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.equipment-picker > summary small[b-kb5lkka8ao],
.equipment-help[b-kb5lkka8ao] {
    color: #697386;
    font-size: 0.72rem;
}

.equipment-picker > summary strong[b-kb5lkka8ao] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.change-label[b-kb5lkka8ao] {
    color: #0d6efd;
    font-size: 0.78rem;
    font-weight: 800;
}

.equipment-picker-body[b-kb5lkka8ao] {
    padding: 0 0.85rem 0.85rem;
    background: #fff;
    border-top: 1px solid #e3e7ed;
}

.equipment-picker-body .produktstandard-velger[b-kb5lkka8ao] {
    padding-top: 0.85rem;
}

.equipment-help[b-kb5lkka8ao] {
    margin: 0.75rem 0 0;
}
/* /Components/Pages/BefaringStart.razor.rz.scp.css */
.befaring-loading[b-nx1p08dw1q] {
    display: flex;
    min-height: 45vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.8rem;
    color: #667085;
}

.befaring-hero[b-nx1p08dw1q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.25rem;
    color: #fff;
    background: linear-gradient(135deg, #0d6efd 0%, #074aa8 100%);
    border-radius: 1.15rem;
    box-shadow: 0 10px 28px rgba(13, 110, 253, 0.2);
}

.befaring-hero h1[b-nx1p08dw1q] {
    margin: 0.1rem 0 0.35rem;
    font-size: clamp(1.8rem, 8vw, 2.6rem);
    font-weight: 800;
}

.befaring-hero p[b-nx1p08dw1q] {
    max-width: 34rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.befaring-eyebrow[b-nx1p08dw1q] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.befaring-online-badge[b-nx1p08dw1q] {
    padding: 0.4rem 0.65rem;
    color: #e9fff2;
    background: rgba(20, 150, 90, 0.35);
    border: 1px solid rgba(222, 255, 235, 0.45);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.fortsett-card[b-nx1p08dw1q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    color: #133461;
    background: #eaf3ff;
    border: 1px solid #b9d5ff;
    border-radius: 1rem;
    text-decoration: none;
}

.fortsett-card > div[b-nx1p08dw1q] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.fortsett-card strong[b-nx1p08dw1q],
.fortsett-card span[b-nx1p08dw1q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fortsett-label[b-nx1p08dw1q] {
    margin-bottom: 0.2rem;
    color: #0d6efd;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fortsett-arrow[b-nx1p08dw1q] {
    font-size: 2rem;
    line-height: 1;
}

.befaring-actions[b-nx1p08dw1q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.befaring-action[b-nx1p08dw1q] {
    display: flex;
    min-height: 8.2rem;
    flex-direction: column;
    padding: 1rem;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 1rem;
    box-shadow: 0 4px 14px rgba(25, 45, 80, 0.06);
    text-decoration: none;
}

.befaring-action.primary[b-nx1p08dw1q] {
    color: #fff;
    background: #0d6efd;
    border-color: #0d6efd;
}

.befaring-action strong[b-nx1p08dw1q] {
    margin-top: 0.55rem;
    font-size: 1rem;
}

.befaring-action small[b-nx1p08dw1q] {
    margin-top: 0.25rem;
    color: #697386;
    line-height: 1.3;
}

.befaring-action.primary small[b-nx1p08dw1q] {
    color: rgba(255, 255, 255, 0.82);
}

.action-icon[b-nx1p08dw1q] {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
}

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

.section-heading h2[b-nx1p08dw1q] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
}

.section-heading p[b-nx1p08dw1q] {
    margin: 0.15rem 0 0;
    color: #6b7280;
    font-size: 0.78rem;
}

.tilbud-list[b-nx1p08dw1q] {
    display: grid;
    gap: 0.65rem;
}

.tilbud-card[b-nx1p08dw1q],
.empty-card[b-nx1p08dw1q] {
    display: block;
    padding: 0.9rem 1rem;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.9rem;
    text-decoration: none;
}

.tilbud-card-top[b-nx1p08dw1q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.tilbud-card-top strong[b-nx1p08dw1q] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tilbud-prosjekt[b-nx1p08dw1q] {
    margin-top: 0.2rem;
    color: #38445a;
}

.tilbud-meta[b-nx1p08dw1q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.7rem;
    margin-top: 0.5rem;
    color: #7a8495;
    font-size: 0.72rem;
}

.tilbud-sum[b-nx1p08dw1q] {
    margin-top: 0.45rem;
    color: #0f5132;
    font-size: 0.82rem;
    font-weight: 800;
}

.status-pill[b-nx1p08dw1q] {
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-pill.draft[b-nx1p08dw1q] {
    color: #4b5563;
    background: #eef0f3;
}

.status-pill.sent[b-nx1p08dw1q] {
    color: #0b4a8b;
    background: #dcecff;
}

.status-pill.accepted[b-nx1p08dw1q] {
    color: #0f5132;
    background: #d1e7dd;
}

.status-pill.rejected[b-nx1p08dw1q],
.status-pill.expired[b-nx1p08dw1q] {
    color: #842029;
    background: #f8d7da;
}

.befaring-info[b-nx1p08dw1q] {
    margin-top: 1.25rem;
    padding: 0.8rem 0.9rem;
    color: #5f6674;
    background: #fff;
    border: 1px dashed #cfd6e0;
    border-radius: 0.8rem;
    font-size: 0.76rem;
    line-height: 1.4;
}

@media (max-width: 480px) {
    .befaring-actions[b-nx1p08dw1q] {
        grid-template-columns: 1fr 1fr;
        gap: 0.55rem;
    }

    .befaring-action[b-nx1p08dw1q] {
        min-height: 7.7rem;
        padding: 0.85rem;
    }

    .befaring-action small[b-nx1p08dw1q] {
        font-size: 0.72rem;
    }
}
/* /Components/Pages/BefaringTilbud.razor.rz.scp.css */
.back-link[b-l1o7p3whep] {
    display: inline-flex;
    margin-bottom: 0.7rem;
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.offer-hero[b-l1o7p3whep] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    color: #fff;
    background: linear-gradient(135deg, #0d6efd 0%, #074aa8 100%);
    border-radius: 1rem;
}

.offer-hero h1[b-l1o7p3whep] {
    margin: 0.25rem 0 0.2rem;
    font-size: 1.55rem;
    font-weight: 800;
}

.offer-hero p[b-l1o7p3whep] {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
}

.offer-labels[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.type-pill[b-l1o7p3whep],
.status-pill[b-l1o7p3whep] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 800;
}

.type-pill[b-l1o7p3whep] {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}

.status-pill[b-l1o7p3whep] {
    color: #3d4657;
    background: rgba(255, 255, 255, 0.88);
    white-space: nowrap;
}

.status-pill.sent[b-l1o7p3whep] { color: #0b4a8b; background: #dcecff; }
.status-pill.accepted[b-l1o7p3whep] { color: #0f5132; background: #d1e7dd; }
.status-pill.rejected[b-l1o7p3whep],
.status-pill.expired[b-l1o7p3whep] { color: #842029; background: #f8d7da; }

.offer-summary[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0.65rem 0 1rem;
}

.offer-summary > div[b-l1o7p3whep] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.7rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.75rem;
}

.offer-summary span[b-l1o7p3whep] {
    color: #7a8495;
    font-size: 0.65rem;
    font-weight: 700;
}

.offer-summary strong[b-l1o7p3whep] {
    margin-top: 0.1rem;
    overflow: hidden;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-section[b-l1o7p3whep] {
    margin-top: 0.75rem;
    padding: 0.9rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 1rem;
}

.section-heading[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.section-heading > div[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.section-heading h2[b-l1o7p3whep] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.section-heading p[b-l1o7p3whep] {
    margin: 0.1rem 0 0;
    color: #7a8495;
    font-size: 0.72rem;
}

.step-number[b-l1o7p3whep] {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0d6efd;
    border-radius: 50%;
    font-weight: 800;
}

.new-room-form[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.8fr auto;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
    padding: 0.65rem;
    background: #f7f9fc;
    border-radius: 0.75rem;
}

.room-tabs[b-l1o7p3whep] {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
    scroll-snap-type: x proximity;
}

.room-tab[b-l1o7p3whep] {
    display: flex;
    min-width: 10.5rem;
    max-width: 13rem;
    min-height: 5.4rem;
    align-items: flex-start;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0.75rem;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #d9e0ea;
    border-radius: 0.8rem;
    text-align: left;
    scroll-snap-align: start;
}

.room-tab.active[b-l1o7p3whep] {
    color: #0d4b9b;
    background: #eaf3ff;
    border-color: #0d6efd;
    box-shadow: inset 0 0 0 1px #0d6efd;
}

.room-tab strong[b-l1o7p3whep] {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-tab small[b-l1o7p3whep] {
    margin-top: 0.25rem;
    color: #768196;
}

.room-tab span[b-l1o7p3whep] {
    margin-top: auto;
    color: #0d6efd;
    font-size: 0.68rem;
    font-weight: 800;
}

.point-entry[b-l1o7p3whep] {
    display: grid;
    gap: 0.75rem;
}

.quick-category-block[b-l1o7p3whep] {
    display: grid;
    gap: 0.55rem;
    padding: 0.7rem;
    background: #f8fafc;
    border: 1px solid #dfe5ee;
    border-radius: 0.85rem;
}

.quick-category-heading[b-l1o7p3whep] {
    display: flex;
    flex-direction: column;
}

.quick-category-heading strong[b-l1o7p3whep] {
    font-size: 0.82rem;
}

.quick-category-heading span[b-l1o7p3whep] {
    color: #697386;
    font-size: 0.68rem;
}

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

.quick-category-button[b-l1o7p3whep] {
    display: flex;
    min-height: 3.8rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.15rem;
    padding: 0.6rem 0.7rem;
    color: #1f2937;
    background: #fff;
    border: 1px solid #cfd6e0;
    border-radius: 0.75rem;
    text-align: left;
}

.quick-category-button strong[b-l1o7p3whep] {
    color: #0d6efd;
    font-size: 0.78rem;
}

.quick-category-button small[b-l1o7p3whep] {
    width: 100%;
    overflow: hidden;
    color: #697386;
    font-size: 0.64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-category-button.active[b-l1o7p3whep] {
    background: #eaf2ff;
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.1);
}

.quick-category-button:disabled[b-l1o7p3whep] {
    opacity: 0.55;
}

.field-group label[b-l1o7p3whep],
.quantity-row label[b-l1o7p3whep] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.selected-point[b-l1o7p3whep] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    color: #0f5132;
    background: #e9f7ef;
    border: 1px solid #badbcc;
    border-radius: 0.75rem;
}

.selected-point span[b-l1o7p3whep],
.selected-point small[b-l1o7p3whep] {
    font-size: 0.7rem;
}

.selected-point strong[b-l1o7p3whep] {
    margin: 0.1rem 0;
}

.quantity-row[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(9rem, 1fr);
    align-items: end;
    gap: 0.75rem;
}

.quantity-control[b-l1o7p3whep],
.line-controls[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: 3.1rem minmax(3rem, 1fr) 3.1rem;
    overflow: hidden;
    border: 1px solid #cfd6e0;
    border-radius: 0.75rem;
}

.quantity-control button[b-l1o7p3whep],
.line-controls button[b-l1o7p3whep] {
    min-height: 3.1rem;
    color: #0d6efd;
    background: #f6f9fd;
    border: 0;
    font-size: 1.35rem;
    font-weight: 800;
}

.quantity-control strong[b-l1o7p3whep],
.line-controls strong[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-right: 1px solid #e1e5eb;
    border-left: 1px solid #e1e5eb;
}

.add-point-button[b-l1o7p3whep] {
    min-height: 3.2rem;
}

.manual-point-choice[b-l1o7p3whep] {
    border-top: 1px solid #e5e7eb;
    padding-top: 0.65rem;
}

.manual-point-choice summary[b-l1o7p3whep] {
    color: #526173;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 800;
}

.manual-point-body[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.mobile-lines[b-l1o7p3whep] {
    display: grid;
    gap: 0.55rem;
}

.mobile-line[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem;
    background: #f8fafc;
    border: 1px solid #e1e5eb;
    border-radius: 0.8rem;
}

.line-main[b-l1o7p3whep] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.line-main strong[b-l1o7p3whep],
.line-main small[b-l1o7p3whep],
.line-main span[b-l1o7p3whep] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-main small[b-l1o7p3whep] {
    margin-top: 0.15rem;
    color: #526173;
}

.line-main span[b-l1o7p3whep] {
    margin-top: 0.25rem;
    color: #7a8495;
    font-size: 0.7rem;
}

.line-controls[b-l1o7p3whep] {
    grid-template-columns: 2.7rem 2.9rem 2.7rem 2.5rem;
    border-radius: 0.65rem;
}

.line-controls button[b-l1o7p3whep] {
    min-height: 2.8rem;
}

.line-controls .delete-line[b-l1o7p3whep] {
    color: #b42318;
    background: #fff1f0;
    border-left: 1px solid #f3c6c2;
}

.line-count[b-l1o7p3whep] {
    font-weight: 800;
    white-space: nowrap;
}

.room-total[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.2rem 0.1rem;
    border-top: 1px solid #dfe5ee;
    font-weight: 800;
}

.empty-room[b-l1o7p3whep] {
    padding: 1rem;
    color: #697386;
    background: #f8fafc;
    border: 1px dashed #cfd6e0;
    border-radius: 0.75rem;
    text-align: center;
}

.bolig-info p[b-l1o7p3whep] {
    color: #667085;
}

.offer-actions[b-l1o7p3whep] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 1rem;
}

.loading-box[b-l1o7p3whep] {
    display: flex;
    min-height: 45vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.65rem;
    color: #697386;
}

@media (max-width: 650px) {
    .new-room-form[b-l1o7p3whep],
    .manual-point-body[b-l1o7p3whep] {
        grid-template-columns: 1fr;
    }

    .mobile-line[b-l1o7p3whep] {
        grid-template-columns: 1fr;
    }

    .line-controls[b-l1o7p3whep] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .quick-category-grid[b-l1o7p3whep] {
        grid-template-columns: 1fr;
    }

    .offer-summary[b-l1o7p3whep] {
        grid-template-columns: 1fr 1fr;
    }

    .offer-summary > div:last-child[b-l1o7p3whep] {
        grid-column: 1 / -1;
    }

    .quantity-row[b-l1o7p3whep],
    .offer-actions[b-l1o7p3whep] {
        grid-template-columns: 1fr;
    }
}

.equipment-card[b-l1o7p3whep],
.field-mode-card[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
    padding: 0.9rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 1rem;
}

.equipment-card[b-l1o7p3whep] {
    display: block;
}

.equipment-card-heading[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.equipment-card-heading > div[b-l1o7p3whep],
.field-mode-card > div:first-child[b-l1o7p3whep] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.equipment-card-heading span[b-l1o7p3whep],
.equipment-card-heading small[b-l1o7p3whep],
.field-mode-card span[b-l1o7p3whep] {
    color: #697386;
    font-size: 0.72rem;
}

.equipment-card-heading strong[b-l1o7p3whep] {
    overflow: hidden;
    margin: 0.1rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.equipment-card-body[b-l1o7p3whep] {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid #e3e7ed;
}

.field-mode-actions[b-l1o7p3whep] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .field-mode-card[b-l1o7p3whep] {
        align-items: stretch;
        flex-direction: column;
    }

    .field-mode-actions[b-l1o7p3whep] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .field-mode-actions .btn[b-l1o7p3whep] {
        width: 100%;
    }
}

.room-tab.completed[b-l1o7p3whep] {
    border-color: #75b798;
    background: #f2fbf6;
}

.room-tab.completed span[b-l1o7p3whep] {
    color: #198754;
}

.room-tab.not-completed:not(.active)[b-l1o7p3whep] {
    border-color: #e2e8f0;
}

.room-check-card[b-l1o7p3whep] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
    padding: 0.75rem;
    color: #664d03;
    background: #fff8e1;
    border: 1px solid #ffecb5;
    border-radius: 0.8rem;
}

.room-check-card.completed[b-l1o7p3whep] {
    color: #0f5132;
    background: #eaf7ef;
    border-color: #badbcc;
}

.room-check-card > div[b-l1o7p3whep] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.room-check-card span[b-l1o7p3whep] {
    margin-top: 0.15rem;
    font-size: 0.7rem;
}

.manual-price-field[b-l1o7p3whep] {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem;
    background: #fff8e1;
    border: 1px solid #ffecb5;
    border-radius: 0.75rem;
}

.manual-price-field label[b-l1o7p3whep] {
    font-size: 0.78rem;
    font-weight: 800;
}

.manual-price-field small[b-l1o7p3whep],
.cost-detail[b-l1o7p3whep] {
    color: #6c757d;
    font-size: 0.68rem;
}

.finish-section[b-l1o7p3whep] {
    border-color: #9ec5fe;
    background: #f7fbff;
}

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

.finish-progress > div[b-l1o7p3whep] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.7rem;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 0.75rem;
}

.finish-progress span[b-l1o7p3whep] {
    color: #6c757d;
    font-size: 0.67rem;
}

.finish-progress strong[b-l1o7p3whep] {
    margin-top: 0.15rem;
    font-size: 0.82rem;
}

.finish-checklist[b-l1o7p3whep] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.75rem 0;
    padding: 0.75rem;
    border-radius: 0.75rem;
}

.warning-list[b-l1o7p3whep] {
    color: #664d03;
    background: #fff3cd;
    border: 1px solid #ffecb5;
}

.ready-list[b-l1o7p3whep] {
    color: #0f5132;
    background: #d1e7dd;
    border: 1px solid #badbcc;
}

.finish-checklist ul[b-l1o7p3whep] {
    margin: 0;
    padding-left: 1.2rem;
}

.internal-review-comment[b-l1o7p3whep] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0 0 0.75rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-left: 4px solid #6c757d;
    border-radius: 0.4rem;
}

@media (max-width: 640px) {
    .room-check-card[b-l1o7p3whep] {
        align-items: stretch;
        flex-direction: column;
    }

    .finish-progress[b-l1o7p3whep] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/MontorunderlagForTilbud.razor.rz.scp.css */
.montorark[b-wrmudzc762] {
    max-width: 1050px;
    margin: 0 auto 3rem;
    background: #fff;
    border: 1px solid #d9dee5;
    border-radius: 0.8rem;
    padding: 2rem;
    color: #18212b;
}

.montorhode[b-wrmudzc762] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    border-bottom: 3px solid #0d6efd;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
}

.intern-merking[b-wrmudzc762] {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.ikke-kunde[b-wrmudzc762] {
    color: #b42318;
    font-weight: 800;
    text-transform: uppercase;
}

.tilbudsreferanse[b-wrmudzc762] {
    text-align: right;
}

.prosjektinfo[b-wrmudzc762] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1.5rem;
    margin-bottom: 1.5rem;
}

.prosjektinfo > div[b-wrmudzc762] {
    border: 1px solid #e2e6ea;
    border-radius: 0.5rem;
    padding: 0.65rem 0.8rem;
}

.prosjektinfo span[b-wrmudzc762] {
    display: block;
    color: #637083;
    font-size: 0.82rem;
}

.romblokk[b-wrmudzc762] {
    break-inside: avoid;
    margin-top: 1.4rem;
    border: 1px solid #d9dee5;
    border-radius: 0.6rem;
    overflow: hidden;
}

.romblokk h2[b-wrmudzc762] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    font-size: 1.15rem;
    background: #eef4ff;
    border-bottom: 1px solid #d9dee5;
}

.internt-notat[b-wrmudzc762] {
    margin: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-left: 4px solid #f59e0b;
    background: #fff8e7;
    white-space: pre-wrap;
}

.antall-kolonne[b-wrmudzc762] {
    width: 90px;
    text-align: center;
    white-space: nowrap;
}

.opsjon-merking[b-wrmudzc762] {
    margin-top: 0.15rem;
    color: #157347;
    font-size: 0.78rem;
    font-weight: 700;
}

footer[b-wrmudzc762] {
    margin-top: 2rem;
    padding-top: 0.6rem;
    border-top: 1px solid #cfd5dc;
    color: #5b6572;
    font-size: 0.8rem;
}

@media (max-width: 700px) {
    .montorark[b-wrmudzc762] {
        padding: 1rem;
        border-radius: 0;
    }

    .montorhode[b-wrmudzc762] {
        display: block;
    }

    .tilbudsreferanse[b-wrmudzc762] {
        margin-top: 0.75rem;
        text-align: left;
    }

    .prosjektinfo[b-wrmudzc762] {
        grid-template-columns: 1fr;
    }
}

@page {
    size: A4 portrait;
    margin: 12mm;
}

@media print {
    .no-print[b-wrmudzc762] {
        display: none !important;
    }

    .montorark[b-wrmudzc762] {
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    .romblokk[b-wrmudzc762] {
        break-inside: avoid;
    }

    body[b-wrmudzc762] {
        background: #fff !important;
    }
}