/* _content/PortalItlock.Web/Components/AbcKalkulator.razor.rz.scp.css */
.panel[b-orxsdfjq2l] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.5rem 1.6rem;
    margin-bottom: 1.3rem;
}

.panel-rad[b-orxsdfjq2l] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
}

.diagram-svg-wrap[b-orxsdfjq2l] {
    flex: 1 1 300px;
    max-width: 340px;
}

    .diagram-svg-wrap svg[b-orxsdfjq2l] {
        width: 100%;
        height: auto;
        display: block;
    }

.input-rad[b-orxsdfjq2l] {
    display: flex;
    gap: 1.2rem;
    flex: 1 1 260px;
}

.input-gruppe[b-orxsdfjq2l] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.input-label[b-orxsdfjq2l] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

.input-gruppe input[b-orxsdfjq2l] {
    width: 5rem;
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.6rem;
    text-align: center;
}

    .input-gruppe input:focus[b-orxsdfjq2l] {
        outline: none;
        border-color: var(--itlock-accent);
    }

    .input-gruppe input[readonly][b-orxsdfjq2l] {
        background: var(--itlock-surface);
        color: var(--itlock-ink-muted);
    }

.resultat-tittel[b-orxsdfjq2l] {
    margin: 0 0 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--itlock-ink-muted);
}

.resultat-liste[b-orxsdfjq2l] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resultat-rad[b-orxsdfjq2l] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .resultat-rad:last-child[b-orxsdfjq2l] {
        border-bottom: none;
    }

.resultat-ikon[b-orxsdfjq2l] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .resultat-ikon svg[b-orxsdfjq2l] {
        width: 1rem;
        height: 1rem;
    }

.resultat-navn[b-orxsdfjq2l] {
    flex: 1;
    font-size: 0.92rem;
    font-weight: 500;
}

.resultat-antall[b-orxsdfjq2l] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    text-align: right;
}

.resultat-verdi[b-orxsdfjq2l] {
    font-weight: 700;
    font-size: 0.98rem;
    font-variant-numeric: tabular-nums;
    min-width: 4.5rem;
    text-align: right;
}

    .resultat-verdi span[b-orxsdfjq2l] {
        font-size: 0.76rem;
        font-weight: 500;
        color: var(--itlock-ink-muted);
        margin-left: 0.15rem;
    }

@media (max-width: 640.98px) {
    .input-rad[b-orxsdfjq2l] {
        gap: 0.7rem;
    }

    .input-gruppe input[b-orxsdfjq2l] {
        width: 4rem;
    }
}
/* _content/PortalItlock.Web/Components/ArshjulPanel.razor.rz.scp.css */
.section-hint[b-nxke62ox8m] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
    max-width: 720px;
}

.list-empty[b-nxke62ox8m] {
    color: var(--itlock-ink-muted);
}

/* ---------- Varsel-banner ---------- */

.arshjul-varsel-banner[b-nxke62ox8m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.8rem 1.1rem;
    margin-bottom: 1.2rem;
}

.varsel-tekst[b-nxke62ox8m] {
    font-size: 0.83rem;
    color: var(--itlock-ink-muted);
    flex: 1 1 260px;
}

.arshjul-varsel-banner .save-success[b-nxke62ox8m] {
    flex-basis: 100%;
    margin: 0;
}

.save-button[b-nxke62ox8m] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    height: fit-content;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

    .save-button:hover[b-nxke62ox8m] {
        background: var(--itlock-accent-hover);
    }

    .save-button:disabled[b-nxke62ox8m] {
        opacity: 0.6;
        cursor: default;
    }

.save-success[b-nxke62ox8m] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

/* ---------- Nøkkeltall ---------- */

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

.nokkel-kort[b-nxke62ox8m] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.nokkel-etikett[b-nxke62ox8m] {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.nokkel-verdi[b-nxke62ox8m] {
    font-size: 1.4rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.nokkel-verdi.gronn[b-nxke62ox8m] {
    color: #2b7a4b;
}

.nokkel-verdi.gul[b-nxke62ox8m] {
    color: #a1690a;
}

.nokkel-under[b-nxke62ox8m] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Tabell ---------- */

.arshjul-tabell-kort[b-nxke62ox8m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.arshjul-tabell[b-nxke62ox8m] {
    width: 100%;
    border-collapse: collapse;
}

    .arshjul-tabell th[b-nxke62ox8m] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        font-size: 0.74rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-weight: 700;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .arshjul-tabell td[b-nxke62ox8m] {
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .arshjul-tabell tbody tr:last-child td[b-nxke62ox8m] {
        border-bottom: none;
    }

    .arshjul-tabell tbody tr:hover td[b-nxke62ox8m] {
        background: rgba(131, 94, 65, 0.05);
    }

    .arshjul-tabell a[b-nxke62ox8m] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

        .arshjul-tabell a:hover[b-nxke62ox8m] {
            text-decoration: underline;
        }

.tall-kolonne[b-nxke62ox8m] {
    text-align: right;
}

.mono[b-nxke62ox8m] {
    font-variant-numeric: tabular-nums;
}

.arshjul-status[b-nxke62ox8m] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.arshjul-status-utfort[b-nxke62ox8m] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.arshjul-status-gjenstar[b-nxke62ox8m] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.arshjul-status-ingen[b-nxke62ox8m] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

@media (max-width: 900px) {
    .nokkeltall[b-nxke62ox8m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/PortalItlock.Web/Components/AvvikDriftsmeldingPanel.razor.rz.scp.css */
.prosjekt-layout[b-rwot48j3m0] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 900px;
}

.avvik-layout[b-rwot48j3m0] {
    gap: 0;
}

.avvik-side-header[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.3rem;
}

    .avvik-side-header h1[b-rwot48j3m0] {
        margin: 0;
    }

.avvik-side-ikon[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .avvik-side-ikon[b-rwot48j3m0]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.avvik-panel[b-rwot48j3m0] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.avvik-panel-header[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.6rem;
}

    .avvik-panel-header h2[b-rwot48j3m0] {
        margin: 0;
        font-size: 1.05rem;
    }

.avvik-panel-ikon[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .avvik-panel-ikon[b-rwot48j3m0]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.section-hint[b-rwot48j3m0] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.list-empty[b-rwot48j3m0] {
    color: var(--itlock-ink-muted);
}

.form-error[b-rwot48j3m0] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
}

.knapp[b-rwot48j3m0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp[b-rwot48j3m0]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .knapp:hover[b-rwot48j3m0] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-rwot48j3m0] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:disabled[b-rwot48j3m0] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.meld-avvik-rad[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

    .meld-avvik-rad select[b-rwot48j3m0],
    .meld-avvik-rad input[b-rwot48j3m0] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
    }

    .meld-avvik-rad input[b-rwot48j3m0] {
        flex: 1 1 260px;
    }

.avvik-liste[b-rwot48j3m0] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.avvik-kort[b-rwot48j3m0] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.75rem 1rem;
}

.avvik-kort-ikon[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
    flex-shrink: 0;
}

    .avvik-kort-ikon[b-rwot48j3m0]  .icon {
        width: 1rem;
        height: 1rem;
    }

.avvik-kort-innhold[b-rwot48j3m0] {
    flex: 1 1 auto;
    min-width: 0;
}

.avvik-header[b-rwot48j3m0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.avvik-status[b-rwot48j3m0] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.avvik-status-Apent[b-rwot48j3m0] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.avvik-status-SendtTilKunde[b-rwot48j3m0] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.avvik-status-Godkjent[b-rwot48j3m0] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.avvik-dato[b-rwot48j3m0] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin-left: auto;
}

.avvik-tekst[b-rwot48j3m0] {
    margin: 0;
}

.edit-link[b-rwot48j3m0] {
    color: var(--itlock-accent);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .edit-link:hover[b-rwot48j3m0] {
        text-decoration: underline;
    }

.melding-liste[b-rwot48j3m0] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.melding-kort[b-rwot48j3m0] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 1rem 1.2rem;
}

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

.melding-dato[b-rwot48j3m0] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    margin: 0.15rem 0 0;
}

.melding-tekst[b-rwot48j3m0] {
    white-space: pre-wrap;
    margin: 0 0 0.5rem;
}

.melding-media[b-rwot48j3m0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.melding-bilde[b-rwot48j3m0] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--itlock-border);
}

.melding-video[b-rwot48j3m0] {
    max-width: 220px;
    max-height: 140px;
    border-radius: 8px;
    border: 1px solid var(--itlock-border);
}

@media (max-width: 640.98px) {
    .meld-avvik-rad[b-rwot48j3m0] {
        flex-direction: column;
        align-items: stretch;
    }

    .melding-header[b-rwot48j3m0] {
        flex-direction: column;
        gap: 0.4rem;
    }
}
/* _content/PortalItlock.Web/Components/BilerToggle.razor.rz.scp.css */
.theme-toggle[b-57v8ytiz5s] {
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    padding: 0.4rem 0.7rem;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

    .theme-toggle:hover[b-57v8ytiz5s] {
        background: rgba(131, 94, 65, 0.08);
    }
/* _content/PortalItlock.Web/Components/CeGodkjenningPanel.razor.rz.scp.css */
.ce-panel-header[b-n4mu1evkvs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

    .ce-panel-header h2[b-n4mu1evkvs] {
        margin: 0 0 0.2rem;
    }

.ce-sub[b-n4mu1evkvs] {
    color: var(--itlock-ink-muted);
    margin: 0;
}

.section-hint[b-n4mu1evkvs] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.form-error[b-n4mu1evkvs] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-n4mu1evkvs] {
    color: #2b7a4b;
    font-weight: 600;
}

.list-empty[b-n4mu1evkvs] {
    color: var(--itlock-ink-muted);
}

.ce-stegindikator[b-n4mu1evkvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    max-width: 1000px;
}

.ce-steg[b-n4mu1evkvs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
}

.ce-steg-aktiv[b-n4mu1evkvs] {
    border-color: var(--itlock-accent);
    color: var(--itlock-ink);
    font-weight: 600;
}

.ce-steg-tall[b-n4mu1evkvs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: var(--itlock-border);
    font-size: 0.75rem;
}

.ce-steg-aktiv .ce-steg-tall[b-n4mu1evkvs] {
    background: var(--itlock-accent);
    color: #fff;
}

.ce-steg-tall-ok[b-n4mu1evkvs] {
    background: #2b7a4b;
    color: #fff;
}

.ce-steg-tall-feil[b-n4mu1evkvs] {
    background: #b5502d;
    color: #fff;
}

.ce-stegpanel[b-n4mu1evkvs] {
    max-width: 1000px;
    margin-bottom: 1.5rem;
}

    .ce-stegpanel h2[b-n4mu1evkvs], .ce-stegpanel h3[b-n4mu1evkvs] {
        margin: 1rem 0 0.5rem;
    }

.field-grid[b-n4mu1evkvs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: 0.5rem;
}

    .field-grid label[b-n4mu1evkvs] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.85rem;
    }

    .field-grid input[b-n4mu1evkvs],
    .field-grid select[b-n4mu1evkvs] {
        width: 100%;
        box-sizing: border-box;
        padding: 0.4rem;
    }

.ce-location-field[b-n4mu1evkvs] {
    grid-column: span 2;
}

.ce-location-map[b-n4mu1evkvs] {
    width: 100%;
    height: 220px;
    border: 1px solid var(--itlock-border);
}

.ce-locate-button[b-n4mu1evkvs] {
    align-self: flex-start;
    font-size: 0.78rem;
    padding: 0.3rem 0.6rem;
}

.ce-grense[b-n4mu1evkvs] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.ce-unntak[b-n4mu1evkvs] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 400;
}

.ce-kommentar[b-n4mu1evkvs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    max-width: 500px;
    margin-top: 0.5rem;
}

    .ce-kommentar textarea[b-n4mu1evkvs] {
        min-height: 4rem;
        padding: 0.4rem;
    }

.ce-checkbox[b-n4mu1evkvs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.ce-signering[b-n4mu1evkvs] {
    margin-top: 1rem;
}

.ce-signatur-rad[b-n4mu1evkvs] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1rem;
}

.signatur-pad-wrap[b-n4mu1evkvs] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
}

.signatur-canvas[b-n4mu1evkvs] {
    width: 100%;
    max-width: 400px;
    height: 150px;
    background: #fff;
    border: 1px solid var(--itlock-border);
    touch-action: none;
}

.signatur-actions[b-n4mu1evkvs] {
    display: flex;
    gap: 0.5rem;
}

.qr-link[b-n4mu1evkvs] {
    display: inline-block;
    margin: 0.5rem 0 1rem;
    color: var(--itlock-accent);
    font-size: 0.85rem;
}

.ce-input-warn[b-n4mu1evkvs] {
    background: #fdf4d6;
    border-color: #c99a1f;
}

.ce-panel-header-actions[b-n4mu1evkvs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dor-table[b-n4mu1evkvs] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.75rem;
}

    .dor-table th[b-n4mu1evkvs],
    .dor-table td[b-n4mu1evkvs] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

.ce-valid-ok[b-n4mu1evkvs] {
    color: #2b7a4b;
    font-weight: 600;
}

.ce-valid-feil[b-n4mu1evkvs] {
    color: #b5502d;
    font-weight: 600;
}

.ce-valideringsresultat[b-n4mu1evkvs] {
    padding: 0.6rem 0.9rem;
    border: 1px solid currentColor;
    margin-bottom: 0.75rem;
    max-width: 500px;
}

.media-upload[b-n4mu1evkvs] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

    .media-upload select[b-n4mu1evkvs] {
        padding: 0.4rem;
    }

.media-gruppe-tittel[b-n4mu1evkvs] {
    font-size: 0.95rem;
    margin: 0.75rem 0 0.4rem;
}

.media-grid[b-n4mu1evkvs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.media-item[b-n4mu1evkvs] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .media-item img[b-n4mu1evkvs],
    .media-item video[b-n4mu1evkvs] {
        width: 100%;
        max-height: 160px;
        object-fit: cover;
        border: 1px solid var(--itlock-border);
    }

.remove-button[b-n4mu1evkvs] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.add-button[b-n4mu1evkvs] {
    display: inline-block;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}

.save-button[b-n4mu1evkvs] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.page-button[b-n4mu1evkvs] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .page-button:disabled[b-n4mu1evkvs] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.ce-navigasjon[b-n4mu1evkvs] {
    display: flex;
    gap: 0.6rem;
    max-width: 1000px;
}
/* _content/PortalItlock.Web/Components/DetaljSeksjon.razor.rz.scp.css */
.detalj-seksjon[b-wmra0jogty] {
    max-width: 900px;
    border: 1px solid var(--itlock-border);
    padding: 1rem 1.2rem;
    margin-bottom: 1.25rem;
}

.detalj-seksjon h2[b-wmra0jogty] {
    font-size: 1.05rem;
    margin: 0 0 0.75rem;
}

.detalj-seksjon[b-wmra0jogty]  h3 {
    font-size: 0.95rem;
    margin: 1rem 0 0.5rem;
}
/* _content/PortalItlock.Web/Components/DoorFinder/PackageDetail.razor.rz.scp.css */
.panel[b-bxluaulw0h] {
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.panel-header[b-bxluaulw0h] {
    margin-bottom: 0.9rem;
}

    .panel-header h2[b-bxluaulw0h] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 700;
    }

.package-detail-empty[b-bxluaulw0h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 3rem 1.5rem;
    color: var(--itlock-ink-muted);
}

    .package-detail-empty[b-bxluaulw0h]  .icon {
        width: 1.8rem;
        height: 1.8rem;
        opacity: 0.4;
    }

    .package-detail-empty p[b-bxluaulw0h] {
        margin: 0;
    }

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

    .package-detail-header h3[b-bxluaulw0h] {
        margin: 0;
        font-size: 1.15rem;
    }

.rediger-btn[b-bxluaulw0h] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-accent);
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 0.35rem 0.7rem;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 0.15s ease;
}

    .rediger-btn:hover[b-bxluaulw0h] {
        border-color: var(--itlock-accent);
    }

    .rediger-btn[b-bxluaulw0h]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.package-beskrivelse[b-bxluaulw0h] {
    font-size: 0.88rem;
    color: var(--itlock-ink-muted);
    margin: 0.3rem 0 1.2rem;
}

.oppfyller-tittel[b-bxluaulw0h] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.5rem;
}

.oppfyller-rad[b-bxluaulw0h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1.2rem;
}

.oppfyller-pille[b-bxluaulw0h] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2b7a4b;
    background: #d3ecdb;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

    .oppfyller-pille[b-bxluaulw0h]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.komponent-tabell-kort[b-bxluaulw0h] {
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow: hidden;
}

.package-detail table[b-bxluaulw0h] {
    width: 100%;
    border-collapse: collapse;
}

.package-detail th[b-bxluaulw0h],
.package-detail td[b-bxluaulw0h] {
    text-align: left;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--itlock-border);
    font-size: 0.85rem;
}

.package-detail thead th[b-bxluaulw0h] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
}

.package-detail .tall-kolonne[b-bxluaulw0h] {
    text-align: right;
}

.package-detail .price-cell[b-bxluaulw0h] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.package-detail tbody tr:last-child td[b-bxluaulw0h] {
    border-bottom: none;
}

.package-detail tfoot td[b-bxluaulw0h] {
    font-weight: 700;
    background: rgba(131, 94, 65, 0.1);
    border-top: 2px solid var(--itlock-border);
    border-bottom: none;
    color: var(--itlock-accent);
}
/* _content/PortalItlock.Web/Components/DoorFinder/PackageResultList.razor.rz.scp.css */
.panel[b-k4xy1dzguh] {
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.panel-header[b-k4xy1dzguh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

    .panel-header h2[b-k4xy1dzguh] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 700;
    }

    .panel-header span[b-k4xy1dzguh] {
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
    }

.package-results[b-k4xy1dzguh] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.package-result[b-k4xy1dzguh] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    text-align: left;
    font: inherit;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.8rem 0.95rem;
    cursor: pointer;
    color: var(--itlock-ink);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

    .package-result:hover[b-k4xy1dzguh] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transform: translateY(-1px);
    }

    .package-result.is-selected[b-k4xy1dzguh] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
        box-shadow: 0 0 0 1px var(--itlock-accent);
    }

.package-ikon[b-k4xy1dzguh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

    .package-ikon[b-k4xy1dzguh]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.package-result.is-selected .package-ikon[b-k4xy1dzguh] {
    background: var(--itlock-accent);
    color: #fff;
}

.package-tekst[b-k4xy1dzguh] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.package-name[b-k4xy1dzguh] {
    font-weight: 700;
    font-size: 0.95rem;
}

.package-requirements[b-k4xy1dzguh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.package-krav-tag[b-k4xy1dzguh] {
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
    background: rgba(131, 94, 65, 0.08);
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
}

.no-results[b-k4xy1dzguh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    border: 1px dashed var(--itlock-border);
    border-radius: 12px;
    color: var(--itlock-ink-muted);
}

    .no-results[b-k4xy1dzguh]  .icon {
        width: 1.8rem;
        height: 1.8rem;
        opacity: 0.5;
    }

    .no-results p[b-k4xy1dzguh] {
        margin: 0;
    }

.no-results-hint[b-k4xy1dzguh] {
    font-size: 0.82rem;
}
/* _content/PortalItlock.Web/Components/DoorFinder/RequirementSelector.razor.rz.scp.css */
.panel[b-tpqe56z4vs] {
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.panel-header[b-tpqe56z4vs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

    .panel-header h2[b-tpqe56z4vs] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 700;
    }

.nullstill-link[b-tpqe56z4vs] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-accent);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

    .nullstill-link:hover[b-tpqe56z4vs] {
        text-decoration: underline;
    }

.krav-gruppe[b-tpqe56z4vs] {
    border-bottom: 1px solid var(--itlock-border);
    padding-bottom: 0.9rem;
    margin-bottom: 0.9rem;
}

    .krav-gruppe:last-child[b-tpqe56z4vs] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.krav-gruppe-header[b-tpqe56z4vs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.krav-gruppe-navn[b-tpqe56z4vs] {
    font-size: 0.85rem;
    font-weight: 700;
}

.krav-gruppe-antall[b-tpqe56z4vs] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
}

.krav-chip-rad[b-tpqe56z4vs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.krav-chip[b-tpqe56z4vs] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    cursor: pointer;
    user-select: none;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

    .krav-chip:hover[b-tpqe56z4vs] {
        border-color: var(--itlock-accent);
    }

    .krav-chip.valgt[b-tpqe56z4vs] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

    .krav-chip[b-tpqe56z4vs]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        flex-shrink: 0;
    }
/* _content/PortalItlock.Web/Components/DorerListePanel.razor.rz.scp.css */
.dorer-layout[b-m5vtjfz9lv] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.dorer-list-wrap[b-m5vtjfz9lv] {
    flex: 1 1 auto;
    min-width: 0;
}

.knapp[b-m5vtjfz9lv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-m5vtjfz9lv]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-m5vtjfz9lv] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-m5vtjfz9lv] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.dorer-nokkeltall[b-m5vtjfz9lv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.25rem;
    max-width: 900px;
}

.nokkel-kort[b-m5vtjfz9lv] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.nokkel-etikett[b-m5vtjfz9lv] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
}

.nokkel-verdi[b-m5vtjfz9lv] {
    font-size: 1.35rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.dorer-filter-bar[b-m5vtjfz9lv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.dorer-filter-bar-venstre[b-m5vtjfz9lv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    flex: 1;
}

.dorer-sok-felt[b-m5vtjfz9lv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 240px;
    max-width: 320px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

    .dorer-sok-felt[b-m5vtjfz9lv]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

.dorer-filter-sok[b-m5vtjfz9lv] {
    border: none;
    outline: none;
    background: none;
    font: inherit;
    color: var(--itlock-ink);
    padding: 0;
    width: 100%;
}

.dorer-filter-bar select[b-m5vtjfz9lv] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

.dorer-filter-count[b-m5vtjfz9lv] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.dorer-table-wrap[b-m5vtjfz9lv] {
    max-width: 900px;
    margin-top: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.dorer-table[b-m5vtjfz9lv] {
    width: 100%;
    border-collapse: collapse;
}

    .dorer-table th[b-m5vtjfz9lv],
    .dorer-table td[b-m5vtjfz9lv] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .dorer-table thead th[b-m5vtjfz9lv] {
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .dorer-table tbody tr:hover td[b-m5vtjfz9lv] {
        background: rgba(131, 94, 65, 0.05);
    }

    .dorer-table tbody tr:last-child td[b-m5vtjfz9lv] {
        border-bottom: none;
    }

.dorer-row-selected td[b-m5vtjfz9lv] {
    background: rgba(131, 94, 65, 0.08);
}

.status-select[b-m5vtjfz9lv] {
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    border: none;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #fff;
    cursor: pointer;
}

.status-select-ikke-startet[b-m5vtjfz9lv] {
    background: #2054a3;
}

.status-select-montert[b-m5vtjfz9lv] {
    background: #a1690a;
}

.status-select-ferdig[b-m5vtjfz9lv] {
    background: #2b7a4b;
}

.icon-button[b-m5vtjfz9lv] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .icon-button:hover[b-m5vtjfz9lv] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.list-empty[b-m5vtjfz9lv] {
    color: var(--itlock-ink-muted);
}

/* Fullskjerms overlegg for dør-redigering - samme oppskrift som i
   ProsjektSkjema.razor.css/PlantegningVisning.razor.css (CSS-isolasjon
   krever egen kopi her). */
.dor-modal-overlay[b-m5vtjfz9lv] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1050;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.dor-modal-panel[b-m5vtjfz9lv] {
    max-width: 100%;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .dor-modal-panel[b-m5vtjfz9lv]  .dor-panel {
        width: 920px;
        max-width: 100%;
        border: none;
    }

@media (max-width: 640.98px) {
    .dorer-layout[b-m5vtjfz9lv] {
        flex-direction: column;
    }

    .dorer-nokkeltall[b-m5vtjfz9lv] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dorer-filter-bar[b-m5vtjfz9lv] {
        flex-direction: column;
        align-items: stretch;
    }

    .dorer-sok-felt[b-m5vtjfz9lv] {
        max-width: none;
    }

    .dorer-table-wrap[b-m5vtjfz9lv] {
        overflow-x: auto;
    }

    .dor-modal-overlay[b-m5vtjfz9lv] {
        padding: 0;
        align-items: stretch;
    }

    .dor-modal-panel[b-m5vtjfz9lv] {
        max-width: none;
        max-height: none;
        width: 100%;
        box-shadow: none;
    }

        .dor-modal-panel[b-m5vtjfz9lv]  .dor-panel {
            width: 100%;
        }
}
/* _content/PortalItlock.Web/Components/DorImportModal.razor.rz.scp.css */
.import-overlay[b-zm55q1e8re] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1060;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.import-panel[b-zm55q1e8re] {
    width: 780px;
    max-width: 100%;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    background: var(--itlock-surface);
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    padding: 1.5rem 1.7rem;
}

.import-header[b-zm55q1e8re] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.import-header-ikon[b-zm55q1e8re] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.import-header h2[b-zm55q1e8re] {
    margin: 0 0 0.3rem;
    font-size: 1.2rem;
}

.import-hint[b-zm55q1e8re] {
    margin: 0;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

.import-lukk[b-zm55q1e8re] {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    padding: 0.3rem;
    flex-shrink: 0;
}

    .import-lukk:hover[b-zm55q1e8re] {
        color: var(--itlock-ink);
    }

.import-dropzone[b-zm55q1e8re] {
    position: relative;
    display: block;
    border: 2px dashed var(--itlock-border);
    border-radius: 10px;
    padding: 2.5rem 1rem;
    text-align: center;
    cursor: pointer;
    background: var(--itlock-bg);
    transition: border-color 0.15s ease-out;
}

    .import-dropzone:hover[b-zm55q1e8re] {
        border-color: var(--itlock-accent);
    }

    .import-dropzone[b-zm55q1e8re]  .icon {
        width: 1.8rem;
        height: 1.8rem;
        color: var(--itlock-accent);
    }

.import-dropzone-input[b-zm55q1e8re] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.import-dropzone-content[b-zm55q1e8re] {
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

    .import-dropzone-content p[b-zm55q1e8re] {
        margin: 0;
    }

.import-oppsummering[b-zm55q1e8re] {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.import-tall[b-zm55q1e8re] {
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.import-tall-ny[b-zm55q1e8re] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.import-tall-oppdater[b-zm55q1e8re] {
    background: rgba(138, 109, 31, 0.12);
    color: #8a6d1f;
}

.import-table-wrap[b-zm55q1e8re] {
    max-height: 420px;
    overflow: auto;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
}

.import-table[b-zm55q1e8re] {
    width: 100%;
    border-collapse: collapse;
}

    .import-table th[b-zm55q1e8re],
    .import-table td[b-zm55q1e8re] {
        text-align: left;
        padding: 0.5rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.84rem;
        white-space: nowrap;
    }

    .import-table thead th[b-zm55q1e8re] {
        position: sticky;
        top: 0;
        background: var(--itlock-bg);
        z-index: 1;
    }

.import-rad-avvalgt[b-zm55q1e8re] {
    opacity: 0.45;
}

.import-cell-input[b-zm55q1e8re] {
    width: 100%;
    min-width: 6rem;
    border: 1px solid var(--itlock-border);
    border-radius: 6px;
    padding: 0.3rem 0.45rem;
    font: inherit;
    font-size: 0.84rem;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.import-badge[b-zm55q1e8re] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.import-badge-ny[b-zm55q1e8re] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

.import-badge-oppdater[b-zm55q1e8re] {
    color: #8a6d1f;
    background: rgba(138, 109, 31, 0.12);
}

.import-actions[b-zm55q1e8re] {
    display: flex;
    gap: 0.7rem;
    margin-top: 1.1rem;
}

.import-ferdig-tekst[b-zm55q1e8re] {
    font-size: 0.95rem;
    padding: 1rem 0;
}

.form-error[b-zm55q1e8re] {
    color: #b5502d;
    font-weight: 600;
    margin-top: 0.8rem;
}

.save-button[b-zm55q1e8re] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 1.05rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
}

    .save-button:disabled[b-zm55q1e8re] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.cancel-button[b-zm55q1e8re] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    color: inherit;
    font-weight: 600;
    font-size: 0.86rem;
}

@media (max-width: 640.98px) {
    .import-overlay[b-zm55q1e8re] {
        padding: 0;
        align-items: stretch;
    }

    .import-panel[b-zm55q1e8re] {
        width: 100%;
        max-width: none;
        max-height: none;
        border-radius: 0;
    }

    .import-table th[b-zm55q1e8re],
    .import-table td[b-zm55q1e8re] {
        white-space: normal;
    }
}
/* _content/PortalItlock.Web/Components/DorRedigering.razor.rz.scp.css */
.dor-panel[b-9c2bbdcsbw] {
    width: 600px;
    flex-shrink: 0;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dor-panel-header[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.dor-panel-header-venstre[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.dor-panel-header-ikon[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dor-panel-header-ikon[b-9c2bbdcsbw]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .dor-panel-header h1[b-9c2bbdcsbw] {
        margin: 0;
        font-size: 1.15rem;
        overflow-wrap: anywhere;
    }

.dor-panel-header-actions[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dor-panel h2[b-9c2bbdcsbw] {
    margin: 0;
    font-size: 0.98rem;
}

.klone-rad[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.6rem 0.8rem;
}

    .klone-rad label[b-9c2bbdcsbw] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        color: var(--itlock-ink-muted);
    }

    .klone-rad .antall-input[b-9c2bbdcsbw] {
        max-width: 55px;
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 6px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        padding: 0.3rem 0.4rem;
    }

.dor-seksjon-panel[b-9c2bbdcsbw] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.1rem 1.15rem;
    background: var(--itlock-surface);
}

.dor-seksjon-panel-header[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.9rem;
}

.dor-seksjon-panel-ikon[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dor-seksjon-panel-ikon[b-9c2bbdcsbw]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.ce-modal-overlay[b-9c2bbdcsbw] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1200;
    padding: 2rem 1rem;
    overflow-y: auto;
}

.ce-modal[b-9c2bbdcsbw] {
    background: var(--itlock-surface);
    border-radius: 14px;
    width: min(1100px, 100%);
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
}

.skjema-seksjon[b-9c2bbdcsbw] {
    margin-bottom: 1rem;
}

    .skjema-seksjon:last-child[b-9c2bbdcsbw] {
        margin-bottom: 0;
    }

.skjema-seksjon-tittel[b-9c2bbdcsbw] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.6rem;
}

.field-grid[b-9c2bbdcsbw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.6rem 0.75rem;
}

.field-grid label[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.field-grid .span-2[b-9c2bbdcsbw] {
    grid-column: 1 / -1;
}

.field-grid label.checkbox-felt[b-9c2bbdcsbw] {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
    justify-content: flex-start;
    margin-top: auto;
    color: var(--itlock-ink);
}

    .field-grid label.checkbox-felt input[type="checkbox"][b-9c2bbdcsbw] {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
    }

.field-grid input[b-9c2bbdcsbw],
.field-grid select[b-9c2bbdcsbw],
.field-grid textarea[b-9c2bbdcsbw] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.55rem;
}

.status-options[b-9c2bbdcsbw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
}

.status-label[b-9c2bbdcsbw] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.funksjon-field[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.dorid-rad[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

    .dorid-rad select[b-9c2bbdcsbw] {
        flex: 1 1 auto;
        min-width: 140px;
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        padding: 0.4rem 0.55rem;
    }

.dorid-current[b-9c2bbdcsbw] {
    font-size: 0.78rem;
    color: var(--itlock-accent);
    font-weight: 600;
}

.funksjon-legg-til[b-9c2bbdcsbw] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
}

    .funksjon-legg-til select[b-9c2bbdcsbw] {
        flex: 1 1 auto;
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        padding: 0.4rem 0.55rem;
    }

.funksjon-chip-list[b-9c2bbdcsbw] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.funksjon-chip[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    border-radius: 999px;
    padding: 0.25rem 0.4rem 0.25rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
}

    .funksjon-chip button[b-9c2bbdcsbw] {
        background: none;
        border: none;
        cursor: pointer;
        line-height: 1;
        color: inherit;
        padding: 0.1rem;
        display: flex;
    }

    .funksjon-chip button[b-9c2bbdcsbw]  .icon {
        width: 0.7rem;
        height: 0.7rem;
    }

    .funksjon-chip button:hover[b-9c2bbdcsbw] {
        color: #a32020;
    }

.status-option[b-9c2bbdcsbw] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

    .status-option input[b-9c2bbdcsbw] {
        position: absolute;
        inset: 0;
        opacity: 0;
        margin: 0;
        cursor: pointer;
    }

    .status-option-ikke-startet:has(input:checked)[b-9c2bbdcsbw] {
        background: #2054a3;
        border-color: #2054a3;
        color: #fff;
    }

    .status-option-montert:has(input:checked)[b-9c2bbdcsbw] {
        background: #a1690a;
        border-color: #a1690a;
        color: #fff;
    }

    .status-option-ferdig:has(input:checked)[b-9c2bbdcsbw] {
        background: #2b7a4b;
        border-color: #2b7a4b;
        color: #fff;
    }

.montert-dato[b-9c2bbdcsbw] {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.6rem;
}

.garanti-boks[b-9c2bbdcsbw] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
}

    .garanti-boks[b-9c2bbdcsbw]  .icon {
        width: 1rem;
        height: 1rem;
        color: var(--itlock-accent);
        flex-shrink: 0;
        margin-top: 0.15rem;
    }

.garanti-innhold[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.garanti-liste[b-9c2bbdcsbw] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

    .garanti-liste li[b-9c2bbdcsbw] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--itlock-ink);
    }

.garanti-info[b-9c2bbdcsbw] {
    font-style: italic;
}

.garanti-ok[b-9c2bbdcsbw] {
    color: #2b7a4b;
    font-weight: 600;
}

.garanti-utlopt[b-9c2bbdcsbw] {
    color: #a33;
    font-weight: 600;
}

.beslag-sok-tittel[b-9c2bbdcsbw] {
    display: block;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.35rem;
}

.beslag-sok-felt[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
}

    .beslag-sok-felt[b-9c2bbdcsbw]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .beslag-sok-felt input[b-9c2bbdcsbw] {
        border: none;
        outline: none;
        background: none;
        color: var(--itlock-ink);
        font: inherit;
        font-size: 0.87rem;
        width: 100%;
    }

.search-results[b-9c2bbdcsbw] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    overflow: hidden;
    max-height: 200px;
    overflow-y: auto;
}

.search-result[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
}

    .search-result:hover[b-9c2bbdcsbw] {
        background: rgba(131, 94, 65, 0.08);
    }

.search-result-name[b-9c2bbdcsbw] {
    font-weight: 600;
    font-size: 0.85rem;
}

.search-result-meta[b-9c2bbdcsbw] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.search-empty[b-9c2bbdcsbw] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

.egendefinert-toggle[b-9c2bbdcsbw] {
    background: none;
    border: none;
    color: var(--itlock-accent);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem 0 0;
}

    .egendefinert-toggle:hover[b-9c2bbdcsbw] {
        text-decoration: underline;
    }

.egendefinert-rad[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

    .egendefinert-rad input[b-9c2bbdcsbw] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.35rem 0.5rem;
        font-size: 0.9rem;
        flex: 1 1 220px;
    }

.egendefinert-enhet[b-9c2bbdcsbw] {
    flex: 0 1 140px !important;
}

.pakke-legg-til[b-9c2bbdcsbw] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

    .pakke-legg-til select[b-9c2bbdcsbw] {
        flex: 1 1 auto;
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        padding: 0.4rem 0.55rem;
    }

.pakke-forhandsvisning[b-9c2bbdcsbw] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin: 0.35rem 0 0;
}

.beslag-tabell-kort[b-9c2bbdcsbw] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow-x: auto;
    margin-bottom: 0.8rem;
}

.linje-table[b-9c2bbdcsbw] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

    .linje-table th[b-9c2bbdcsbw],
    .linje-table td[b-9c2bbdcsbw] {
        text-align: left;
        padding: 0.4rem 0.5rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

    .linje-table thead th[b-9c2bbdcsbw] {
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-bg) 92%, var(--itlock-accent) 8%);
        white-space: nowrap;
    }

    .linje-table tbody tr:last-child td[b-9c2bbdcsbw] {
        border-bottom: none;
    }

.vare-navn-celle[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.vare-ikon[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 6px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vare-ikon[b-9c2bbdcsbw]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.vare-navn[b-9c2bbdcsbw] {
    font-weight: 600;
}

.ikon-btn[b-9c2bbdcsbw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .ikon-btn:hover[b-9c2bbdcsbw] {
        background: rgba(163, 32, 32, 0.08);
        color: #a32020;
        border-color: #a32020;
    }

    .ikon-btn[b-9c2bbdcsbw]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.beslag-status[b-9c2bbdcsbw] {
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    border: none;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    cursor: pointer;
    white-space: nowrap;
}

.beslag-status-ikke-montert[b-9c2bbdcsbw] {
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
}

.beslag-status-montert[b-9c2bbdcsbw] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

    .linje-table input[b-9c2bbdcsbw] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 6px;
        padding: 0.3rem 0.4rem;
        width: 100%;
    }

.antall-input[b-9c2bbdcsbw] {
    max-width: 55px;
}

.enhet-input[b-9c2bbdcsbw] {
    max-width: 70px;
}

.list-empty[b-9c2bbdcsbw] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.add-button[b-9c2bbdcsbw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: 1px solid var(--itlock-accent);
    border-radius: 8px;
    color: var(--itlock-accent);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
}

    .add-button[b-9c2bbdcsbw]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .add-button:disabled[b-9c2bbdcsbw] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.remove-button[b-9c2bbdcsbw] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
}

.save-button[b-9c2bbdcsbw] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 1.05rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
}

    .save-button[b-9c2bbdcsbw]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.form-actions[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.form-error[b-9c2bbdcsbw] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-9c2bbdcsbw] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.delete-button[b-9c2bbdcsbw],
.delete-confirm-button[b-9c2bbdcsbw] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: #fff;
    color: #a32020;
    border: 1px solid #a32020;
    border-radius: 9px;
    padding: 0.55rem 1.05rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
}

    .delete-button[b-9c2bbdcsbw]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.delete-confirm-button[b-9c2bbdcsbw] {
    background: #a32020;
    color: #fff;
}

.cancel-button[b-9c2bbdcsbw] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    font-size: 0.86rem;
}

    .cancel-button:hover[b-9c2bbdcsbw] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .cancel-button[b-9c2bbdcsbw]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.delete-confirm[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.kopier-beslag-felt[b-9c2bbdcsbw] {
    margin-top: 0.2rem;
}

.kopier-panel[b-9c2bbdcsbw] {
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    background: var(--itlock-bg);
    padding: 0.85rem 0.95rem;
    margin-top: 0.6rem;
}

.kopier-dor-liste[b-9c2bbdcsbw] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-height: 200px;
    overflow-y: auto;
}

    .kopier-dor-liste label[b-9c2bbdcsbw] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.85rem;
    }

.kopier-panel-actions[b-9c2bbdcsbw] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.meld-avvik-rad[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

    .meld-avvik-rad input[b-9c2bbdcsbw] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
        flex: 1 1 260px;
    }

.avvik-liste[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.avvik-kort[b-9c2bbdcsbw] {
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.75rem 0.95rem;
}

.avvik-header[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.avvik-status[b-9c2bbdcsbw] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.avvik-status-Apent[b-9c2bbdcsbw] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.avvik-status-SendtTilKunde[b-9c2bbdcsbw] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.avvik-status-Godkjent[b-9c2bbdcsbw] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.avvik-dato[b-9c2bbdcsbw] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin-left: auto;
}

.avvik-tekst[b-9c2bbdcsbw] {
    margin: 0;
}

/* Mobilvisning: egen forenklet fane-visning (Detaljer/Beslag/Avvik/Låssystem)
   i stedet for hele skrivebords-redigeringsskjemaet - se ErMobilvisning i
   @code. Markup-valget er avgjort server-side, så disse trenger ingen
   media-query. */
.mobil-dor-panel[b-9c2bbdcsbw] {
    width: 100%;
    max-width: 100%;
    padding: 0;
    gap: 0;
}

.mobil-dor-topp[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    /* padding-top må ta høyde for telefonens status-bar i hjemskjerm-app-
       modus (samme grunn som forklart i MainLayout.razor.css sin .top-row) -
       dette fullskjerms dørpanelet har ingen annen topplinje som allerede
       tar den høyden, siden det åpnes oppå resten av siden. */
    padding: calc(0.9rem + env(safe-area-inset-top, 0px)) 1rem 0.9rem;
    border-bottom: 1px solid var(--itlock-border);
}

.mobil-dor-tilbake[b-9c2bbdcsbw] {
    background: none;
    border: none;
    color: var(--itlock-ink);
    cursor: pointer;
    padding: 0;
    display: flex;
    flex-shrink: 0;
}

    .mobil-dor-tilbake[b-9c2bbdcsbw]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.mobil-dor-tittel[b-9c2bbdcsbw] {
    font-weight: 700;
    font-size: 1.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobil-dor-faner[b-9c2bbdcsbw] {
    display: flex;
    border-bottom: 1px solid var(--itlock-border);
    overflow-x: auto;
}

.mobil-dor-fane[b-9c2bbdcsbw] {
    flex: 1 1 auto;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.7rem 0.5rem;
    font: inherit;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    white-space: nowrap;
}

    .mobil-dor-fane.aktiv[b-9c2bbdcsbw] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

.mobil-dor-innhold[b-9c2bbdcsbw] {
    padding: 1rem;
}

.mobil-dor-gruppetittel[b-9c2bbdcsbw] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin: 0 0 0.4rem;
}

    .mobil-dor-gruppetittel:not(:first-child)[b-9c2bbdcsbw] {
        margin-top: 1.2rem;
    }

.mobil-dor-lenkekort[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.8rem 0.9rem;
    color: var(--itlock-ink);
    text-decoration: none;
    font-weight: 600;
}

    .mobil-dor-lenkekort[b-9c2bbdcsbw]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .mobil-dor-lenkekort > span:nth-child(2)[b-9c2bbdcsbw] {
        flex: 1 1 auto;
    }

.mobil-dor-lenkekort-pil[b-9c2bbdcsbw] {
    background: none;
    border: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    padding: 0;
}

    .mobil-dor-lenkekort-pil[b-9c2bbdcsbw]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        transform: rotate(-90deg);
    }

.mobil-dor-kort-liste[b-9c2bbdcsbw] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
}

.mobil-dor-rad[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .mobil-dor-rad:last-child[b-9c2bbdcsbw] {
        border-bottom: none;
    }

    .mobil-dor-rad > span:first-child[b-9c2bbdcsbw] {
        color: var(--itlock-ink-muted);
        font-size: 0.85rem;
        flex-shrink: 0;
    }

    .mobil-dor-rad > span:last-child[b-9c2bbdcsbw] {
        font-weight: 600;
        text-align: right;
    }

.mobil-beslag-liste[b-9c2bbdcsbw] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
}

.mobil-beslag-kort[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .mobil-beslag-kort:last-child[b-9c2bbdcsbw] {
        border-bottom: none;
    }

.mobil-beslag-montert-knapp[b-9c2bbdcsbw] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 2px solid var(--itlock-border);
    background: none;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    color: #fff;
}

    .mobil-beslag-montert-knapp.montert[b-9c2bbdcsbw] {
        border-color: #2b7a4b;
        background: #2b7a4b;
    }

    .mobil-beslag-montert-knapp[b-9c2bbdcsbw]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.mobil-beslag-info[b-9c2bbdcsbw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    cursor: pointer;
    color: inherit;
}

.mobil-beslag-navn[b-9c2bbdcsbw] {
    font-weight: 700;
}

.mobil-beslag-meta[b-9c2bbdcsbw] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.mobil-beslag-kode[b-9c2bbdcsbw] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
    max-width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobil-beslag-detalj-overlay[b-9c2bbdcsbw] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    z-index: 40;
    display: flex;
    align-items: flex-end;
}

.mobil-beslag-detalj-panel[b-9c2bbdcsbw] {
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
    background: var(--itlock-bg);
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.25);
}

.mobil-avvik-tom[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.4rem;
    padding: 2.5rem 1.5rem;
    color: var(--itlock-ink-muted);
}

    .mobil-avvik-tom .mobil-tom-figur[b-9c2bbdcsbw] {
        margin-bottom: 0.5rem;
    }

    .mobil-avvik-tom p[b-9c2bbdcsbw] {
        color: var(--itlock-ink);
        margin: 0;
    }

.mobil-avvik-fab[b-9c2bbdcsbw] {
    position: fixed;
    right: 1.25rem;
    bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background: #2b7a4b;
    color: #fff;
    border: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 45;
}

    .mobil-avvik-fab[b-9c2bbdcsbw]  .icon {
        width: 1.5rem;
        height: 1.5rem;
    }

.mobil-avvik-form[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 1rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 0.9rem;
}

    .mobil-avvik-form textarea[b-9c2bbdcsbw] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.5rem 0.6rem;
        min-height: 5rem;
        resize: vertical;
    }

.mobil-avvik-form-knapper[b-9c2bbdcsbw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.mobil-ce-hint[b-9c2bbdcsbw] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    max-width: 26ch;
}

.mobil-ce-liste[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--itlock-border);
}

.mobil-ce-kort[b-9c2bbdcsbw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: inherit;
    font: inherit;
    text-align: left;
    padding: 0.75rem 0.9rem;
    cursor: pointer;
}

    .mobil-ce-kort:last-child[b-9c2bbdcsbw] {
        border-bottom: none;
    }

.mobil-ce-kort-topp[b-9c2bbdcsbw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mobil-ce-kort-nummer[b-9c2bbdcsbw] {
    font-weight: 600;
}

.mobil-ce-status[b-9c2bbdcsbw] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    white-space: nowrap;
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
}

.mobil-ce-status-godkjent[b-9c2bbdcsbw] {
    color: #2b7a4b;
    border-color: #2b7a4b;
}

.mobil-ce-kort-meta[b-9c2bbdcsbw] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.mobil-ce-start-knapp[b-9c2bbdcsbw] {
    width: 100%;
    margin-top: 1rem;
}

.mobil-ce-modal-overlay[b-9c2bbdcsbw] {
    position: fixed;
    inset: 0;
    background: var(--itlock-bg);
    z-index: 1100;
    overflow-y: auto;
    overflow-x: hidden;
    /* Ikke la denne egne skrollflaten sprette/bevege seg til siden eller
       over/under sitt eget innhold (samme grunn som app.css sin globale
       overscroll-behavior-fiks, men denne modalen har sin egen skrolling
       uavhengig av body). */
    overscroll-behavior: contain;
    /* Samme status-bar-hensyn som .mobil-dor-topp/.top-row - dette er en
       egen fullskjerms modal oppå dørpanelet, uten noen annen topplinje som
       allerede reserverer plassen. */
    padding-top: env(safe-area-inset-top, 0px);
}

.mobil-ce-modal[b-9c2bbdcsbw] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

    .mobil-ce-modal[b-9c2bbdcsbw]  .ce-panel-header,
    .mobil-ce-modal[b-9c2bbdcsbw]  .ce-stegindikator,
    .mobil-ce-modal[b-9c2bbdcsbw]  .ce-stegpanel {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mobil-ce-modal[b-9c2bbdcsbw]  .ce-stegpanel {
        flex: 1 1 auto;
    }

    /* Forrige/Lagre/Neste skal alltid være synlige og nåbare uten å måtte
       scrolle helt ned forbi resten av steget - stikker derfor til bunnen av
       den skrollbare CE-modalen (ikke appens egen bunn-fane, den er skjult
       bak denne fullskjerm-modalen uansett) med god avstand til telefonens
       egen safe-area (hjem-indikator) nederst. */
    .mobil-ce-modal[b-9c2bbdcsbw]  .ce-navigasjon {
        position: sticky;
        bottom: 0;
        margin-top: 1rem;
        padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
        background: var(--itlock-bg);
        border-top: 1px solid var(--itlock-border);
        max-width: none;
    }
/* _content/PortalItlock.Web/Components/EnkelKalender.razor.rz.scp.css */
.kalender[b-sz50psfhj1] {
    max-width: 320px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 0.75rem;
}

.kalender-header[b-sz50psfhj1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

.kalender-nav[b-sz50psfhj1] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.2rem 0.6rem;
    cursor: pointer;
}

    .kalender-nav:disabled[b-sz50psfhj1] {
        opacity: 0.4;
        cursor: default;
    }

.kalender-ukedager[b-sz50psfhj1],
.kalender-dager[b-sz50psfhj1] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.2rem;
}

.kalender-ukedager span[b-sz50psfhj1] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
    padding-bottom: 0.25rem;
}

.kalender-tom[b-sz50psfhj1] {
    display: block;
}

.kalender-dag[b-sz50psfhj1] {
    position: relative;
    aspect-ratio: 1;
    border: 1px solid transparent;
    background: none;
    color: var(--itlock-ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.85rem;
}

    .kalender-dag:hover:not(:disabled)[b-sz50psfhj1] {
        border-color: var(--itlock-border);
    }

.kalender-dag-valgt[b-sz50psfhj1] {
    background: var(--itlock-accent);
    color: #fff;
}

.kalender-dag-fortid[b-sz50psfhj1] {
    color: var(--itlock-ink-muted);
    opacity: 0.35;
    cursor: default;
}

.kalender-prikk[b-sz50psfhj1] {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
}
/* _content/PortalItlock.Web/Components/FdvPanel.razor.rz.scp.css */
.prosjekt-layout[b-f7ac8gloiw] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 900px;
}

.fdv-layout[b-f7ac8gloiw] {
    gap: 0;
}

.fdv-header[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .fdv-header h1[b-f7ac8gloiw] {
        margin: 0;
    }

.fdv-header-ikon[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-header-ikon[b-f7ac8gloiw]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.fdv-intro[b-f7ac8gloiw] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.fdv-panel[b-f7ac8gloiw] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.fdv-panel-header[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

    .fdv-panel-header h2[b-f7ac8gloiw] {
        margin: 0;
        font-size: 1.05rem;
    }

.fdv-panel-ikon[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-panel-ikon[b-f7ac8gloiw]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.fdv-fil-liste[b-f7ac8gloiw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.fdv-fil-rad[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
}

.fdv-fil-ikon[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-fil-ikon[b-f7ac8gloiw]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.fdv-fil-navn[b-f7ac8gloiw] {
    flex: 1 1 auto;
    font-weight: 600;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.fdv-dropzone[b-f7ac8gloiw] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-bg);
    border: 2px dashed var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.2rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .fdv-dropzone:hover[b-f7ac8gloiw] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

    .fdv-dropzone[b-f7ac8gloiw]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.fdv-dropzone-ikon[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-dropzone-ikon[b-f7ac8gloiw]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.fdv-dropzone-tekst[b-f7ac8gloiw] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
}

    .fdv-dropzone-tekst span[b-f7ac8gloiw] {
        font-size: 0.79rem;
        color: var(--itlock-ink-muted);
    }

.fdv-byggetrinn-chips[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.fdv-byggetrinn-lbl[b-f7ac8gloiw] {
    font-size: 0.79rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-right: 0.3rem;
}

.fdv-chip[b-f7ac8gloiw] {
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

    .fdv-chip:hover[b-f7ac8gloiw] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .fdv-chip.aktiv[b-f7ac8gloiw] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.fdv-komponent-liste[b-f7ac8gloiw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 340px;
    overflow-y: auto;
}

.fdv-komponent-rad[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
}

.fdv-komponent-ikon[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b7a4b;
    flex-shrink: 0;
}

    .fdv-komponent-ikon[b-f7ac8gloiw]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.fdv-komponent-navn[b-f7ac8gloiw] {
    flex: 1 1 auto;
    font-size: 0.88rem;
    overflow-wrap: anywhere;
}

.fdv-komponent-kode[b-f7ac8gloiw] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

.fdv-generer-rad[b-f7ac8gloiw] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.fdv-generer-knapp[b-f7ac8gloiw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    padding: 0.7rem 1.6rem;
}

.section-hint[b-f7ac8gloiw] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.list-empty[b-f7ac8gloiw] {
    color: var(--itlock-ink-muted);
}

.field-grid[b-f7ac8gloiw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-f7ac8gloiw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

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

.field-grid input[b-f7ac8gloiw],
.field-grid select[b-f7ac8gloiw],
.field-grid textarea[b-f7ac8gloiw] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.forside-mal-rad[b-f7ac8gloiw] {
    display: flex;
    gap: 0.5rem;
}

    .forside-mal-rad select[b-f7ac8gloiw] {
        flex: 1 1 auto;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.form-actions[b-f7ac8gloiw] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.add-button[b-f7ac8gloiw],
.save-button[b-f7ac8gloiw] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    height: fit-content;
    display: inline-block;
    text-decoration: none;
}

.cancel-button[b-f7ac8gloiw] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.icon-button[b-f7ac8gloiw] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .icon-button:hover[b-f7ac8gloiw] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.form-error[b-f7ac8gloiw] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-f7ac8gloiw] {
    color: #2b7a4b;
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .fdv-intro[b-f7ac8gloiw] {
        margin-left: 0;
    }
}
/* _content/PortalItlock.Web/Components/FilOpplastingssone.razor.rz.scp.css */
.fil-opplasting[b-ik54n15zsn] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.fil-opplasting-label[b-ik54n15zsn] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--itlock-accent);
    color: #fff;
    width: 100%;
    justify-content: center;
    border: 1.5px dashed transparent;
}

.fil-opplasting:not(.fil-opplasting-kompakt) .fil-opplasting-label[b-ik54n15zsn] {
    background: transparent;
    color: var(--itlock-ink-muted);
    border-color: var(--itlock-border);
    padding: 1.2rem 1rem;
}

    .fil-opplasting:not(.fil-opplasting-kompakt) .fil-opplasting-label:hover[b-ik54n15zsn] {
        border-color: var(--itlock-accent);
        color: var(--itlock-ink);
    }

    .fil-opplasting-label[b-ik54n15zsn]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .fil-opplasting-label[b-ik54n15zsn]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.fil-feil[b-ik54n15zsn] {
    font-size: 0.85rem;
    color: #b5502d;
}
/* _content/PortalItlock.Web/Components/ForsideTekstRedigering.razor.rz.scp.css */
.rte[b-216tv59ebf] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
}

.rte-toolbar[b-216tv59ebf] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    padding: 0.4rem;
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-ink) 8%);
    border-bottom: 1px solid var(--itlock-border);
}

    .rte-toolbar button[b-216tv59ebf] {
        background: transparent;
        border: 1px solid transparent;
        color: var(--itlock-ink);
        min-width: 1.8rem;
        padding: 0.3rem 0.5rem;
        cursor: pointer;
        font-size: 0.85rem;
        border-radius: 3px;
        line-height: 1;
    }

        .rte-toolbar button:hover[b-216tv59ebf] {
            background: var(--itlock-surface);
            border-color: var(--itlock-border);
            color: var(--itlock-accent);
        }

    .rte-toolbar select[b-216tv59ebf] {
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.3rem 0.4rem;
        border-radius: 3px;
    }

.rte-sep[b-216tv59ebf] {
    width: 1px;
    align-self: stretch;
    background: var(--itlock-border);
    margin: 0 0.15rem;
}

.rte-content[b-216tv59ebf] {
    width: 100%;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    padding: 0.75rem 0.9rem;
    overflow-y: auto;
    line-height: 1.5;
}

    .rte-content:focus[b-216tv59ebf] {
        outline: none;
    }

    .rte-content:empty[b-216tv59ebf]::before {
        content: attr(data-placeholder);
        color: var(--itlock-muted, #94908a);
    }

    .rte-content h1[b-216tv59ebf] {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0.6em 0 0.3em;
    }

    .rte-content h2[b-216tv59ebf] {
        font-size: 1.2rem;
        font-weight: 600;
        margin: 0.6em 0 0.3em;
    }

    .rte-content h3[b-216tv59ebf] {
        font-size: 1.05rem;
        font-weight: 600;
        margin: 0.6em 0 0.3em;
    }

    .rte-content p[b-216tv59ebf] {
        margin: 0 0 0.6em;
    }

    .rte-content ul[b-216tv59ebf],
    .rte-content ol[b-216tv59ebf] {
        margin: 0 0 0.6em;
        padding-left: 1.4em;
    }

    .rte-content a[b-216tv59ebf] {
        color: var(--itlock-accent);
    }
/* _content/PortalItlock.Web/Components/Icon.razor.rz.scp.css */
.icon[b-e9v3talmi8] {
    width: 1.4rem;
    height: 1.4rem;
    flex-shrink: 0;
}
/* _content/PortalItlock.Web/Components/KoblingsSkjemaMiniPreview.razor.rz.scp.css */
.mini-preview-svg[b-px9gbaoti9] {
    width: 100%;
    height: 100%;
    display: block;
}

.mini-preview-tom[b-px9gbaoti9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--itlock-ink-muted);
}

    .mini-preview-tom[b-px9gbaoti9]  .icon {
        width: 40%;
        height: 40%;
    }
/* _content/PortalItlock.Web/Components/KomponentPanel.razor.rz.scp.css */
.vare-panel-overlay[b-rgka4iprcx] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1050;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.vare-panel[b-rgka4iprcx] {
    background: var(--itlock-surface);
    width: 960px;
    max-width: 100%;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    border-radius: 18px;
    box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.45);
}

.hero[b-rgka4iprcx] {
    display: flex;
    gap: 1.3rem;
    padding: 1.4rem;
    border-bottom: 1px solid var(--itlock-border);
    align-items: flex-start;
}

.hero-bilde-slot[b-rgka4iprcx] {
    position: relative;
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    outline-offset: 4px;
}

    .hero-bilde-slot:focus[b-rgka4iprcx] {
        outline: 2px dashed var(--itlock-accent);
    }

.hero-bilde[b-rgka4iprcx] {
    width: 140px;
    height: 140px;
    border-radius: 12px;
    border: 1px solid var(--itlock-border);
    object-fit: contain;
    background: var(--itlock-bg);
    cursor: context-menu;
}

.hero-bilde-tom[b-rgka4iprcx] {
    width: 140px;
    height: 140px;
    border-radius: 12px;
    border: 1.5px dashed var(--itlock-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.72rem;
    text-align: center;
    cursor: pointer;
}

    .hero-bilde-tom[b-rgka4iprcx]  input[type="file"] {
        display: none;
    }

    .hero-bilde-tom[b-rgka4iprcx]  .icon {
        width: 1.4rem;
        height: 1.4rem;
    }

.hero-bilde-overlay[b-rgka4iprcx] {
    position: absolute;
    inset: 0;
    background: rgba(41, 41, 39, 0.75);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem;
}

    .hero-bilde-overlay span[b-rgka4iprcx] {
        color: #fff;
        font-size: 0.8rem;
        font-weight: 600;
    }

.bilde-storrelse-label[b-rgka4iprcx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    color: #fff;
}

.hero-info[b-rgka4iprcx] {
    flex: 1 1 auto;
    min-width: 0;
}

.hero-topp-rad[b-rgka4iprcx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.hero-navn-input[b-rgka4iprcx] {
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--itlock-ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    padding: 0.25rem 0.45rem;
    margin-left: -0.45rem;
    min-width: 200px;
    width: 100%;
    max-width: 420px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .hero-navn-input:hover[b-rgka4iprcx] {
        background: var(--itlock-bg);
        border-color: var(--itlock-border);
    }

    .hero-navn-input:focus[b-rgka4iprcx] {
        background: var(--itlock-bg);
        border-color: var(--itlock-accent);
        outline: none;
    }

.hero-meta[b-rgka4iprcx] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.2rem;
    padding-left: 0.45rem;
}

.panel-toggle-rad[b-rgka4iprcx] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
    align-items: center;
}

.toggle-pille[b-rgka4iprcx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 999px;
    padding: 0.4rem 0.8rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

    .toggle-pille[b-rgka4iprcx]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .toggle-pille.aktiv-gronn[b-rgka4iprcx] {
        background: rgba(43, 122, 75, 0.1);
        border-color: transparent;
        color: #2b7a4b;
    }

    .toggle-pille.aktiv-gul[b-rgka4iprcx] {
        background: rgba(217, 165, 32, 0.18);
        border-color: transparent;
        color: #8a5a15;
    }

.panel-close[b-rgka4iprcx] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 8px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .panel-close:hover[b-rgka4iprcx] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .panel-close[b-rgka4iprcx]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.hero-pris-rad[b-rgka4iprcx] {
    display: flex;
    gap: 1.6rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.hero-pris[b-rgka4iprcx] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.hero-pris-label[b-rgka4iprcx] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.hero-pris-verdi[b-rgka4iprcx] {
    font: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 0.15rem 0.3rem;
    margin: -0.15rem -0.3rem;
    max-width: 9rem;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .hero-pris-verdi:hover[b-rgka4iprcx] {
        background: var(--itlock-bg);
        border-color: var(--itlock-border);
    }

    .hero-pris-verdi:focus[b-rgka4iprcx] {
        background: var(--itlock-bg);
        border-color: var(--itlock-accent);
        outline: none;
    }

    .hero-pris-verdi.aksent[b-rgka4iprcx] {
        color: var(--itlock-accent);
    }

    .hero-pris-verdi:disabled[b-rgka4iprcx] {
        opacity: 0.5;
    }

.spec-liste[b-rgka4iprcx] {
    display: flex;
    flex-direction: column;
}

.spec-rad[b-rgka4iprcx] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1rem;
    align-items: center;
    padding: 0.55rem 1.4rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .spec-rad label[b-rgka4iprcx] {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
    }

    .spec-rad input[b-rgka4iprcx],
    .spec-rad select[b-rgka4iprcx] {
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: transparent;
        border: 1px solid transparent;
        border-radius: 7px;
        padding: 0.4rem 0.5rem;
        margin: -0.4rem -0.5rem;
        transition: border-color 0.15s ease, background 0.15s ease;
    }

        .spec-rad input:hover[b-rgka4iprcx],
        .spec-rad select:hover[b-rgka4iprcx] {
            background: var(--itlock-bg);
            border-color: var(--itlock-border);
        }

        .spec-rad input:focus[b-rgka4iprcx],
        .spec-rad select:focus[b-rgka4iprcx] {
            background: var(--itlock-bg);
            border-color: var(--itlock-accent);
            outline: none;
        }

.spec-underoverskrift[b-rgka4iprcx] {
    padding: 0.85rem 1.4rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border-bottom: 1px solid var(--itlock-border);
    border-top: 1px solid var(--itlock-border);
}

.seksjon-pad[b-rgka4iprcx] {
    padding: 1rem 1.4rem 1.3rem;
}

.section-hint[b-rgka4iprcx] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.list-empty[b-rgka4iprcx] {
    color: var(--itlock-ink-muted);
    margin: 0 0 0.5rem;
}

.toggle-rad[b-rgka4iprcx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 1.4rem;
}

.sjekk-pille[b-rgka4iprcx] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 999px;
    padding: 0.4rem 0.8rem 0.4rem 0.6rem;
    font-size: 0.8rem;
    font-weight: 600;
}

    .sjekk-pille input[b-rgka4iprcx] {
        accent-color: var(--itlock-accent);
    }

.fil-grid[b-rgka4iprcx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.7rem;
    padding: 1rem 1.4rem 1.3rem;
}

.fil-sone[b-rgka4iprcx] {
    border: 1.5px dashed var(--itlock-border);
    border-radius: 12px;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 90px;
}

    .fil-sone.har-fil[b-rgka4iprcx] {
        border-style: solid;
        background: var(--itlock-bg);
    }

.fil-label[b-rgka4iprcx] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.fil-liste[b-rgka4iprcx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.fil-chip[b-rgka4iprcx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.35rem 0.4rem 0.35rem 0.55rem;
    font-size: 0.76rem;
}

    .fil-chip a[b-rgka4iprcx] {
        color: var(--itlock-ink);
        font-weight: 600;
        text-decoration: none;
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.fjern-bekreft[b-rgka4iprcx] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.fil-legg-til[b-rgka4iprcx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    flex: 1;
    color: var(--itlock-ink-muted);
    font-size: 0.78rem;
    border: 1px dashed var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem;
    cursor: pointer;
}

    .fil-legg-til:hover[b-rgka4iprcx] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .fil-legg-til[b-rgka4iprcx]  input[type="file"] {
        display: none;
    }

    .fil-legg-til[b-rgka4iprcx]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.ikon-btn[b-rgka4iprcx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 6px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .ikon-btn:hover[b-rgka4iprcx] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .ikon-btn[b-rgka4iprcx]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.knapp[b-rgka4iprcx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-rgka4iprcx] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-rgka4iprcx] {
        background: var(--itlock-accent-hover);
    }

.knapp-farlig[b-rgka4iprcx] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

.knapp-liten[b-rgka4iprcx] {
    border: none;
    background: none;
    color: var(--itlock-accent);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.knapp-liten-btn[b-rgka4iprcx] {
    padding: 0.4rem 0.7rem;
    font-size: 0.78rem;
}

.panel-footer[b-rgka4iprcx] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.1rem 1.4rem;
    border-top: 1px solid var(--itlock-border);
}

.save-success[b-rgka4iprcx] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.form-error[b-rgka4iprcx] {
    color: #b5502d;
    font-weight: 600;
    margin: 0 1.4rem 0.75rem;
}

.lenke-tabell-wrap[b-rgka4iprcx] {
    overflow-x: auto;
}

.lenke-table[b-rgka4iprcx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .lenke-table th[b-rgka4iprcx] {
        text-align: left;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0 0.6rem 0.5rem;
        border-bottom: 1px solid var(--itlock-border);
    }

    .lenke-table td[b-rgka4iprcx] {
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
    }

    .lenke-table tr:last-child td[b-rgka4iprcx] {
        border-bottom: none;
    }

    .lenke-table input[b-rgka4iprcx] {
        width: 100%;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: transparent;
        border: 1px solid transparent;
        border-radius: 6px;
        padding: 0.35rem 0.45rem;
    }

        .lenke-table input:hover[b-rgka4iprcx] {
            background: var(--itlock-bg);
            border-color: var(--itlock-border);
        }

        .lenke-table input:focus[b-rgka4iprcx] {
            background: var(--itlock-bg);
            border-color: var(--itlock-accent);
            outline: none;
        }

.pris-input[b-rgka4iprcx] {
    max-width: 7rem;
}

.standard-pille[b-rgka4iprcx] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}

.ny-lenke-rad[b-rgka4iprcx] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.7rem;
}

    .ny-lenke-rad select[b-rgka4iprcx],
    .ny-lenke-rad input[b-rgka4iprcx] {
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.55rem;
    }

    .ny-lenke-rad input[b-rgka4iprcx] {
        max-width: 9rem;
    }

.pille-liste[b-rgka4iprcx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 0.8rem;
}

.gruppe-pille[b-rgka4iprcx] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
}

.produktgruppe-overlay[b-rgka4iprcx] {
    z-index: 1060;
}

.produktgruppe-modal[b-rgka4iprcx] {
    width: 480px;
    max-height: calc(100vh - 6rem);
}

.produktgruppe-modal-header[b-rgka4iprcx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .produktgruppe-modal-header h2[b-rgka4iprcx] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 700;
    }

.produktgruppe-velger[b-rgka4iprcx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.5rem;
}

@media (max-width: 640.98px) {
    .vare-panel-overlay[b-rgka4iprcx] {
        padding: 0;
        align-items: stretch;
    }

    .vare-panel[b-rgka4iprcx] {
        max-width: none;
        max-height: none;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .hero[b-rgka4iprcx] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-navn-input[b-rgka4iprcx] {
        text-align: center;
        margin-left: 0;
        max-width: none;
    }

    .hero-meta[b-rgka4iprcx] {
        padding-left: 0;
    }

    .hero-topp-rad[b-rgka4iprcx] {
        flex-direction: column;
        align-items: center;
    }

    .spec-rad[b-rgka4iprcx] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .lenke-table[b-rgka4iprcx] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/KundeLisensArshjul.razor.rz.scp.css */
.arshjul-tom[b-l8mlrbf8or] {
    color: var(--itlock-ink-muted);
}

.arshjul-wrap[b-l8mlrbf8or] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.arshjul-svg[b-l8mlrbf8or] {
    width: 220px;
    height: 220px;
    flex-shrink: 0;
}

.arshjul-ring[b-l8mlrbf8or] {
    fill: none;
    stroke: var(--itlock-border);
    stroke-width: 1;
}

.arshjul-tikk[b-l8mlrbf8or] {
    stroke: var(--itlock-border);
    stroke-width: 1;
}

.arshjul-idag[b-l8mlrbf8or] {
    stroke: var(--itlock-accent);
    stroke-width: 2;
}

.arshjul-manednavn[b-l8mlrbf8or] {
    font-size: 9px;
    fill: var(--itlock-ink-muted);
}

.arshjul-punkt[b-l8mlrbf8or] {
    stroke: var(--itlock-surface);
    stroke-width: 1.5;
}

.arshjul-punkt-ok[b-l8mlrbf8or] { fill: #2b7a4b; background: #2b7a4b; }
.arshjul-punkt-varsel[b-l8mlrbf8or] { fill: #c99a1f; background: #c99a1f; }
.arshjul-punkt-utgatt[b-l8mlrbf8or] { fill: #b5502d; background: #b5502d; }

.arshjul-forklaring[b-l8mlrbf8or] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .arshjul-forklaring li[b-l8mlrbf8or] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.arshjul-prikk[b-l8mlrbf8or] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
/* _content/PortalItlock.Web/Components/LagredePdfListe.razor.rz.scp.css */
.list-empty[b-8ms2qfrenp] {
    color: var(--itlock-ink-muted);
}

.vedlegg-list[b-8ms2qfrenp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 640px;
}

.vedlegg-item[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    background: var(--itlock-surface);
}

.vedlegg-item a[b-8ms2qfrenp] {
    color: var(--itlock-accent);
    font-weight: 600;
    text-decoration: none;
    flex: 1;
}

.vedlegg-item a:hover[b-8ms2qfrenp] {
    text-decoration: underline;
}

.vedlegg-type[b-8ms2qfrenp] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
}

.add-button[b-8ms2qfrenp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: 1px solid var(--itlock-accent);
    border-radius: 8px;
    color: var(--itlock-accent);
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
    margin-top: 0.75rem;
}

    .add-button:disabled[b-8ms2qfrenp] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ---------- Sammenligning: Hero + gruppert tabell ---------- */

.mono[b-8ms2qfrenp] {
    font-variant-numeric: tabular-nums;
}

.kort[b-8ms2qfrenp] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 14px rgba(131, 94, 65, 0.08);
}

.sml-root[b-8ms2qfrenp] {
    margin-top: 1.1rem;
    padding: 1.4rem 1.6rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    background: var(--itlock-bg);
    border: none;
    box-shadow: none;
}

.sml-topprad[b-8ms2qfrenp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.sml-brodsmule[b-8ms2qfrenp] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 500;
}

.sml-tittel[b-8ms2qfrenp] {
    margin: 0.2rem 0 0;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.lukk-btn[b-8ms2qfrenp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.83rem;
    font-weight: 600;
    color: var(--itlock-ink);
    cursor: pointer;
    flex-shrink: 0;
}

    .lukk-btn:hover[b-8ms2qfrenp] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .lukk-btn[b-8ms2qfrenp]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.sml-hero[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.2rem 1.5rem;
    flex-wrap: wrap;
}

.sml-versjoner[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.sml-chip[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.9rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
}

.sml-chip-aktiv[b-8ms2qfrenp] {
    background: var(--itlock-accent-soft, rgba(131, 94, 65, 0.1));
    border-color: transparent;
}

.sml-chip-ikon[b-8ms2qfrenp] {
    width: 2rem;
    height: 2rem;
    border-radius: 9px;
    background: var(--itlock-accent-soft, rgba(131, 94, 65, 0.1));
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .sml-chip-ikon[b-8ms2qfrenp]  .icon {
        width: 1rem;
        height: 1rem;
    }

.sml-chip-ikon-aktiv[b-8ms2qfrenp] {
    background: var(--itlock-surface);
}

.sml-chip-navn[b-8ms2qfrenp] {
    font-size: 0.83rem;
    font-weight: 700;
    word-break: break-word;
}

.sml-chip-dato[b-8ms2qfrenp] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.05rem;
}

.sml-pil[b-8ms2qfrenp] {
    color: var(--itlock-ink-muted);
    display: inline-flex;
}

    .sml-pil[b-8ms2qfrenp]  .icon {
        width: 1.2rem;
        height: 1.2rem;
        transform: rotate(90deg);
    }

.sml-pil-liten[b-8ms2qfrenp] {
    opacity: 0.6;
}

.sml-netto[b-8ms2qfrenp] {
    text-align: right;
}

.sml-netto-label[b-8ms2qfrenp] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
}

.sml-netto-tall[b-8ms2qfrenp] {
    font-size: 1.7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    justify-content: flex-end;
    margin-top: 0.1rem;
}

.sml-trend[b-8ms2qfrenp]  .icon {
    width: 1.1rem;
    height: 1.1rem;
}

.sml-trend-ned[b-8ms2qfrenp]  .icon {
    transform: scaleY(-1);
}

.sml-body[b-8ms2qfrenp] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.sml-tabellkort[b-8ms2qfrenp] {
    flex: 1;
    min-width: 0;
    padding: 0.3rem 0 0.5rem;
    overflow: hidden;
}

.sml-rail[b-8ms2qfrenp] {
    width: 260px;
    flex-shrink: 0;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.sml-sok[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
}

    .sml-sok[b-8ms2qfrenp]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sml-sok input[b-8ms2qfrenp] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        font-size: 0.8rem;
        color: var(--itlock-ink);
        width: 100%;
    }

.sml-rail-liste[b-8ms2qfrenp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.sml-rail-item[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: none;
    background: none;
    border-radius: 9px;
    padding: 0.55rem 0.7rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    text-align: left;
}

    .sml-rail-item span:first-child[b-8ms2qfrenp] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .sml-rail-item[b-8ms2qfrenp]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .sml-rail-item:hover[b-8ms2qfrenp] {
        background: var(--itlock-bg);
    }

.sml-rail-item-aktiv[b-8ms2qfrenp],
.sml-rail-item-aktiv:hover[b-8ms2qfrenp] {
    background: var(--itlock-accent);
    color: #fff;
}

.sml-rail-badge[b-8ms2qfrenp] {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    padding: 0.05rem 0.5rem;
    font-size: 0.72rem;
}

.sml-rail-item-aktiv .sml-rail-badge[b-8ms2qfrenp] {
    background: rgba(255, 255, 255, 0.25);
    color: #fff !important;
}

.sml-rail-divider[b-8ms2qfrenp] {
    height: 1px;
    background: var(--itlock-border);
}

.sml-rail-sum-liste[b-8ms2qfrenp] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.sml-rail-sum[b-8ms2qfrenp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.sml-rail-sum-navn[b-8ms2qfrenp] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.sml-rail-sum-tall[b-8ms2qfrenp] {
    font-size: 0.95rem;
    font-weight: 800;
}

.sml-rail-sum-fratil[b-8ms2qfrenp] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

.sml-tom[b-8ms2qfrenp] {
    padding: 1.2rem 1.4rem;
    margin: 0;
}

.sml-tabell[b-8ms2qfrenp] {
    width: 100%;
    border-collapse: collapse;
}

    .sml-tabell th[b-8ms2qfrenp] {
        text-align: left;
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.6rem 1.2rem 0.5rem;
        border-bottom: 1px solid var(--itlock-border);
    }

    .sml-tabell th:last-child[b-8ms2qfrenp],
    .sml-tabell td:last-child[b-8ms2qfrenp] {
        text-align: right;
    }

.sml-gruppe-row td[b-8ms2qfrenp] {
    padding: 0.7rem 1.2rem 0.4rem;
}

.sml-gruppe-label[b-8ms2qfrenp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.83rem;
    font-weight: 700;
}

.sml-gruppe-ikon[b-8ms2qfrenp] {
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 7px;
    background: var(--itlock-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .sml-gruppe-ikon[b-8ms2qfrenp]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.sml-gruppe-subtotal[b-8ms2qfrenp] {
    font-weight: 700;
}

.sml-vare-row td[b-8ms2qfrenp] {
    padding: 0.55rem 1.2rem;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--itlock-bg);
}

.sml-vare-navn[b-8ms2qfrenp] {
    font-weight: 600;
}

.sml-antall[b-8ms2qfrenp] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
}

.sml-totalt[b-8ms2qfrenp] {
    font-weight: 700;
}

@media (max-width: 640.98px) {
    .sml-root[b-8ms2qfrenp] {
        padding: 1rem;
    }

    .sml-hero[b-8ms2qfrenp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .sml-netto[b-8ms2qfrenp] {
        text-align: left;
        width: 100%;
    }

    .sml-netto-tall[b-8ms2qfrenp] {
        justify-content: flex-start;
    }

    .sml-body[b-8ms2qfrenp] {
        flex-direction: column;
    }

    .sml-rail[b-8ms2qfrenp] {
        width: 100%;
    }

    .sml-rail-liste[b-8ms2qfrenp] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sml-rail-item[b-8ms2qfrenp] {
        flex: 1 1 auto;
    }

    .sml-rail-sum-liste[b-8ms2qfrenp] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .sml-tabellkort[b-8ms2qfrenp] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sml-tabell[b-8ms2qfrenp] {
        white-space: nowrap;
    }
}

@media (max-width: 900px) and (min-width: 641px) {
    .sml-body[b-8ms2qfrenp] {
        flex-direction: column;
    }

    .sml-rail[b-8ms2qfrenp] {
        width: 100%;
    }

    .sml-rail-liste[b-8ms2qfrenp] {
        flex-direction: row;
    }

    .sml-rail-item[b-8ms2qfrenp] {
        flex: 1 1 auto;
    }
}
/* _content/PortalItlock.Web/Components/Layout/DriftLayout.razor.rz.scp.css */
.drift-page[b-zwdge2mwx1] {
    min-height: 100vh;
    background: var(--itlock-bg);
    display: flex;
    flex-direction: column;
}

.drift-header[b-zwdge2mwx1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: var(--itlock-surface);
    border-bottom: 1px solid var(--itlock-border);
}

.drift-logo[b-zwdge2mwx1] {
    height: 36px;
}

.drift-header-actions[b-zwdge2mwx1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.drift-logout-form[b-zwdge2mwx1] {
    margin: 0;
}

.drift-logout-button[b-zwdge2mwx1] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    color: var(--itlock-ink);
}

.drift-content[b-zwdge2mwx1] {
    flex: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem;
}
/* _content/PortalItlock.Web/Components/Layout/KundeLayout.razor.rz.scp.css */
.kunde-page[b-mrligmqd02] {
    min-height: 100vh;
    background: var(--itlock-bg);
    display: flex;
    flex-direction: column;
}

.kunde-header[b-mrligmqd02] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: var(--itlock-surface);
    border-bottom: 1px solid var(--itlock-border);
}

.kunde-logo[b-mrligmqd02] {
    height: 36px;
}

.kunde-header-actions[b-mrligmqd02] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.kunde-logout-form[b-mrligmqd02] {
    margin: 0;
}

.kunde-logout-button[b-mrligmqd02] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    color: var(--itlock-ink);
}

.kunde-content[b-mrligmqd02] {
    flex: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem;
}
/* _content/PortalItlock.Web/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-page[b-9b0l7jwqxd] {
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.75rem;
    padding: 3rem 1.5rem;
    background-color: var(--itlock-bg);
    background-image: linear-gradient(var(--itlock-border) 1px, transparent 1px), linear-gradient(90deg, var(--itlock-border) 1px, transparent 1px);
    background-size: 36px 36px;
}

.login-theme-toggle[b-9b0l7jwqxd] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 5;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.1rem;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .login-theme-toggle:hover[b-9b0l7jwqxd] {
        border-color: var(--itlock-accent);
    }

.login-wordmark[b-9b0l7jwqxd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.login-wordmark-icon[b-9b0l7jwqxd] {
    height: 22px;
    width: auto;
}

.login-wordmark span[b-9b0l7jwqxd] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--itlock-ink);
}

.login-form-panel[b-9b0l7jwqxd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.login-footnote[b-9b0l7jwqxd] {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
}

@media (max-width: 640.98px) {
    /* Ingen mulighet til å bytte mørk/lys modus på mobil - appen skal
       alltid se lik ut for montørene der. */
    .login-theme-toggle[b-9b0l7jwqxd] {
        display: none;
    }
}
/* _content/PortalItlock.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-gp1a6zlzc9] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

.content-embed[b-gp1a6zlzc9] {
    padding: 0.75rem 1rem;
    background: var(--itlock-bg);
    min-height: 100vh;
    box-sizing: border-box;
}

main[b-gp1a6zlzc9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Fyller resten av skjermhøyden med beige (samme som html/body sin
   hvite bakgrunn ellers ville vist gjennom på korte sider), slik at
   bare selve topp-/bunn-feltene (som har sin egen hvite bakgrunn) skal
   vises hvite - se app.css for hvorfor html/body nå er hvit i bunnen. */
.content[b-gp1a6zlzc9] {
    flex: 1;
    background: var(--itlock-bg);
    background: linear-gradient(165deg, var(--itlock-bg) 0%, color-mix(in srgb, var(--itlock-bg) 85%, var(--itlock-accent) 15%) 100%);
}

@media (max-width: 640.98px) {
    .content[b-gp1a6zlzc9] {
        padding-bottom: calc(4.2rem + env(safe-area-inset-bottom, 0px));
    }
}

.sidebar[b-gp1a6zlzc9] {
    background-color: var(--itlock-surface);
    background-image: linear-gradient(180deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%) 100%);
    border-right: 1px solid var(--itlock-border);
    box-shadow: 2px 0 16px rgba(41, 41, 39, 0.05);
}

.top-row[b-gp1a6zlzc9] {
    background-color: var(--itlock-surface);
    border-bottom: 1px solid var(--itlock-border);
    justify-content: space-between;
    height: 4.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.sidebar-toggle-top[b-gp1a6zlzc9] {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.06);
    border: 1px solid transparent;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

    .sidebar-toggle-top:hover[b-gp1a6zlzc9] {
        background: rgba(131, 94, 65, 0.12);
        color: var(--itlock-accent);
        transform: translateY(-1px);
    }

.mobil-topptittel[b-gp1a6zlzc9] {
    display: none;
}

@media (max-width: 640.98px) {
    .mobil-topptittel[b-gp1a6zlzc9] {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        font-weight: 600;
        font-size: 1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

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

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

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

@media (max-width: 640.98px) {
    /* Toppfeltet (☰ + tittel + MK) skal se ut som del av samme flate som
       bunn-fanen, ikke skille seg ut med sidens bakgrunnsfarge. ☰ og MK skal
       stå pakket sammen til venstre (ikke spredt til hver sin kant) - et
       eventuelt filterikon dytter seg selv helt til høyre via margin-left:
       auto i stedet. */
    .top-row[b-gp1a6zlzc9] {
        justify-content: flex-start;
        background-color: var(--itlock-surface);
        /* Når appen åpnes fra hjemskjermen (standalone/PWA) på iOS er
           status-baren "black-translucent" (se apple-mobile-web-app-status-bar-style
           i App.razor) - da tegnes den OPPÅ siden i stedet for å ta egen
           plass, og toppfeltet vårt havner rett under klokke/signal-ikonene
           uten dette. env(safe-area-inset-top) er 0 i vanlig nettleser-fane
           (Safari sitt eget UI tar høyde for hakket der), så dette påvirker
           kun standalone-visning. */
        height: calc(4.25rem + env(safe-area-inset-top, 0px));
        padding-top: env(safe-area-inset-top, 0px);
        box-sizing: border-box;
    }

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

    /* MK-avataren skal ligge rett ved siden av ☰, ikke helt til høyre - resten
       av TopBar (søk/notater/varsler) er allerede skjult på mobil, så dette
       flytter kun avataren. */
    .top-row[b-gp1a6zlzc9] {
        position: relative;
    }

    /* Vises kun i "Gå til fullversjon" (MobilTilbakeKnapp.razor) - står
       lengst til venstre, foran ☰, siden man ikke lenger har sidemenyen å
       navigere tilbake med der. */
    .top-row[b-gp1a6zlzc9]  .mobil-tilbake-knapp {
        order: 0;
        flex-shrink: 0;
        width: 2.4rem;
        height: 2.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: 1px solid var(--itlock-border);
        color: var(--itlock-ink);
        cursor: pointer;
    }

        .top-row[b-gp1a6zlzc9]  .mobil-tilbake-knapp .icon {
            width: 1.15rem;
            height: 1.15rem;
        }

    .sidebar-toggle-top[b-gp1a6zlzc9] {
        order: 1;
    }

    .top-row[b-gp1a6zlzc9]  .topbar {
        order: 2;
    }

    /* Tittelen (siden man er på - Arbeidsordre, Prosjekt osv.) skal stå
       midt på linja, uavhengig av at ☰+MK bare ligger til venstre. */
    .mobil-topptittel[b-gp1a6zlzc9] {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        max-width: 58%;
        pointer-events: none;
    }

    /* Filterikonet (når siden har et filter å tilby) skal stå helt til høyre
       på linja, uavhengig av ☰+MK som ligger pakket til venstre. Rendres av
       en egen barnekomponent (MobilFilterKnapp - se kommentar der for hvorfor),
       så ::deep trengs for å nå den fra MainLayouts eget scope. */
    .top-row[b-gp1a6zlzc9]  .mobil-filter-knapp {
        order: 3;
        margin-left: auto;
        flex-shrink: 0;
        width: 2.4rem;
        height: 2.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: 1px solid var(--itlock-border);
        color: var(--itlock-ink);
        cursor: pointer;
    }

        .top-row[b-gp1a6zlzc9]  .mobil-filter-knapp .icon {
            width: 1.15rem;
            height: 1.15rem;
        }

        .top-row[b-gp1a6zlzc9]  .mobil-filter-knapp.aktiv {
            border-color: var(--itlock-accent);
            color: var(--itlock-accent);
        }
}

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

    .sidebar[b-gp1a6zlzc9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
        transition: width 0.12s ease-out;
    }

    html[data-sidebar="collapsed"] .sidebar[b-gp1a6zlzc9] {
        width: 4.75rem;
    }

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

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

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

    /* Venstre hurtigmeny (.sidebar) skal alltid vises, på alle sider - kun
       det øverste toppfeltet (søk/varsler/hjelp/avatar) skjules på
       kompakt-modul-sider. Tidligere var dette motsatt (sidemenyen skjult som
       standard, med en voksende liste unntak per side som fikk den tilbake);
       nå er det reglen for alle moduler, ikke lenger sidespesifikt. */
    .page.kompakt-modul .top-row[b-gp1a6zlzc9] {
        display: none;
    }

    .page.kompakt-modul .content[b-gp1a6zlzc9] {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    /* Det nye bilde-dashboardet på Hjem (Home.razor, kun når
       !Verktoylinje.ErMobilvisning) skal ha hero-bildet helt opp til toppen
       av siden, med det vanlige toppfeltet (meny-knapp, Kontrolltårn, AI,
       varsler, søk, dokumentmaler, avatar/logg ut) flytende gjennomsiktig
       oppå bildet i stedet for i en egen hvit stripe over. Hele toppfeltet
       beholdes helt uendret funksjonelt (ingen endring i TopBar.razor) -
       kun posisjonert og omfarget via :has(), så alle andre sider er
       upåvirket. Stilen er "minimal": ingen brikke-bakgrunn i det hele
       tatt, bare hvitt ikon/tekst med skygge direkte på bildet (valgt av
       Marius blant 4 forslag - se DashboardFinal.dc.html/
       TopbarAlternativer.dc.html i designcanvaset), så fotografiet får
       mest mulig plass. En svak hvit bakgrunn vises kun ved hover, som
       eneste visuelle hint om at elementet er klikkbart. */
    main:has(.home-dash-hero)[b-gp1a6zlzc9] {
        position: relative;
    }

    main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9] {
        position: absolute;
        inset: 0 0 auto 0;
        background: transparent;
        border-bottom: none;
        z-index: 20;
        /* Hero-bildet har itlock-logoen bakt inn øverst til høyre - flytt
           derfor hele knapperaden (meny-knapp + Kontrolltårn/AI/varsler/
           søk/dokumenter/avatar) til venstre i stedet for sin vanlige
           space-between-plassering til høyre, slik at de to ikke
           overlapper hverandre. */
        justify-content: flex-start;
        gap: 1rem;
    }

        main:has(.home-dash-hero) .top-row .sidebar-toggle-top[b-gp1a6zlzc9],
        main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .varsel-ikon-knapp,
        main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .sok-ikon-knapp,
        main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .notater-ikon-knapp {
            background: transparent;
            border-color: transparent;
            color: #fff;
            box-shadow: none;
            filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
            transition: background-color 0.15s ease;
        }

        main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .topplinje-snarvei {
            background: transparent;
            border-color: transparent;
            color: #fff;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
            transition: background-color 0.15s ease;
        }

            main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .varsel-ikon-knapp .varsel-badge {
                box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.35);
            }

            main:has(.home-dash-hero) .top-row .sidebar-toggle-top:hover[b-gp1a6zlzc9],
            main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .varsel-ikon-knapp:hover,
            main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .sok-ikon-knapp:hover,
            main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .notater-ikon-knapp:hover,
            main:has(.home-dash-hero) .top-row[b-gp1a6zlzc9]  .topplinje-snarvei:hover {
                background: rgba(255, 255, 255, 0.14);
            }
}

.content-kompakt-indre[b-gp1a6zlzc9] {
    width: 100%;
    max-width: 1200px;
}

/* Tilbud-siden (faner + sidepanel + Varer-tabellen) trenger mer plass enn
   de fleste andre kompakt-modul-sidene for å vise alt uten sidelengs
   skrolling - utvider derfor rammen kun på akkurat den siden (gjenkjent på
   at .tilbud-innhold finnes i innholdet - rendres uansett hvilken fane som
   er aktiv, i motsetning til .varer-panel som kun finnes når Varelinjer-
   fanen er valgt), uten å røre bredden på alle de andre sidene som deler
   denne klassen. */
.content-kompakt-indre:has(.tilbud-innhold)[b-gp1a6zlzc9] {
    max-width: 1900px;
}

/* Tilbud service-siden (statistikk-kort + Kanban-tavle) skal fylle hele
   fanebredden - slik referansedesignet viste - i stedet for å være låst til
   en fast maks-bredde som etterlater tomrom på brede skjermer. Fjerner
   derfor bredde-taket helt på akkurat denne siden (gjenkjent på
   .tilbud-service-side), slik at den skalerer flytende med vindusbredden. */
.content-kompakt-indre:has(.tilbud-service-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Service-huben (serviceavtaler-tabell + kart) skal fylle hele
   fanebredden, som alle de andre modul-sidene med dette mønsteret -
   fjerner derfor bredde-taket helt i stedet for å låse til et fast tall
   som etterlater tomrom på brede skjermer. */
.content-kompakt-indre:has(.service-hub-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Arbeidsordre trenger plass til fire Kanban-kolonner / den brede tabellen
   side om side - fjerner bredde-taket som de andre modul-sidene med dette
   mønsteret. */
.content-kompakt-indre:has(.arbeidsordre-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Prosjekter - samme mønster som Arbeidsordre over. */
.content-kompakt-indre:has(.prosjekter-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Ferdigstilte prosjekter - samme mønster. */
.content-kompakt-indre:has(.ferdigstilte-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Avslåtte prosjekter - samme mønster. */
.content-kompakt-indre:has(.avslatte-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Tickets - samme mønster. */
.content-kompakt-indre:has(.tickets-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Kunngjøringer (liste + detaljvisning) - samme mønster. */
.content-kompakt-indre:has(.kunngjoringer-side)[b-gp1a6zlzc9] {
    max-width: none;
}

.content-kompakt-indre:has(.kunngjoring-detalj-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Timeregistrering - samme mønster. */
.content-kompakt-indre:has(.tr-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Forespørsler - samme mønster. */
.content-kompakt-indre:has(.fp-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* To-do liste - samme mønster. */
.content-kompakt-indre:has(.td-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Dashbord - samme mønster. */
.content-kompakt-indre:has(.db-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Kalender - samme mønster. */
.content-kompakt-indre:has(.kal-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Driftsmeldinger - samme mønster. */
.content-kompakt-indre:has(.dm-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* CE-godkjenninger - samme mønster. */
.content-kompakt-indre:has(.ce-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Systemregister (liste + rediger system) - samme mønster. */
.content-kompakt-indre:has(.sys-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Fravær - samme mønster. */
.content-kompakt-indre:has(.fravar-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Kunder - samme mønster. */
.content-kompakt-indre:has(.kunder-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* ".side-header" er den vanlige, delte topp-overskriften på de aller fleste
   enkle liste-/oversiktssidene i portalen (brukt av over 40 sider) - fjerner
   bredde-taket for alle disse i ett steg, samme mønster som alle de andre
   .content-kompakt-indre:has(...)-reglene over. Sider med egen snevrere
   indre bredde (f.eks. kalkulatorer) er allerede selv låst internt, og
   påvirkes derfor ikke visuelt av at den ytre rammen blir bredere. */
.content-kompakt-indre:has(.side-header)[b-gp1a6zlzc9] {
    max-width: none;
}

/* ".layout" er det delte to-kolonne "hero + skjema"-oppsettet brukt av flere
   skjemasider (arbeidsordre, prisoverslag, prosjekt, ticket, tilvalg m.fl.)
   - samme mønster. */
.content-kompakt-indre:has(.layout)[b-gp1a6zlzc9] {
    max-width: none;
}

/* ".rutenett" er det delte rutenett-oppsettet brukt av kundetilganger og
   tilvalgsmaler - samme mønster. */
.content-kompakt-indre:has(.rutenett)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Prisimport og Oppdater priser deler samme "import-hero"-oppsett - samme
   mønster. */
.content-kompakt-indre:has(.import-hero)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Nøkkeltall-rad brukt av arbeidsordre (fakturert) og serviceoppdrag - samme
   mønster. */
.content-kompakt-indre:has(.nokkeltall)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Arbeidsordre klar til fakturering - samme mønster. */
.content-kompakt-indre:has(.totalt-rad)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Arbeidsordre-oversikt - samme mønster. */
.content-kompakt-indre:has(.periode-bryter)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Befaringsliste - samme mønster. */
.content-kompakt-indre:has(.befaring-header)[b-gp1a6zlzc9] {
    max-width: none;
}

/* CE-oppsett - samme mønster. */
.content-kompakt-indre:has(.gruppe-kort)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Dør-detalj - samme mønster. */
.content-kompakt-indre:has(.id-kort)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Driftsmelding-detalj - samme mønster. */
.content-kompakt-indre:has(.info-rad)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Tripletex-integrasjon - samme mønster. */
.content-kompakt-indre:has(.tt-card)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Kontrolltårn - samme mønster. */
.content-kompakt-indre:has(.dashboard-grid)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Kunde-skjema (admin-siden) - samme mønster. */
.content-kompakt-indre:has(.kunde-hero)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Kunder-modul (hub-siden) - samme mønster. */
.content-kompakt-indre:has(.kundemodul-grid)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Lager - samme mønster. */
.content-kompakt-indre:has(.filters)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Utskiftning av låsekasse - samme mønster. */
.content-kompakt-indre:has(.utskiftning-header)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Lasplan - samme mønster. */
.content-kompakt-indre:has(.field-grid)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Leverandør-detalj - samme mønster. */
.content-kompakt-indre:has(.leverandor-hero)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Lisenser - samme mønster. */
.content-kompakt-indre:has(.godkjenning-table-wrap)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Plukkliste - samme mønster. */
.content-kompakt-indre:has(.byggetrinn-velger)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Prisoverslagsliste - samme mønster. */
.content-kompakt-indre:has(.overslag-header)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Produktgruppe-detalj - samme mønster. */
.content-kompakt-indre:has(.gruppe-hero)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Prosjektering- og service-modul (hub-sidene) - samme mønster. */
.content-kompakt-indre:has(.modul-header)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Serviceavtaler - samme mønster. */
.content-kompakt-indre:has(.avtale-toppknapp-rad)[b-gp1a6zlzc9] {
    max-width: none;
}

/* AI-assistent - samme mønster. */
.content-kompakt-indre:has(.ai-chat-wrap)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Tilvalg-oversikt - samme mønster. */
.content-kompakt-indre:has(.tilvalg-tabell-kort)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Duplikate varer, prishistorikk, produktsammendrag og søkeresultat - samme
   mønster. */
.content-kompakt-indre:has(.komponent-duplikater-side)[b-gp1a6zlzc9],
.content-kompakt-indre:has(.prishistorikk-side)[b-gp1a6zlzc9],
.content-kompakt-indre:has(.produktsammendrag-side)[b-gp1a6zlzc9],
.content-kompakt-indre:has(.sok-resultat-side)[b-gp1a6zlzc9] {
    max-width: none;
}

/* Dørpakke-detaljsiden (ny/rediger-pakke) - egen header-klasse (pakke-header)
   siden siden har egne Rediger/Lagre-knapper i headeren. */
.content-kompakt-indre:has(.pakke-header)[b-gp1a6zlzc9] {
    max-width: none;
}

.content-kompakt-tilbake[b-gp1a6zlzc9] {
    display: none;
}

@media (min-width: 641px) {
    .content-kompakt-tilbake[b-gp1a6zlzc9] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        color: var(--itlock-ink-muted);
        text-decoration: none;
        font-size: 0.82rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

        .content-kompakt-tilbake[b-gp1a6zlzc9]  .icon {
            width: 0.85rem;
            height: 0.85rem;
        }

        .content-kompakt-tilbake:hover[b-gp1a6zlzc9] {
            color: var(--itlock-accent);
        }
}

@media (min-width: 641px) {
    .content-kompakt-indre[b-gp1a6zlzc9] {
        margin: 2.2rem 0;
    }
}

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

    #blazor-error-ui .dismiss[b-gp1a6zlzc9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/PortalItlock.Web/Components/Layout/MobilTabBar.razor.rz.scp.css */
.mobil-tabbar[b-neb84lxue3] {
    display: none;
}

@media (max-width: 640.98px) {
    .mobil-tabbar[b-neb84lxue3] {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: var(--itlock-surface);
        border-top: 1px solid var(--itlock-border);
        padding-bottom: env(safe-area-inset-bottom, 0);
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
        /* Tvinger elementet inn i sitt eget compositing-lag - kjent fiks for
           at iOS Safari (spesielt i hjemskjerm-app-modus rett etter
           kaldstart) kan la "position: fixed"-elementer stå igjen på en
           foreldet posisjon til noe utløser en ny compositing-pass. Uten
           dette la bunn-fanen seg feil til man byttet fane. */
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

/* NavLink er en barnekomponent - roten dens arver ikke denne komponentens
   scope-attributt, så ::deep trengs for å nå den (og alt inni den). */
.mobil-tabbar[b-neb84lxue3]  .mobil-tab {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    padding: 0.45rem 0.25rem 0.35rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.66rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.1;
}

    .mobil-tabbar[b-neb84lxue3]  .mobil-tab .icon {
        width: 1.35rem;
        height: 1.35rem;
    }

    .mobil-tabbar[b-neb84lxue3]  .mobil-tab.active {
        color: var(--itlock-accent);
    }
/* _content/PortalItlock.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dk6qfptsd8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--itlock-ink);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--itlock-border);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2841, 41, 39, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(41, 41, 39, 0.05);
}

.navbar-toggler:checked[b-dk6qfptsd8] {
    background-color: rgba(41, 41, 39, 0.1);
}

.top-row[b-dk6qfptsd8] {
    height: 4.25rem;
    background-color: var(--itlock-surface);
    display: flex;
    align-items: center;
}

.navbar-brand[b-dk6qfptsd8] {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}

.brand-logo[b-dk6qfptsd8] {
    height: 1.9rem;
    width: auto;
}

.nav-back-arrow[b-dk6qfptsd8] {
    display: inline-block;
    width: 1.25rem;
    margin-right: 0.5rem;
    font-size: 1.05rem;
}

.bi[b-dk6qfptsd8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

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

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

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

.nav-group[b-dk6qfptsd8] {
    border-top: 1px solid var(--itlock-border);
}

.nav-group-summary[b-dk6qfptsd8] {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
}

.nav-group-summary[b-dk6qfptsd8]::-webkit-details-marker {
    display: none;
}

.nav-group-summary[b-dk6qfptsd8]::after {
    content: "▾";
    margin-left: auto;
    font-weight: 400;
}

.nav-group[open] > .nav-group-summary[b-dk6qfptsd8]::after {
    transform: rotate(180deg);
}

.nav-group[open] > .nav-group-summary[b-dk6qfptsd8] {
    color: var(--itlock-ink);
}

.nav-item[b-dk6qfptsd8] {
    font-size: 0.9rem;
    padding: 0 0.6rem 0.3rem;
}

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

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

    .nav-item[b-dk6qfptsd8]  .nav-link {
        color: var(--itlock-ink);
        background: none;
        border: none;
        border-radius: 10px;
        height: 2.85rem;
        display: flex;
        align-items: center;
        gap: 0.7rem;
        line-height: normal;
        width: 100%;
        padding-left: 0.6rem;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    .nav-item[b-dk6qfptsd8]  .nav-link .icon,
    .nav-item[b-dk6qfptsd8]  .nav-link .bi {
        box-sizing: content-box;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.05rem;
        height: 1.05rem;
        padding: 0.4rem;
        border-radius: 8px;
        background-color: rgba(131, 94, 65, 0.08);
        color: var(--itlock-ink-muted);
        margin-right: 0;
        flex-shrink: 0;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    .nav-item[b-dk6qfptsd8]  .nav-link .bi {
        background-size: 1.05rem 1.05rem;
        background-position: center;
        background-repeat: no-repeat;
    }

.nav-item[b-dk6qfptsd8]  a.active {
    background: linear-gradient(135deg, rgba(131, 94, 65, 0.13), rgba(131, 94, 65, 0.04));
    box-shadow: inset 0 0 0 1px rgba(131, 94, 65, 0.16);
    color: var(--itlock-accent);
    font-weight: 600;
}

    .nav-item[b-dk6qfptsd8]  a.active .icon,
    .nav-item[b-dk6qfptsd8]  a.active .bi {
        background-color: var(--itlock-accent);
        color: #fff;
    }

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

.nav-item[b-dk6qfptsd8]  .nav-link:hover {
    background-color: rgba(131, 94, 65, 0.07);
    color: var(--itlock-accent);
}

    .nav-item[b-dk6qfptsd8]  .nav-link:hover .icon,
    .nav-item[b-dk6qfptsd8]  .nav-link:hover .bi {
        color: var(--itlock-accent);
    }

.nav-item[b-dk6qfptsd8]  .theme-toggle {
    width: 100%;
    padding: 0.5rem;
    color: var(--itlock-ink-muted);
}

    .nav-item[b-dk6qfptsd8]  .theme-toggle:hover {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
    }

.logout-form[b-dk6qfptsd8] {
    border-top: 1px solid var(--itlock-border);
    padding: 0.75rem 1rem;
}

.logout-button[b-dk6qfptsd8] {
    width: 100%;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    padding: 0.5rem;
    cursor: pointer;
    font-size: 0.85rem;
}

    .logout-button:hover[b-dk6qfptsd8] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
    }

.nav-link-button[b-dk6qfptsd8] {
    background: none;
    border: none;
    border-left: 3px solid transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.varsel-wrap[b-dk6qfptsd8] {
    position: relative;
}

.top-row-inner[b-dk6qfptsd8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.sidebar-org[b-dk6qfptsd8] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1.1rem 1rem;
    margin-bottom: 0.4rem;
    background: linear-gradient(160deg, rgba(131, 94, 65, 0.07), transparent 75%);
    border-bottom: 1px solid var(--itlock-border);
}

.sidebar-org-merke[b-dk6qfptsd8] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 10px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    box-shadow: 0 3px 8px rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

    .sidebar-org-merke[b-dk6qfptsd8]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.sidebar-org-tekst[b-dk6qfptsd8] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.sidebar-org-label[b-dk6qfptsd8] {
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--itlock-ink-muted);
}

.sidebar-org-navn[b-dk6qfptsd8] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-sidebar="collapsed"] .brand-logo[b-dk6qfptsd8] {
    display: none;
}

html[data-sidebar="collapsed"] .sidebar-org[b-dk6qfptsd8] {
    justify-content: center;
    padding: 1rem 0.25rem;
}

html[data-sidebar="collapsed"] .sidebar-org-tekst[b-dk6qfptsd8] {
    display: none;
}

@media (min-width: 641px) {
    html[data-sidebar="collapsed"] .nav-item[b-dk6qfptsd8]  .nav-link {
        position: relative;
        flex-direction: column;
        justify-content: center;
        height: auto;
        min-height: 3.4rem;
        padding: 0.5rem 0.15rem;
        font-size: 0.62rem;
        line-height: 1.15;
        text-align: center;
        border-left: none;
        border-top: 3px solid transparent;
    }

    html[data-sidebar="collapsed"] .nav-item[b-dk6qfptsd8]  a.active {
        border-left-color: transparent;
        border-top-color: var(--itlock-accent);
    }

    html[data-sidebar="collapsed"] .nav-item[b-dk6qfptsd8]  .bi,
    html[data-sidebar="collapsed"] .nav-item[b-dk6qfptsd8]  .icon {
        margin-right: 0;
        margin-bottom: 0.2rem;
    }

    html[data-sidebar="collapsed"] .nav-back-arrow[b-dk6qfptsd8] {
        margin-right: 0;
    }

    html[data-sidebar="collapsed"] .varsel-badge[b-dk6qfptsd8] {
        position: absolute;
        top: 0.3rem;
        right: 0.3rem;
    }

    html[data-sidebar="collapsed"] .varsel-panel[b-dk6qfptsd8] {
        left: 0.5rem;
        right: auto;
        width: 20rem;
        text-align: left;
    }
}

.varsel-knapp[b-dk6qfptsd8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
}

    .varsel-knapp[b-dk6qfptsd8]  .icon {
        margin-right: 0;
        width: 1.2rem;
        height: 1.2rem;
        color: var(--itlock-ink-muted);
    }

    .varsel-knapp:hover[b-dk6qfptsd8]  .icon {
        color: var(--itlock-accent);
    }

.varsel-badge[b-dk6qfptsd8] {
    background: #b5502d;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.2rem 0.4rem;
    border-radius: 999px;
    min-width: 1.1rem;
    text-align: center;
}

.varsel-panel[b-dk6qfptsd8] {
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    z-index: 20;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.varsel-tom[b-dk6qfptsd8] {
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
    padding: 0.5rem 0.6rem;
    margin: 0;
}

.varsel-rad[b-dk6qfptsd8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    border-radius: 8px;
    color: var(--itlock-ink);
    text-decoration: none;
    font-size: 0.82rem;
    line-height: 1.3;
    transition: background-color 0.15s ease;
}

    a.varsel-rad:hover[b-dk6qfptsd8] {
        background: rgba(131, 94, 65, 0.08);
    }

.varsel-tall[b-dk6qfptsd8] {
    font-weight: 700;
    color: var(--itlock-accent);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.nav-scrollable[b-dk6qfptsd8] {
    display: none;
    border-top: 1px solid var(--itlock-border);
}

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

@media (max-width: 640.98px) {
    /* Logo-raden og den innebygde ☰-checkboxen erstattes av den samlede
       ☰ + tittel-linjen i MainLayout sin egen top-row på mobil. */
    .top-row[b-dk6qfptsd8] {
        display: none;
    }

    .navbar-toggler[b-dk6qfptsd8] {
        display: none;
    }

    /* Mobilvisning er begrenset til feltbruk - ingen mørk modus-bryter der. */
    .tema-nav-item[b-dk6qfptsd8] {
        display: none;
    }
}

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 4.25rem);
        overflow-y: auto;
    }
}
/* _content/PortalItlock.Web/Components/Layout/PlattformLayout.razor.rz.scp.css */
.pfl-shell[b-0ze115emre] {
    min-height: 100vh;
    background: #F6F3EE;
    font-family: 'Manrope', sans-serif;
    color: #1A1712;
}

.pfl-main[b-0ze115emre] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.pfl-topbar[b-0ze115emre] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 2rem;
    background: #FFFFFF;
    border-bottom: 1px solid #ECE7DD;
    position: sticky;
    top: 0;
    z-index: 5;
}

.pfl-sok[b-0ze115emre] {
    flex: 1 1 auto;
    max-width: 520px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #F6F3EE;
    border: 1px solid #ECE7DD;
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    color: #918A7B;
}

    .pfl-sok .icon[b-0ze115emre] {
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
    }

.pfl-sok-input[b-0ze115emre] {
    flex: 1 1 auto;
    border: none;
    background: transparent;
    outline: none;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8125rem;
    color: #1A1712;
    min-width: 0;
}

    .pfl-sok-input[b-0ze115emre]::placeholder {
        color: #AFA895;
    }

.pfl-sok-kbd[b-0ze115emre] {
    flex: 0 0 auto;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #AFA895;
    background: #FFFFFF;
    border: 1px solid #ECE7DD;
    border-radius: 6px;
    padding: 0.1rem 0.4rem;
}

.pfl-topbar-actions[b-0ze115emre] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.pfl-bjelle[b-0ze115emre] {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #ECE7DD;
    background: #FFFFFF;
    color: #6B6458;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .pfl-bjelle:hover[b-0ze115emre] {
        background: #F8F5EF;
    }

    .pfl-bjelle .icon[b-0ze115emre] {
        width: 17px;
        height: 17px;
    }

.pfl-bjelle-dot[b-0ze115emre] {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #C25B4A;
    border: 1.5px solid #FFFFFF;
}

.pfl-bruker-wrap[b-0ze115emre] {
    position: relative;
}

.pfl-bruker[b-0ze115emre] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    list-style: none;
}

    .pfl-bruker[b-0ze115emre]::-webkit-details-marker {
        display: none;
    }

    .pfl-bruker:hover[b-0ze115emre] {
        background: #F8F5EF;
        border-color: #ECE7DD;
    }

    .pfl-bruker .icon[b-0ze115emre] {
        width: 15px;
        height: 15px;
        color: #918A7B;
    }

.pfl-bruker-avatar[b-0ze115emre] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #8A5A34;
    color: #FFF7EE;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pfl-bruker-tekst[b-0ze115emre] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    text-align: left;
}

.pfl-bruker-navn[b-0ze115emre] {
    font-weight: 700;
    font-size: 0.8125rem;
    color: #1A1712;
}

.pfl-bruker-rolle[b-0ze115emre] {
    font-size: 0.6875rem;
    color: #918A7B;
}

.pfl-brukermeny[b-0ze115emre] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    background: #FFFFFF;
    border: 1px solid #ECE7DD;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(26, 23, 18, 0.12);
    padding: 0.4rem;
    min-width: 150px;
    z-index: 10;
}

.pfl-logout-form[b-0ze115emre] {
    margin: 0;
}

.pfl-logout-button[b-0ze115emre] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 0.8125rem;
    background: transparent;
    color: #8A3B34;
    border: none;
    border-radius: 7px;
    padding: 0.5rem 0.6rem;
    cursor: pointer;
    text-align: left;
}

    .pfl-logout-button:hover[b-0ze115emre] {
        background: #F8ECE9;
    }

    .pfl-logout-button .icon[b-0ze115emre] {
        width: 15px;
        height: 15px;
    }

.pfl-content[b-0ze115emre] {
    flex: 1 1 auto;
    padding: 1.75rem 2rem 3rem;
}

@media (max-width: 960px) {
    .pfl-sok[b-0ze115emre] {
        max-width: none;
    }

    .pfl-bruker-tekst[b-0ze115emre] {
        display: none;
    }
}
/* _content/PortalItlock.Web/Components/Layout/TopBar.razor.rz.scp.css */
.topbar[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.topplinje-snarveier[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.topbar .topplinje-snarvei[b-criyfpbv1k] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    margin-left: 0;
    white-space: nowrap;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

    .topbar .topplinje-snarvei:hover[b-criyfpbv1k] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.06);
        text-decoration: none;
    }

.topbar-kontrolltarn-lenke[b-criyfpbv1k] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

    .topbar-kontrolltarn-lenke[b-criyfpbv1k]  .icon {
        width: 1rem;
        height: 1rem;
    }

.varsel-wrap[b-criyfpbv1k] {
    position: relative;
}

.varsel-ikon-knapp[b-criyfpbv1k] {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.06);
    border: 1px solid transparent;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

    .varsel-ikon-knapp:hover[b-criyfpbv1k] {
        background: rgba(131, 94, 65, 0.12);
        color: var(--itlock-accent);
        transform: translateY(-1px);
    }

    .varsel-ikon-knapp[b-criyfpbv1k]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .varsel-ikon-knapp .varsel-badge[b-criyfpbv1k] {
        position: absolute;
        top: -0.35rem;
        right: -0.35rem;
    }

.varsel-topp-panel[b-criyfpbv1k] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    z-index: 30;
    width: 21rem;
    max-height: 26rem;
    overflow-y: auto;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    padding: 0.5rem;
}

.varsel-gruppe-label[b-criyfpbv1k] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--itlock-ink-muted);
    margin: 0.5rem 0.6rem 0.3rem;
}

    .varsel-gruppe-label:first-child[b-criyfpbv1k] {
        margin-top: 0.2rem;
    }

.varsel-liste[b-criyfpbv1k] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.varsel-skille[b-criyfpbv1k] {
    margin: 0.3rem 0.6rem;
    border-top: 1px solid var(--itlock-border);
}

    .varsel-topp-panel .varsel-rad[b-criyfpbv1k] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.5rem 0.6rem;
        border-radius: 9px;
        border-left: 3px solid transparent;
        color: var(--itlock-ink);
        text-decoration: none;
        font-size: 0.82rem;
        line-height: 1.3;
        margin-left: 0;
    }

        .varsel-topp-panel a.varsel-rad:hover[b-criyfpbv1k] {
            background: rgba(131, 94, 65, 0.08);
            text-decoration: none;
        }

        .varsel-topp-panel .varsel-rad.varsel-haster[b-criyfpbv1k] {
            border-left-color: #a32020;
        }

        .varsel-topp-panel .varsel-rad.varsel-middels[b-criyfpbv1k] {
            border-left-color: #8a6d1f;
        }

.sok-wrap[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
}

.sok-ikon-knapp[b-criyfpbv1k],
.notater-ikon-knapp[b-criyfpbv1k] {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.06);
    border: 1px solid transparent;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

    .sok-ikon-knapp[b-criyfpbv1k]  .icon,
    .notater-ikon-knapp[b-criyfpbv1k]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

    .sok-ikon-knapp:hover[b-criyfpbv1k],
    .notater-ikon-knapp:hover[b-criyfpbv1k] {
        background: rgba(131, 94, 65, 0.12);
        color: var(--itlock-accent);
        transform: translateY(-1px);
    }

.notater-wrap[b-criyfpbv1k] {
    position: relative;
}

.notater-panel[b-criyfpbv1k] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    z-index: 30;
    width: 20rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.notater-hint[b-criyfpbv1k] {
    color: var(--itlock-ink-muted);
    font-size: 0.78rem;
    margin: 0;
}

.notater-tekstfelt[b-criyfpbv1k] {
    width: 100%;
    min-height: 4rem;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.5rem;
    resize: vertical;
}

.save-button[b-criyfpbv1k] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    align-self: flex-start;
}

    .save-button:disabled[b-criyfpbv1k] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.notater-liste[b-criyfpbv1k] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 16rem;
    overflow-y: auto;
}

    .notater-liste li[b-criyfpbv1k] {
        position: relative;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 1.6rem 0.5rem 0.5rem;
    }

.notat-dato[b-criyfpbv1k] {
    display: block;
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.2rem;
}

.notat-tekst[b-criyfpbv1k] {
    margin: 0;
    font-size: 0.85rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.notat-slett[b-criyfpbv1k] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    padding: 0.1rem;
}

    .notat-slett[b-criyfpbv1k]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .notat-slett:hover[b-criyfpbv1k] {
        color: #a33;
    }

.top-sok-input[b-criyfpbv1k] {
    width: 15rem;
    max-width: 40vw;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.45rem 0.7rem;
}

    .top-sok-input:focus[b-criyfpbv1k] {
        outline: none;
        border-color: var(--itlock-accent);
    }

.bruker-meny-wrap[b-criyfpbv1k] {
    position: relative;
}

.bruker-avatar[b-criyfpbv1k] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: none;
    background: linear-gradient(150deg, var(--itlock-accent-hover), var(--itlock-accent));
    box-shadow: 0 3px 10px rgba(131, 94, 65, 0.3);
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .bruker-avatar:hover[b-criyfpbv1k] {
        transform: translateY(-1px);
        box-shadow: 0 5px 14px rgba(131, 94, 65, 0.38);
    }

.bruker-meny-panel[b-criyfpbv1k] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    z-index: 30;
    width: 20rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.bruker-meny-navn[b-criyfpbv1k] {
    font-weight: 700;
    padding: 0.3rem 0.6rem 0;
}

.bruker-meny-epost[b-criyfpbv1k] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    padding: 0 0.6rem 0.3rem;
}

.bruker-meny-skille[b-criyfpbv1k] {
    border-top: 1px solid var(--itlock-border);
    margin: 0.3rem 0;
}

.bruker-meny-panel .bruker-meny-rad[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    border-radius: 8px;
    color: var(--itlock-ink);
    text-decoration: none;
    font-size: 0.85rem;
    background: none;
    border: none;
    width: 100%;
    margin-left: 0;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .bruker-meny-panel .bruker-meny-rad:hover[b-criyfpbv1k] {
        background: rgba(131, 94, 65, 0.08);
        color: var(--itlock-accent);
        text-decoration: none;
    }

    .bruker-meny-panel .bruker-meny-rad[b-criyfpbv1k]  .icon {
        box-sizing: content-box;
        width: 1rem;
        height: 1rem;
        padding: 0.35rem;
        border-radius: 8px;
        background-color: rgba(131, 94, 65, 0.08);
        color: var(--itlock-ink-muted);
        margin-right: 0;
        flex-shrink: 0;
    }

    .bruker-meny-panel .bruker-meny-rad:hover[b-criyfpbv1k]  .icon {
        color: var(--itlock-accent);
    }

    /* Blå = aktivert, samme blåtone som brukes for "ny/info"-tilstander
       ellers i appen (se f.eks. .status-badge-ny). */
    .bruker-meny-panel .bruker-meny-rad.aktiv[b-criyfpbv1k],
    .bruker-meny-panel .bruker-meny-rad.aktiv:hover[b-criyfpbv1k] {
        color: #2f6fb3;
        font-weight: 600;
    }

.tilstede-rad[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
}

.tilstede-dot[b-criyfpbv1k] {
    flex-shrink: 0;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    padding: 0;
}

.tilstede-rod[b-criyfpbv1k] {
    background: #b5502d;
}

.tilstede-gronn[b-criyfpbv1k] {
    background: #2b7a4b;
}

.tilstede-tekst[b-criyfpbv1k] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.tilstede-panel[b-criyfpbv1k] {
    margin: 0 0.6rem 0.4rem;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    background: var(--itlock-bg);
    padding: 0.5rem 0.6rem;
    font-size: 0.82rem;
}

.tilstede-tom[b-criyfpbv1k] {
    margin: 0;
    color: var(--itlock-ink-muted);
}

.tilstede-liste[b-criyfpbv1k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.bruker-meny-innstillinger[b-criyfpbv1k] {
    max-height: 18rem;
    overflow-y: auto;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    margin: 0.2rem 0.4rem;
    padding: 0.3rem 0.4rem;
}

.innstillinger-hint[b-criyfpbv1k] {
    color: var(--itlock-ink-muted);
    font-size: 0.78rem;
    padding: 0 0 0.5rem;
    margin: 0;
}

.innstillinger-kolonnetitler[b-criyfpbv1k] {
    display: grid;
    grid-template-columns: 1fr 2.5rem 2.5rem;
    align-items: center;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    text-align: center;
    padding: 0 0.2rem 0.2rem;
}

    .innstillinger-kolonnetitler span:first-child[b-criyfpbv1k] {
        text-align: left;
    }

.innstillinger-gruppe-navn[b-criyfpbv1k] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
    margin: 0.5rem 0 0.15rem;
    padding: 0 0.2rem;
}

.innstillinger-rad-2col[b-criyfpbv1k] {
    display: grid;
    grid-template-columns: 1fr 2.5rem 2.5rem;
    align-items: center;
    gap: 0.2rem;
    padding: 0.25rem 0.2rem;
    font-size: 0.82rem;
}

.innstillinger-rad-knapp[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.25rem 0.2rem 0.5rem;
    font-size: 0.82rem;
}

.innstillinger-layout-knapp[b-criyfpbv1k] {
    flex-shrink: 0;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--itlock-accent-hover);
    background: rgba(131, 94, 65, 0.08);
    border: 1px solid rgba(131, 94, 65, 0.2);
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .innstillinger-layout-knapp:hover[b-criyfpbv1k] {
        background: rgba(131, 94, 65, 0.14);
        border-color: var(--itlock-accent);
    }

    .innstillinger-rad-2col input[b-criyfpbv1k] {
        justify-self: center;
    }

.innstillinger-lenke-navn[b-criyfpbv1k] {
    color: var(--itlock-ink);
}

.innstillinger-rad-undermodul .innstillinger-lenke-navn[b-criyfpbv1k] {
    padding-left: 0.9rem;
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
}

.bruker-meny-logout-form[b-criyfpbv1k] {
    width: 100%;
}

.bruker-meny-logout[b-criyfpbv1k] {
    color: #a33;
}

.varsel-badge[b-criyfpbv1k] {
    background: #b5502d;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.2rem 0.4rem;
    border-radius: 999px;
    min-width: 1.1rem;
    text-align: center;
}

.varsel-tom[b-criyfpbv1k] {
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
    padding: 0.5rem 0.6rem;
    margin: 0;
}

.bruker-meny-innstillinger .varsel-rad[b-criyfpbv1k] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    color: var(--itlock-ink);
    text-decoration: none;
    font-size: 0.82rem;
    line-height: 1.3;
    margin-left: 0;
}

    .bruker-meny-innstillinger a.varsel-rad:hover[b-criyfpbv1k] {
        background: rgba(131, 94, 65, 0.08);
        text-decoration: none;
    }

.varsel-tall[b-criyfpbv1k] {
    font-weight: 700;
    color: var(--itlock-accent);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .top-sok-input[b-criyfpbv1k] {
        display: none;
    }

    .topplinje-snarveier[b-criyfpbv1k] {
        display: none;
    }

    /* Mobilvisning er begrenset til feltbruk - søk, notater, varsler/
       driftsmeldinger og snarveier til Kontrolltårn/AI hører ikke hjemme der. */
    .sok-wrap[b-criyfpbv1k],
    .notater-wrap[b-criyfpbv1k],
    .varsel-wrap[b-criyfpbv1k],
    .topbar-kontrolltarn-lenke[b-criyfpbv1k] {
        display: none;
    }

    /* MK-menyen skal kun vise "Logg ut" og "Bytt passord" på mobil - ingen
       navn/e-post, tilpass meny eller tilstede-info. */
    .bruker-meny-navn[b-criyfpbv1k],
    .bruker-meny-epost[b-criyfpbv1k],
    .bruker-meny-skille[b-criyfpbv1k],
    .tilpass-meny-knapp[b-criyfpbv1k],
    .tilstede-rad[b-criyfpbv1k],
    .tilstede-panel[b-criyfpbv1k] {
        display: none;
    }

    /* MK-avataren skal bare være et visningselement på mobil, ikke en egen
       knapp - menyen åpnes kun via ☰ (som fortsatt trigger samme meny via
       JS, upåvirket av pointer-events her siden .click() ikke er en ekte
       pointer-hendelse). */
    .bruker-avatar[b-criyfpbv1k] {
        pointer-events: none;
    }

    /* Menyen var posisjonert med "right: 0" mot avatar-wrapperen, som stemte
       da avataren lå helt til høyre. Nå som avataren ligger til venstre (ved
       siden av ☰) ville samme regel dratt menyen langt ut til venstre for
       skjermen. Fest den i stedet til selve viewportet (position: fixed) rett
       under toppfeltet, med jevn avstand til begge kanter - da havner den
       alltid fullt synlig uansett hvor avataren står. */
    .bruker-meny-panel[b-criyfpbv1k] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        top: calc(4.25rem + env(safe-area-inset-top, 0px) + 0.5rem);
        width: auto;
        max-height: calc(100vh - 5.5rem);
        overflow-y: auto;
    }
}
/* _content/PortalItlock.Web/Components/Pages/AbcKalkulatorSide.razor.rz.scp.css */
.side-header[b-cwydm1t0g1] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-cwydm1t0g1] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-cwydm1t0g1]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-cwydm1t0g1] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-cwydm1t0g1] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.9rem;
    line-height: 1.5;
}
/* _content/PortalItlock.Web/Components/Pages/AiAssistent.razor.rz.scp.css */
h1[b-t25klao3z5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    h1[b-t25klao3z5]  .icon {
        color: var(--itlock-accent);
    }

.ai-chat-wrap[b-t25klao3z5] {
    display: flex;
    flex-direction: column;
    max-width: 720px;
    height: 70vh;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
}

.ai-meldinger[b-t25klao3z5] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ai-boble[b-t25klao3z5] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    max-width: 85%;
}

.ai-boble-user[b-t25klao3z5] {
    align-self: flex-end;
    align-items: flex-end;
}

.ai-boble-assistant[b-t25klao3z5] {
    align-self: flex-start;
    align-items: flex-start;
}

.ai-boble-avsender[b-t25klao3z5] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ai-boble-tekst[b-t25klao3z5] {
    padding: 0.55rem 0.75rem;
    white-space: pre-wrap;
    line-height: 1.4;
}

.ai-boble-user .ai-boble-tekst[b-t25klao3z5] {
    background: var(--itlock-accent);
    color: #fff;
}

.ai-boble-assistant .ai-boble-tekst[b-t25klao3z5] {
    background: var(--itlock-bg);
    color: var(--itlock-ink);
}

.ai-tenker[b-t25klao3z5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.7rem 0.9rem;
}

    .ai-tenker span[b-t25klao3z5] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--itlock-ink-muted);
        animation: ai-tenker-puls-b-t25klao3z5 1.1s infinite ease-in-out;
    }

    .ai-tenker span:nth-child(2)[b-t25klao3z5] {
        animation-delay: 0.15s;
    }

    .ai-tenker span:nth-child(3)[b-t25klao3z5] {
        animation-delay: 0.3s;
    }

@keyframes ai-tenker-puls-b-t25klao3z5 {
    0%, 60%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

.ai-handling-kort[b-t25klao3z5] {
    align-self: flex-start;
    max-width: 85%;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    border: 1px solid var(--itlock-accent);
    background: var(--itlock-surface);
    padding: 0.7rem 0.85rem;
}

.ai-handling-tittel[b-t25klao3z5] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--itlock-accent);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ai-handling-beskrivelse[b-t25klao3z5] {
    margin: 0;
    line-height: 1.4;
}

.ai-handling-knapper[b-t25klao3z5] {
    display: flex;
    gap: 0.5rem;
}

.ai-bekreft-button[b-t25klao3z5] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.35rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

    .ai-bekreft-button:disabled[b-t25klao3z5],
    .ai-avbryt-button:disabled[b-t25klao3z5] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.ai-avbryt-button[b-t25klao3z5] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.9rem;
    cursor: pointer;
}

.ai-input-rad[b-t25klao3z5] {
    display: flex;
    gap: 0.6rem;
    padding: 0.75rem;
    border-top: 1px solid var(--itlock-border);
}

.ai-input[b-t25klao3z5] {
    flex: 1 1 auto;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.6rem;
    resize: none;
}

.ai-send-button[b-t25klao3z5] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1.1rem;
    cursor: pointer;
    font-weight: 600;
    align-self: flex-end;
}

    .ai-send-button:disabled[b-t25klao3z5] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/PortalItlock.Web/Components/Pages/AlleNotater.razor.rz.scp.css */
.side-header[b-6yqcisxr69] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.side-header-ikon[b-6yqcisxr69] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-6yqcisxr69]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-6yqcisxr69] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-6yqcisxr69] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.filter-rad[b-6yqcisxr69] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.filter-select[b-6yqcisxr69] {
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.45rem 0.6rem;
    font: inherit;
    font-size: 0.85rem;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.antall-tekst[b-6yqcisxr69] {
    font-size: 0.83rem;
    color: var(--itlock-ink-muted);
}

.kort[b-6yqcisxr69] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.notat-liste[b-6yqcisxr69] {
    max-width: 900px;
    overflow: hidden;
}

.tom-liste[b-6yqcisxr69] {
    padding: 1.3rem 1.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0;
}

.notat-rad[b-6yqcisxr69] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .notat-rad:last-child[b-6yqcisxr69] {
        border-bottom: none;
    }

.notat-avatar[b-6yqcisxr69] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    background: var(--itlock-bg);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.notat-innhold[b-6yqcisxr69] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.notat-topp[b-6yqcisxr69] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.notat-navn[b-6yqcisxr69] {
    font-weight: 700;
    font-size: 0.88rem;
}

.notat-dato[b-6yqcisxr69] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
}

.notat-tekst[b-6yqcisxr69] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--itlock-ink);
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 640.98px) {
    .notat-rad[b-6yqcisxr69] {
        padding: 0.9rem 1rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ArbeidsordreFakturert.razor.rz.scp.css */
.tilbake-link[b-463abr39pn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .tilbake-link[b-463abr39pn]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .tilbake-link:hover[b-463abr39pn] {
        color: var(--itlock-accent);
    }

/* ---------- Header ---------- */

.fakturert-header[b-463abr39pn] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.fakturert-header-tittel[b-463abr39pn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .fakturert-header-tittel h1[b-463abr39pn] {
        margin: 0;
    }

.fakturert-header-ikon[b-463abr39pn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fakturert-header-ikon[b-463abr39pn]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.fakturert-header p[b-463abr39pn] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Nøkkeltall ---------- */

.nokkeltall[b-463abr39pn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.nokkel-kort[b-463abr39pn] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.nokkel-etikett[b-463abr39pn] {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.nokkel-verdi[b-463abr39pn] {
    font-size: 1.4rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.nokkel-verdi.stor[b-463abr39pn] {
    font-size: 1.6rem;
    color: var(--itlock-accent);
}

.nokkel-under[b-463abr39pn] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.trend[b-463abr39pn] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    width: fit-content;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

    .trend[b-463abr39pn]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.trend.ned[b-463abr39pn] {
    background: rgba(163, 32, 32, 0.12);
    color: #a32020;
}

    .trend.ned[b-463abr39pn]  .icon {
        transform: scaleY(-1);
    }

/* ---------- Verktøylinje ---------- */

.fakturert-toolbar[b-463abr39pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.sok-felt[b-463abr39pn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 320px;
    max-width: 420px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-463abr39pn]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-463abr39pn] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-463abr39pn] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.periode-velger[b-463abr39pn] {
    font: inherit;
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    cursor: pointer;
}

    .periode-velger:focus-visible[b-463abr39pn] {
        border-color: var(--itlock-accent);
        outline: none;
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

.result-count[b-463abr39pn] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.list-empty[b-463abr39pn] {
    color: var(--itlock-ink-muted);
}

/* ---------- Tabell ---------- */

.ordre-tabell-kort[b-463abr39pn] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.ordre-table[b-463abr39pn] {
    width: 100%;
    border-collapse: collapse;
}

    .ordre-table th[b-463abr39pn],
    .ordre-table td[b-463abr39pn] {
        text-align: left;
        padding: 0.65rem 0.9rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
        white-space: nowrap;
    }

    .ordre-table thead th[b-463abr39pn] {
        font-weight: 700;
        font-size: 0.76rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
        cursor: pointer;
        user-select: none;
        white-space: nowrap;
    }

        .ordre-table thead th:hover[b-463abr39pn] {
            color: var(--itlock-accent);
        }

    .ordre-table tbody tr:hover[b-463abr39pn] {
        background: rgba(131, 94, 65, 0.05);
    }

    .ordre-table tbody tr:last-child td[b-463abr39pn] {
        border-bottom: none;
    }

.timer-cell[b-463abr39pn],
.belop-cell[b-463abr39pn],
.tall-kolonne[b-463abr39pn] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tall-kolonne[b-463abr39pn] {
    text-align: right;
}

.belop-cell[b-463abr39pn] {
    font-weight: 700;
}

.montor-rad[b-463abr39pn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.montor-avatar[b-463abr39pn] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
    color: #fff;
}

.edit-link[b-463abr39pn] {
    color: var(--itlock-accent);
    font-weight: 600;
    text-decoration: none;
}

    .edit-link:hover[b-463abr39pn] {
        text-decoration: underline;
    }

.ordre-table tfoot td[b-463abr39pn] {
    font-weight: 700;
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    border-bottom: none;
    border-top: 2px solid var(--itlock-border);
    color: var(--itlock-ink);
}

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

@media (max-width: 640.98px) {
    .fakturert-header p[b-463abr39pn] {
        margin-left: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ArbeidsordreKlarTilFakturering.razor.rz.scp.css */
.back-link[b-nsanx98p3c] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-nsanx98p3c] {
        text-decoration: underline;
    }

.list-empty[b-nsanx98p3c] {
    color: var(--itlock-ink-muted);
}

.sok-felt[b-nsanx98p3c] {
    display: block;
    max-width: 400px;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
    margin: 0.75rem 0 1.25rem;
}

.ordre-table[b-nsanx98p3c] {
    width: 100%;
    max-width: 1100px;
    border-collapse: collapse;
}

    .ordre-table th[b-nsanx98p3c],
    .ordre-table td[b-nsanx98p3c] {
        text-align: left;
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.9rem;
    }

.timer-cell[b-nsanx98p3c] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.edit-link[b-nsanx98p3c] {
    color: var(--itlock-accent);
    font-weight: 600;
    text-decoration: none;
}

    .edit-link:hover[b-nsanx98p3c] {
        text-decoration: underline;
    }

.ordre-actions[b-nsanx98p3c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    white-space: nowrap;
}

.save-button[b-nsanx98p3c] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}

.save-success[b-nsanx98p3c] {
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.75rem;
}

.cancel-button[b-nsanx98p3c] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: inherit;
    white-space: nowrap;
}

.totalt-rad[b-nsanx98p3c] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.totalt-klar[b-nsanx98p3c] {
    font-size: 0.95rem;
    margin: 0.25rem 0 0.5rem;
}

.bekreft-tekst[b-nsanx98p3c] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}
/* _content/PortalItlock.Web/Components/Pages/ArbeidsordreListe.razor.rz.scp.css */
.list-empty[b-wpiqz9oocp] {
    color: var(--itlock-ink-muted);
}

/* ---------- Header ---------- */

.ordre-header[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.ordre-header-tittel[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .ordre-header-tittel h1[b-wpiqz9oocp] {
        margin: 0;
    }

.ordre-header-ikon[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .ordre-header-ikon[b-wpiqz9oocp]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.ordre-header .ordre-intro[b-wpiqz9oocp] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Visningsbytte (Kanban/Liste) ---------- */

.ao-viewtoggle[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
}

    .ao-viewtoggle button[b-wpiqz9oocp] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        border: none;
        background: none;
        padding: 0.4rem 0.8rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

        .ao-viewtoggle button[b-wpiqz9oocp]  .icon {
            width: 0.9rem;
            height: 0.9rem;
        }

        .ao-viewtoggle button.aktiv[b-wpiqz9oocp] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

/* ---------- Statuskort (kun listevisning) ---------- */

.ao-statrow[b-wpiqz9oocp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ao-statcard[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .ao-statcard:hover[b-wpiqz9oocp] {
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
    }

    .ao-statcard.aktiv[b-wpiqz9oocp] {
        border-color: var(--itlock-accent);
    }

.ao-statcard-ic[b-wpiqz9oocp] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ao-statcard-ic[b-wpiqz9oocp]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.ao-ic-noytral[b-wpiqz9oocp] {
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

.ao-ic-rod[b-wpiqz9oocp] {
    background: #fbe3e3;
    color: #a32020;
}

.ao-ic-lilla[b-wpiqz9oocp] {
    background: #f0d9f7;
    color: #7a2b96;
}

.ao-ic-gronn[b-wpiqz9oocp] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.ao-statcard-num[b-wpiqz9oocp] {
    display: block;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--itlock-ink);
    font-variant-numeric: tabular-nums;
}

.ao-statcard-lbl[b-wpiqz9oocp] {
    display: block;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Filterrad (Prosjekt/Kunde/Montør/Status/Prioritet/Dato) ---------- */

.ao-filterrow[b-wpiqz9oocp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.ao-filter-select[b-wpiqz9oocp] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.45rem 0.7rem;
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
}

    .ao-filter-select:focus-visible[b-wpiqz9oocp] {
        outline: none;
        border-color: var(--itlock-accent);
    }

.ao-filter-nullstill[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: none;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    padding: 0.45rem 0.3rem;
}

    .ao-filter-nullstill[b-wpiqz9oocp]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .ao-filter-nullstill:hover[b-wpiqz9oocp] {
        color: var(--itlock-accent);
    }

/* ---------- Kanban: fire kolonner ---------- */

.ordre-tavle.ao-tavle-4[b-wpiqz9oocp] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ordre-kort-topp[b-wpiqz9oocp]  .status-pill {
    font-size: 0.65rem;
    padding: 0.16rem 0.45rem 0.16rem 0.35rem;
    flex-shrink: 0;
}

    .ordre-kort-topp[b-wpiqz9oocp]  .status-pill .icon {
        width: 0.7rem;
        height: 0.7rem;
    }

/* ---------- Listevisning: tabell ---------- */

.ao-tablewrap[b-wpiqz9oocp] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: auto;
    margin-bottom: 1rem;
}

.ao-table[b-wpiqz9oocp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

    .ao-table th[b-wpiqz9oocp],
    .ao-table td[b-wpiqz9oocp] {
        padding: 0.65rem 0.85rem;
        text-align: left;
        white-space: nowrap;
    }

    .ao-table .ao-td-tittel[b-wpiqz9oocp] {
        font-weight: 600;
        white-space: normal;
    }

.ao-thr[b-wpiqz9oocp] {
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
    border-bottom: 1px solid var(--itlock-border);
}

    .ao-thr th[b-wpiqz9oocp] {
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        font-weight: 700;
    }

.ao-tr[b-wpiqz9oocp] {
    border-bottom: 1px solid var(--itlock-border);
    cursor: pointer;
    transition: background-color 0.1s ease;
}

    .ao-tr:last-child[b-wpiqz9oocp] {
        border-bottom: none;
    }

    .ao-tr:hover[b-wpiqz9oocp] {
        background: color-mix(in srgb, var(--itlock-bg) 45%, var(--itlock-surface) 55%);
    }

.ao-th-sjekk[b-wpiqz9oocp] {
    width: 2.2rem;
}

.ao-td-id[b-wpiqz9oocp] {
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
}

.ao-td-forfalt[b-wpiqz9oocp] {
    color: #a32020;
    font-weight: 600;
}

.ao-td-meny[b-wpiqz9oocp] {
    text-align: right;
}

.ao-meny-knapp[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 7px;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-weight: 700;
}

    .ao-meny-knapp:hover[b-wpiqz9oocp] {
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

.ao-pagerad[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ao-pagerad-tekst[b-wpiqz9oocp] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.ao-pager[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

    .ao-pager button[b-wpiqz9oocp] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.9rem;
        height: 1.9rem;
        padding: 0 0.4rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        border-radius: 7px;
        font-size: 0.82rem;
        font-weight: 600;
        color: var(--itlock-ink);
        cursor: pointer;
        font-family: inherit;
    }

    .ao-pager button:disabled[b-wpiqz9oocp] {
        opacity: 0.4;
        cursor: default;
    }

    .ao-pager button.aktiv[b-wpiqz9oocp] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

    .ao-pager button:first-child[b-wpiqz9oocp]  .icon,
    .ao-pager button:last-child[b-wpiqz9oocp]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(90deg);
    }

    .ao-pager button:last-child[b-wpiqz9oocp]  .icon {
        transform: rotate(-90deg);
    }

.ao-sidestorrelse[b-wpiqz9oocp] {
    font-size: 0.82rem;
}

/* ---------- Kartvisning ---------- */

.ao-pillrow[b-wpiqz9oocp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.ao-pill[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--itlock-ink);
    cursor: pointer;
    font-family: inherit;
}

    .ao-pill span[b-wpiqz9oocp] {
        color: var(--itlock-ink-muted);
        font-weight: 500;
    }

.ao-pill-aktiv.valgt[b-wpiqz9oocp] {
    background: var(--itlock-ink);
    border-color: var(--itlock-ink);
    color: #fff;
}

    .ao-pill-aktiv.valgt span[b-wpiqz9oocp] {
        color: rgba(255, 255, 255, 0.75);
    }

.ao-pill-prikk[b-wpiqz9oocp] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.ao-pill-blaa .ao-pill-prikk[b-wpiqz9oocp] {
    background: #0b66e6;
}

.ao-pill-gul .ao-pill-prikk[b-wpiqz9oocp] {
    background: #fd7a17;
}

.ao-pill-gronn .ao-pill-prikk[b-wpiqz9oocp] {
    background: #0c9c5c;
}

.ao-pill-rod .ao-pill-prikk[b-wpiqz9oocp] {
    background: #d13a3a;
}

.ao-pill-blaa.valgt[b-wpiqz9oocp] {
    border-color: #0b66e6;
    color: #0b66e6;
    background: #eaf2fd;
}

.ao-pill-gul.valgt[b-wpiqz9oocp] {
    border-color: #fd7a17;
    color: #c2590a;
    background: #fdf1e5;
}

.ao-pill-gronn.valgt[b-wpiqz9oocp] {
    border-color: #0c9c5c;
    color: #0c9c5c;
    background: #e5f6ed;
}

.ao-pill-rod.valgt[b-wpiqz9oocp] {
    border-color: #d13a3a;
    color: #a32020;
    background: #fbe9e9;
}

.ao-kartside[b-wpiqz9oocp] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 1rem;
    align-items: start;
}

.ao-kartliste[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-height: 640px;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.ao-kartkort[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    width: 100%;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    text-decoration: none;
    text-align: left;
    color: var(--itlock-ink);
    font-family: inherit;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

    .ao-kartkort:hover[b-wpiqz9oocp] {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.07);
        transform: translateY(-1px);
    }

.ao-kartkort-blaa[b-wpiqz9oocp] {
    border-left-color: #0b66e6;
}

.ao-kartkort-gul[b-wpiqz9oocp] {
    border-left-color: #fd7a17;
}

.ao-kartkort-gronn[b-wpiqz9oocp] {
    border-left-color: #0c9c5c;
}

.ao-kartkort-rod[b-wpiqz9oocp] {
    border-left-color: #d13a3a;
}

.ao-kartkort-tittel[b-wpiqz9oocp] {
    font-weight: 700;
    font-size: 0.9rem;
}

.ao-kartkort-adresse[b-wpiqz9oocp] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.ao-kartwrap[b-wpiqz9oocp] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
    height: 640px;
}

.ao-kart[b-wpiqz9oocp] {
    width: 100%;
    height: 100%;
}

@media (max-width: 1100px) {
    .ao-kartside[b-wpiqz9oocp] {
        grid-template-columns: 1fr;
    }

    .ao-kartliste[b-wpiqz9oocp] {
        max-height: 320px;
    }

    .ao-kartwrap[b-wpiqz9oocp] {
        height: 420px;
    }
}

/* ---------- Verktøylinje ---------- */

.ordre-toolbar[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ordre-sok[b-wpiqz9oocp] {
    flex: 1 1 320px;
    max-width: 420px;
    margin: 0;
}

.ordre-toolbar-knapper[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.sok-felt[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-wpiqz9oocp]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-wpiqz9oocp] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-wpiqz9oocp] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.filter-button[b-wpiqz9oocp],
.edit-button-active[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

    .filter-button[b-wpiqz9oocp]  .icon,
    .edit-button-active[b-wpiqz9oocp]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.filter-button[b-wpiqz9oocp] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .filter-button:hover[b-wpiqz9oocp] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.edit-button-active[b-wpiqz9oocp] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
}

.dor-velger-panel[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 320px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.dor-velger-header[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.funksjon-chip-list[b-wpiqz9oocp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 220px;
    overflow-y: auto;
}

.filter-option[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    cursor: pointer;
}

.cancel-button[b-wpiqz9oocp] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
}

.result-count[b-wpiqz9oocp] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.add-button[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
    border: none;
    padding: 0.55rem 1.1rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

    .add-button[b-wpiqz9oocp]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .add-button:hover[b-wpiqz9oocp] {
        background: var(--itlock-accent-hover);
        transform: translateY(-1px);
    }

.ordre-admin-lenker[b-wpiqz9oocp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.back-link[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    font-weight: 600;
    background: rgba(131, 94, 65, 0.08);
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    text-decoration: none;
    transition: background-color 0.15s ease;
}

    .back-link[b-wpiqz9oocp]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-wpiqz9oocp] {
        background: rgba(131, 94, 65, 0.16);
    }

/* ---------- Hurtigfilter ---------- */

.ordre-hurtigfilter[b-wpiqz9oocp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.flis[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    text-align: left;
    cursor: pointer;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.75rem 0.95rem;
    font-family: inherit;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .flis:hover[b-wpiqz9oocp] {
        border-color: var(--itlock-accent);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.07);
    }

    .flis.aktiv[b-wpiqz9oocp] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.flis-tall[b-wpiqz9oocp] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.flis-tall.varsel[b-wpiqz9oocp] {
    color: #a32020;
}

.flis-etikett[b-wpiqz9oocp] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Arbeidsordre-tavle (skrivebord) ---------- */

.ordre-tavle[b-wpiqz9oocp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
    align-items: start;
}

.kolonne[b-wpiqz9oocp] {
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.kolonne-header-wrap[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    position: sticky;
    top: 0;
    padding-bottom: 0.4rem;
    margin: -0.1rem -0.1rem 0;
    background: inherit;
    z-index: 1;
}

/* Samlet fargepille, samme oppskrift som Tickets sin .ticket-board-header -
   renere enn separate prikk+antall-elementer. */
.kolonne-header[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.3rem 0.5rem;
    border-radius: 8px;
}

.kolonne-antall[b-wpiqz9oocp] {
    font-variant-numeric: tabular-nums;
}

.kolonne-sum[b-wpiqz9oocp] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    padding: 0 0.1rem;
}

/* Tinted kolonne-bakgrunn + samlet fargepille-header, samme oppskrift som
   Tickets/Tilbud service/Prosjekter sine fargede Kanban-kolonner. */
.kolonne-blaa[b-wpiqz9oocp] {
    background: color-mix(in srgb, #dbe7f7 55%, var(--itlock-bg) 45%);
}

.kolonne-blaa .kolonne-header[b-wpiqz9oocp] {
    background: rgba(11, 102, 230, 0.12);
    color: #0b66e6;
}

.kolonne-lilla[b-wpiqz9oocp] {
    background: color-mix(in srgb, #f0d9f7 55%, var(--itlock-bg) 45%);
}

.kolonne-lilla .kolonne-header[b-wpiqz9oocp] {
    background: rgba(122, 43, 150, 0.1);
    color: #7a2b96;
}

.kolonne-gul[b-wpiqz9oocp] {
    background: color-mix(in srgb, #fde7d3 55%, var(--itlock-bg) 45%);
}

.kolonne-gul .kolonne-header[b-wpiqz9oocp] {
    background: rgba(194, 89, 10, 0.13);
    color: #c2590a;
}

.kolonne-gronn[b-wpiqz9oocp] {
    background: color-mix(in srgb, #d3ecdb 55%, var(--itlock-bg) 45%);
}

.kolonne-gronn .kolonne-header[b-wpiqz9oocp] {
    background: rgba(12, 156, 92, 0.12);
    color: #0c9c5c;
}

.kolonne-rod[b-wpiqz9oocp] {
    background: color-mix(in srgb, #f9dcdc 55%, var(--itlock-bg) 45%);
}

.kolonne-rod .kolonne-header[b-wpiqz9oocp] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

.kolonne-legg-til[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: none;
    border: 1px dashed var(--itlock-border);
    border-radius: 10px;
    padding: 0.5rem;
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

    .kolonne-legg-til[b-wpiqz9oocp]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .kolonne-legg-til:hover[b-wpiqz9oocp] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.06);
    }

.kort-stabel[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.kolonne-tom[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 1.5rem 0.75rem;
    color: var(--itlock-ink-muted);
    text-align: center;
    font-size: 0.82rem;
    border: 1px dashed var(--itlock-border);
    border-radius: 10px;
}

    .kolonne-tom[b-wpiqz9oocp]  .icon {
        width: 1.3rem;
        height: 1.3rem;
        opacity: 0.5;
    }

.kolonne-fotnote[b-wpiqz9oocp] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    text-align: center;
    margin: 0;
    padding-top: 0.2rem;
}

    .kolonne-fotnote a[b-wpiqz9oocp] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

    .kolonne-fotnote a:hover[b-wpiqz9oocp] {
        text-decoration: underline;
    }

.ordre-kort[b-wpiqz9oocp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-border);
    border-radius: 10px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    transition: box-shadow 0.15s ease, transform 0.1s ease, border-left-color 0.15s ease;
}

    .ordre-kort:hover[b-wpiqz9oocp] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.ordre-kort-gronn[b-wpiqz9oocp] {
    border-left-color: #0c9c5c;
}

.ordre-kort-blaa[b-wpiqz9oocp] {
    border-left-color: #0b66e6;
}

.ordre-kort-gul[b-wpiqz9oocp] {
    border-left-color: #fd7a17;
}

.ordre-kort-lilla[b-wpiqz9oocp] {
    border-left-color: #7a2b96;
}

.ordre-kort-rod[b-wpiqz9oocp] {
    border-left-color: #d13a3a;
}

.ordre-kort-noytral[b-wpiqz9oocp] {
    border-left-color: var(--itlock-border);
}

.ordre-kort-topp[b-wpiqz9oocp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.ordre-kort-tittel[b-wpiqz9oocp] {
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.3;
}

.ordre-kort-linje[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .ordre-kort-linje[b-wpiqz9oocp]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .ordre-kort-linje span[b-wpiqz9oocp] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ordre-montor-rad[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ordre-avatar[b-wpiqz9oocp] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    font-weight: 700;
    color: #fff;
}

.ordre-montor-navn[b-wpiqz9oocp] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ordre-montor-tom[b-wpiqz9oocp] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.ordre-alder[b-wpiqz9oocp] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.ordre-kort-bunn[b-wpiqz9oocp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.2rem;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
}

.ordre-timer-badge[b-wpiqz9oocp],
.ordre-dato-badge[b-wpiqz9oocp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

    .ordre-timer-badge[b-wpiqz9oocp]  .icon,
    .ordre-dato-badge[b-wpiqz9oocp]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.ordre-dato-badge-forfalt[b-wpiqz9oocp] {
    color: #a32020;
    background: rgba(163, 32, 32, 0.1);
}

.mobil-ordre-liste[b-wpiqz9oocp] {
    display: none;
}

.mobil-ordre-tom[b-wpiqz9oocp] {
    display: none;
}

@media (max-width: 900px) {
    .ordre-tavle[b-wpiqz9oocp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .ordre-hurtigfilter[b-wpiqz9oocp],
    .ao-statrow[b-wpiqz9oocp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640.98px) {
    .side-tittel[b-wpiqz9oocp],
    .ordre-intro[b-wpiqz9oocp],
    .ordre-admin-lenker[b-wpiqz9oocp],
    .ordre-hurtigfilter[b-wpiqz9oocp],
    .ordre-tavle[b-wpiqz9oocp],
    .ao-statrow[b-wpiqz9oocp],
    .ao-filterrow[b-wpiqz9oocp],
    .ao-tablewrap[b-wpiqz9oocp],
    .ao-pagerad[b-wpiqz9oocp],
    .mobil-ny-ordre-skjul[b-wpiqz9oocp],
    .montor-filter[b-wpiqz9oocp] {
        display: none;
    }

    .ordre-toolbar[b-wpiqz9oocp] {
        margin-bottom: 0.75rem;
    }

    .add-button[b-wpiqz9oocp] {
        width: 100%;
        margin-right: 0;
    }

    /* Filterpanelet åpnes nå fra filterikonet i mobil-toppfeltet, som er
       fast plassert uansett hvor langt ned i listen man har scrollet. Uten
       dette ville panelet dukket opp der det ligger i selve sideinnholdet
       (øverst), usynlig for brukeren til de scrollet helt opp - så gjør det
       til et fast overlegg rett under toppfeltet i stedet, samme oppskrift
       som brukermenyen. */
    .dor-velger-panel[b-wpiqz9oocp] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        top: calc(4.25rem + env(safe-area-inset-top, 0px) + 0.5rem);
        z-index: 30;
        max-width: none;
        max-height: calc(100vh - 5.5rem);
        overflow-y: auto;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
    }

    /* Litt hyggeligere tom-tilstand på mobil når det ikke finnes noen
       arbeidsordre i det hele tatt - erstatter den nøkterne teksten som
       fortsatt vises på PC. Samme oppskrift som Min Dag/Søknader. */
    .mobil-tom-tekst-skjul[b-wpiqz9oocp] {
        display: none;
    }

    .mobil-ordre-tom[b-wpiqz9oocp] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.4rem;
        padding: 3rem 1.5rem 2rem;
        color: var(--itlock-ink-muted);
    }

        .mobil-ordre-tom .mobil-tom-figur[b-wpiqz9oocp] {
            margin-bottom: 0.75rem;
        }

        .mobil-ordre-tom h2[b-wpiqz9oocp] {
            margin: 0;
            font-size: 1.15rem;
            color: var(--itlock-ink);
        }

        .mobil-ordre-tom p[b-wpiqz9oocp] {
            margin: 0;
            max-width: 26ch;
        }

    /* Like tett som radene i Annen statistikk-kortet - ingen gap, kun
       kortenes egne kanter skiller dem. */
    .mobil-ordre-liste[b-wpiqz9oocp] {
        display: flex;
        flex-direction: column;
        gap: 0;
        list-style: none;
        padding: 0;
        margin: 1rem 0 0;
    }

    .mobil-ordre-kort[b-wpiqz9oocp] {
        border: 1px solid var(--itlock-border);
        border-left: 4px solid var(--itlock-border);
        background: var(--itlock-surface);
    }

        .mobil-ordre-kort a[b-wpiqz9oocp] {
            display: block;
            padding: 0.75rem 0.9rem;
            text-decoration: none;
            color: inherit;
        }

    .mobil-ordre-topp[b-wpiqz9oocp] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin-bottom: 0.3rem;
    }

    .mobil-ordre-tittel[b-wpiqz9oocp] {
        font-weight: 700;
    }

    .mobil-ordre-meta[b-wpiqz9oocp] {
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    /* "Gå til fullversjon" holder mobilskjermens ekte bredde, så denne
       @media-blokken slår fortsatt til der - .content-fullversjon (satt av
       MainLayout når fullversjon er aktiv) bringer derfor tilbake det som
       manglet (Ny arbeidsordre, admin-lenker, filter), men *tabellen*
       holdes bevisst skjult - den er laget for PC-bredde uten sidescroll,
       og ville bare blitt en uleselig smal tabell på en ekte mobilskjerm.
       Den ferdig mobiloptimaliserte kortlisten (.mobil-ordre-liste) er
       bedre egnet der og vises derfor også på fullversjon. */
    .content-fullversjon .side-tittel[b-wpiqz9oocp],
    .content-fullversjon .ordre-intro[b-wpiqz9oocp],
    .content-fullversjon .ordre-admin-lenker[b-wpiqz9oocp] {
        display: block;
    }

    .content-fullversjon .mobil-ny-ordre-skjul[b-wpiqz9oocp] {
        display: inline-block;
    }

    .content-fullversjon .montor-filter[b-wpiqz9oocp] {
        display: flex;
    }

    .content-fullversjon .add-button[b-wpiqz9oocp] {
        width: auto;
        margin-right: 1rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ArbeidsordreOversikt.razor.rz.scp.css */
.back-link[b-k9wykc0gpv] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-k9wykc0gpv] {
        text-decoration: underline;
    }

.section-hint[b-k9wykc0gpv] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-k9wykc0gpv] {
    color: var(--itlock-ink-muted);
    margin-top: 1rem;
}

.periode-bryter[b-k9wykc0gpv] {
    display: flex;
    gap: 0.4rem;
    margin: 0.75rem 0 1.5rem;
    flex-wrap: wrap;
}

.periode-knapp[b-k9wykc0gpv] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: inherit;
}

    .periode-knapp.aktiv[b-k9wykc0gpv] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
        font-weight: 600;
    }

.stats-rad[b-k9wykc0gpv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    max-width: 900px;
    margin-bottom: 2rem;
}

.stat-kort[b-k9wykc0gpv] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.9rem 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
}

    .stat-kort span[b-k9wykc0gpv] {
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .stat-kort strong[b-k9wykc0gpv] {
        font-size: 1.4rem;
        font-variant-numeric: tabular-nums;
    }

.graf[b-k9wykc0gpv] {
    display: flex;
    align-items: flex-end;
    gap: 0.6rem;
    height: 260px;
    max-width: 1000px;
    padding: 1rem 1rem 0;
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--itlock-border);
    overflow-x: auto;
}

.graf-soyle-wrap[b-k9wykc0gpv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 60px;
    height: 100%;
    position: relative;
}

    .graf-soyle-wrap:hover .graf-soyle-tooltip[b-k9wykc0gpv] {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -4px);
    }

    .graf-soyle-wrap:hover .graf-soyle[b-k9wykc0gpv] {
        background: var(--itlock-accent);
    }

.graf-soyle-tooltip[b-k9wykc0gpv] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 4px);
    background: var(--itlock-ink);
    color: var(--itlock-bg);
    padding: 0.5rem 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.75rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, transform 0.15s ease;
    pointer-events: none;
    z-index: 5;
    margin-bottom: 0.4rem;
}

.graf-soyle-kolonne[b-k9wykc0gpv] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

.graf-soyle[b-k9wykc0gpv] {
    width: 100%;
    background: color-mix(in srgb, var(--itlock-accent) 75%, var(--itlock-surface) 25%);
    transition: height 0.3s ease, background 0.15s ease;
    min-height: 3px;
}

.graf-etikett[b-k9wykc0gpv] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.5rem;
    white-space: nowrap;
}

.maned-table[b-k9wykc0gpv] {
    width: 100%;
    max-width: 700px;
    border-collapse: collapse;
}

    .maned-table th[b-k9wykc0gpv],
    .maned-table td[b-k9wykc0gpv] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

.timer-cell[b-k9wykc0gpv] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.detalj-tittel[b-k9wykc0gpv] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 2rem 0 0.75rem;
}

.ordre-table[b-k9wykc0gpv] {
    width: 100%;
    max-width: 1100px;
    border-collapse: collapse;
}

    .ordre-table th[b-k9wykc0gpv],
    .ordre-table td[b-k9wykc0gpv] {
        text-align: left;
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.9rem;
    }

.edit-link[b-k9wykc0gpv] {
    color: var(--itlock-accent);
    font-weight: 600;
    text-decoration: none;
}

    .edit-link:hover[b-k9wykc0gpv] {
        text-decoration: underline;
    }

.ordre-actions[b-k9wykc0gpv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    white-space: nowrap;
}
/* _content/PortalItlock.Web/Components/Pages/ArbeidsordreSkjema.razor.rz.scp.css */
.back-link[b-sef9hgsvm2] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-sef9hgsvm2] {
        text-decoration: underline;
    }

.ordre-kart-container[b-sef9hgsvm2] {
    width: 100%;
    max-width: 700px;
    height: 320px;
    border: 1px solid var(--itlock-border);
    margin-top: 0.75rem;
}

.ordre-header-rad[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.ordre-meta-rad[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
    margin: 0.25rem 0 0.75rem;
}

.tilbud-link[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: -0.5rem 0 1rem;
}

    .tilbud-link a[b-sef9hgsvm2] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

        .tilbud-link a:hover[b-sef9hgsvm2] {
            text-decoration: underline;
        }

.ordre-section[b-sef9hgsvm2] {
    max-width: 1000px;
    margin-bottom: 1.75rem;
}

    .ordre-section h2[b-sef9hgsvm2] {
        margin-bottom: 0.5rem;
    }

.sum-timer[b-sef9hgsvm2] {
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--itlock-ink-muted);
}

.varer-liste[b-sef9hgsvm2] {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 600px;
}

.varer-rad[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .varer-rad-plukket[b-sef9hgsvm2] {
        opacity: 0.6;
    }

        .varer-rad-plukket .varer-rad-navn[b-sef9hgsvm2] {
            text-decoration: line-through;
        }

.varer-rad-venstre[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.varer-antall[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.varer-plukket-checkbox[b-sef9hgsvm2] {
    width: 1.1rem;
    height: 1.1rem;
    flex: none;
    accent-color: #2b7a4b;
}

.ordre-section-tittelrad[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

    .ordre-section-tittelrad h2[b-sef9hgsvm2] {
        margin: 0;
    }

.skann-knapp[b-sef9hgsvm2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.skann-modal-overlay[b-sef9hgsvm2] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.skann-modal[b-sef9hgsvm2] {
    background: var(--itlock-surface);
    width: min(440px, 100%);
    padding: 1.25rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .skann-modal h3[b-sef9hgsvm2] {
        margin-top: 0;
    }

.skann-video[b-sef9hgsvm2] {
    width: 100%;
    max-height: 320px;
    background: #000;
    object-fit: cover;
}

.skann-status[b-sef9hgsvm2] {
    margin-top: 0.6rem;
    font-size: 0.9rem;
    color: var(--itlock-ink-muted);
    min-height: 1.3em;
}

    .skann-status-treff[b-sef9hgsvm2] {
        color: #2b7a4b;
        font-weight: 600;
    }

.skann-modal-actions[b-sef9hgsvm2] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.varer-gruppering[b-sef9hgsvm2] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem 0 0.2rem;
}

    .varer-gruppering span[b-sef9hgsvm2] {
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

.field-grid[b-sef9hgsvm2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-sef9hgsvm2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

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

.field-grid input[b-sef9hgsvm2],
.field-grid select[b-sef9hgsvm2],
.field-grid textarea[b-sef9hgsvm2] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.form-actions[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.vedlegg-list[b-sef9hgsvm2] {
    list-style: none;
    padding: 0;
    margin: 0.6rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 640px;
}

.vedlegg-item[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--itlock-border);
}

    .vedlegg-item a[b-sef9hgsvm2] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
        flex: 1;
    }

        .vedlegg-item a:hover[b-sef9hgsvm2] {
            text-decoration: underline;
        }

.vedlegg-type[b-sef9hgsvm2] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    padding: 0.15rem 0.5rem;
}

.save-button[b-sef9hgsvm2],
.add-button[b-sef9hgsvm2] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.save-success[b-sef9hgsvm2] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.ferdigmeld-button[b-sef9hgsvm2] {
    background: #c96a1f;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.fakturert-button[b-sef9hgsvm2] {
    background: #2b7a4b;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.ferdigmeld-modal-overlay[b-sef9hgsvm2] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.ferdigmeld-modal[b-sef9hgsvm2] {
    background: var(--itlock-surface);
    width: min(480px, 100%);
    padding: 1.25rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .ferdigmeld-modal h3[b-sef9hgsvm2] {
        margin-top: 0;
    }

.ferdigmeld-valg[b-sef9hgsvm2] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--itlock-border);
    cursor: pointer;
}

    .ferdigmeld-valg input[b-sef9hgsvm2] {
        margin-top: 0.3rem;
    }

    .ferdigmeld-valg small[b-sef9hgsvm2] {
        color: var(--itlock-ink-muted);
    }

.ferdigmeld-akonto-felt[b-sef9hgsvm2] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

    .ferdigmeld-akonto-felt label[b-sef9hgsvm2] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    .ferdigmeld-akonto-felt input[b-sef9hgsvm2] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.ferdigmeld-modal-actions[b-sef9hgsvm2] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 1.25rem;
}

.form-error[b-sef9hgsvm2] {
    color: #b5502d;
    font-weight: 600;
}

.dobbeltbooking-varsel[b-sef9hgsvm2] {
    color: #a32020;
    background: #f7d3d3;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
    margin: 0 0 0.75rem;
    max-width: 700px;
}

.list-empty[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
}

.reg-table[b-sef9hgsvm2] {
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
}

    .reg-table th[b-sef9hgsvm2],
    .reg-table td[b-sef9hgsvm2] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

.timer-cell[b-sef9hgsvm2] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.delete-button[b-sef9hgsvm2],
.delete-confirm-button[b-sef9hgsvm2] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.delete-confirm-button[b-sef9hgsvm2] {
    background: #b5502d;
    color: #fff;
}

.cancel-button[b-sef9hgsvm2] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
}

.delete-confirm[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.remove-button[b-sef9hgsvm2] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.85rem;
}

.sjekkliste-velg[b-sef9hgsvm2] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .sjekkliste-velg select[b-sef9hgsvm2] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.sjekkpunkt-list[b-sef9hgsvm2] {
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
}

    .sjekkpunkt-list li[b-sef9hgsvm2] {
        padding: 0.3rem 0;
    }

    .sjekkpunkt-list label[b-sef9hgsvm2] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.9rem;
        cursor: pointer;
    }

.sjekkpunkt-fullfort[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
    text-decoration: line-through;
}

.sjekkpunkt-meta[b-sef9hgsvm2] {
    display: block;
    margin-left: 1.7rem;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.bilder-seksjon[b-sef9hgsvm2] {
    margin: 0.75rem 0;
    max-width: 900px;
}

    .bilder-seksjon h3[b-sef9hgsvm2] {
        font-size: 0.95rem;
        margin-bottom: 0.4rem;
    }

.media-grid[b-sef9hgsvm2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.media-item[b-sef9hgsvm2] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .media-item img[b-sef9hgsvm2] {
        width: 100%;
        max-height: 140px;
        object-fit: cover;
        border: 1px solid var(--itlock-border);
    }

.section-hint[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    max-width: 600px;
}

.component-search[b-sef9hgsvm2] {
    margin: 0.75rem 0;
    max-width: 500px;
}

    .component-search label[b-sef9hgsvm2] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-weight: 600;
        font-size: 0.85rem;
    }

    .component-search input[b-sef9hgsvm2] {
        font-weight: 400;
        padding: 0.4rem 0.5rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        font-size: 0.9rem;
    }

.search-results[b-sef9hgsvm2] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    border: 1px solid var(--itlock-border);
    max-height: 220px;
    overflow-y: auto;
}

.search-result[b-sef9hgsvm2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
}

    .search-result:hover[b-sef9hgsvm2] {
        background: rgba(131, 94, 65, 0.08);
    }

.search-result-name[b-sef9hgsvm2] {
    font-weight: 600;
    font-size: 0.85rem;
}

.search-result-meta[b-sef9hgsvm2] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.varer-table[b-sef9hgsvm2] {
    width: 100%;
    max-width: 700px;
    border-collapse: collapse;
    margin-top: 0.75rem;
}

    .varer-table th[b-sef9hgsvm2],
    .varer-table td[b-sef9hgsvm2] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

.antall-input[b-sef9hgsvm2] {
    max-width: 4.5rem;
    font: inherit;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    padding: 0.25rem 0.4rem;
}

.montor-tillegg-varsel[b-sef9hgsvm2] {
    margin-top: 1.25rem;
    padding: 0.75rem 1rem;
    border: 1px solid #d9a520;
    border-left: 4px solid #d9a520;
    background: color-mix(in srgb, var(--itlock-surface) 88%, #d9a520 12%);
}

    .montor-tillegg-varsel h3[b-sef9hgsvm2] {
        margin: 0 0 0.2rem;
        font-size: 0.95rem;
    }

    .montor-tillegg-varsel .varer-table[b-sef9hgsvm2] {
        margin-top: 0.5rem;
    }

.pris-input[b-sef9hgsvm2] {
    max-width: 7rem;
    font: inherit;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    padding: 0.25rem 0.4rem;
}

.ticket-knytt-rad[b-sef9hgsvm2] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .ticket-knytt-rad select[b-sef9hgsvm2] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
        min-width: 220px;
    }

/* Faner (Oversikt/Dørbeslag/Sjekkliste/Timeføring/Kunde/Sluttrapport) - vises nå
   som en fanelinje øverst i kortet på både PC og mobil, i stedet for å stable
   alt under hverandre (som tidligere gjorde PC-visningen svært lang og
   uoversiktlig). Alt innhold og all funksjonalitet er uendret - kun gruppert
   og vist én fane om gangen, med samme _mobilFaneOrdre-tilstand som før. */
.mobil-ordre-faner[b-sef9hgsvm2] {
    display: flex;
    overflow-x: auto;
    gap: 1.4rem;
    margin: 0 0 1.1rem;
    padding: 0 0 0.4rem;
    border-bottom: 1px solid var(--itlock-border);
}

.mobil-ordre-fane-knapp[b-sef9hgsvm2] {
    flex: 0 0 auto;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 0.6rem 0.05rem;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    cursor: pointer;
}

    .mobil-ordre-fane-knapp.aktiv[b-sef9hgsvm2] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

.mobil-ordre-fane-skjul[b-sef9hgsvm2] {
    display: none;
}

.fullfort-av-tekst[b-sef9hgsvm2] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.ordre-etikett-rad[b-sef9hgsvm2] {
    display: flex;
    gap: 0.4rem;
    margin: -0.3rem 0 0.9rem;
}

.ordre-etikett[b-sef9hgsvm2] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-accent);
    color: #fff;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.22rem 0.6rem;
    border-radius: 5px;
}

.ordre-etikett-blaa[b-sef9hgsvm2] {
    background: #2054a3;
}

.ordre-kort[b-sef9hgsvm2] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px -22px rgba(41, 41, 39, 0.35);
}

.ordre-kort-stripe[b-sef9hgsvm2] {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--itlock-accent), var(--itlock-accent-hover));
    color: rgba(255, 255, 255, 0.85);
}

    .ordre-kort-stripe[b-sef9hgsvm2]  .icon {
        width: 1.7rem;
        height: 1.7rem;
    }

.ordre-kort-body[b-sef9hgsvm2] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.ordre-kort-layout[b-sef9hgsvm2] {
    display: flex;
    gap: 1.75rem;
    align-items: flex-start;
}

.ordre-kort-hoved[b-sef9hgsvm2] {
    flex: 1;
    min-width: 0;
}

.ordre-kort-sido[b-sef9hgsvm2] {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: sticky;
    top: 1rem;
}

    .ordre-kort-sido h2[b-sef9hgsvm2] {
        font-size: 0.78rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        margin: 0 0 0.3rem;
    }

.ordre-sido-knapp[b-sef9hgsvm2] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

    .ordre-sido-knapp:hover[b-sef9hgsvm2] {
        border-color: var(--itlock-accent);
    }

.ordre-sido-knapp-primaer[b-sef9hgsvm2] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

@media (max-width: 640.98px) {
    /* Detaljsiden for arbeidsordre er lang - på mobil deles den inn i faner
       (Oversikt/Dørbeslag/Sjekkliste/Timeføring/Kunde/Sluttrapport) slik at man
       slipper å rulle gjennom hele siden for å finne det man trenger. Alt
       innhold og all funksjonalitet er uendret - kun gruppert og vist én fane
       om gangen. Fanelinjen og skjul/vis-reglene er nå felles med PC (se base-
       reglene over) - her justeres bare avstanden for kant-til-kant scrolling. */
    .ordre-tittel-h1[b-sef9hgsvm2] {
        display: none;
    }

    .mobil-ordre-faner[b-sef9hgsvm2] {
        margin: 0 -1rem 1rem;
        padding: 0 1rem 0.5rem;
    }

    .ordre-kort[b-sef9hgsvm2] {
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .ordre-kort-stripe[b-sef9hgsvm2] {
        display: none;
    }

    .ordre-kort-body[b-sef9hgsvm2] {
        padding: 0;
    }

    .ordre-kort-layout[b-sef9hgsvm2] {
        display: block;
    }

    .ordre-kort-sido[b-sef9hgsvm2] {
        display: none;
    }

    /* Oppsettfeltene redigeres på PC av admin/prosjektleder - på mobil er
       de kun til visning, slik at montører i felt ikke kan endre dem. */
    .mobil-las-felt input[b-sef9hgsvm2],
    .mobil-las-felt select[b-sef9hgsvm2],
    .mobil-las-felt textarea[b-sef9hgsvm2] {
        pointer-events: none;
        background: var(--itlock-bg);
        color: var(--itlock-ink-muted);
    }

    .mobil-slett-skjul[b-sef9hgsvm2] {
        display: none;
    }

    /* "Gå til fullversjon" beholder ekte mobilbredde, så denne @media-blokken
       slår fortsatt til - .content-fullversjon reverserer mobil-tilpasningene
       (satt av MainLayout når fullversjon er aktiv) slik at hele siden vises
       som kortet med sidepanel, akkurat som på PC. Selve fane-oppdelingen
       (kun én fane om gangen) beholdes uansett, siden det nå gjelder likt på
       PC og mobil. */
    .content-fullversjon .ordre-tittel-h1[b-sef9hgsvm2] {
        display: block;
    }

    .content-fullversjon .ordre-kort[b-sef9hgsvm2] {
        border: 1px solid var(--itlock-border);
        border-radius: 14px;
        box-shadow: 0 10px 26px -22px rgba(41, 41, 39, 0.35);
    }

    .content-fullversjon .ordre-kort-stripe[b-sef9hgsvm2] {
        display: flex;
    }

    .content-fullversjon .ordre-kort-body[b-sef9hgsvm2] {
        padding: 1.25rem 1.5rem 1.5rem;
    }

    .content-fullversjon .ordre-kort-layout[b-sef9hgsvm2] {
        display: flex;
    }

    .content-fullversjon .ordre-kort-sido[b-sef9hgsvm2] {
        display: flex;
    }

    .content-fullversjon .mobil-slett-skjul[b-sef9hgsvm2] {
        display: block;
    }
}
/* _content/PortalItlock.Web/Components/Pages/BefaringModul.razor.rz.scp.css */
.back-link[b-gbz9lzahdl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-gbz9lzahdl]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-gbz9lzahdl] {
        color: var(--itlock-accent);
    }

.side-header[b-gbz9lzahdl] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-gbz9lzahdl] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-gbz9lzahdl]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-gbz9lzahdl] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-gbz9lzahdl] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-gbz9lzahdl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-gbz9lzahdl] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-gbz9lzahdl] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-gbz9lzahdl] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-gbz9lzahdl]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-gbz9lzahdl] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-gbz9lzahdl] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-gbz9lzahdl] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/BefaringSkjema.razor.rz.scp.css */
.befaring-split[b-z4mmqp68qf] {
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;
    max-width: 1300px;
}

.befaring-main[b-z4mmqp68qf] {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    flex: 1;
    min-width: 0;
    max-width: 900px;
}

.befaring-preview[b-z4mmqp68qf] {
    width: 320px;
    flex-shrink: 0;
    position: sticky;
    top: 20px;
}

@media (max-width: 1180.98px) {
    .befaring-preview[b-z4mmqp68qf] {
        display: none;
    }
}

.back-link[b-z4mmqp68qf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    width: fit-content;
}

    .back-link[b-z4mmqp68qf]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-z4mmqp68qf] {
        color: var(--itlock-accent);
    }

.side-header[b-z4mmqp68qf] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 0.3rem;
}

.side-header-ikon[b-z4mmqp68qf] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-z4mmqp68qf]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-z4mmqp68qf] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-z4mmqp68qf] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.panel[b-z4mmqp68qf] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.panel-header[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.1rem;
}

.panel-ikon[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .panel-ikon[b-z4mmqp68qf]  .icon {
        width: 1rem;
        height: 1rem;
    }

.panel-header h2[b-z4mmqp68qf] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.field-grid[b-z4mmqp68qf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.7rem 1rem;
    margin-bottom: 1rem;
}

.field-grid label[b-z4mmqp68qf] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.field-grid .span-2[b-z4mmqp68qf] {
    grid-column: span 2;
}

.field-grid input[b-z4mmqp68qf],
.field-grid select[b-z4mmqp68qf],
.field-grid textarea[b-z4mmqp68qf] {
    font: inherit;
    font-size: 0.88rem;
    font-weight: 400;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

    .field-grid input:focus[b-z4mmqp68qf],
    .field-grid select:focus[b-z4mmqp68qf],
    .field-grid textarea:focus[b-z4mmqp68qf] {
        outline: none;
        border-color: var(--itlock-accent);
    }

    .field-grid textarea[b-z4mmqp68qf] {
        resize: vertical;
        font-family: inherit;
    }

.notes-field[b-z4mmqp68qf] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.2rem;
}

    .notes-field textarea[b-z4mmqp68qf] {
        font: inherit;
        font-size: 0.88rem;
        font-weight: 400;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
        resize: vertical;
    }

.list-empty[b-z4mmqp68qf] {
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
}

.dorfelt-liste[b-z4mmqp68qf] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.dorfelt-kort[b-z4mmqp68qf] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-surface);
    overflow: hidden;
}

    .dorfelt-kort[open][b-z4mmqp68qf] {
        box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
    }

    .dorfelt-kort summary[b-z4mmqp68qf] {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 0.8rem;
        padding: 0.85rem 1.1rem;
        background: var(--itlock-bg);
    }

        .dorfelt-kort summary[b-z4mmqp68qf]::-webkit-details-marker {
            display: none;
        }

        .dorfelt-kort summary:hover[b-z4mmqp68qf] {
            background: rgba(131, 94, 65, 0.06);
        }

.dorfelt-chevron[b-z4mmqp68qf] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 7px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
    transform: rotate(-90deg);
    transition: transform 0.15s ease;
}

    .dorfelt-kort[open] .dorfelt-chevron[b-z4mmqp68qf] {
        transform: rotate(0deg);
    }

    .dorfelt-chevron[b-z4mmqp68qf]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.dorfelt-ikon[b-z4mmqp68qf] {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .dorfelt-ikon[b-z4mmqp68qf]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.dorfelt-tittel[b-z4mmqp68qf] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

    .dorfelt-tittel strong[b-z4mmqp68qf] {
        font-size: 0.92rem;
    }

.dorfelt-meta[b-z4mmqp68qf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.15rem;
}

    .dorfelt-meta span[b-z4mmqp68qf] {
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 999px;
        padding: 0.08rem 0.5rem;
    }

.dorfelt-body[b-z4mmqp68qf] {
    padding: 1.2rem 1.1rem 1.3rem;
}

.skjema-seksjon[b-z4mmqp68qf] {
    margin-bottom: 1.1rem;
}

.skjema-seksjon-tittel[b-z4mmqp68qf] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.6rem;
}

.bilder-hint[b-z4mmqp68qf] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0.4rem 0;
}

.bilder-grid[b-z4mmqp68qf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
}

.bilde-thumb[b-z4mmqp68qf] {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--itlock-border);
}

    .bilde-thumb img[b-z4mmqp68qf] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.bilde-remove[b-z4mmqp68qf] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    line-height: 1;
    background: rgba(41, 41, 39, 0.75);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropzone[b-z4mmqp68qf] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-bg);
    border: 2px dashed var(--itlock-border);
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .dropzone:hover[b-z4mmqp68qf] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

    .dropzone[b-z4mmqp68qf]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.dropzone-ikon[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dropzone-ikon[b-z4mmqp68qf]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.dropzone-tekst[b-z4mmqp68qf] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
}

    .dropzone-tekst strong[b-z4mmqp68qf] {
        font-size: 0.85rem;
    }

    .dropzone-tekst span[b-z4mmqp68qf] {
        font-size: 0.76rem;
        color: var(--itlock-ink-muted);
    }

.knapp[b-z4mmqp68qf] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-z4mmqp68qf]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-z4mmqp68qf] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-z4mmqp68qf] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-z4mmqp68qf] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
    }

.knapp-fare[b-z4mmqp68qf] {
    background: var(--itlock-surface);
    border-color: #e0b3a3;
    color: #a3401f;
}

    .knapp-fare:hover[b-z4mmqp68qf] {
        background: rgba(163, 64, 31, 0.06);
        border-color: #a3401f;
    }

.legg-til-dorfelt[b-z4mmqp68qf] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 10px;
    padding: 0.7rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px dashed var(--itlock-border);
    background: transparent;
    color: var(--itlock-accent);
    width: 100%;
    justify-content: center;
}

    .legg-til-dorfelt[b-z4mmqp68qf]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .legg-til-dorfelt:hover[b-z4mmqp68qf] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

.form-error[b-z4mmqp68qf] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-z4mmqp68qf] {
    color: #2b7a4b;
    font-weight: 600;
}

.form-actions[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.delete-confirm[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--itlock-ink-muted);
}

.vedlegg-list[b-z4mmqp68qf] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.vedlegg-item[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    background: var(--itlock-bg);
}

.vedlegg-ikon[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vedlegg-ikon[b-z4mmqp68qf]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.vedlegg-item a[b-z4mmqp68qf] {
    color: var(--itlock-ink);
    font-weight: 600;
    text-decoration: none;
    flex: 1;
    font-size: 0.87rem;
}

    .vedlegg-item a:hover[b-z4mmqp68qf] {
        color: var(--itlock-accent);
    }

.vedlegg-type[b-z4mmqp68qf] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

@media (max-width: 640.98px) {
    .field-grid[b-z4mmqp68qf] {
        grid-template-columns: 1fr;
    }

    .field-grid .span-2[b-z4mmqp68qf] {
        grid-column: span 1;
    }
}

/* ---- faner inni dørfelt ---- */
.fane-chips[b-z4mmqp68qf] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .9rem;
}

    .fane-chips span[b-z4mmqp68qf] {
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 999px;
        padding: .2rem .65rem;
        font-size: .74rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
    }

.fane-rad[b-z4mmqp68qf] {
    display: flex;
    gap: .2rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1.1rem;
    overflow-x: auto;
}

.fane[b-z4mmqp68qf] {
    border: none;
    background: transparent;
    padding: .6rem .8rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

    .fane:hover[b-z4mmqp68qf] {
        color: var(--itlock-accent);
    }

    .fane.aktiv[b-z4mmqp68qf] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

.fane-panel[b-z4mmqp68qf] {
    margin-bottom: .2rem;
}

.laser-2col[b-z4mmqp68qf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4rem;
}

@media (max-width: 720.98px) {
    .laser-2col[b-z4mmqp68qf] {
        grid-template-columns: 1fr;
    }
}

/* ---- live forhandsvisning ---- */
.forhandsvisning-etikett[b-z4mmqp68qf] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .7rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .6rem;
}

.dot-live[b-z4mmqp68qf] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2b7a4b;
    flex-shrink: 0;
}

.forhandsvisning-kort[b-z4mmqp68qf] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.2rem 1.4rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, .3);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

.forhandsvisning-rapporthode[b-z4mmqp68qf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid var(--itlock-accent);
    padding-bottom: .6rem;
    margin-bottom: .9rem;
}

    .forhandsvisning-rapporthode h3[b-z4mmqp68qf] {
        margin: 0;
        font-size: .95rem;
    }

    .forhandsvisning-rapporthode p[b-z4mmqp68qf] {
        margin: .1rem 0 0;
        color: var(--itlock-ink-muted);
        font-size: .72rem;
    }

.forhandsvisning-logo[b-z4mmqp68qf] {
    font-weight: 800;
    color: var(--itlock-accent);
    font-size: .88rem;
    letter-spacing: -0.02em;
}

    .forhandsvisning-logo span[b-z4mmqp68qf] {
        color: var(--itlock-ink);
    }

.forhandsvisning-dor[b-z4mmqp68qf] {
    padding: .8rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .forhandsvisning-dor:last-child[b-z4mmqp68qf] {
        border-bottom: none;
        padding-bottom: 0;
    }

.forhandsvisning-dorhode[b-z4mmqp68qf] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    margin-bottom: .15rem;
}

    .forhandsvisning-dorhode strong[b-z4mmqp68qf] {
        font-size: .88rem;
    }

    .forhandsvisning-dorhode span[b-z4mmqp68qf] {
        font-size: .76rem;
        color: var(--itlock-ink-muted);
    }

.forhandsvisning-meta[b-z4mmqp68qf] {
    margin: 0 0 .5rem;
    font-size: .74rem;
    color: var(--itlock-ink-muted);
}

.forhandsvisning-seksjon[b-z4mmqp68qf] {
    font-size: .66rem;
    text-transform: uppercase;
    color: var(--itlock-accent);
    font-weight: 700;
    letter-spacing: .05em;
    border-bottom: 1px solid var(--itlock-border);
    padding-bottom: .25rem;
    margin: .7rem 0 .4rem;
}

.forhandsvisning-linje[b-z4mmqp68qf] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: .78rem;
    padding: .15rem 0;
}

    .forhandsvisning-linje span:first-child[b-z4mmqp68qf] {
        color: var(--itlock-ink-muted);
    }

    .forhandsvisning-linje span:last-child[b-z4mmqp68qf] {
        font-weight: 600;
        text-align: right;
    }

.forhandsvisning-notat[b-z4mmqp68qf] {
    background: var(--itlock-bg);
    border-left: 3px solid var(--itlock-accent);
    border-radius: 0 6px 6px 0;
    padding: .5rem .6rem;
    font-size: .76rem;
    margin: .7rem 0 0;
}
/* _content/PortalItlock.Web/Components/Pages/Befaringsliste.razor.rz.scp.css */
.befaring-header[b-ekog85zidw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.befaring-header-tittel[b-ekog85zidw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .befaring-header-tittel h1[b-ekog85zidw] {
        margin: 0;
    }

.befaring-header-ikon[b-ekog85zidw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .befaring-header-ikon .icon[b-ekog85zidw] {
        width: 1.3rem;
        height: 1.3rem;
    }

.befaring-header-tekst p[b-ekog85zidw] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

.new-button[b-ekog85zidw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
    padding: 0.55rem 1.1rem;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

    .new-button .icon[b-ekog85zidw] {
        width: 1rem;
        height: 1rem;
    }

    .new-button:hover[b-ekog85zidw] {
        background: var(--itlock-accent-hover);
        transform: translateY(-1px);
    }

.befaring-tom[b-ekog85zidw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 3.5rem 1.5rem;
    border: 1px dashed var(--itlock-border);
    border-radius: 12px;
    color: var(--itlock-ink-muted);
}

    .befaring-tom .icon[b-ekog85zidw] {
        width: 2.4rem;
        height: 2.4rem;
        opacity: 0.5;
    }

    .befaring-tom p[b-ekog85zidw] {
        margin: 0 0 0.5rem;
    }

.verktoy-rad[b-ekog85zidw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}

.sok-boks[b-ekog85zidw] {
    position: relative;
    flex: 1 1 240px;
    max-width: 340px;
}

    .sok-boks[b-ekog85zidw]  .icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--itlock-ink-muted);
        width: 0.95rem;
        height: 0.95rem;
    }

    .sok-boks input[b-ekog85zidw] {
        width: 100%;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 0.8rem 0.55rem 2.1rem;
    }

.sorter-select[b-ekog85zidw] {
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
    margin-left: auto;
}

.faner[b-ekog85zidw] {
    display: flex;
    gap: 0.25rem;
    background: rgba(107, 104, 99, 0.07);
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
    padding: 0.25rem;
    width: fit-content;
    margin-bottom: 1.2rem;
}

.fane[b-ekog85zidw] {
    border: none;
    background: none;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    padding: 0.5rem 0.9rem;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
}

    .fane:hover[b-ekog85zidw] {
        color: var(--itlock-ink);
    }

.fane-aktiv[b-ekog85zidw] {
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.befaring-ingen-treff[b-ekog85zidw] {
    color: var(--itlock-ink-muted);
}

.befaring-liste[b-ekog85zidw] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.befaring-rad[b-ekog85zidw] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.8rem 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.15s ease, transform 0.1s ease;
}

    .befaring-rad:hover[b-ekog85zidw] {
        border-color: var(--itlock-accent);
        transform: translateY(-1px);
    }

.befaring-dott[b-ekog85zidw] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.befaring-dott-planlagt[b-ekog85zidw] {
    background: #2054a3;
}

.befaring-dott-gjennomfort[b-ekog85zidw] {
    background: #2b7a4b;
}

.befaring-dott-ikkesatt[b-ekog85zidw] {
    background: var(--itlock-ink-muted);
}

.befaring-rad-tekst[b-ekog85zidw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

.befaring-rad-navn[b-ekog85zidw] {
    font-weight: 700;
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.befaring-rad-meta[b-ekog85zidw] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.befaring-rad-dato[b-ekog85zidw] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.befaring-dorfelt-badge[b-ekog85zidw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (max-width: 640.98px) {
    .befaring-rad[b-ekog85zidw] {
        flex-wrap: wrap;
    }

    .befaring-rad-dato[b-ekog85zidw] {
        order: 3;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Brukere.razor.rz.scp.css */
.side-header[b-1s09worod4] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.side-header-venstre[b-1s09worod4] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-1s09worod4] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-1s09worod4]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-1s09worod4] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-1s09worod4] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-1s09worod4] {
    color: var(--itlock-ink-muted);
}

.stat-rad[b-1s09worod4] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.3rem;
}

.stat-chip[b-1s09worod4] {
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
    padding: 0.55rem 0.9rem;
    min-width: 88px;
}

    .stat-chip b[b-1s09worod4] {
        font-size: 1.2rem;
        font-weight: 700;
    }

    .stat-chip span[b-1s09worod4] {
        font-size: 0.72rem;
        color: var(--itlock-ink-muted);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

.filter-rad[b-1s09worod4] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.filter-chip[b-1s09worod4] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
}

    .filter-chip.aktiv[b-1s09worod4] {
        background: var(--itlock-accent);
        color: #fff;
        border-color: var(--itlock-accent);
    }

.bruker-liste[b-1s09worod4] {
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    overflow: hidden;
    background: var(--itlock-surface);
    box-shadow: 0 10px 28px -20px rgba(41, 41, 39, 0.35);
}

.bruker-rad[b-1s09worod4] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--itlock-border);
    transition: background 0.12s ease;
}

    .bruker-rad:last-child[b-1s09worod4] {
        border-bottom: none;
    }

    .bruker-rad:hover[b-1s09worod4] {
        background: var(--itlock-bg);
    }

    .bruker-rad:hover .rad-actions[b-1s09worod4] {
        opacity: 1;
    }

.avatar[b-1s09worod4] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--rolle-farge, var(--itlock-accent)) 16%, var(--itlock-surface));
    color: var(--rolle-farge, var(--itlock-accent));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.rad-info[b-1s09worod4] {
    flex: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 0.5rem 1rem;
    align-items: center;
}

.navn-input[b-1s09worod4],
.epost-input[b-1s09worod4],
.stilling-input[b-1s09worod4] {
    border: none;
    background: none;
    font: inherit;
    color: var(--itlock-ink);
    padding: 0.2rem 0;
    width: 100%;
    border-bottom: 1px solid transparent;
}

.navn-input[b-1s09worod4] {
    font-weight: 700;
    font-size: 0.92rem;
    display: block;
}

.epost-input[b-1s09worod4] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    display: block;
}

.stilling-input[b-1s09worod4] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.navn-input:hover[b-1s09worod4],
.epost-input:hover[b-1s09worod4],
.stilling-input:hover[b-1s09worod4] {
    border-bottom-color: var(--itlock-border);
}

.navn-input:focus[b-1s09worod4],
.epost-input:focus[b-1s09worod4],
.stilling-input:focus[b-1s09worod4] {
    outline: none;
    border-bottom-color: var(--itlock-accent);
}

.rolle-dot-rad[b-1s09worod4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.rolle-dot[b-1s09worod4] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--rolle-farge, var(--itlock-accent));
    flex-shrink: 0;
}

.rolle-select[b-1s09worod4] {
    border: none;
    background: none;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink);
    cursor: pointer;
    padding: 0.1rem 0;
}

.kvote-mini[b-1s09worod4] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

    .kvote-mini input[b-1s09worod4] {
        width: 2.6rem;
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 6px;
        padding: 0.15rem 0.35rem;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        text-align: center;
    }

.passord-ikon[b-1s09worod4] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .passord-ikon.satt[b-1s09worod4] {
        background: rgba(43, 122, 75, 0.1);
        color: #2b7a4b;
    }

    .passord-ikon.ikke-satt[b-1s09worod4] {
        background: rgba(217, 165, 32, 0.18);
        color: #8a5a15;
    }

    .passord-ikon[b-1s09worod4]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.rad-actions[b-1s09worod4] {
    display: flex;
    gap: 0.3rem;
    opacity: 0.35;
    transition: opacity 0.12s ease;
    flex-shrink: 0;
}

.ikon-btn[b-1s09worod4] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .ikon-btn:hover[b-1s09worod4] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .ikon-btn.farlig:hover[b-1s09worod4] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .ikon-btn[b-1s09worod4]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.kort[b-1s09worod4] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
}

.new-bruker[b-1s09worod4] {
    max-width: 900px;
    margin-top: 1.6rem;
}

    .new-bruker h2[b-1s09worod4] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.new-bruker-form[b-1s09worod4] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
}

    .new-bruker-form input[b-1s09worod4],
    .new-bruker-form select[b-1s09worod4] {
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
        flex: 1 1 160px;
    }

    .new-bruker-form select[b-1s09worod4] {
        flex: 0 0 auto;
    }

.knapp-primaer[b-1s09worod4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-accent);
    background: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-1s09worod4] {
        background: var(--itlock-accent-hover);
    }

    .knapp-primaer[b-1s09worod4]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.save-success[b-1s09worod4] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0.8rem 0 0;
}

.form-error[b-1s09worod4] {
    color: #b5502d;
    font-weight: 600;
    margin: 0.8rem 0 0;
}

.lisens-varsel[b-1s09worod4] {
    margin: 0 0 1rem;
    padding: 0.65rem 0.9rem;
    border-radius: 9px;
    font-size: 0.85rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
}

.lisens-varsel-full[b-1s09worod4] {
    background: rgba(181, 80, 45, 0.08);
    border-color: #b5502d;
    color: #b5502d;
    font-weight: 600;
}

@media (max-width: 680px) {
    .rad-info[b-1s09worod4] {
        grid-template-columns: 1fr;
    }

    .bruker-rad[b-1s09worod4] {
        flex-wrap: wrap;
    }
}
/* _content/PortalItlock.Web/Components/Pages/BrukerKundeModul.razor.rz.scp.css */
.back-link[b-n4lhdf9u2k] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-n4lhdf9u2k]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-n4lhdf9u2k] {
        color: var(--itlock-accent);
    }

.side-header[b-n4lhdf9u2k] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-n4lhdf9u2k] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-n4lhdf9u2k]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-n4lhdf9u2k] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-n4lhdf9u2k] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-n4lhdf9u2k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-n4lhdf9u2k] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-n4lhdf9u2k] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-n4lhdf9u2k] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-n4lhdf9u2k]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-n4lhdf9u2k] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-n4lhdf9u2k] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-n4lhdf9u2k] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/CeGodkjenningerListe.razor.rz.scp.css */
/* ---------- Header ---------- */

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

.ce-header-tittel[b-ms8e3i2de6] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

    .ce-header-tittel h1[b-ms8e3i2de6] {
        margin: 0;
    }

.ce-header-ikon[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .ce-header-ikon[b-ms8e3i2de6]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.ce-header-tittel p[b-ms8e3i2de6] {
    margin: 0.2rem 0 0;
    color: var(--itlock-ink-muted);
}

.ce-ny-knapp[b-ms8e3i2de6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    white-space: nowrap;
    transition: filter 0.15s ease;
}

    .ce-ny-knapp:hover[b-ms8e3i2de6] {
        filter: brightness(1.08);
    }

    .ce-ny-knapp[b-ms8e3i2de6]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

/* ---------- Statistikkrad ---------- */

.ce-statrad[b-ms8e3i2de6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ce-kort[b-ms8e3i2de6] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.ce-donut-kort[b-ms8e3i2de6] {
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
}

.ce-donut-rad[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.ce-donut[b-ms8e3i2de6] {
    flex-shrink: 0;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ce-donut-indre[b-ms8e3i2de6] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--itlock-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ce-donut-tall[b-ms8e3i2de6] {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
}

.ce-donut-label[b-ms8e3i2de6] {
    font-size: 0.6rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 0.1rem;
}

.ce-donut-legend[b-ms8e3i2de6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
}

    .ce-donut-legend li[b-ms8e3i2de6] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.76rem;
        color: var(--itlock-ink-muted);
        white-space: nowrap;
    }

        .ce-donut-legend li strong[b-ms8e3i2de6] {
            margin-left: auto;
            color: var(--itlock-ink);
            font-weight: 700;
        }

.ce-legend-dott[b-ms8e3i2de6] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.ce-mini-kort[b-ms8e3i2de6] {
    position: relative;
    padding: 1rem 1.1rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    overflow: hidden;
}

.ce-mini-ikon[b-ms8e3i2de6] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

    .ce-mini-ikon[b-ms8e3i2de6]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.ce-mini-ikon-gronn[b-ms8e3i2de6] {
    background: rgba(12, 156, 92, 0.12);
    color: #0c9c5c;
}

.ce-mini-ikon-gul[b-ms8e3i2de6] {
    background: rgba(194, 89, 10, 0.12);
    color: #c2590a;
}

.ce-mini-ikon-rod[b-ms8e3i2de6] {
    background: rgba(163, 32, 32, 0.12);
    color: #a32020;
}

.ce-mini-tall[b-ms8e3i2de6] {
    font-size: 1.5rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.ce-mini-tall-rod[b-ms8e3i2de6] {
    color: #a32020;
}

.ce-mini-under[b-ms8e3i2de6] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.4rem;
}

.ce-sparkline[b-ms8e3i2de6] {
    width: 100%;
    height: 28px;
    display: block;
}

    .ce-sparkline polyline[b-ms8e3i2de6] {
        fill: none;
        stroke-width: 2.2;
        vector-effect: non-scaling-stroke;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ce-sparkline-gronn polyline[b-ms8e3i2de6] {
    stroke: #0c9c5c;
}

.ce-sparkline-gul polyline[b-ms8e3i2de6] {
    stroke: #c2590a;
}

.ce-sparkline-rod polyline[b-ms8e3i2de6] {
    stroke: #a32020;
}

/* ---------- Verktøylinje ---------- */

.ce-toolbar[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.sok-felt[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 280px;
    max-width: 420px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-ms8e3i2de6]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-ms8e3i2de6] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-ms8e3i2de6] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.ce-dropdown[b-ms8e3i2de6] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
    cursor: pointer;
    max-width: 200px;
}

    .ce-dropdown:hover[b-ms8e3i2de6] {
        border-color: var(--itlock-accent);
    }

.filter-button[b-ms8e3i2de6],
.edit-button-active[b-ms8e3i2de6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.88rem;
    white-space: nowrap;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.filter-button[b-ms8e3i2de6] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .filter-button:hover[b-ms8e3i2de6] {
        border-color: var(--itlock-accent);
    }

.edit-button-active[b-ms8e3i2de6] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
}

    .filter-button[b-ms8e3i2de6]  .icon,
    .edit-button-active[b-ms8e3i2de6]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

/* ---------- Filterpanel ---------- */

.dor-velger-panel[b-ms8e3i2de6] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-width: 900px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.dor-velger-header[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cancel-button[b-ms8e3i2de6] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
}

    .cancel-button:hover[b-ms8e3i2de6] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.result-count[b-ms8e3i2de6] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.list-empty[b-ms8e3i2de6] {
    color: var(--itlock-ink-muted);
}

.godkjenning-filter-grid[b-ms8e3i2de6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    max-width: 900px;
}

    .godkjenning-filter-grid label[b-ms8e3i2de6] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
        font-weight: 600;
    }

    .godkjenning-filter-grid select[b-ms8e3i2de6],
    .godkjenning-filter-grid input[b-ms8e3i2de6] {
        padding: 0.4rem 0.55rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        font: inherit;
    }

/* ---------- Innhold: sidebar + tabell ---------- */

.ce-innhold[b-ms8e3i2de6] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 1.1rem;
    align-items: start;
}

.ce-sidebar[b-ms8e3i2de6] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

    .ce-sidebar h2[b-ms8e3i2de6] {
        margin: 0 0 0.7rem;
        font-size: 0.95rem;
        font-weight: 700;
    }

.ce-sidebar-sok[b-ms8e3i2de6] {
    max-width: none;
    margin-bottom: 0.7rem;
    padding: 0.4rem 0.6rem;
}

.ce-prosjekt-liste[b-ms8e3i2de6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ce-prosjekt-rad[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    border-radius: 8px;
    padding: 0.5rem 0.55rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
    transition: background 0.15s ease;
}

    .ce-prosjekt-rad:hover[b-ms8e3i2de6] {
        background: rgba(131, 94, 65, 0.06);
    }

    .ce-prosjekt-rad.aktiv[b-ms8e3i2de6] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
        font-weight: 700;
    }

.ce-prosjekt-ikon[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
}

    .ce-prosjekt-rad.aktiv .ce-prosjekt-ikon[b-ms8e3i2de6] {
        color: var(--itlock-accent);
    }

    .ce-prosjekt-ikon[b-ms8e3i2de6]  .icon {
        width: 1rem;
        height: 1rem;
    }

.ce-prosjekt-navn[b-ms8e3i2de6] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.ce-prosjekt-tall[b-ms8e3i2de6] {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

.ce-hovedinnhold[b-ms8e3i2de6] {
    min-width: 0;
}

/* ---------- Tabell ---------- */

.godkjenning-table-wrap[b-ms8e3i2de6] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
    margin-top: 0.25rem;
}

.godkjenning-table[b-ms8e3i2de6] {
    width: 100%;
    border-collapse: collapse;
}

    .godkjenning-table th[b-ms8e3i2de6],
    .godkjenning-table td[b-ms8e3i2de6] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.87rem;
        white-space: nowrap;
    }

    .godkjenning-table th[b-ms8e3i2de6] {
        color: var(--itlock-ink-muted);
        font-size: 0.74rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
        cursor: pointer;
        user-select: none;
    }

        .godkjenning-table th:hover[b-ms8e3i2de6] {
            color: var(--itlock-accent);
        }

    .godkjenning-table tbody tr:hover td[b-ms8e3i2de6] {
        background: rgba(131, 94, 65, 0.05);
    }

    .godkjenning-table tbody tr:last-child td[b-ms8e3i2de6] {
        border-bottom: none;
    }

.ce-th-sjekk[b-ms8e3i2de6] {
    cursor: default;
    width: 2.2rem;
}

.mono[b-ms8e3i2de6] {
    font-variant-numeric: tabular-nums;
}

.godkjenning-nummer[b-ms8e3i2de6] {
    font-weight: 700;
}

.godkjenning-badge[b-ms8e3i2de6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.status-dot[b-ms8e3i2de6] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.godkjenning-badge-blaa[b-ms8e3i2de6] {
    color: #2054a3;
    background: rgba(32, 84, 163, 0.1);
}

.godkjenning-badge-gul[b-ms8e3i2de6] {
    color: #a1690a;
    background: rgba(161, 105, 10, 0.12);
}

.godkjenning-badge-gronn[b-ms8e3i2de6] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

.godkjenning-badge-rod[b-ms8e3i2de6] {
    color: #a32020;
    background: rgba(163, 32, 32, 0.1);
}

.prosjekt-lenke[b-ms8e3i2de6] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    white-space: normal;
}

    .prosjekt-lenke .navn[b-ms8e3i2de6] {
        font-weight: 600;
    }

    .prosjekt-lenke .adr[b-ms8e3i2de6] {
        color: var(--itlock-ink-muted);
        font-size: 0.78rem;
    }

.godkjenning-tr-utgatt td[b-ms8e3i2de6] {
    background: rgba(163, 32, 32, 0.06);
}

.godkjenning-tr-naermer td[b-ms8e3i2de6] {
    background: rgba(161, 105, 10, 0.08);
}

.ce-dager-igjen[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 140px;
}

.ce-dager-bar[b-ms8e3i2de6] {
    width: 70px;
    height: 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--itlock-border) 70%, transparent);
    overflow: hidden;
    flex-shrink: 0;
}

.ce-dager-fyll[b-ms8e3i2de6] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #0c9c5c;
}

.ce-dager-fyll-gul[b-ms8e3i2de6] {
    background: #c2590a;
}

.ce-dager-fyll-rod[b-ms8e3i2de6] {
    background: #a32020;
}

.ce-dager-tekst[b-ms8e3i2de6] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
}

.godkjenning-handling[b-ms8e3i2de6] {
    display: flex;
    gap: 0.15rem;
    white-space: nowrap;
    justify-content: flex-end;
}

.godkjenning-ikon[b-ms8e3i2de6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    transition: background 0.15s ease, color 0.15s ease;
}

    .godkjenning-ikon[b-ms8e3i2de6]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .godkjenning-ikon:hover[b-ms8e3i2de6] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
    }

.godkjenning-ikon-slett:hover[b-ms8e3i2de6] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

/* ---------- Paginering ---------- */

.ce-paginering[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.ce-paginering-info[b-ms8e3i2de6] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.ce-paginering-sider[b-ms8e3i2de6] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.ce-side-knapp[b-ms8e3i2de6] {
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0 0.4rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 7px;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    color: var(--itlock-ink);
}

    .ce-side-knapp:hover:not(:disabled)[b-ms8e3i2de6] {
        border-color: var(--itlock-accent);
    }

    .ce-side-knapp.aktiv[b-ms8e3i2de6] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
        font-weight: 700;
    }

    .ce-side-knapp:disabled[b-ms8e3i2de6] {
        opacity: 0.4;
        cursor: default;
    }

.ce-side-storrelse[b-ms8e3i2de6] {
    max-width: 130px;
}

/* ---------- Ny CE-godkjenning-panel ---------- */

.ce-ny-box[b-ms8e3i2de6] {
    width: min(440px, 100%);
}

.ce-ny-felt[b-ms8e3i2de6] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.75rem;
}

    .ce-ny-felt select[b-ms8e3i2de6] {
        padding: 0.5rem 0.6rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        font: inherit;
    }

.ce-ny-feil[b-ms8e3i2de6] {
    color: #a32020;
    font-size: 0.82rem;
    margin: 0 0 0.75rem;
}

.ce-ny-start-knapp[b-ms8e3i2de6] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .ce-ny-start-knapp:hover[b-ms8e3i2de6] {
        filter: brightness(1.08);
    }

/* ---------- Bekreft slett ---------- */

.confirm-overlay[b-ms8e3i2de6] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    padding: 1rem;
}

.confirm-box[b-ms8e3i2de6] {
    background: var(--itlock-surface);
    width: min(420px, 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .confirm-box h3[b-ms8e3i2de6] {
        margin: 0 0 0.5rem;
        font-size: 1.05rem;
    }

    .confirm-box p[b-ms8e3i2de6] {
        color: var(--itlock-ink-muted);
        margin: 0 0 1rem;
    }

.confirm-actions[b-ms8e3i2de6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.delete-button[b-ms8e3i2de6] {
    background: #a32020;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .ce-statrad[b-ms8e3i2de6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .ce-innhold[b-ms8e3i2de6] {
        grid-template-columns: 1fr;
    }

    .ce-sidebar[b-ms8e3i2de6] {
        order: 2;
    }

    .ce-hovedinnhold[b-ms8e3i2de6] {
        order: 1;
    }
}

@media (max-width: 640.98px) {
    .ce-statrad[b-ms8e3i2de6] {
        grid-template-columns: 1fr;
    }

    .ce-header[b-ms8e3i2de6] {
        flex-direction: column;
    }

    .ce-ny-knapp[b-ms8e3i2de6] {
        align-self: flex-start;
    }
}
/* _content/PortalItlock.Web/Components/Pages/CeGodkjenningVeiviser.razor.rz.scp.css */
.back-link[b-jaos4mtbrb] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-jaos4mtbrb] {
        text-decoration: underline;
    }
/* _content/PortalItlock.Web/Components/Pages/CeOppsett.razor.rz.scp.css */
.back-link[b-cpj5tm52yx] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-cpj5tm52yx] {
        text-decoration: underline;
    }

.section-hint[b-cpj5tm52yx] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
    max-width: 700px;
}

.form-error[b-cpj5tm52yx] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-cpj5tm52yx] {
    color: #2b7a4b;
    font-weight: 600;
}

.gruppe-kort[b-cpj5tm52yx] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    margin-bottom: 0.9rem;
    max-width: 1000px;
    overflow: hidden;
}

.gruppe-header[b-cpj5tm52yx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.9rem 1.2rem;
    border-bottom: 1px solid var(--itlock-border);
}

.gruppe-tittel[b-cpj5tm52yx] {
    font-weight: 700;
    font-size: 0.95rem;
    flex: 1;
}

.gruppe-tittel-muted[b-cpj5tm52yx] {
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.gruppe-antall[b-cpj5tm52yx] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border-radius: 999px;
    padding: 0.15rem 0.6rem;
}

.gruppe-rad[b-cpj5tm52yx] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.6rem 1.2rem;
    border-top: 1px solid var(--itlock-border);
}

    .gruppe-rad:first-of-type[b-cpj5tm52yx] {
        border-top: none;
    }

    .gruppe-rad select[b-cpj5tm52yx] {
        font: inherit;
        font-size: 0.83rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.35rem 0.5rem;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        width: 11rem;
        flex-shrink: 0;
    }

.rad-navn[b-cpj5tm52yx] {
    flex: 1;
    font-size: 0.87rem;
    min-width: 0;
}

.rad-dok[b-cpj5tm52yx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    flex-shrink: 0;
}

.dok-tom[b-cpj5tm52yx] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.uten-kategori-toggle[b-cpj5tm52yx] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.2rem;
    cursor: pointer;
    background: none;
    border: none;
    font: inherit;
    text-align: left;
}

.pil[b-cpj5tm52yx] {
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
    transition: transform 0.15s;
}

.pil-apen[b-cpj5tm52yx] {
    transform: rotate(90deg);
}

.remove-button[b-cpj5tm52yx] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.grenseverdi-kort[b-cpj5tm52yx] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(131, 94, 65, 0.08);
    padding: 1.3rem 1.4rem;
    max-width: 900px;
    margin-top: 1.3rem;
}

.grenseverdi-header[b-cpj5tm52yx] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 1.1rem;
}

.grenseverdi-ikon[b-cpj5tm52yx] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .grenseverdi-ikon[b-cpj5tm52yx]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.grenseverdi-tittel[b-cpj5tm52yx] {
    font-weight: 800;
    font-size: 1.05rem;
}

.grenseverdi-hint[b-cpj5tm52yx] {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    max-width: 520px;
}

.stat-rad[b-cpj5tm52yx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.stat-kort[b-cpj5tm52yx] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.stat-label[b-cpj5tm52yx] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    line-height: 1.3;
}

.stat-input-rad[b-cpj5tm52yx] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
}

.stat-input[b-cpj5tm52yx] {
    font: inherit;
    font-size: 1.4rem;
    font-weight: 800;
    border: none;
    background: none;
    color: var(--itlock-ink);
    width: 100%;
    padding: 0;
}

    .stat-input:focus[b-cpj5tm52yx] {
        outline: none;
    }

.stat-enhet[b-cpj5tm52yx] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    white-space: nowrap;
}

.grenseverdi-footer[b-cpj5tm52yx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.2rem;
}

.save-button[b-cpj5tm52yx] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.6rem 1.3rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.85rem;
}

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

@media (max-width: 640.98px) {
    .gruppe-rad[b-cpj5tm52yx] {
        flex-wrap: wrap;
    }

    .rad-dok[b-cpj5tm52yx] {
        width: 100%;
    }

    .stat-rad[b-cpj5tm52yx] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Dashbord.razor.rz.scp.css */
.topp-rad[b-mrn102t40x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.4rem;
}

.side-header[b-mrn102t40x] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-mrn102t40x] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-mrn102t40x]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-mrn102t40x] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-mrn102t40x] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-mrn102t40x] {
    color: var(--itlock-ink-muted);
}

.ars-valg[b-mrn102t40x] {
    position: relative;
    flex-shrink: 0;
}

.ars-select[b-mrn102t40x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    font: inherit;
    font-size: 0.87rem;
    font-weight: 700;
    color: var(--itlock-ink);
    cursor: pointer;
}

    .ars-select[b-mrn102t40x]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
    }

.ars-meny[b-mrn102t40x] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.4rem);
    z-index: 20;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
    padding: 0.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 6rem;
}

.ars-meny-rad[b-mrn102t40x] {
    background: none;
    border: none;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--itlock-ink);
    text-align: left;
    padding: 0.45rem 0.7rem;
    border-radius: 7px;
    cursor: pointer;
}

    .ars-meny-rad:hover[b-mrn102t40x] {
        background: rgba(131, 94, 65, 0.08);
    }

    .ars-meny-rad.aktiv[b-mrn102t40x] {
        background: var(--itlock-accent);
        color: #fff;
    }

.kort[b-mrn102t40x] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    box-shadow: 0 10px 26px -22px rgba(41, 41, 39, 0.4);
}

.hero-rad[b-mrn102t40x] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.1rem;
    max-width: 1300px;
    margin-bottom: 1.4rem;
}

.hero-kort[b-mrn102t40x] {
    padding: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    text-align: center;
}

.ring[b-mrn102t40x] {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ring-indre[b-mrn102t40x] {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background: var(--itlock-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ring-tall[b-mrn102t40x] {
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1;
}

.ring-label[b-mrn102t40x] {
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 0.2rem;
}

.hero-sub[b-mrn102t40x] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.stat-rad[b-mrn102t40x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.stat-kort[b-mrn102t40x] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.stat-ikon[b-mrn102t40x] {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .stat-ikon[b-mrn102t40x]  .icon {
        width: 1rem;
        height: 1rem;
    }

.stat-ikon-gul[b-mrn102t40x] {
    background: rgba(138, 90, 21, 0.12);
    color: #8a5a15;
}

.stat-ikon-gronn[b-mrn102t40x] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.stat-ikon-rod[b-mrn102t40x] {
    background: rgba(163, 32, 32, 0.12);
    color: #a32020;
}

.stat-label[b-mrn102t40x] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-mrn102t40x] {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.stat-sub[b-mrn102t40x] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.graf-kort[b-mrn102t40x] {
    grid-column: 1 / -1;
    padding: 1.2rem 1.3rem;
}

.graf-header[b-mrn102t40x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

    .graf-header h2[b-mrn102t40x] {
        margin: 0;
        font-size: 1.02rem;
        font-weight: 700;
    }

.dashbord-forklaring[b-mrn102t40x] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

    .dashbord-forklaring span[b-mrn102t40x] {
        display: flex;
        align-items: center;
        gap: 0.3rem;
    }

.dashbord-dott[b-mrn102t40x] {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    display: inline-block;
}

.dashbord-dott-gronn[b-mrn102t40x] {
    background: #2b7a4b;
}

.dashbord-dott-rod[b-mrn102t40x] {
    background: #a32020;
}

.dashbord-dott-gul[b-mrn102t40x] {
    background: #8a5a15;
}

.dashbord-graf[b-mrn102t40x] {
    display: flex;
    align-items: flex-end;
    gap: 1.3rem;
    height: 160px;
    padding: 0 0.4rem;
}

.dashbord-graf-soyle[b-mrn102t40x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.dashbord-graf-stabel[b-mrn102t40x] {
    width: 100%;
    max-width: 52px;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 6px;
    overflow: hidden;
}

.dashbord-graf-del[b-mrn102t40x] {
    width: 100%;
}

    .dashbord-graf-del:not(:first-child)[b-mrn102t40x] {
        border-bottom: 2px solid var(--itlock-surface);
    }

.dashbord-graf-del-gronn[b-mrn102t40x] {
    background: #2b7a4b;
}

.dashbord-graf-del-rod[b-mrn102t40x] {
    background: #a32020;
}

.dashbord-graf-del-gul[b-mrn102t40x] {
    background: #8a5a15;
}

.dashbord-graf-del-noytral[b-mrn102t40x] {
    background: var(--itlock-ink-muted);
}

.dashbord-dott-noytral[b-mrn102t40x] {
    background: var(--itlock-ink-muted);
}

.dashbord-graf-liten[b-mrn102t40x] {
    height: 90px;
    gap: 0.7rem;
    padding: 0;
    margin-top: 0.4rem;
}

    .dashbord-graf-liten .dashbord-graf-stabel[b-mrn102t40x] {
        max-width: 28px;
    }

    .dashbord-graf-liten .dashbord-graf-etikett[b-mrn102t40x] {
        font-size: 0.62rem;
    }

.dashbord-graf-etikett[b-mrn102t40x] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    text-transform: capitalize;
}

.tabell-kort[b-mrn102t40x] {
    padding: 1.3rem 1.4rem;
    max-width: 1300px;
}

.tabell-header[b-mrn102t40x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

    .tabell-header h2[b-mrn102t40x] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

.dashbord-filter[b-mrn102t40x] {
    display: flex;
    gap: 0.4rem;
}

.dashbord-filter-knapp[b-mrn102t40x] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    border: none;
    border-radius: 999px;
    padding: 0.32rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

    .dashbord-filter-knapp.aktiv[b-mrn102t40x] {
        background: var(--itlock-accent);
        color: #fff;
    }

.dashbord-tabell[b-mrn102t40x] {
    width: 100%;
    border-collapse: collapse;
}

    .dashbord-tabell th[b-mrn102t40x] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        padding: 0 0.6rem 0.6rem;
    }

    .dashbord-tabell td[b-mrn102t40x] {
        font-size: 0.87rem;
        padding: 0.65rem 0.6rem;
        border-top: 1px solid var(--itlock-border);
    }

    .dashbord-tabell a[b-mrn102t40x] {
        color: var(--itlock-ink);
        font-weight: 600;
        text-decoration: none;
    }

        .dashbord-tabell a:hover[b-mrn102t40x] {
            text-decoration: underline;
        }

@media (max-width: 900px) {
    .hero-rad[b-mrn102t40x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .topp-rad[b-mrn102t40x] {
        flex-wrap: wrap;
    }

    .stat-rad[b-mrn102t40x] {
        grid-template-columns: 1fr;
    }
}

/* ================= Dashbord: faner + nye widgeter ================= */

.db-side .kort[b-mrn102t40x] {
    max-width: none;
}

.db-fanerad[b-mrn102t40x] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}

    .db-fanerad button[b-mrn102t40x] {
        border: none;
        background: none;
        padding: 0.45rem 0.95rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.84rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .db-fanerad button.aktiv[b-mrn102t40x] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

.db-statrow[b-mrn102t40x] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1.1rem;
}

.db-statrow-2[b-mrn102t40x] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.db-statrow-3[b-mrn102t40x] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.db-statrow-5[b-mrn102t40x] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.db-statcard[b-mrn102t40x] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
}

.db-statcard-ic[b-mrn102t40x] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .db-statcard-ic[b-mrn102t40x]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.db-ic-aksent[b-mrn102t40x] {
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
}

.db-ic-blaa[b-mrn102t40x] {
    background: #dbe7f7;
    color: #0b66e6;
}

.db-ic-gul[b-mrn102t40x] {
    background: #fde7d3;
    color: #c2590a;
}

.db-ic-gronn[b-mrn102t40x] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.db-ic-lilla[b-mrn102t40x] {
    background: #f0d9f7;
    color: #7a2b96;
}

.db-ic-rod[b-mrn102t40x] {
    background: #f7d3d3;
    color: #a32020;
}

.db-ic-noytral[b-mrn102t40x] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.db-statcard-num[b-mrn102t40x] {
    display: block;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.15;
}

.db-statcard-lbl[b-mrn102t40x] {
    display: block;
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

.db-statcard-sub[b-mrn102t40x] {
    display: block;
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

.db-delta[b-mrn102t40x] {
    color: #2b7a4b;
    font-weight: 600;
}

.db-grid2[b-mrn102t40x] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 0.9rem;
    margin-bottom: 0.9rem;
    align-items: start;
}

    .db-grid2 .graf-kort[b-mrn102t40x] {
        grid-column: auto;
    }

.db-grid3[b-mrn102t40x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

/* ---------- Omsetningskurve ---------- */

.db-omsetning-kort[b-mrn102t40x] {
    padding: 1.2rem 1.3rem;
    display: flex;
    flex-direction: column;
}

    .db-omsetning-kort h2[b-mrn102t40x] {
        margin: 0 0 0.6rem;
        font-size: 1.02rem;
        font-weight: 700;
    }

.db-omsetning-verdi[b-mrn102t40x] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.db-omsetning-delta[b-mrn102t40x] {
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0.2rem 0 0.8rem;
}

    .db-omsetning-delta.positiv[b-mrn102t40x] {
        color: #2b7a4b;
    }

    .db-omsetning-delta.negativ[b-mrn102t40x] {
        color: #a32020;
    }

.db-omsetning-svg[b-mrn102t40x] {
    display: block;
    width: 100%;
    height: 110px;
    flex: 0 0 auto;
}

.db-omsetning-svg-stor[b-mrn102t40x] {
    height: 220px;
}

.db-omsetning-omrade[b-mrn102t40x] {
    fill: rgba(131, 94, 65, 0.12);
    stroke: none;
}

.db-omsetning-linje[b-mrn102t40x] {
    fill: none;
    stroke: var(--itlock-accent);
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.db-omsetning-etiketter[b-mrn102t40x] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.4rem;
}

    .db-omsetning-etiketter span[b-mrn102t40x] {
        font-size: 0.68rem;
        color: var(--itlock-ink-muted);
        text-transform: capitalize;
    }

/* ---------- Donut-widgeter ---------- */

.db-donut-kort[b-mrn102t40x] {
    padding: 1.2rem 1.3rem;
    display: flex;
    flex-direction: column;
}

    .db-donut-kort h2[b-mrn102t40x] {
        margin: 0 0 1rem;
        font-size: 1rem;
        font-weight: 700;
    }

.db-donut-rad[b-mrn102t40x] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex: 1;
}

.db-donut[b-mrn102t40x] {
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.db-donut-indre[b-mrn102t40x] {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: var(--itlock-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.db-donut-tall[b-mrn102t40x] {
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
}

.db-donut-label[b-mrn102t40x] {
    font-size: 0.64rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 0.15rem;
}

.db-donut-legend[b-mrn102t40x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

    .db-donut-legend li[b-mrn102t40x] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
    }

        .db-donut-legend li strong[b-mrn102t40x] {
            margin-left: auto;
            color: var(--itlock-ink);
            font-weight: 700;
        }

.db-legend-dott[b-mrn102t40x] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.db-se-alle[b-mrn102t40x] {
    display: inline-block;
    margin-top: 0.9rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-accent);
    text-decoration: none;
}

    .db-se-alle:hover[b-mrn102t40x] {
        text-decoration: underline;
    }

/* ---------- Kommende frister ---------- */

.db-frister-kort[b-mrn102t40x] {
    padding: 1.2rem 1.3rem;
}

.db-frister-header[b-mrn102t40x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

    .db-frister-header h2[b-mrn102t40x] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

.db-frister-liste[b-mrn102t40x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.db-frist-rad[b-mrn102t40x] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.db-frist-ikon[b-mrn102t40x] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .db-frist-ikon[b-mrn102t40x]  .icon {
        width: 1rem;
        height: 1rem;
    }

.db-frist-info[b-mrn102t40x] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.db-frist-tittel[b-mrn102t40x] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.db-frist-sub[b-mrn102t40x] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
}

.db-frist-hoyre[b-mrn102t40x] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.db-frist-dato[b-mrn102t40x] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.db-frist-pill[b-mrn102t40x] {
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.15rem 0.6rem;
    white-space: nowrap;
}

.db-frist-pill-rod[b-mrn102t40x] {
    background: #f7d3d3;
    color: #a32020;
}

.db-frist-pill-gul[b-mrn102t40x] {
    background: #fde7d3;
    color: #c2590a;
}

.db-frist-pill-noytral[b-mrn102t40x] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

/* ---------- Driftsmeldinger per prosjekt ---------- */

.db-prosjektbar-kort[b-mrn102t40x] {
    padding: 1.2rem 1.3rem;
}

    .db-prosjektbar-kort h2[b-mrn102t40x] {
        margin: 0 0 1rem;
        font-size: 1rem;
        font-weight: 700;
    }

.db-prosjektbar-liste[b-mrn102t40x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.db-prosjektbar-rad[b-mrn102t40x] {
    display: grid;
    grid-template-columns: 7rem 1fr 1.6rem;
    align-items: center;
    gap: 0.6rem;
}

.db-prosjektbar-navn[b-mrn102t40x] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.db-prosjektbar-track[b-mrn102t40x] {
    height: 0.5rem;
    background: var(--itlock-bg);
    border-radius: 999px;
    overflow: hidden;
}

.db-prosjektbar-fill[b-mrn102t40x] {
    display: block;
    height: 100%;
    background: var(--itlock-accent);
    border-radius: 999px;
}

.db-prosjektbar-tall[b-mrn102t40x] {
    font-size: 0.82rem;
    font-weight: 700;
    text-align: right;
}

/* ---------- Driftsmelding-statuspill (Dashbord-tabell) ---------- */

.db-dm-status-pill[b-mrn102t40x] {
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.db-dm-status-pill-rod[b-mrn102t40x] {
    background: #f7d3d3;
    color: #a32020;
}

.db-dm-status-pill-gul[b-mrn102t40x] {
    background: #fde7d3;
    color: #c2590a;
}

.db-dm-status-pill-gronn[b-mrn102t40x] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.db-dm-status-pill-noytral[b-mrn102t40x] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
}

@media (max-width: 1200px) {
    .db-grid2[b-mrn102t40x],
    .db-grid3[b-mrn102t40x] {
        grid-template-columns: 1fr;
    }

    .db-statrow[b-mrn102t40x],
    .db-statrow-4[b-mrn102t40x],
    .db-statrow-5[b-mrn102t40x] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640.98px) {
    .db-statrow[b-mrn102t40x],
    .db-statrow-3[b-mrn102t40x],
    .db-statrow-4[b-mrn102t40x],
    .db-statrow-5[b-mrn102t40x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/PortalItlock.Web/Components/Pages/DorDetalj.razor.rz.scp.css */
.back-link[b-ok3m9ncelt] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .back-link[b-ok3m9ncelt]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-ok3m9ncelt] {
        color: var(--itlock-accent);
    }

/* ---------- Identitetskort ---------- */

.id-kort[b-ok3m9ncelt] {
    max-width: 720px;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.2rem;
}

.id-topprad[b-ok3m9ncelt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.id-navn[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.id-ikon[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 13px;
    background: var(--itlock-accent);
    color: #fff;
    flex-shrink: 0;
}

    .id-ikon[b-ok3m9ncelt]  .icon {
        width: 1.4rem;
        height: 1.4rem;
    }

.id-navn h1[b-ok3m9ncelt] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

.id-sub[b-ok3m9ncelt] {
    margin: 0.1rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.87rem;
}

.id-status-wrap[b-ok3m9ncelt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    flex-shrink: 0;
}

.status-dato[b-ok3m9ncelt] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    text-align: right;
}

.id-specs[b-ok3m9ncelt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1.2rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--itlock-border);
}

.id-spec-lbl[b-ok3m9ncelt] {
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.2rem;
}

.id-spec-val[b-ok3m9ncelt] {
    font-size: 0.92rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.id-spec-val-liten[b-ok3m9ncelt] {
    font-size: 0.78rem;
    font-weight: 600;
}

.id-opprettet[b-ok3m9ncelt] {
    margin: 0.7rem 0 0;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.funksjon-chips[b-ok3m9ncelt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 1rem;
}

.funksjon-chip[b-ok3m9ncelt] {
    font-size: 0.78rem;
    font-weight: 600;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    border-radius: 999px;
    padding: 0.25rem 0.7rem;
}

/* ---------- Panel ---------- */

.dor-panel[b-ok3m9ncelt] {
    max-width: 720px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem 1.4rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.2rem;
}

.dor-panel-header[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.dor-panel-ikon[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dor-panel-ikon[b-ok3m9ncelt]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.dor-panel-header h2[b-ok3m9ncelt] {
    margin: 0;
    font-size: 1rem;
}

.section-hint[b-ok3m9ncelt] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: -0.5rem 0 0.9rem;
}

.list-empty[b-ok3m9ncelt] {
    color: var(--itlock-ink-muted);
    font-size: 0.87rem;
}

/* ---------- Garanti ---------- */

.garanti-boks[b-ok3m9ncelt] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.8rem 0.95rem;
}

    .garanti-boks[b-ok3m9ncelt]  .icon {
        width: 1rem;
        height: 1rem;
        color: var(--itlock-accent);
        flex-shrink: 0;
        margin-top: 0.15rem;
    }

.garanti-liste[b-ok3m9ncelt] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.87rem;
}

    .garanti-liste li[b-ok3m9ncelt] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

.garanti-info[b-ok3m9ncelt] {
    font-style: italic;
    color: var(--itlock-ink-muted);
}

.garanti-ok[b-ok3m9ncelt] {
    color: #2b7a4b;
    font-weight: 700;
}

.garanti-utlopt[b-ok3m9ncelt] {
    color: #a32020;
    font-weight: 700;
}

/* ---------- Historikk ---------- */

.historikk-liste[b-ok3m9ncelt] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.historikk-rad[b-ok3m9ncelt] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .historikk-liste li:last-child[b-ok3m9ncelt] {
        border-bottom: none;
        padding-bottom: 0;
    }

.historikk-type[b-ok3m9ncelt] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
}

.historikk-type-Endring[b-ok3m9ncelt] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.historikk-type-Avvik[b-ok3m9ncelt] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.historikk-type-Driftsmelding[b-ok3m9ncelt] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.historikk-tekst-wrap[b-ok3m9ncelt] {
    flex: 1 1 auto;
    min-width: 0;
}

.historikk-tekst[b-ok3m9ncelt] {
    font-size: 0.87rem;
}

.historikk-tidspunkt[b-ok3m9ncelt] {
    display: block;
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

/* ---------- Tabellkort ---------- */

.tabell-kort[b-ok3m9ncelt] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow-x: auto;
}

.dor-table[b-ok3m9ncelt] {
    width: 100%;
    border-collapse: collapse;
}

    .dor-table th[b-ok3m9ncelt],
    .dor-table td[b-ok3m9ncelt] {
        text-align: left;
        padding: 0.55rem 0.7rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.86rem;
        white-space: nowrap;
    }

    .dor-table thead th[b-ok3m9ncelt] {
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-bg) 92%, var(--itlock-accent) 8%);
    }

    .dor-table tbody tr:last-child td[b-ok3m9ncelt] {
        border-bottom: none;
    }

.beslag-status-pill[b-ok3m9ncelt] {
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
}

.beslag-status-montert[b-ok3m9ncelt] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.beslag-status-ikke[b-ok3m9ncelt] {
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
}

.ikon-btn[b-ok3m9ncelt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 6px;
    border: 1px solid var(--itlock-border);
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .ikon-btn:hover[b-ok3m9ncelt] {
        background: rgba(163, 32, 32, 0.08);
        color: #a32020;
        border-color: #a32020;
    }

    .ikon-btn[b-ok3m9ncelt]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.lasplan-lenke[b-ok3m9ncelt] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-accent);
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
    margin-top: 0.9rem;
}

    .lasplan-lenke:hover[b-ok3m9ncelt] {
        text-decoration: underline;
    }

    .lasplan-lenke[b-ok3m9ncelt]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        transform: scaleX(-1);
    }

/* ---------- Bilder og video ---------- */

.dropzone[b-ok3m9ncelt] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-bg);
    border: 2px dashed var(--itlock-border);
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1.1rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .dropzone:hover[b-ok3m9ncelt] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

    .dropzone[b-ok3m9ncelt]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.dropzone-ikon[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dropzone-ikon[b-ok3m9ncelt]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.dropzone-tekst[b-ok3m9ncelt] {
    flex: 1 1 160px;
    min-width: 0;
}

    .dropzone-tekst strong[b-ok3m9ncelt] {
        display: block;
        font-size: 0.88rem;
    }

    .dropzone-tekst span[b-ok3m9ncelt] {
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
    }

.dropzone select[b-ok3m9ncelt] {
    position: relative;
    z-index: 1;
    font: inherit;
    font-size: 0.85rem;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.media-gruppe-tittel[b-ok3m9ncelt] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
    margin: 1rem 0 0.6rem;
}

    .media-gruppe-tittel:first-of-type[b-ok3m9ncelt] {
        margin-top: 0;
    }

.media-grid[b-ok3m9ncelt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

.media-item[b-ok3m9ncelt] {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--itlock-border);
    aspect-ratio: 1;
    background: var(--itlock-bg);
}

    .media-item img[b-ok3m9ncelt],
    .media-item video[b-ok3m9ncelt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.media-fjern-btn[b-ok3m9ncelt] {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    border: none;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .media-fjern-btn[b-ok3m9ncelt]  .icon {
        width: 0.7rem;
        height: 0.7rem;
    }

/* ---------- Driftsmelding ---------- */

.drift-melding-kort[b-ok3m9ncelt] {
    padding: 0.85rem 0.95rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    margin-bottom: 0.6rem;
}

    .drift-melding-kort:last-child[b-ok3m9ncelt] {
        margin-bottom: 0;
    }

.drift-melding-meta[b-ok3m9ncelt] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.3rem;
}

.drift-melding-tekst[b-ok3m9ncelt] {
    margin: 0 0 0.5rem;
    font-size: 0.87rem;
    white-space: pre-wrap;
}

.drift-melding-media[b-ok3m9ncelt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.drift-melding-bilde[b-ok3m9ncelt] {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--itlock-border);
}

.drift-melding-video[b-ok3m9ncelt] {
    max-width: 220px;
    max-height: 150px;
    border-radius: 8px;
    border: 1px solid var(--itlock-border);
}

.form-error[b-ok3m9ncelt] {
    color: #a32020;
    font-weight: 600;
}

/* ---------- Avvik ---------- */

.avvik-liste[b-ok3m9ncelt] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.avvik-kort[b-ok3m9ncelt] {
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.85rem 1rem;
}

.avvik-header[b-ok3m9ncelt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.avvik-status[b-ok3m9ncelt] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.avvik-status-Apent[b-ok3m9ncelt] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.avvik-status-SendtTilKunde[b-ok3m9ncelt] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.avvik-status-Godkjent[b-ok3m9ncelt] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.avvik-dato[b-ok3m9ncelt] {
    color: var(--itlock-ink-muted);
    font-size: 0.78rem;
}

.avvik-prisform[b-ok3m9ncelt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
    margin-top: 0.6rem;
}

    .avvik-prisform textarea[b-ok3m9ncelt] {
        flex: 1 1 240px;
        min-height: 2.4rem;
        font: inherit;
        padding: 0.45rem 0.6rem;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
    }

.price-input[b-ok3m9ncelt] {
    width: 130px;
    font: inherit;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.avvik-pdfliste[b-ok3m9ncelt] {
    margin-top: 0.6rem;
}

.nytt-avvik-form[b-ok3m9ncelt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: flex-start;
    margin-top: 0.9rem;
}

    .nytt-avvik-form textarea[b-ok3m9ncelt] {
        flex: 1 1 320px;
        min-height: 2.6rem;
        font: inherit;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        resize: vertical;
    }

/* ---------- QR-kode ---------- */

.qr-kort[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    flex-wrap: wrap;
}

.qr-bilde-wrap[b-ok3m9ncelt] {
    background: #fff;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.5rem;
    flex-shrink: 0;
}

.qr-bilde[b-ok3m9ncelt] {
    width: 110px;
    height: 110px;
    display: block;
}

.qr-tekst[b-ok3m9ncelt] {
    flex: 1 1 180px;
    min-width: 0;
}

    .qr-tekst p[b-ok3m9ncelt] {
        margin: 0 0 0.7rem;
        color: var(--itlock-ink-muted);
        font-size: 0.87rem;
    }

/* ---------- Prinsippskisse ---------- */

.prinsippskisse-liste[b-ok3m9ncelt] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.prinsippskisse-rad[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.6rem 0.8rem;
}

.prinsippskisse-forhandsvisning[b-ok3m9ncelt] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--itlock-border);
}

    .prinsippskisse-forhandsvisning[b-ok3m9ncelt]  .mini-preview-svg,
    .prinsippskisse-forhandsvisning[b-ok3m9ncelt]  .mini-preview-tom {
        width: 100%;
        height: 100%;
    }

.prinsippskisse-tekst[b-ok3m9ncelt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.prinsippskisse-navn[b-ok3m9ncelt] {
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--itlock-ink);
}

.prinsippskisse-meta[b-ok3m9ncelt] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.prinsippskisse-ny[b-ok3m9ncelt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .prinsippskisse-ny input[b-ok3m9ncelt] {
        flex: 1;
        min-width: 200px;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
        font: inherit;
        font-size: 0.86rem;
    }

/* ---------- Delte knapper ---------- */

.add-button[b-ok3m9ncelt] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 1.05rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
    text-decoration: none;
}

    .add-button[b-ok3m9ncelt]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.edit-button[b-ok3m9ncelt] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    color: var(--itlock-ink);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
}

    .edit-button:hover[b-ok3m9ncelt] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .edit-button:disabled[b-ok3m9ncelt] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.remove-button[b-ok3m9ncelt] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 6px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.save-button[b-ok3m9ncelt] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
}

.save-success[b-ok3m9ncelt] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.87rem;
}

.ce-modal-overlay[b-ok3m9ncelt] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1000;
    padding: 2rem 1rem;
    overflow-y: auto;
}

.ce-modal[b-ok3m9ncelt] {
    background: var(--itlock-surface);
    border-radius: 14px;
    width: min(1100px, 100%);
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
}

@media (max-width: 640px) {
    .id-specs[b-ok3m9ncelt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .id-topprad[b-ok3m9ncelt] {
        flex-direction: column;
    }

    .id-status-wrap[b-ok3m9ncelt] {
        align-items: flex-start;
    }

    .status-dato[b-ok3m9ncelt] {
        text-align: left;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Dorfunksjoner.razor.rz.scp.css */
.side-header[b-ettmzj9ndn] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.side-header-ikon[b-ettmzj9ndn] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-ettmzj9ndn]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-ettmzj9ndn] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-ettmzj9ndn] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.sok-boks[b-ettmzj9ndn] {
    position: relative;
    max-width: 380px;
    margin-bottom: 1.2rem;
    display: block;
}

    .sok-boks[b-ettmzj9ndn]  .icon {
        position: absolute;
        left: 0.8rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
    }

    .sok-boks input[b-ettmzj9ndn] {
        width: 100%;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.6rem 0.8rem 0.6rem 2.2rem;
    }

.list-empty[b-ettmzj9ndn] {
    color: var(--itlock-ink-muted);
}

.funksjon-kort[b-ettmzj9ndn] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow: hidden;
    max-width: 700px;
}

.funksjon-blokk[b-ettmzj9ndn] {
    border-bottom: 1px solid var(--itlock-border);
}

    .funksjon-blokk:last-child[b-ettmzj9ndn] {
        border-bottom: none;
    }

.funksjon-rad[b-ettmzj9ndn] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.55rem 0.9rem;
    border: none;
    background: none;
    font: inherit;
    color: var(--itlock-ink);
    cursor: pointer;
    text-align: left;
}

    .funksjon-rad:hover[b-ettmzj9ndn] {
        background: var(--itlock-bg);
    }

.forkortelse-tag[b-ettmzj9ndn] {
    font-size: 0.7rem;
    font-weight: 800;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 5px;
    padding: 0.1rem 0.4rem;
    width: 3.4rem;
    text-align: center;
    flex-shrink: 0;
}

.funksjon-navn[b-ettmzj9ndn] {
    flex: 1;
    font-size: 0.87rem;
}

.antall-tekst[b-ettmzj9ndn] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    width: 4.5rem;
    text-align: right;
    flex-shrink: 0;
}

    .antall-tekst.i-bruk[b-ettmzj9ndn] {
        color: var(--itlock-accent);
        font-weight: 600;
    }

.edit-felt-rad[b-ettmzj9ndn] {
    display: flex;
    gap: 0.6rem;
    padding: 0.6rem 0.9rem 0.8rem;
    background: var(--itlock-bg);
}

    .edit-felt-rad input[b-ettmzj9ndn] {
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.6rem;
    }

    .edit-felt-rad input:not(.forkortelse-input)[b-ettmzj9ndn] {
        flex: 1;
    }

.forkortelse-input[b-ettmzj9ndn] {
    width: 6rem;
    flex-shrink: 0;
}

.knapp[b-ettmzj9ndn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 7px;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-ettmzj9ndn] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-ettmzj9ndn] {
        background: var(--itlock-accent-hover);
    }

.knapp-fare[b-ettmzj9ndn] {
    color: #a32020;
}

    .knapp-fare:hover[b-ettmzj9ndn] {
        border-color: #a32020;
    }

.ny-funksjon-kort[b-ettmzj9ndn] {
    max-width: 500px;
    margin-top: 1.3rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.1rem 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.ny-funksjon-tittel[b-ettmzj9ndn] {
    font-weight: 700;
    font-size: 0.9rem;
}

.ny-funksjon-form[b-ettmzj9ndn] {
    display: flex;
    gap: 0.6rem;
}

    .ny-funksjon-form input[b-ettmzj9ndn] {
        flex: 1;
        font: inherit;
        font-size: 0.87rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
    }

.save-success[b-ettmzj9ndn] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0;
    font-size: 0.85rem;
}

@media (max-width: 640.98px) {
    .funksjon-rad[b-ettmzj9ndn] {
        flex-wrap: wrap;
    }

    .edit-felt-rad[b-ettmzj9ndn] {
        flex-wrap: wrap;
    }

    .ny-funksjon-form[b-ettmzj9ndn] {
        flex-wrap: wrap;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Dormiljo.razor.rz.scp.css */
.side-header[b-yam8ngmzt5] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-yam8ngmzt5] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-yam8ngmzt5]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-yam8ngmzt5] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-yam8ngmzt5] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-yam8ngmzt5] {
    color: var(--itlock-ink-muted);
}

.search-box[b-yam8ngmzt5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.75rem;
    color: var(--itlock-ink-muted);
    margin: 0.2rem 0.7rem 0.6rem;
}

    .search-box[b-yam8ngmzt5]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        flex-shrink: 0;
    }

    .search-box input[b-yam8ngmzt5] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        width: 100%;
    }

.master-detail[b-yam8ngmzt5] {
    display: flex;
    gap: 0;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 24px -20px rgba(41, 41, 39, 0.3);
    min-height: 32rem;
}

.master-panel[b-yam8ngmzt5] {
    width: 20rem;
    flex-shrink: 0;
    border-right: 1px solid var(--itlock-border);
    padding: 0.85rem 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.master-row[b-yam8ngmzt5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.85rem;
    margin: 0 0.5rem;
    border-radius: 9px;
    cursor: pointer;
    border-left: 3px solid transparent;
}

    .master-row:hover[b-yam8ngmzt5] {
        background: var(--itlock-bg);
    }

.master-row-valgt[b-yam8ngmzt5] {
    background: rgba(131, 94, 65, 0.09);
    border-left-color: var(--itlock-accent);
}

.fil-type[b-yam8ngmzt5] {
    flex-shrink: 0;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 8px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .fil-type[b-yam8ngmzt5]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.master-row-tekst[b-yam8ngmzt5] {
    min-width: 0;
}

.master-row-navn[b-yam8ngmzt5] {
    display: block;
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.master-tomt-sok[b-yam8ngmzt5] {
    padding: 0 0.85rem;
    font-size: 0.82rem;
}

.detail-panel[b-yam8ngmzt5] {
    flex: 1;
    padding: 2rem 2.2rem;
    min-width: 0;
    display: flex;
}

.detail-tomt[b-yam8ngmzt5] {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
}

    .detail-tomt[b-yam8ngmzt5]  .icon {
        width: 2.1rem;
        height: 2.1rem;
    }

.detail-innhold[b-yam8ngmzt5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.doc-preview-boks[b-yam8ngmzt5] {
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow: hidden;
}

.doc-preview[b-yam8ngmzt5] {
    width: 100%;
    height: 75vh;
    border: none;
    display: block;
}

.doc-edit[b-yam8ngmzt5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .doc-edit input[b-yam8ngmzt5] {
        flex: 1;
        min-width: 160px;
        padding: 0.5rem 0.7rem;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        font: inherit;
    }

.knapp[b-yam8ngmzt5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: none;
}

    .knapp[b-yam8ngmzt5]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.knapp-primaer[b-yam8ngmzt5] {
    background: var(--itlock-accent);
    color: #fff;
}

.doc-open[b-yam8ngmzt5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    white-space: nowrap;
}

    .doc-open[b-yam8ngmzt5]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.lagret-tag[b-yam8ngmzt5] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.82rem;
}

    .lagret-tag[b-yam8ngmzt5]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

@media (max-width: 640.98px) {
    /* Mobilnettlesere har ikke en ordentlig PDF-visning inni en iframe -
       den blir ofte for liten til å lese og kan ikke pinch-zoomes. Skjul den
       derfor på mobil og gjør "Åpne i ny fane" til hovedveien inn, siden den
       åpner PDF-en i nettleserens egen fulle PDF-visning med zoom. */
    .doc-preview-boks[b-yam8ngmzt5] {
        display: none;
    }

    .doc-open[b-yam8ngmzt5] {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: var(--itlock-accent);
        color: #fff;
        font-weight: 600;
        padding: 0.6rem 1rem;
        border-radius: 9px;
        flex-basis: 100%;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Dorpakker.razor.rz.scp.css */
.side-header[b-k06fjx5fkm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-k06fjx5fkm] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-k06fjx5fkm]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-k06fjx5fkm] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-k06fjx5fkm] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.verktoy-rad[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.sok-boks[b-k06fjx5fkm] {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 420px;
}

    .sok-boks[b-k06fjx5fkm]  .icon {
        position: absolute;
        left: 0.8rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
    }

    .sok-boks input[b-k06fjx5fkm] {
        width: 100%;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 2.2rem 0.55rem 2.2rem;
    }

.sok-chevron[b-k06fjx5fkm] {
    position: absolute;
    right: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0.2rem;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    display: flex;
}

    .sok-chevron[b-k06fjx5fkm]  .icon {
        position: static;
        width: 0.85rem;
        height: 0.85rem;
    }

.filter-wrap[b-k06fjx5fkm] {
    position: relative;
}

.filter-popover[b-k06fjx5fkm] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    z-index: 20;
    min-width: 220px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
    box-shadow: 0 16px 32px -16px rgba(41, 41, 39, 0.4);
    padding: 0.8rem 0.9rem;
}

.filter-popover-tittel[b-k06fjx5fkm] {
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.6rem;
}

.filter-valg[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.86rem;
    padding: 0.3rem 0;
    cursor: pointer;
}

.filter-nullstill[b-k06fjx5fkm] {
    margin-top: 0.5rem;
    background: none;
    border: none;
    color: var(--itlock-accent);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.knapp-rad[b-k06fjx5fkm] {
    display: flex;
    gap: 0.6rem;
    margin-left: auto;
}

.knapp[b-k06fjx5fkm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-k06fjx5fkm]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-k06fjx5fkm] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-k06fjx5fkm] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-k06fjx5fkm] {
        background: var(--itlock-accent-hover);
    }

.knapp-aktiv[b-k06fjx5fkm] {
    background: var(--itlock-ink);
    border-color: var(--itlock-ink);
    color: var(--itlock-bg);
}

.list-empty[b-k06fjx5fkm] {
    color: var(--itlock-ink-muted);
}

.pakke-liste[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-width: 800px;
}

.pakke-item[b-k06fjx5fkm] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.pakke-kort[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.8rem 1.1rem;
    border: 1px solid var(--itlock-border);
    border-radius: 13px;
    background: var(--itlock-surface);
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 24px -20px rgba(41, 41, 39, 0.35);
    transition: border-color 0.15s ease, transform 0.15s ease;
}

    .pakke-kort:hover[b-k06fjx5fkm] {
        border-color: var(--itlock-accent);
        transform: translateY(-1px);
    }

.pakke-ikon[b-k06fjx5fkm] {
    flex-shrink: 0;
    width: 3.2rem;
    height: 4.4rem;
    border-radius: 8px;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0.25rem;
}

    .pakke-ikon[b-k06fjx5fkm]  .dor-figur {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.pakke-tekst[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1;
}

.pakke-navn[b-k06fjx5fkm] {
    font-weight: 700;
    font-size: 0.95rem;
}

.pakke-meta[b-k06fjx5fkm] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pakke-komp-badge[b-k06fjx5fkm] {
    flex-shrink: 0;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    white-space: nowrap;
}

.pakke-slett-button[b-k06fjx5fkm] {
    background: transparent;
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0 0.9rem;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

    .pakke-slett-button:hover[b-k06fjx5fkm] {
        border-color: #b5502d;
        color: #b5502d;
    }

.pakke-slett-confirm[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    white-space: nowrap;
    padding: 0 0.75rem;
}

.delete-confirm-button[b-k06fjx5fkm] {
    background: #b5502d;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
}

.cancel-button[b-k06fjx5fkm] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
}

@media (max-width: 500px) {
    .knapp-rad[b-k06fjx5fkm] {
        margin-left: 0;
        width: 100%;
    }
}

/* Visningsbryter (liste/splitt)
--------------------------------------------------- */

.visning-bryter[b-k06fjx5fkm] {
    display: flex;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    overflow: hidden;
}

.visning-knapp[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    border: none;
    border-right: 1px solid var(--itlock-border);
    cursor: pointer;
}

    .visning-knapp:last-child[b-k06fjx5fkm] {
        border-right: none;
    }

    .visning-knapp[b-k06fjx5fkm]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .visning-knapp:hover[b-k06fjx5fkm] {
        color: var(--itlock-ink);
    }

.visning-aktiv[b-k06fjx5fkm] {
    background: var(--itlock-ink);
    color: var(--itlock-bg);
}

    .visning-aktiv:hover[b-k06fjx5fkm] {
        color: var(--itlock-bg);
    }

/* Splitt-visning: liste til venstre, detaljpanel til høyre
--------------------------------------------------- */

.dp-splitt[b-k06fjx5fkm] {
    display: grid;
    grid-template-columns: minmax(260px, 340px) 1fr;
    gap: 1rem;
    align-items: start;
}

.dp-splitt-liste[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.dp-splitt-kort[b-k06fjx5fkm] {
    display: flex;
    align-items: stretch;
    gap: 0.8rem;
    text-align: left;
    padding: 0.85rem 1rem;
    background: var(--itlock-surface);
    border: 1.5px solid var(--itlock-border);
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 10px 24px -20px rgba(41, 41, 39, 0.35);
}

    .dp-splitt-kort:hover[b-k06fjx5fkm] {
        border-color: var(--itlock-accent);
    }

.dp-splitt-kort-aktiv[b-k06fjx5fkm],
.dp-splitt-kort-aktiv:hover[b-k06fjx5fkm] {
    border-color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.06);
}

.dp-splitt-kort-bilde[b-k06fjx5fkm] {
    flex-shrink: 0;
    width: 3.6rem;
    height: 5rem;
    border-radius: 8px;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0.25rem;
}

    .dp-splitt-kort-bilde[b-k06fjx5fkm]  .dor-figur {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.dp-splitt-kort-innhold[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    flex: 1;
}

.dp-splitt-kort-topp[b-k06fjx5fkm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.dp-splitt-kort-navn[b-k06fjx5fkm] {
    font-weight: 700;
    font-size: 0.92rem;
    line-height: 1.25;
}

.dp-splitt-pille-rad[b-k06fjx5fkm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.dp-splitt-pille[b-k06fjx5fkm] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
}

.dp-splitt-kort-besk[b-k06fjx5fkm] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dp-splitt-detalj[b-k06fjx5fkm] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.25rem 1.4rem;
}

.dp-splitt-tom[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    text-align: center;
    padding: 3rem 1rem;
    color: var(--itlock-ink-muted);
}

    .dp-splitt-tom[b-k06fjx5fkm]  .icon {
        width: 2rem;
        height: 2rem;
        opacity: 0.5;
    }

.dp-splitt-detalj-topp[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.4rem;
}

    .dp-splitt-detalj-topp h2[b-k06fjx5fkm] {
        margin: 0;
        font-size: 1.15rem;
    }

.dp-splitt-besk[b-k06fjx5fkm] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.5;
}

.dp-detalj-bilde-rad[b-k06fjx5fkm] {
    display: flex;
    align-items: flex-start;
    gap: 1.3rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1.1rem;
}

.dp-detalj-bilde[b-k06fjx5fkm] {
    flex-shrink: 0;
    width: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.6rem;
}

    .dp-detalj-bilde[b-k06fjx5fkm]  .dor-figur {
        width: 100%;
        height: auto;
    }

.dp-grunndata[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.dp-grunndata-rad[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .dp-grunndata-rad:last-child[b-k06fjx5fkm] {
        border-bottom: none;
    }

.dp-grunndata-ikon[b-k06fjx5fkm] {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dp-grunndata-ikon[b-k06fjx5fkm]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.dp-grunndata-label[b-k06fjx5fkm] {
    flex: 1;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.dp-grunndata-pille[b-k06fjx5fkm] {
    flex-shrink: 0;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
}

.dp-komponenter-tittel[b-k06fjx5fkm] {
    margin: 0 0 0.6rem;
    font-size: 0.95rem;
}

.dp-komponent-liste[b-k06fjx5fkm] {
    display: flex;
    flex-direction: column;
}

.dp-komponent-rad[b-k06fjx5fkm] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--itlock-border);
    font-size: 0.85rem;
}

    .dp-komponent-rad:last-child[b-k06fjx5fkm] {
        border-bottom: none;
    }

.dp-komponent-ikon[b-k06fjx5fkm] {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dp-komponent-ikon[b-k06fjx5fkm]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.dp-komponent-navn[b-k06fjx5fkm] {
    flex: 1;
}

.dp-komponent-antall[b-k06fjx5fkm] {
    flex-shrink: 0;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

@media (max-width: 860px) {
    .dp-splitt[b-k06fjx5fkm] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/DriftDor.razor.rz.scp.css */
.back-link[b-oar3jazqb7] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-oar3jazqb7] {
        text-decoration: underline;
    }

.form-error[b-oar3jazqb7] {
    color: #b5502d;
    font-weight: 600;
}

.section-hint[b-oar3jazqb7] {
    color: var(--itlock-ink-muted);
}

.list-empty[b-oar3jazqb7] {
    color: var(--itlock-ink-muted);
}

.drift-melding-section[b-oar3jazqb7] {
    margin-top: 1.25rem;
    padding: 1rem 1.25rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
}

    .drift-melding-section h2[b-oar3jazqb7] {
        font-size: 1.05rem;
        margin-bottom: 0.5rem;
    }

    .drift-melding-section textarea[b-oar3jazqb7] {
        display: block;
        width: 100%;
        font: inherit;
        padding: 0.5rem;
        margin-bottom: 0.6rem;
        border: 1px solid var(--itlock-border);
    }

.drift-filer-liste[b-oar3jazqb7] {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
}

    .drift-filer-liste li[b-oar3jazqb7] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.drift-fil-fjern[b-oar3jazqb7] {
    background: none;
    border: 1px solid var(--itlock-border);
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1;
    cursor: pointer;
    color: #b5502d;
}

.save-button[b-oar3jazqb7] {
    display: block;
    margin-top: 0.75rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.55rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .save-button:disabled[b-oar3jazqb7] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.save-success[b-oar3jazqb7] {
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.5rem;
}

.drift-historikk-section[b-oar3jazqb7] {
    margin-top: 1.5rem;
}

    .drift-historikk-section h2[b-oar3jazqb7] {
        font-size: 1.05rem;
        margin-bottom: 0.5rem;
    }

.drift-melding-kort[b-oar3jazqb7] {
    padding: 0.9rem 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    margin-bottom: 0.6rem;
}

.drift-melding-meta[b-oar3jazqb7] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.3rem;
}

.drift-melding-tekst[b-oar3jazqb7] {
    margin: 0 0 0.5rem;
    white-space: pre-wrap;
}

.drift-melding-media[b-oar3jazqb7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.drift-melding-bilde[b-oar3jazqb7] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 1px solid var(--itlock-border);
}

.drift-melding-video[b-oar3jazqb7] {
    max-width: 240px;
    max-height: 160px;
    border: 1px solid var(--itlock-border);
}
/* _content/PortalItlock.Web/Components/Pages/DriftHjem.razor.rz.scp.css */
.section-hint[b-gq4vc0xkzf] {
    color: var(--itlock-ink-muted);
    margin-bottom: 1rem;
}

.list-empty[b-gq4vc0xkzf] {
    color: var(--itlock-ink-muted);
}

.form-error[b-gq4vc0xkzf] {
    color: #b5502d;
    font-weight: 600;
}

.drift-prosjekt-liste[b-gq4vc0xkzf] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.drift-prosjekt-kort[b-gq4vc0xkzf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1rem 1.2rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    text-decoration: none;
    color: var(--itlock-ink);
    transition: border-color 0.15s ease;
}

    .drift-prosjekt-kort:hover[b-gq4vc0xkzf] {
        border-color: var(--itlock-accent);
    }

.drift-prosjekt-navn[b-gq4vc0xkzf] {
    font-weight: 600;
    font-size: 1.05rem;
}

.drift-prosjekt-adresse[b-gq4vc0xkzf] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/DriftModul.razor.rz.scp.css */
.back-link[b-cn078hhduq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-cn078hhduq]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-cn078hhduq] {
        color: var(--itlock-accent);
    }

.side-header[b-cn078hhduq] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-cn078hhduq] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-cn078hhduq]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-cn078hhduq] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-cn078hhduq] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-cn078hhduq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-cn078hhduq] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-cn078hhduq] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-cn078hhduq] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-cn078hhduq]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-cn078hhduq] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-cn078hhduq] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-cn078hhduq] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/DriftProsjekt.razor.rz.scp.css */
.back-link[b-7hgl8n1fvk] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-7hgl8n1fvk] {
        text-decoration: underline;
    }

.form-error[b-7hgl8n1fvk] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-7hgl8n1fvk] {
    color: var(--itlock-ink-muted);
}

.drift-plan-section[b-7hgl8n1fvk] {
    margin-bottom: 1.5rem;
}

    .drift-plan-section h2[b-7hgl8n1fvk] {
        font-size: 1.05rem;
        margin-bottom: 0.5rem;
    }

.drift-plan-canvas[b-7hgl8n1fvk] {
    position: relative;
    width: 100%;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    overflow: hidden;
}

.drift-plan-image[b-7hgl8n1fvk] {
    display: block;
    width: 100%;
    height: auto;
}

.drift-dor-marker[b-7hgl8n1fvk] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 0.35rem;
    background: var(--itlock-accent);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

    .drift-dor-marker:hover[b-7hgl8n1fvk] {
        background: var(--itlock-accent-hover);
    }

.drift-dor-section[b-7hgl8n1fvk] {
    margin-top: 1.5rem;
}

    .drift-dor-section h2[b-7hgl8n1fvk] {
        font-size: 1.05rem;
        margin-bottom: 0.5rem;
    }

.drift-dor-liste[b-7hgl8n1fvk] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.drift-dor-rad[b-7hgl8n1fvk] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    padding: 0.6rem 0.9rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    text-decoration: none;
    color: var(--itlock-ink);
}

    .drift-dor-rad:hover[b-7hgl8n1fvk] {
        border-color: var(--itlock-accent);
    }

.drift-dor-nummer[b-7hgl8n1fvk] {
    font-weight: 600;
}

.drift-dor-meta[b-7hgl8n1fvk] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/Driftslisenser.razor.rz.scp.css */
.side-header[b-trrb0u2ip8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-trrb0u2ip8] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-trrb0u2ip8] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-trrb0u2ip8]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-trrb0u2ip8] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-trrb0u2ip8] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-trrb0u2ip8] {
    color: var(--itlock-ink-muted);
}

.stat-rad[b-trrb0u2ip8] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.3rem;
}

.stat-chip[b-trrb0u2ip8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.dot[b-trrb0u2ip8] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
}

.stat-aktiv[b-trrb0u2ip8] {
    color: #2b7a4b;
}

.stat-inaktiv[b-trrb0u2ip8] {
    color: var(--itlock-ink-muted);
}

.lisens-liste[b-trrb0u2ip8] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin-bottom: 1.6rem;
    max-width: 800px;
}

.lisens-kort[b-trrb0u2ip8] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-surface);
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    overflow: hidden;
}

.lisens-toggle[b-trrb0u2ip8] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    background: none;
    border: none;
    padding: 0.95rem 1.1rem;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.lisens-chevron[b-trrb0u2ip8] {
    color: var(--itlock-ink-muted);
    display: inline-flex;
    flex-shrink: 0;
}

    .lisens-chevron[b-trrb0u2ip8]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        transform: rotate(-90deg);
        transition: transform 0.15s ease;
    }

    .lisens-chevron.apen[b-trrb0u2ip8]  .icon {
        transform: rotate(0deg);
    }

.lisens-navn[b-trrb0u2ip8] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 700;
    font-size: 0.95rem;
}

.lisens-status-pille[b-trrb0u2ip8] {
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.st-aktiv[b-trrb0u2ip8] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.st-inaktiv[b-trrb0u2ip8] {
    background: rgba(107, 104, 99, 0.1);
    color: var(--itlock-ink-muted);
}

.lisens-meta[b-trrb0u2ip8] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.lisens-innhold[b-trrb0u2ip8] {
    padding: 0 1.1rem 1.1rem;
    border-top: 1px solid var(--itlock-border);
}

    .lisens-innhold h3[b-trrb0u2ip8] {
        margin: 1.1rem 0 0.6rem;
        font-size: 0.88rem;
        font-weight: 700;
    }

.field-grid[b-trrb0u2ip8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.9rem;
    margin: 1rem 0;
    align-items: end;
}

.field-grid label[b-trrb0u2ip8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.field-grid input[b-trrb0u2ip8] {
    font: inherit;
    font-size: 0.9rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.checkbox-label[b-trrb0u2ip8] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.5rem !important;
    justify-content: flex-start;
    color: var(--itlock-ink) !important;
    padding-bottom: 0.55rem;
}

.prosjekt-chip-list[b-trrb0u2ip8] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.prosjekt-chip[b-trrb0u2ip8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.35rem 0.8rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .prosjekt-chip input[b-trrb0u2ip8] {
        display: none;
    }

    .prosjekt-chip.valgt[b-trrb0u2ip8] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.lisens-actions[b-trrb0u2ip8] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    padding-top: 1rem;
    border-top: 1px solid var(--itlock-border);
}

.knapp[b-trrb0u2ip8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp:hover[b-trrb0u2ip8] {
        border-color: var(--itlock-accent);
    }

    .knapp:disabled[b-trrb0u2ip8] {
        opacity: 0.5;
        cursor: default;
    }

.knapp-primaer[b-trrb0u2ip8] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-trrb0u2ip8] {
        background: var(--itlock-accent-hover);
    }

.knapp-farlig[b-trrb0u2ip8] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

.passord-pille[b-trrb0u2ip8] {
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
}

.pw-satt[b-trrb0u2ip8] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.pw-ikke-satt[b-trrb0u2ip8] {
    background: rgba(217, 165, 32, 0.18);
    color: #8a5a15;
}

.save-success[b-trrb0u2ip8] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0.9rem 0 0;
}

.form-error[b-trrb0u2ip8] {
    color: #b5502d;
    font-weight: 600;
    margin: 0.9rem 0 0;
}

.kort[b-trrb0u2ip8] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
}

    .kort h2[b-trrb0u2ip8] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.ny-lisens[b-trrb0u2ip8] {
    max-width: 800px;
}

.ny-lisens-form[b-trrb0u2ip8] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .ny-lisens-form input[b-trrb0u2ip8] {
        flex: 1 1 200px;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
    }

@media (max-width: 640.98px) {
    .lisens-navn[b-trrb0u2ip8] {
        white-space: normal;
        word-break: break-word;
    }
}
/* _content/PortalItlock.Web/Components/Pages/DriftsmeldingDetalj.razor.rz.scp.css */
.back-link[b-d6wf9d1qfy] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-d6wf9d1qfy] {
        text-decoration: underline;
    }

.form-error[b-d6wf9d1qfy] {
    color: #a33;
}

.section-hint[b-d6wf9d1qfy] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    max-width: 720px;
}

.info-rad[b-d6wf9d1qfy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.5rem;
    font-size: 0.9rem;
    color: var(--itlock-ink-muted);
}

    .info-rad a[b-d6wf9d1qfy] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

        .info-rad a:hover[b-d6wf9d1qfy] {
            text-decoration: underline;
        }

.melding-tekst-visning[b-d6wf9d1qfy] {
    white-space: pre-wrap;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.6rem 0.8rem;
    font-size: 0.9rem;
    margin: 0;
}

.melding-media[b-d6wf9d1qfy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.6rem;
}

.melding-bilde[b-d6wf9d1qfy],
.melding-video[b-d6wf9d1qfy] {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border: 1px solid var(--itlock-border);
}

.add-button[b-d6wf9d1qfy] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}
/* _content/PortalItlock.Web/Components/Pages/Driftsmeldinger.razor.rz.scp.css */
.dm-side .kort[b-mob3oem6vt] {
    max-width: none;
}

.side-header-ikon[b-mob3oem6vt] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-mob3oem6vt]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.section-hint[b-mob3oem6vt] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-mob3oem6vt] {
    color: var(--itlock-ink-muted);
    text-align: center;
    padding: 3rem 1rem;
    background: var(--itlock-surface);
    border: 1px dashed var(--itlock-border);
    border-radius: 12px;
}

.knapp[b-mob3oem6vt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
    font-family: inherit;
}

    .knapp[b-mob3oem6vt]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-mob3oem6vt] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-mob3oem6vt] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-mob3oem6vt] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
        color: #fff;
    }

.dm-topbar[b-mob3oem6vt] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.dm-topbar-tekst[b-mob3oem6vt] {
    flex: 1;
    min-width: 0;
}

    .dm-topbar-tekst h1[b-mob3oem6vt] {
        margin: 0;
        font-size: 1.35rem;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

/* ---------- Statuskort ---------- */

.dm-statrow[b-mob3oem6vt] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1.1rem;
}

.dm-statcard[b-mob3oem6vt] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
}

.dm-statcard-ic[b-mob3oem6vt] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .dm-statcard-ic[b-mob3oem6vt]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.dm-ic-aksent[b-mob3oem6vt] {
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
}

.dm-ic-rod[b-mob3oem6vt] {
    background: #f7d3d3;
    color: #a32020;
}

.dm-ic-gul[b-mob3oem6vt] {
    background: #fde7d3;
    color: #c2590a;
}

.dm-ic-gronn[b-mob3oem6vt] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.dm-ic-noytral[b-mob3oem6vt] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.dm-statcard-num[b-mob3oem6vt] {
    display: block;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.15;
}

.dm-statcard-lbl[b-mob3oem6vt] {
    display: block;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.dm-statcard-delta[b-mob3oem6vt] {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    color: #2b7a4b;
    margin-top: 0.1rem;
}

/* ---------- Verktøylinje ---------- */

.dm-verktoylinje[b-mob3oem6vt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.dm-sok[b-mob3oem6vt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    color: var(--itlock-ink-muted);
    flex: 1;
    min-width: 200px;
}

    .dm-sok[b-mob3oem6vt]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .dm-sok input[b-mob3oem6vt] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        color: var(--itlock-ink);
        flex: 1;
        min-width: 0;
    }

.dm-filter-select[b-mob3oem6vt] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
    font-size: 0.82rem;
    color: var(--itlock-ink);
    flex-shrink: 0;
}

.dm-nullstill[b-mob3oem6vt] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    font-family: inherit;
    flex-shrink: 0;
    margin-left: auto;
}

    .dm-nullstill[b-mob3oem6vt]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .dm-nullstill:hover[b-mob3oem6vt] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

/* ---------- Hovedgrid: tabell + sidebar ---------- */

.dm-hovedgrid[b-mob3oem6vt] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0.9rem;
    align-items: start;
}

.dm-hoved[b-mob3oem6vt] {
    min-width: 0;
}

.dm-tittel-rad[b-mob3oem6vt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.dm-thumb[b-mob3oem6vt] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 7px;
    object-fit: cover;
    flex-shrink: 0;
}

.dm-thumb-tom[b-mob3oem6vt] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dm-thumb-tom[b-mob3oem6vt]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

/* ---------- Sidebar: kart + siste innmeldinger ---------- */

.dm-sidebar[b-mob3oem6vt] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.dm-kart-kort[b-mob3oem6vt] {
    padding: 1rem 1.1rem;
}

    .dm-kart-kort h3[b-mob3oem6vt] {
        margin: 0 0 0.7rem;
        font-size: 0.92rem;
        font-weight: 700;
    }

.dm-kartwrap[b-mob3oem6vt] {
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow: hidden;
    height: 260px;
}

.dm-kart[b-mob3oem6vt] {
    width: 100%;
    height: 100%;
}

.dm-siste-kort[b-mob3oem6vt] {
    padding: 1rem 1.1rem;
}

    .dm-siste-kort h3[b-mob3oem6vt] {
        margin: 0 0 0.7rem;
        font-size: 0.92rem;
        font-weight: 700;
    }

.dm-siste-liste[b-mob3oem6vt] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.dm-siste-rad[b-mob3oem6vt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    border: none;
    background: none;
    padding: 0.25rem;
    margin: -0.25rem;
    border-radius: 8px;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
}

    .dm-siste-rad:hover[b-mob3oem6vt] {
        background: var(--itlock-bg);
    }

.dm-siste-ikon[b-mob3oem6vt] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .dm-siste-ikon[b-mob3oem6vt]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.dm-siste-info[b-mob3oem6vt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dm-siste-tittel[b-mob3oem6vt] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dm-siste-dato[b-mob3oem6vt] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Listevisning ---------- */

.dm-resultat[b-mob3oem6vt] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.dm-tablewrap[b-mob3oem6vt] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: visible;
}

.dm-table[b-mob3oem6vt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

    .dm-table th[b-mob3oem6vt],
    .dm-table td[b-mob3oem6vt] {
        padding: 0.65rem 0.85rem;
        text-align: left;
        white-space: nowrap;
    }

.dm-thr[b-mob3oem6vt] {
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
    border-bottom: 1px solid var(--itlock-border);
}

    .dm-thr th[b-mob3oem6vt] {
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        font-weight: 700;
    }

.dm-tr[b-mob3oem6vt] {
    border-bottom: 1px solid var(--itlock-border);
}

    .dm-tr:last-child[b-mob3oem6vt] {
        border-bottom: none;
    }

    .dm-tr:hover[b-mob3oem6vt] {
        background: color-mix(in srgb, var(--itlock-bg) 45%, var(--itlock-surface) 55%);
    }

.dm-td-id[b-mob3oem6vt] {
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
}

.dm-td-tittel a[b-mob3oem6vt] {
    color: var(--itlock-ink);
    font-weight: 600;
    text-decoration: none;
}

    .dm-td-tittel a:hover[b-mob3oem6vt] {
        text-decoration: underline;
    }

.dm-status-pill[b-mob3oem6vt] {
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.dm-status-pill-rod[b-mob3oem6vt] {
    background: #f7d3d3;
    color: #a32020;
}

.dm-status-pill-gul[b-mob3oem6vt] {
    background: #fde7d3;
    color: #c2590a;
}

.dm-status-pill-gronn[b-mob3oem6vt] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.dm-status-pill-noytral[b-mob3oem6vt] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
}

.dm-td-meny[b-mob3oem6vt] {
    position: relative;
}

.dm-meny-wrap[b-mob3oem6vt] {
    position: relative;
}

.dm-meny-knapp[b-mob3oem6vt] {
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 7px;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: var(--itlock-ink-muted);
}

.dm-meny[b-mob3oem6vt] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.3rem);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 10px 30px -10px rgba(41, 41, 39, 0.3);
    display: flex;
    flex-direction: column;
    min-width: 170px;
    z-index: 20;
    overflow: hidden;
}

    .dm-meny a[b-mob3oem6vt],
    .dm-meny button[b-mob3oem6vt] {
        display: block;
        border: none;
        background: none;
        text-align: left;
        padding: 0.6rem 0.9rem;
        font-size: 0.84rem;
        font-family: inherit;
        color: var(--itlock-ink);
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
    }

        .dm-meny a:hover[b-mob3oem6vt],
        .dm-meny button:hover[b-mob3oem6vt] {
            background: var(--itlock-bg);
        }

.dm-meny-slett[b-mob3oem6vt] {
    color: #a32020 !important;
}

/* ---------- Ny driftsmelding-modal ---------- */

.dm-modal-overlay[b-mob3oem6vt] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1000;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.dm-modal[b-mob3oem6vt] {
    background: var(--itlock-surface);
    border-radius: 14px;
    width: min(480px, 100%);
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .dm-modal h2[b-mob3oem6vt] {
        margin: 0 0 1rem;
        font-size: 1.1rem;
        font-weight: 700;
    }

.dm-felt[b-mob3oem6vt] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.85rem;
}

    .dm-felt input[b-mob3oem6vt],
    .dm-felt select[b-mob3oem6vt],
    .dm-felt textarea[b-mob3oem6vt] {
        font: inherit;
        font-size: 0.9rem;
        padding: 0.55rem 0.75rem;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        resize: vertical;
    }

.dm-feil[b-mob3oem6vt] {
    color: #a32020;
    font-size: 0.84rem;
    font-weight: 600;
    margin: 0 0 0.8rem;
}

.dm-modal-actions[b-mob3oem6vt] {
    display: flex;
    gap: 0.6rem;
}

@media (max-width: 1200px) {
    .dm-hovedgrid[b-mob3oem6vt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .dm-statrow[b-mob3oem6vt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/PortalItlock.Web/Components/Pages/Fakturaoversikt.razor.rz.scp.css */
.back-link[b-s1se81pk4q] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-s1se81pk4q]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-s1se81pk4q] {
        color: var(--itlock-accent);
    }

.side-header[b-s1se81pk4q] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-s1se81pk4q] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-s1se81pk4q]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-s1se81pk4q] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-s1se81pk4q] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-s1se81pk4q] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.filter-kort[b-s1se81pk4q] {
    padding: 1.1rem 1.3rem;
    display: flex;
    align-items: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.felt[b-s1se81pk4q] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.felt-label[b-s1se81pk4q] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.felt input[b-s1se81pk4q] {
    font: inherit;
    font-size: 0.87rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.knapp-primaer[b-s1se81pk4q] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
    border-radius: 9px;
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    height: fit-content;
}

    .knapp-primaer:disabled[b-s1se81pk4q] {
        opacity: 0.6;
        cursor: default;
    }

.form-error[b-s1se81pk4q] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-s1se81pk4q] {
    color: var(--itlock-ink-muted);
}

.stat-rad[b-s1se81pk4q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.stat-kort[b-s1se81pk4q] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.stat-label[b-s1se81pk4q] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-s1se81pk4q] {
    font-size: 1.55rem;
    font-weight: 800;
}

.stat-verdi-varsel[b-s1se81pk4q] {
    color: #8a6d1f;
}

.tabell-kort[b-s1se81pk4q] {
    overflow: hidden;
}

.rapport-table[b-s1se81pk4q] {
    width: 100%;
    border-collapse: collapse;
}

    .rapport-table th[b-s1se81pk4q] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .rapport-table td[b-s1se81pk4q] {
        padding: 0.6rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .rapport-table tbody tr:hover td[b-s1se81pk4q] {
        background: rgba(131, 94, 65, 0.03);
    }

.tall-cell[b-s1se81pk4q] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.status-pille[b-s1se81pk4q] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.22rem 0.55rem;
    border-radius: 4px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.status-betalt[b-s1se81pk4q] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.status-ikke-betalt[b-s1se81pk4q] {
    background: rgba(216, 184, 74, 0.14);
    color: #8a6d1f;
}

.status-kreditnota[b-s1se81pk4q] {
    background: rgba(107, 104, 99, 0.12);
    color: var(--itlock-ink-muted);
}

@media (max-width: 640.98px) {
    .stat-rad[b-s1se81pk4q] {
        grid-template-columns: 1fr;
    }

    .rapport-table[b-s1se81pk4q] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/FinnDorpakke.razor.rz.scp.css */
.dp-header[b-9ot33b3tuc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.4rem;
}

.dp-header-tittel[b-9ot33b3tuc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .dp-header-tittel h1[b-9ot33b3tuc] {
        margin: 0;
    }

.dp-header-ikon[b-9ot33b3tuc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dp-header-ikon[b-9ot33b3tuc]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.dp-header .intro[b-9ot33b3tuc] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

.finn-dorpakke-layout[b-9ot33b3tuc] {
    display: grid;
    grid-template-columns: 1.05fr 1fr 1.25fr;
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 960px) {
    .finn-dorpakke-layout[b-9ot33b3tuc] {
        grid-template-columns: 1fr;
    }

    .dp-header .intro[b-9ot33b3tuc] {
        margin-left: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ForesporselListe.razor.rz.scp.css */
/* ================= Forespørsler: kortvisning + detaljpanel ================= */

.fp-side .kort[b-h4opyceegd] {
    max-width: none;
}

.fp-topbar[b-h4opyceegd] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.3rem;
}

.fp-topbar-ikon[b-h4opyceegd] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .fp-topbar-ikon[b-h4opyceegd]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.fp-topbar-tekst[b-h4opyceegd] {
    flex: 1;
    min-width: 0;
}

    .fp-topbar-tekst h1[b-h4opyceegd] {
        margin: 0;
        font-size: 1.35rem;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

    .fp-topbar-tekst p[b-h4opyceegd] {
        margin: 0.3rem 0 0;
        color: var(--itlock-ink-muted);
        font-size: 0.88rem;
        max-width: 620px;
        line-height: 1.5;
    }

.fp-knapp[b-h4opyceegd] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.95rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    flex-shrink: 0;
}

    .fp-knapp[b-h4opyceegd]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .fp-knapp:hover[b-h4opyceegd] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.fp-knapp-primaer[b-h4opyceegd] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .fp-knapp-primaer:hover[b-h4opyceegd] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
        color: #fff;
    }

    .fp-knapp:disabled[b-h4opyceegd] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ---------- Statuskort ---------- */

.fp-statrow[b-h4opyceegd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1.1rem;
}

.fp-statcard[b-h4opyceegd] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1rem;
}

.fp-statcard-ic[b-h4opyceegd] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fp-statcard-ic[b-h4opyceegd]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.fp-ic-aksent[b-h4opyceegd] {
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
}

.fp-ic-blaa[b-h4opyceegd] {
    background: #dbe7f7;
    color: #0b66e6;
}

.fp-ic-gul[b-h4opyceegd] {
    background: #fde7d3;
    color: #c2590a;
}

.fp-ic-lilla[b-h4opyceegd] {
    background: #f0d9f7;
    color: #7a2b96;
}

.fp-ic-gronn[b-h4opyceegd] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.fp-statcard-num[b-h4opyceegd] {
    display: block;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.15;
}

.fp-statcard-lbl[b-h4opyceegd] {
    display: block;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.fp-statcard-delta[b-h4opyceegd] {
    display: block;
    font-size: 0.7rem;
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.15rem;
}

/* ---------- Verktøylinje ---------- */

.fp-verktoylinje[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.fp-sok[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    color: var(--itlock-ink-muted);
    flex: 1;
    min-width: 200px;
}

    .fp-sok[b-h4opyceegd]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .fp-sok input[b-h4opyceegd] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        color: var(--itlock-ink);
        flex: 1;
        min-width: 0;
    }

.fp-filter-select[b-h4opyceegd] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
    font-size: 0.82rem;
    color: var(--itlock-ink);
    flex-shrink: 0;
}

.fp-tom[b-h4opyceegd] {
    color: var(--itlock-ink-muted);
    text-align: center;
    padding: 3rem 1rem;
    background: var(--itlock-surface);
    border: 1px dashed var(--itlock-border);
    border-radius: 12px;
}

/* ---------- Hovedgrid: liste + detalj ---------- */

.fp-grid[b-h4opyceegd] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 0.9rem;
    align-items: start;
}

.fp-liste[b-h4opyceegd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 760px;
    overflow-y: auto;
}

.fp-kort[b-h4opyceegd] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.8rem 0.9rem;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    width: 100%;
}

    .fp-kort:hover[b-h4opyceegd] {
        border-color: var(--itlock-accent);
    }

    .fp-kort.valgt[b-h4opyceegd] {
        background: rgba(131, 94, 65, 0.08);
        border-color: var(--itlock-accent);
    }

    .fp-kort.ulest .fp-kort-tittel[b-h4opyceegd] {
        font-weight: 800;
    }

.fp-kort-ikon[b-h4opyceegd] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .fp-kort-ikon[b-h4opyceegd]  .icon {
        width: 1rem;
        height: 1rem;
    }

.fp-kanal-Epost[b-h4opyceegd] {
    background: #dbe7f7;
    color: #0b66e6;
}

.fp-kanal-Telefon[b-h4opyceegd] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.fp-kanal-Skjema[b-h4opyceegd] {
    background: #fde7d3;
    color: #c2590a;
}

.fp-kort-info[b-h4opyceegd] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.fp-kort-topprad[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.fp-kort-tittel[b-h4opyceegd] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-ny-prikk[b-h4opyceegd] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: var(--itlock-accent);
    flex-shrink: 0;
}

.fp-kort-meta[b-h4opyceegd] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-kort-bunnrad[b-h4opyceegd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    margin-top: 0.1rem;
}

.fp-kort-dato[b-h4opyceegd] {
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

/* ---------- Detaljpanel ---------- */

.fp-detalj[b-h4opyceegd] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.4rem 1.4rem;
}

.fp-tomvisning[b-h4opyceegd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 4rem 1rem;
    color: var(--itlock-ink-muted);
}

    .fp-tomvisning[b-h4opyceegd]  .icon {
        width: 2rem;
        height: 2rem;
        opacity: 0.5;
    }

.fp-detalj-header[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}

.fp-detalj-id[b-h4opyceegd] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
}

.fp-detalj-nav[b-h4opyceegd] {
    display: flex;
    gap: 0.3rem;
    margin-left: 0.3rem;
}

    .fp-detalj-nav button[b-h4opyceegd] {
        width: 1.8rem;
        height: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        border-radius: 7px;
        cursor: pointer;
    }

        .fp-detalj-nav button[b-h4opyceegd]  .icon {
            width: 0.8rem;
            height: 0.8rem;
        }

        .fp-detalj-nav button:disabled[b-h4opyceegd] {
            opacity: 0.35;
            cursor: not-allowed;
        }

.fp-detalj-meny-wrap[b-h4opyceegd] {
    position: relative;
    margin-left: auto;
}

.fp-meny-knapp[b-h4opyceegd] {
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 7px;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: var(--itlock-ink-muted);
}

.fp-meny[b-h4opyceegd] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.3rem);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 10px 30px -10px rgba(41, 41, 39, 0.3);
    display: flex;
    flex-direction: column;
    min-width: 200px;
    z-index: 20;
    overflow: hidden;
}

    .fp-meny button[b-h4opyceegd] {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        border: none;
        background: none;
        text-align: left;
        padding: 0.6rem 0.9rem;
        font-size: 0.84rem;
        font-family: inherit;
        color: var(--itlock-ink);
        cursor: pointer;
        white-space: nowrap;
    }

        .fp-meny button:hover[b-h4opyceegd] {
            background: var(--itlock-bg);
        }

        .fp-meny button[b-h4opyceegd]  .icon {
            width: 0.85rem;
            height: 0.85rem;
        }

.fp-meny-slett[b-h4opyceegd] {
    color: #a32020 !important;
}

.fp-detalj-tittel[b-h4opyceegd] {
    margin: 0 0 0.9rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* ---------- Faner ---------- */

.fp-fanerad[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1.1rem;
    flex-wrap: wrap;
}

.fp-fane[b-h4opyceegd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.55rem 0.2rem;
    margin-right: 1.1rem;
    font-family: inherit;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .fp-fane.aktiv[b-h4opyceegd] {
        color: var(--itlock-ink);
        border-bottom-color: var(--itlock-accent);
    }

.fp-fane-badge[b-h4opyceegd] {
    background: var(--itlock-bg);
    border-radius: 999px;
    padding: 0.05rem 0.4rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

.fp-fane-innhold[b-h4opyceegd] {
    min-height: 180px;
}

/* ---------- Oversikt ---------- */

.fp-avatar-rad[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.fp-avatar[b-h4opyceegd] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.fp-avatar-sub[b-h4opyceegd] {
    display: block;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.fp-innhold-tekst[b-h4opyceegd] {
    margin: 0 0 1.1rem;
    line-height: 1.7;
    font-size: 0.92rem;
    white-space: pre-wrap;
}

.fp-metagrid[b-h4opyceegd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    background: var(--itlock-bg);
    border-radius: 12px;
    padding: 0.9rem 1rem;
}

.fp-metafelt[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.fp-metafelt-ikon[b-h4opyceegd] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 8px;
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fp-metafelt-ikon[b-h4opyceegd]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.fp-metafelt-lbl[b-h4opyceegd] {
    display: block;
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
}

.fp-metafelt-verdi[b-h4opyceegd] {
    display: block;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fp-svar-boks[b-h4opyceegd] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .fp-svar-boks textarea[b-h4opyceegd] {
        font: inherit;
        font-size: 0.88rem;
        padding: 0.7rem 0.8rem;
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        resize: vertical;
    }

.fp-svar-actions[b-h4opyceegd] {
    display: flex;
    gap: 0.6rem;
}

.fp-svar-ok[b-h4opyceegd] {
    color: #2b7a4b;
    font-size: 0.84rem;
    font-weight: 600;
    margin-top: 0.7rem;
}

.fp-svar-feil[b-h4opyceegd] {
    color: #a32020;
    font-size: 0.84rem;
    font-weight: 600;
    margin-top: 0.7rem;
}

/* ---------- E-post ---------- */

.fp-epost-meta[b-h4opyceegd] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
}

    .fp-epost-meta > div[b-h4opyceegd] {
        display: flex;
        gap: 0.5rem;
        align-items: baseline;
    }

.fp-raadata-toggle[b-h4opyceegd] {
    background: none;
    border: none;
    color: var(--itlock-accent-hover);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.6rem;
}

    .fp-raadata-toggle[b-h4opyceegd]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.fp-raadata-boks[b-h4opyceegd] {
    margin-top: 0.6rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.8rem;
    font-family: ui-monospace, monospace;
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 280px;
    overflow-y: auto;
}

/* ---------- Vedlegg ---------- */

.fp-vedlegg-liste[b-h4opyceegd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fp-vedlegg-chip[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.6rem 0.85rem;
    text-decoration: none;
    color: var(--itlock-ink);
}

    .fp-vedlegg-chip:hover[b-h4opyceegd] {
        border-color: var(--itlock-accent);
    }

.fp-vedlegg-chip-ikon[b-h4opyceegd] {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fp-vedlegg-chip-ikon[b-h4opyceegd]  .icon {
        width: 1rem;
        height: 1rem;
    }

.fp-vedlegg-chip-navn[b-h4opyceegd] {
    font-weight: 600;
    font-size: 0.86rem;
}

/* ---------- Interne notater ---------- */

.fp-notat-input[b-h4opyceegd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

    .fp-notat-input textarea[b-h4opyceegd] {
        font: inherit;
        font-size: 0.86rem;
        padding: 0.6rem 0.8rem;
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        resize: vertical;
    }

.fp-notat-liste[b-h4opyceegd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.fp-notat-rad[b-h4opyceegd] {
    position: relative;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.65rem 2.4rem 0.65rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.fp-notat-slett[b-h4opyceegd] {
    position: absolute;
    top: 0.5rem;
    right: 0.6rem;
    width: 1.7rem;
    height: 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    border-radius: 6px;
}

    .fp-notat-slett[b-h4opyceegd]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .fp-notat-slett:hover[b-h4opyceegd] {
        background: var(--itlock-surface);
        color: #a32020;
    }

.fp-notat-tidspunkt[b-h4opyceegd] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

.fp-notat-tekst[b-h4opyceegd] {
    font-size: 0.86rem;
    color: var(--itlock-ink);
}

/* ---------- Aktivitet ---------- */

.fp-aktivitet-liste[b-h4opyceegd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fp-aktivitet-rad[b-h4opyceegd] {
    display: flex;
    gap: 0.8rem;
    font-size: 0.84rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .fp-aktivitet-rad:last-child[b-h4opyceegd] {
        border-bottom: none;
    }

.fp-aktivitet-tidspunkt[b-h4opyceegd] {
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fp-aktivitet-tekst[b-h4opyceegd] {
    color: var(--itlock-ink);
}

/* ---------- Handlingsrad ---------- */

.fp-handlingrad[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 1.3rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--itlock-border);
}

.fp-handling-select[b-h4opyceegd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
    color: var(--itlock-ink-muted);
}

    .fp-handling-select[b-h4opyceegd]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .fp-handling-select select[b-h4opyceegd] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        font-size: 0.84rem;
        color: var(--itlock-ink);
    }

/* ---------- Ny forespørsel-modal ---------- */

.fp-modal-overlay[b-h4opyceegd] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1000;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.fp-modal[b-h4opyceegd] {
    background: var(--itlock-surface);
    border-radius: 14px;
    width: min(520px, 100%);
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .fp-modal h2[b-h4opyceegd] {
        margin: 0 0 0.3rem;
        font-size: 1.1rem;
        font-weight: 700;
    }

.fp-section-hint[b-h4opyceegd] {
    margin: 0 0 1.1rem;
    color: var(--itlock-ink-muted);
    font-size: 0.86rem;
    line-height: 1.5;
}

.fp-felt[b-h4opyceegd] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.85rem;
}

    .fp-felt input[b-h4opyceegd],
    .fp-felt select[b-h4opyceegd],
    .fp-felt textarea[b-h4opyceegd] {
        font: inherit;
        font-size: 0.9rem;
        padding: 0.55rem 0.75rem;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        resize: vertical;
    }

@media (max-width: 1200px) {
    .fp-grid[b-h4opyceegd] {
        grid-template-columns: 1fr;
    }

    .fp-liste[b-h4opyceegd] {
        max-height: 420px;
    }
}

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

    .fp-metagrid[b-h4opyceegd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/PortalItlock.Web/Components/Pages/Forsider.razor.rz.scp.css */
.section-hint[b-hq244q5ggz] {
    color: var(--itlock-ink-muted);
    max-width: 680px;
}

.kort[b-hq244q5ggz] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.layout[b-hq244q5ggz] {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    margin-top: 1rem;
}

.side-liste[b-hq244q5ggz] {
    flex: 0 0 300px;
    overflow: hidden;
}

.tom-liste[b-hq244q5ggz] {
    padding: 1.1rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0;
}

.liste-rad[b-hq244q5ggz] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--itlock-border);
    cursor: pointer;
}

    .liste-rad:last-of-type[b-hq244q5ggz] {
        border-bottom: none;
    }

    .liste-rad:hover[b-hq244q5ggz] {
        background: var(--itlock-bg);
    }

.liste-rad-aktiv[b-hq244q5ggz] {
    background: rgba(131, 94, 65, 0.1);
    border-left: 3px solid var(--itlock-accent);
}

.liste-navn[b-hq244q5ggz] {
    font-weight: 700;
    font-size: 0.87rem;
    flex: 1;
}

.liste-pil[b-hq244q5ggz] {
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
}

.ny-rad[b-hq244q5ggz] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--itlock-border);
}

.ny-input[b-hq244q5ggz] {
    flex: 1;
    min-width: 0;
    font: inherit;
    font-size: 0.83rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.55rem;
}

.hoved[b-hq244q5ggz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.tom-hoved[b-hq244q5ggz] {
    padding: 0.2rem;
}

.navn-input[b-hq244q5ggz] {
    font: inherit;
    font-size: 1.1rem;
    font-weight: 700;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.footer-rad[b-hq244q5ggz] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.btn-liten[b-hq244q5ggz] {
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.btn-primaer[b-hq244q5ggz] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .btn-primaer:disabled[b-hq244q5ggz] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.btn-fare[b-hq244q5ggz] {
    color: #b5502d;
    border-color: #b5502d;
    background: #fff;
}

.save-success[b-hq244q5ggz] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0;
}

@media (max-width: 900px) {
    .layout[b-hq244q5ggz] {
        flex-direction: column;
    }

    .side-liste[b-hq244q5ggz] {
        width: 100%;
        flex: none;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Fravar.razor.rz.scp.css */
.side-header[b-992h56ub40] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-tekst[b-992h56ub40] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.side-header-knapper[b-992h56ub40] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.side-header-ikon[b-992h56ub40] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-992h56ub40]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-992h56ub40] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-992h56ub40] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-992h56ub40] {
    max-width: 900px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
    margin-bottom: 1.5rem;
}

    .kort h2[b-992h56ub40] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.knapp[b-992h56ub40] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-992h56ub40]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-992h56ub40] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-992h56ub40] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
}

    .knapp-primaer:hover[b-992h56ub40] {
        background: var(--itlock-accent-hover);
    }

.knapp-ikon[b-992h56ub40] {
    padding: 0.5rem;
    width: 2.15rem;
    height: 2.15rem;
    justify-content: center;
}

.kalender-neste[b-992h56ub40]  .icon {
    transform: rotate(180deg);
}

@media (min-width: 641px) {
    .ferie-rad[b-992h56ub40] {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 1.3rem;
    }

    .ferie-ring[b-992h56ub40] {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        flex-shrink: 0;
        -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 14px), #000 calc(100% - 14px));
        mask: radial-gradient(farthest-side, transparent calc(100% - 14px), #000 calc(100% - 14px));
    }

    .ferie-legende[b-992h56ub40] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        flex: 1 1 auto;
        min-width: 200px;
    }

        .ferie-legende li[b-992h56ub40] {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            font-size: 0.88rem;
        }

    .ferie-dot[b-992h56ub40] {
        width: 0.65rem;
        height: 0.65rem;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .ferie-dot-gronn[b-992h56ub40] {
        background: #2b7a4b;
    }

    .ferie-dot-oransje[b-992h56ub40] {
        background: #d9a520;
    }

    .ferie-dot-gra[b-992h56ub40] {
        background: #c7c2b6;
    }

    .ferie-legende-navn[b-992h56ub40] {
        flex: 1 1 auto;
        color: var(--itlock-ink-muted);
    }

    .ferie-legende-tall[b-992h56ub40] {
        font-weight: 700;
        font-variant-numeric: tabular-nums;
    }
}

.mobil-soknader-wrap[b-992h56ub40] {
    display: none;
}

@media (max-width: 640.98px) {
    .side-header[b-992h56ub40],
    .kort[b-992h56ub40] {
        display: none;
    }

    .mobil-soknader-wrap[b-992h56ub40] {
        display: block;
        position: relative;
    }

    .mobil-underfaner[b-992h56ub40] {
        display: flex;
        border-bottom: 1px solid var(--itlock-border);
        margin: 0 -1rem 1rem;
    }

    .mobil-underfane[b-992h56ub40] {
        flex: 1 1 0;
        background: none;
        border: none;
        border-bottom: 3px solid transparent;
        padding: 0.75rem 0.5rem;
        font: inherit;
        font-weight: 600;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

    .mobil-underfane.aktiv[b-992h56ub40] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

    .mobil-soknad-tom[b-992h56ub40] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        color: var(--itlock-ink-muted);
        padding: 2.5rem 1.5rem 2rem;
    }

        .mobil-soknad-tom .mobil-tom-figur[b-992h56ub40] {
            margin-bottom: 0.75rem;
        }

        .mobil-soknad-tom p[b-992h56ub40] {
            color: var(--itlock-ink);
            margin-bottom: 0.25rem;
        }

    .ferie-kort[b-992h56ub40] {
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 10px;
        padding: 1rem;
        margin-bottom: 1.1rem;
    }

    .ferie-kort-header[b-992h56ub40] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 1.05rem;
        font-weight: 700;
        margin-bottom: 0.9rem;
    }

        .ferie-kort-header[b-992h56ub40]  .icon {
            width: 1.3rem;
            height: 1.3rem;
            color: var(--itlock-ink-muted);
        }

    .ferie-kort-body[b-992h56ub40] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .ferie-legende[b-992h56ub40] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
        flex: 1 1 auto;
        min-width: 0;
    }

        .ferie-legende li[b-992h56ub40] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.9rem;
        }

    .ferie-dot[b-992h56ub40] {
        width: 0.55rem;
        height: 0.55rem;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .ferie-dot-gronn[b-992h56ub40] {
        background: #2b7a4b;
    }

    .ferie-dot-oransje[b-992h56ub40] {
        background: #d9a520;
    }

    .ferie-dot-gra[b-992h56ub40] {
        background: #c7c2b6;
    }

    .ferie-legende-navn[b-992h56ub40] {
        flex: 1 1 auto;
        color: var(--itlock-ink);
    }

    .ferie-legende-tall[b-992h56ub40] {
        font-weight: 700;
        font-variant-numeric: tabular-nums;
    }

    .ferie-ring[b-992h56ub40] {
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        flex-shrink: 0;
        -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 10px));
        mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 10px));
    }

    .annen-statistikk-label[b-992h56ub40] {
        color: var(--itlock-ink-muted);
        font-size: 0.85rem;
        margin: 0 0 0.5rem;
    }

    .annen-statistikk-kort[b-992h56ub40] {
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 10px;
        overflow: hidden;
    }

    .annen-statistikk-rad[b-992h56ub40] {
        display: flex;
        align-items: flex-start;
        gap: 0.7rem;
        padding: 0.85rem 1rem;
        border-bottom: 1px solid var(--itlock-border);
    }

        .annen-statistikk-rad:last-child[b-992h56ub40] {
            border-bottom: none;
        }

        .annen-statistikk-rad[b-992h56ub40]  .icon {
            width: 1.2rem;
            height: 1.2rem;
            color: var(--itlock-ink-muted);
            margin-top: 0.1rem;
            flex-shrink: 0;
        }

    .annen-statistikk-tekst[b-992h56ub40] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .annen-statistikk-topp[b-992h56ub40] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        font-size: 0.92rem;
    }

    .annen-statistikk-sub[b-992h56ub40] {
        display: block;
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
        margin-top: 0.1rem;
    }

    .mobil-soknad-fab[b-992h56ub40] {
        position: fixed;
        right: 1rem;
        bottom: calc(4.6rem + env(safe-area-inset-bottom, 0px));
        z-index: 900;
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 50%;
        background: var(--itlock-accent);
        color: #fff;
        border: none;
        font-size: 1.6rem;
        line-height: 1;
        cursor: pointer;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    }

    .mobil-soknad-modal[b-992h56ub40] {
        position: fixed;
        inset: 0;
        z-index: 1500;
        background: rgba(41, 41, 39, 0.5);
        display: flex;
        align-items: flex-end;
    }

    .mobil-soknad-modal-innhold[b-992h56ub40] {
        width: 100%;
        max-height: 85vh;
        overflow-y: auto;
        background: var(--itlock-surface);
        padding: 1rem;
        box-sizing: border-box;
    }

    .mobil-soknad-modal-header[b-992h56ub40] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.75rem;
    }

    .soknad-form input:disabled[b-992h56ub40] {
        opacity: 0.55;
    }

    .ny-soknad-kalender[b-992h56ub40] {
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.9rem 0.75rem;
        margin-top: 0.1rem;
    }

    .ny-soknad-kalender-header[b-992h56ub40] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin-bottom: 0.8rem;
    }

    .ny-soknad-kalender-manednavn[b-992h56ub40] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        font-size: 0.92rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .ny-soknad-kalender-caret[b-992h56ub40] {
        font-size: 0.65rem;
        color: var(--itlock-ink-muted);
    }

    .ny-soknad-kalender-nav[b-992h56ub40] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

        .ny-soknad-kalender-nav button[b-992h56ub40] {
            background: none;
            border: none;
            padding: 0;
            font-size: 1.2rem;
            line-height: 1;
            color: var(--itlock-ink);
            cursor: pointer;
        }

    .ny-soknad-kalender-ukedager[b-992h56ub40],
    .ny-soknad-kalender-grid[b-992h56ub40] {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
    }

    .ny-soknad-kalender-ukedager span[b-992h56ub40] {
        text-align: center;
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
        padding-bottom: 0.5rem;
    }

    .ny-soknad-kalender-dag[b-992h56ub40] {
        position: relative;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        border-radius: 50%;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        cursor: pointer;
    }

        .ny-soknad-kalender-dag.helg[b-992h56ub40] {
            color: var(--itlock-ink-muted);
        }

        .ny-soknad-kalender-dag.utenfor-maned[b-992h56ub40] {
            color: var(--itlock-ink-muted);
            opacity: 0.35;
        }

        .ny-soknad-kalender-dag.i-dag[b-992h56ub40] {
            border: 1px solid var(--itlock-ink-muted);
        }

        .ny-soknad-kalender-dag.i-range[b-992h56ub40] {
            background: rgba(43, 122, 75, 0.1);
        }

        .ny-soknad-kalender-dag.valgt[b-992h56ub40] {
            border: 2px solid #2b7a4b;
            color: #2b7a4b;
            font-weight: 700;
        }
}

.layout[b-992h56ub40] {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 1.1rem;
}

.venstre[b-992h56ub40] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.hoyre[b-992h56ub40] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
}

.form-kort[b-992h56ub40],
.saldo-kort[b-992h56ub40],
.soknader-kort[b-992h56ub40],
.kalender-kort[b-992h56ub40] {
    margin-bottom: 0;
    max-width: none;
}

.type-pills[b-992h56ub40] {
    display: flex;
    gap: 0.3rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.25rem;
    margin-bottom: 1rem;
}

.type-pill[b-992h56ub40] {
    flex: 1 1 0;
    border: none;
    background: none;
    border-radius: 7px;
    padding: 0.5rem 0.6rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .type-pill.aktiv[b-992h56ub40] {
        background: var(--itlock-accent);
        color: #fff;
    }

.save-button-full[b-992h56ub40] {
    width: 100%;
}

.saldo-rad[b-992h56ub40] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.ferie-donut[b-992h56ub40] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ferie-donut-indre[b-992h56ub40] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--itlock-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ferie-donut-tall[b-992h56ub40] {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
}

.ferie-donut-av[b-992h56ub40] {
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

.soknader-header[b-992h56ub40] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .soknader-header h2[b-992h56ub40] {
        margin: 0;
    }

.se-alle-knapp[b-992h56ub40] {
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-accent);
}

.soknad-tabell-wrap[b-992h56ub40] {
    overflow-x: auto;
}

.soknad-tabell[b-992h56ub40] {
    width: 100%;
    border-collapse: collapse;
}

    .soknad-tabell th[b-992h56ub40],
    .soknad-tabell td[b-992h56ub40] {
        text-align: left;
        padding: 0.6rem 0.5rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
        white-space: nowrap;
    }

    .soknad-tabell th[b-992h56ub40] {
        color: var(--itlock-ink-muted);
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .soknad-tabell tbody tr:last-child td[b-992h56ub40] {
        border-bottom: none;
    }

    .soknad-tabell tr.soknad-under-rad td[b-992h56ub40] {
        white-space: normal;
        background: var(--itlock-bg);
        border-bottom: 1px solid var(--itlock-border);
    }

        .soknad-tabell tr.soknad-under-rad p[b-992h56ub40] {
            margin: 0 0 0.4rem;
            font-size: 0.85rem;
        }

            .soknad-tabell tr.soknad-under-rad p:last-child[b-992h56ub40] {
                margin-bottom: 0;
            }

.mono[b-992h56ub40] {
    font-variant-numeric: tabular-nums;
}

.soknad-handling[b-992h56ub40] {
    display: flex;
    gap: 0.15rem;
    white-space: nowrap;
}

.ikon-btn[b-992h56ub40] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 7px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    transition: background 0.15s ease, color 0.15s ease;
}

    .ikon-btn[b-992h56ub40]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .ikon-btn:hover[b-992h56ub40] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
    }

.ikon-btn-fare:hover[b-992h56ub40] {
    background: rgba(181, 80, 45, 0.1);
    color: #b5502d;
}

.rediger-knapperad[b-992h56ub40] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.kalender-header-rad[b-992h56ub40] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .kalender-header-rad h2[b-992h56ub40] {
        margin: 0;
        margin-right: auto;
    }

.kalender-visningsvalg[b-992h56ub40] {
    display: flex;
    gap: 0.25rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
}

.visning-pill[b-992h56ub40] {
    border: none;
    background: none;
    border-radius: 7px;
    padding: 0.4rem 0.75rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .visning-pill.aktiv[b-992h56ub40] {
        background: var(--itlock-accent);
        color: #fff;
    }

.kalender-legend[b-992h56ub40] {
    list-style: none;
    display: flex;
    gap: 0.9rem;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

    .kalender-legend li[b-992h56ub40] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
    }

.legend-dot[b-992h56ub40] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-ferie[b-992h56ub40] {
    background: #2b7a4b;
}

.legend-sykdom[b-992h56ub40] {
    background: #a32020;
}

.legend-annet[b-992h56ub40] {
    background: #2054a3;
}

.legend-planlagt[b-992h56ub40] {
    background: #d9a520;
}

.kal-liste[b-992h56ub40] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.kal-liste-rad[b-992h56ub40] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .kal-liste-rad:last-child[b-992h56ub40] {
        border-bottom: none;
    }

.kal-liste-periode[b-992h56ub40] {
    flex: 1 1 auto;
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
}

.kalender-dag-i-dag[b-992h56ub40] {
    outline: 2px solid var(--itlock-accent);
    outline-offset: -2px;
}

.confirm-overlay[b-992h56ub40] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    padding: 1rem;
}

.confirm-box[b-992h56ub40] {
    background: var(--itlock-surface);
    width: min(420px, 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .confirm-box h3[b-992h56ub40] {
        margin: 0 0 0.5rem;
        font-size: 1.05rem;
    }

    .confirm-box p[b-992h56ub40] {
        color: var(--itlock-ink-muted);
        margin: 0 0 1rem;
    }

.confirm-actions[b-992h56ub40] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

.delete-confirm-button[b-992h56ub40] {
    background: #b5502d;
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

@media (max-width: 1050px) {
    .layout[b-992h56ub40] {
        grid-template-columns: 1fr;
    }

    .side-header[b-992h56ub40] {
        flex-wrap: wrap;
    }
}

.form-error[b-992h56ub40] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-992h56ub40] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.list-empty[b-992h56ub40] {
    color: var(--itlock-ink-muted);
}

.stat-grid[b-992h56ub40] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
}

.stat-boks[b-992h56ub40] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1rem 1.1rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
}

.stat-boks[b-992h56ub40]  .icon {
    width: 1.3rem;
    height: 1.3rem;
    color: var(--itlock-accent);
}

.stat-tall[b-992h56ub40] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--itlock-ink);
    font-variant-numeric: tabular-nums;
}

.stat-label[b-992h56ub40] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

.soknad-form[b-992h56ub40] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.9rem 1.1rem;
    margin-bottom: 1.1rem;
}

.soknad-form label[b-992h56ub40] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.soknad-form .span-full[b-992h56ub40] {
    grid-column: 1 / -1;
}

.soknad-form input[b-992h56ub40],
.soknad-form select[b-992h56ub40],
.soknad-form textarea[b-992h56ub40] {
    font: inherit;
    font-size: 0.9rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.save-button[b-992h56ub40] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
}

    .save-button:hover[b-992h56ub40] {
        background: var(--itlock-accent-hover);
    }

.cancel-button[b-992h56ub40] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.soknad-liste[b-992h56ub40] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.soknad-kort[b-992h56ub40] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    background: var(--itlock-bg);
    padding: 0.9rem 1.1rem;
}

.soknad-header[b-992h56ub40] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.3rem;
}

.soknad-status[b-992h56ub40] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.soknad-status-Venter[b-992h56ub40] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.soknad-status-Godkjent[b-992h56ub40] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.soknad-status-Avslatt[b-992h56ub40] {
    background: rgba(181, 80, 45, 0.12);
    color: #b5502d;
}

.soknad-periode[b-992h56ub40] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.35rem;
    font-variant-numeric: tabular-nums;
}

.soknad-begrunnelse[b-992h56ub40] {
    font-size: 0.85rem;
}

.kalender-verktoylinje[b-992h56ub40] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.1rem;
    flex-wrap: wrap;
}

.kalender-filter[b-992h56ub40] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.kalender-filter select[b-992h56ub40] {
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
}

.kalender-nav[b-992h56ub40] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.kalender-manednavn[b-992h56ub40] {
    font-weight: 700;
    min-width: 9rem;
    text-align: center;
}

.fravar-kort-kal[b-992h56ub40] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
}

.kalender-ukedager[b-992h56ub40] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid var(--itlock-border);
}

.kalender-ukedag[b-992h56ub40] {
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    padding: 0.65rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--itlock-bg);
}

.kalender-grid[b-992h56ub40] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background: var(--itlock-border);
}

.kalender-dag[b-992h56ub40] {
    background: var(--itlock-surface);
    min-height: 90px;
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.kalender-dag-annen-maned[b-992h56ub40] {
    background: var(--itlock-bg);
    opacity: 0.6;
}

    .kalender-dag-annen-maned .kalender-dagnummer[b-992h56ub40] {
        color: var(--itlock-ink-muted);
    }

.kalender-dagnummer[b-992h56ub40] {
    font-size: 0.85rem;
    font-weight: 700;
}

.fravar-blokk[b-992h56ub40] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.15rem 0.4rem;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fravar-blokk-ferie[b-992h56ub40] {
    background: rgba(43, 122, 75, 0.14);
    color: #2b7a4b;
}

.fravar-blokk-sykdom[b-992h56ub40] {
    background: rgba(163, 32, 32, 0.14);
    color: #a32020;
}

.fravar-blokk-annet[b-992h56ub40] {
    background: rgba(32, 84, 163, 0.14);
    color: #2054a3;
}

.fravar-blokk-planlagt[b-992h56ub40] {
    background: rgba(217, 165, 32, 0.18);
    color: #a1690a;
}

@media (max-width: 750px) {
    .kalender-dag[b-992h56ub40] {
        min-height: 60px;
    }
}
/* _content/PortalItlock.Web/Components/Pages/GlemtPassord.razor.rz.scp.css */
.login-card[b-u0i52hocgm] {
    width: 100%;
    max-width: 360px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

h1[b-u0i52hocgm] {
    font-size: 1.4rem;
    margin: 0 0 0.5rem;
}

.sett-passord-hint[b-u0i52hocgm] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.5rem;
    text-align: center;
}

.login-error[b-u0i52hocgm] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

.login-success[b-u0i52hocgm] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
    text-align: center;
}

form[b-u0i52hocgm] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

label[b-u0i52hocgm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

input[b-u0i52hocgm] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.6rem;
}

button[b-u0i52hocgm] {
    margin-top: 0.5rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.6rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    button:hover[b-u0i52hocgm] {
        background: var(--itlock-accent-hover);
    }

.sett-passord-tilbake[b-u0i52hocgm] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--itlock-accent);
    text-decoration: none;
}

    .sett-passord-tilbake:hover[b-u0i52hocgm] {
        text-decoration: underline;
    }
/* _content/PortalItlock.Web/Components/Pages/GuiderModul.razor.rz.scp.css */
.back-link[b-zoflzlxlrc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-zoflzlxlrc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-zoflzlxlrc] {
        color: var(--itlock-accent);
    }

.side-header[b-zoflzlxlrc] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-zoflzlxlrc] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-zoflzlxlrc]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-zoflzlxlrc] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-zoflzlxlrc] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-zoflzlxlrc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-zoflzlxlrc] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-zoflzlxlrc] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-zoflzlxlrc] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-zoflzlxlrc]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-zoflzlxlrc] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-zoflzlxlrc] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-zoflzlxlrc] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/GuideSideVisning.razor.rz.scp.css */
.side-header[b-e08f4h83n1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.side-header-venstre[b-e08f4h83n1] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-e08f4h83n1] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-e08f4h83n1]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-e08f4h83n1] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.knapp[b-e08f4h83n1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .knapp[b-e08f4h83n1]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.knapp-primaer[b-e08f4h83n1] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
}

.knapp-ghost[b-e08f4h83n1] {
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

.guide-panel[b-e08f4h83n1] {
    max-width: 900px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 10px 24px -18px rgba(41, 41, 39, 0.3);
}

.guide-editor[b-e08f4h83n1] {
    width: 100%;
    font: inherit;
    line-height: 1.6;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.9rem;
    resize: vertical;
}

.guide-content[b-e08f4h83n1] {
    white-space: pre-wrap;
    line-height: 1.7;
}

.guide-empty[b-e08f4h83n1] {
    color: var(--itlock-ink-muted);
    margin: 0;
}

.guide-actions[b-e08f4h83n1] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1rem;
}

.guide-meta[b-e08f4h83n1] {
    margin: 1rem 0 0;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/HjemmesideTekster.razor.rz.scp.css */
.section-hint[b-371zz7pp4b] {
    color: var(--itlock-ink-muted);
    max-width: 700px;
}

.layout[b-371zz7pp4b] {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    margin-top: 1rem;
}

.hoved[b-371zz7pp4b] {
    flex: 1.1;
    min-width: 0;
}

.tekst-section[b-371zz7pp4b] {
    max-width: 640px;
    margin-bottom: 1.5rem;
}

    .tekst-section h2[b-371zz7pp4b] {
        margin-bottom: 0.4rem;
        font-size: 1.05rem;
    }

.field-grid[b-371zz7pp4b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-371zz7pp4b] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    min-width: 0;
}

.field-grid .span-2[b-371zz7pp4b] {
    grid-column: 1 / -1;
}

.field-grid input[b-371zz7pp4b],
.field-grid textarea[b-371zz7pp4b] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
    width: 100%;
    min-width: 0;
    resize: vertical;
}

.form-actions[b-371zz7pp4b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.save-button[b-371zz7pp4b] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.save-success[b-371zz7pp4b] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.preview[b-371zz7pp4b] {
    flex: 1;
    min-width: 0;
    position: sticky;
    top: 1rem;
}

.preview-skjerm[b-371zz7pp4b] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.4rem;
}

.preview-hero[b-371zz7pp4b] {
    background: linear-gradient(135deg, #2f2a23, #4a3d2e);
    border-radius: 12px;
    padding: 1.6rem 1.5rem;
    color: #f4f0e9;
}

.preview-h1[b-371zz7pp4b] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 800;
    color: inherit;
}

.preview-ingress[b-371zz7pp4b] {
    margin: 0.4rem 0 0;
    font-size: 0.85rem;
    color: rgba(244, 240, 233, 0.75);
    max-width: 420px;
}

.rolle-rad[b-371zz7pp4b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 1rem;
}

.rolle-kort[b-371zz7pp4b] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.rolle-ikon[b-371zz7pp4b] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 800;
}

    .rolle-ikon[b-371zz7pp4b]  .icon {
        width: 1rem;
        height: 1rem;
    }

.rolle-tittel[b-371zz7pp4b] {
    font-weight: 700;
    font-size: 0.85rem;
}

.rolle-beskrivelse[b-371zz7pp4b] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.preview-hint[b-371zz7pp4b] {
    margin: 0.6rem 0 0;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    text-align: center;
}

@media (max-width: 900px) {
    .layout[b-371zz7pp4b] {
        flex-direction: column;
    }

    .preview[b-371zz7pp4b] {
        width: 100%;
        position: static;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Home.razor.rz.scp.css */
.home-page[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1120px;
}

/* ---------- Myk inngangsanimasjon ---------- */

@keyframes home-inn-b-qy2gbco3l9 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nyhet-banner[b-qy2gbco3l9],
.home-hero-banner[b-qy2gbco3l9],
.neste-jobb-kort[b-qy2gbco3l9],
.home-divider[b-qy2gbco3l9],
.role-card[b-qy2gbco3l9] {
    animation: home-inn-b-qy2gbco3l9 0.5s ease both;
}

.home-hero-banner[b-qy2gbco3l9] {
    animation-delay: 0.05s;
}

.neste-jobb-kort[b-qy2gbco3l9] {
    animation-delay: 0.12s;
}

.home-divider[b-qy2gbco3l9] {
    animation-delay: 0.18s;
}

.role-card:nth-child(1)[b-qy2gbco3l9] {
    animation-delay: 0.24s;
}

.role-card:nth-child(2)[b-qy2gbco3l9] {
    animation-delay: 0.3s;
}

.role-card:nth-child(3)[b-qy2gbco3l9] {
    animation-delay: 0.36s;
}

@media (prefers-reduced-motion: reduce) {

    .nyhet-banner[b-qy2gbco3l9],
    .home-hero-banner[b-qy2gbco3l9],
    .neste-jobb-kort[b-qy2gbco3l9],
    .home-divider[b-qy2gbco3l9],
    .role-card[b-qy2gbco3l9] {
        animation: none;
    }
}

/* ---------- Nyhetsbanner ---------- */

.nyhet-banner[b-qy2gbco3l9] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    background: linear-gradient(135deg, rgba(131, 94, 65, 0.1), rgba(131, 94, 65, 0.04));
    border: 1px solid rgba(131, 94, 65, 0.3);
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
}

.nyhet-banner-ikon[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .nyhet-banner-ikon[b-qy2gbco3l9]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.nyhet-banner-innhold[b-qy2gbco3l9] {
    flex: 1 1 auto;
}

    .nyhet-banner-innhold strong[b-qy2gbco3l9] {
        display: block;
        margin-bottom: 0.2rem;
        color: var(--itlock-ink);
    }

    .nyhet-banner-innhold p[b-qy2gbco3l9] {
        margin: 0;
        color: var(--itlock-ink-muted);
        white-space: pre-wrap;
        font-size: 0.9rem;
    }

.nyhet-banner-lukk[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    padding: 0.2rem;
    flex-shrink: 0;
    border-radius: 6px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .nyhet-banner-lukk[b-qy2gbco3l9]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .nyhet-banner-lukk:hover[b-qy2gbco3l9] {
        color: var(--itlock-ink);
        background: rgba(0, 0, 0, 0.06);
    }

/* ---------- Hero: lys, "premium" toppbanner ---------- */

.home-hero-banner[b-qy2gbco3l9] {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 2rem 2.25rem;
    background: var(--itlock-surface);
    box-shadow: 0 10px 26px -16px rgba(0, 0, 0, 0.12), 0 2px 8px -2px rgba(0, 0, 0, 0.05);
}

.home-hero-inner[b-qy2gbco3l9] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}

.home-hero-text[b-qy2gbco3l9] {
    flex: 1 1 260px;
    min-width: 0;
}

.home-dato-pill[b-qy2gbco3l9] {
    display: inline-flex;
    align-items: center;
    background: rgba(131, 94, 65, 0.1);
    border: 1px solid rgba(131, 94, 65, 0.18);
    color: var(--itlock-accent-hover);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    margin-bottom: 0.9rem;
}

.home-hilsen[b-qy2gbco3l9] {
    margin: 0;
    color: var(--itlock-ink);
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 600;
    line-height: 1.15;
}

.home-hero-sub[b-qy2gbco3l9] {
    margin: 0.6rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.95rem;
    max-width: 46ch;
}

.home-hero-stats-wrap[b-qy2gbco3l9] {
    position: relative;
    flex: 1 1 320px;
    min-width: 220px;
    max-width: 560px;
}

.home-hero-stats-marquee[b-qy2gbco3l9] {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
}

.home-hero-stats-track[b-qy2gbco3l9] {
    display: flex;
    gap: 0.75rem;
    width: max-content;
    animation-name: home-hero-marquee-b-qy2gbco3l9;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.home-hero-stats-marquee:hover .home-hero-stats-track[b-qy2gbco3l9] {
    animation-play-state: paused;
}

/* Andre halvdel av lista finnes kun for at CSS-loopen skal se sømløs ut -
   skal aldri kunne markeres/kopieres eller leses opp som ekte innhold. */
.home-hero-stats-dup[b-qy2gbco3l9] {
    display: contents;
    user-select: none;
}

@keyframes home-hero-marquee-b-qy2gbco3l9 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero-stats-track[b-qy2gbco3l9] {
        animation: none;
    }
}

.home-hero-stat[b-qy2gbco3l9] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex-shrink: 0;
    min-width: 138px;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.15rem;
    text-decoration: none;
    color: var(--itlock-ink);
    transition: border-color 0.15s ease-out;
}

    a.home-hero-stat:hover[b-qy2gbco3l9] {
        border-color: var(--itlock-accent);
    }

.home-hero-stat-ikon[b-qy2gbco3l9] {
    display: flex;
    color: var(--itlock-accent);
    opacity: 0.7;
    margin-bottom: 0.25rem;
}

    .home-hero-stat-ikon[b-qy2gbco3l9]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.home-hero-stat-value[b-qy2gbco3l9] {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}

.home-hero-stat-label[b-qy2gbco3l9] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
}

.home-hero-stat-varsel .home-hero-stat-value[b-qy2gbco3l9] {
    color: #b5502d;
}

.home-hero-stat-varsel .home-hero-stat-ikon[b-qy2gbco3l9] {
    color: #b5502d;
    opacity: 1;
}

/* ---------- Neste jobb i dag ---------- */

.neste-jobb-kort[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-left: 3px solid var(--itlock-accent);
    border-radius: 12px;
    padding: 0.85rem 1.1rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

    .neste-jobb-kort:hover[b-qy2gbco3l9] {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px -14px rgba(0, 0, 0, 0.16);
        border-color: var(--itlock-accent);
    }

@media (prefers-reduced-motion: reduce) {
    .neste-jobb-kort[b-qy2gbco3l9] {
        transition: none;
    }
}

.neste-jobb-ikon[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .neste-jobb-ikon[b-qy2gbco3l9]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.neste-jobb-tekst[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
}

.neste-jobb-label[b-qy2gbco3l9] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--itlock-accent);
}

.neste-jobb-tittel[b-qy2gbco3l9] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.neste-jobb-adresse[b-qy2gbco3l9] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.neste-jobb-pil[b-qy2gbco3l9] {
    display: flex;
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
    transform: rotate(-90deg);
}

    .neste-jobb-pil[b-qy2gbco3l9]  .icon {
        width: 1rem;
        height: 1rem;
    }

/* ---------- Dekorativ skillelinje ---------- */

.home-divider[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.home-divider-linje[b-qy2gbco3l9] {
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--itlock-border) 50%, transparent);
}

/* ---------- Seksjoner ---------- */

.home-section[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------- Rolle-velger ---------- */

.role-grid[b-qy2gbco3l9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.role-card[b-qy2gbco3l9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    text-align: left;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    padding: 1.15rem 1.25rem 1.3rem;
    font: inherit;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 8px 20px -16px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

    .role-card[b-qy2gbco3l9]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: var(--itlock-accent);
        opacity: 0.5;
        transition: opacity 0.15s ease-out;
    }

    .role-card:hover[b-qy2gbco3l9] {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.09);
    }

    .role-card:hover[b-qy2gbco3l9]::after {
        opacity: 1;
    }

@media (prefers-reduced-motion: reduce) {
    .role-card[b-qy2gbco3l9] {
        transition: none;
    }
}

.role-card-ikon[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 12px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .role-card-ikon[b-qy2gbco3l9]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.role-card-title[b-qy2gbco3l9] {
    font-weight: 700;
    font-size: 1.02rem;
    color: var(--itlock-ink);
    letter-spacing: 0.01em;
}

.role-card-desc[b-qy2gbco3l9] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.role-card-active[b-qy2gbco3l9] {
    border-color: transparent;
    box-shadow: 0 12px 26px -14px rgba(0, 0, 0, 0.22);
}

    .role-card-active[b-qy2gbco3l9]::after {
        opacity: 1;
    }

    .role-card-active .role-card-ikon[b-qy2gbco3l9] {
        background: var(--itlock-accent);
        color: #fff;
    }

/* ---------- Modul-modal ---------- */

.modul-modal-bakteppe[b-qy2gbco3l9] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1.5rem;
    animation: modul-modal-bakteppe-inn-b-qy2gbco3l9 0.2s ease-out both;
}

@keyframes modul-modal-bakteppe-inn-b-qy2gbco3l9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modul-modal[b-qy2gbco3l9] {
    width: min(720px, 100%);
    max-height: min(640px, 90vh);
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
    border-radius: 18px;
    border: 1px solid var(--itlock-border);
    box-shadow: 0 24px 60px rgba(41, 41, 39, 0.35);
    overflow: hidden;
    animation: modul-modal-inn-b-qy2gbco3l9 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes modul-modal-inn-b-qy2gbco3l9 {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .modul-modal-bakteppe[b-qy2gbco3l9],
    .modul-modal[b-qy2gbco3l9] {
        animation: none;
    }
}

.modul-modal-header[b-qy2gbco3l9] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.4rem 1.5rem 1.1rem;
    border-bottom: 1px solid var(--itlock-border);
    flex-shrink: 0;
}

.modul-modal-ikon[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

    .modul-modal-ikon[b-qy2gbco3l9]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.modul-modal-header-tekst[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 0.2rem;
}

.modul-modal-tittel[b-qy2gbco3l9] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--itlock-ink);
}

.modul-modal-beskrivelse[b-qy2gbco3l9] {
    font-size: 0.83rem;
    color: var(--itlock-ink-muted);
}

.modul-modal-tilbake[b-qy2gbco3l9] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgba(131, 94, 65, 0.06);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease;
    margin-top: 0.1rem;
}

    .modul-modal-tilbake:hover[b-qy2gbco3l9] {
        background: rgba(131, 94, 65, 0.14);
        color: var(--itlock-accent);
    }

    .modul-modal-tilbake[b-qy2gbco3l9]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.modul-modal-lukk[b-qy2gbco3l9] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgba(131, 94, 65, 0.06);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .modul-modal-lukk:hover[b-qy2gbco3l9] {
        background: rgba(131, 94, 65, 0.14);
        color: var(--itlock-accent);
    }

    .modul-modal-lukk[b-qy2gbco3l9]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.modul-modal-innhold[b-qy2gbco3l9] {
    padding: 1.25rem 1.5rem 1.5rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

@media (max-width: 640.98px) {
    .modul-modal-bakteppe[b-qy2gbco3l9] {
        padding: 0;
        align-items: flex-end;
    }

    .modul-modal[b-qy2gbco3l9] {
        width: 100%;
        max-height: 88vh;
        border-radius: 18px 18px 0 0;
    }
}

.home-links-gruppe-navn[b-qy2gbco3l9] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--itlock-accent);
    margin: 0 0 0.65rem;
}

.home-links[b-qy2gbco3l9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.6rem;
}

.home-card[b-qy2gbco3l9] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.8rem 0.95rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 6px 16px -14px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

    .home-card:hover[b-qy2gbco3l9] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 10px 20px -14px rgba(0, 0, 0, 0.2);
    }

.home-card-knapp[b-qy2gbco3l9] {
    font: inherit;
    text-align: left;
    width: 100%;
    margin: 0;
}

.home-card-ikon[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
    margin-top: 0.1rem;
}

    .home-card-ikon[b-qy2gbco3l9]  .icon {
        width: 1rem;
        height: 1rem;
    }

.home-card-tekst[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.home-card-title[b-qy2gbco3l9] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--itlock-ink);
}

.home-card-desc[b-qy2gbco3l9] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
    .home-card[b-qy2gbco3l9] {
        transition: none;
    }
}

/* ---------- Kjørende biler ---------- */

.home-drive-strip[b-qy2gbco3l9] {
    position: relative;
    height: 150px;
    overflow: hidden;
    perspective: 1200px;
}

.home-drive-track[b-qy2gbco3l9] {
    position: absolute;
    top: 50%;
    width: 300px;
    transform: translateY(-50%);
    left: 8%;
}

    .home-drive-track:nth-child(2)[b-qy2gbco3l9] {
        left: 34%;
    }

    .home-drive-track:nth-child(3)[b-qy2gbco3l9] {
        left: 60%;
    }

    .home-drive-track:nth-child(4)[b-qy2gbco3l9] {
        left: 86%;
    }

.home-drive-shadow[b-qy2gbco3l9] {
    position: absolute;
    left: 10%;
    right: 14%;
    bottom: 6px;
    height: 14px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.38), transparent 72%);
    opacity: 0.55;
}

.home-drive-tilt[b-qy2gbco3l9] {
    transform: rotateX(6deg);
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
}

:root[data-biler="kjorer"] .home-drive-track[b-qy2gbco3l9] {
    left: auto;
    animation: home-drive-across-b-qy2gbco3l9 13s linear infinite;
}

:root[data-biler="kjorer"] .home-drive-shadow[b-qy2gbco3l9] {
    animation: home-drive-shadow-pulse-b-qy2gbco3l9 0.45s ease-in-out infinite alternate;
}

:root[data-biler="kjorer"] .home-drive-tilt[b-qy2gbco3l9] {
    animation: home-drive-bounce-b-qy2gbco3l9 0.45s ease-in-out infinite alternate;
}

.home-drive-car[b-qy2gbco3l9] {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 14px 10px rgba(0, 0, 0, 0.28));
}

@keyframes home-drive-across-b-qy2gbco3l9 {
    from {
        left: 118%;
    }

    to {
        left: -34%;
    }
}

@keyframes home-drive-bounce-b-qy2gbco3l9 {
    0% {
        transform: rotateX(6deg) translateY(0);
    }

    100% {
        transform: rotateX(4deg) translateY(-3px);
    }
}

@keyframes home-drive-shadow-pulse-b-qy2gbco3l9 {
    0% {
        opacity: 0.55;
        transform: scaleX(1);
    }

    100% {
        opacity: 0.32;
        transform: scaleX(0.9);
    }
}

@media (prefers-reduced-motion: reduce) {
    :root[data-biler="kjorer"] .home-drive-track[b-qy2gbco3l9] {
        animation: none;
        left: 8%;
    }

        :root[data-biler="kjorer"] .home-drive-track:nth-child(2)[b-qy2gbco3l9] {
            left: 34%;
        }

        :root[data-biler="kjorer"] .home-drive-track:nth-child(3)[b-qy2gbco3l9] {
            left: 60%;
        }

        :root[data-biler="kjorer"] .home-drive-track:nth-child(4)[b-qy2gbco3l9] {
            left: 86%;
        }

    :root[data-biler="kjorer"] .home-drive-tilt[b-qy2gbco3l9],
    :root[data-biler="kjorer"] .home-drive-shadow[b-qy2gbco3l9] {
        animation: none;
    }
}

@media (max-width: 640.98px) {
    /* Denne siden brukes nå også som landingsside for "Gå til fullversjon"
       på mobil (se TopBar.razor) - modulene (hero, rolle-kort og lenkene
       under dem) skal stables rent under hverandre i én kolonne, med
       samme tette mellomrom (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .home-page[b-qy2gbco3l9] {
        gap: 1.5rem;
    }

    .home-hero-banner[b-qy2gbco3l9] {
        padding: 1.5rem 1.25rem;
        border-radius: 16px;
    }

    .home-hero-inner[b-qy2gbco3l9] {
        gap: 1.25rem;
    }

    .home-hero-stats-wrap[b-qy2gbco3l9] {
        width: 100%;
        max-width: none;
    }

    .role-grid[b-qy2gbco3l9],
    .home-links[b-qy2gbco3l9] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .role-card[b-qy2gbco3l9],
    .home-card[b-qy2gbco3l9] {
        border-radius: 10px;
    }
}

.home-footer[b-qy2gbco3l9] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

/* ======================================================================
   Nytt bilde-basert dashboard (kun når Verktoylinje.FullversjonAktiv)
   ====================================================================== */

.home-page[b-qy2gbco3l9] {
    --dash-accent: #9A4E24;
    --dash-accent-soft: #F3E3D6;
    --dash-border: #EEE7DF;
    --dash-ink: #171717;
    --dash-ink-muted: #737373;
    --dash-green-bg: #E3F3E9;
    --dash-green-ink: #2F7A52;
    --dash-beige-bg: #F7E8D9;
    --dash-beige-ink: #9A5B1F;
    --dash-shadow: 0 1px 2px rgba(0, 0, 0, .02), 0 4px 12px rgba(55, 35, 20, .04);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .home-page[b-qy2gbco3l9] {
        --dash-accent: var(--itlock-accent);
        --dash-accent-soft: rgba(201, 152, 111, 0.16);
        --dash-border: var(--itlock-border);
        --dash-ink: var(--itlock-ink);
        --dash-ink-muted: var(--itlock-ink-muted);
        --dash-green-bg: rgba(47, 122, 82, 0.2);
        --dash-green-ink: #8fe0b4;
        --dash-beige-bg: rgba(154, 91, 31, 0.2);
        --dash-beige-ink: #e6bd92;
    }
}

:root[data-theme="dark"] .home-page[b-qy2gbco3l9] {
    --dash-accent: var(--itlock-accent);
    --dash-accent-soft: rgba(201, 152, 111, 0.16);
    --dash-border: var(--itlock-border);
    --dash-ink: var(--itlock-ink);
    --dash-ink-muted: var(--itlock-ink-muted);
    --dash-green-bg: rgba(47, 122, 82, 0.2);
    --dash-green-ink: #8fe0b4;
    --dash-beige-bg: rgba(154, 91, 31, 0.2);
    --dash-beige-ink: #e6bd92;
}

/* ---------- Hero-foto ---------- */

.home-dash-hero[b-qy2gbco3l9] {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 280px;
    margin-top: 0;
    flex-shrink: 0;
}

.home-dash-hero-img[b-qy2gbco3l9] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
}

.home-dash-hero-scrim[b-qy2gbco3l9] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.10) 45%, rgba(0, 0, 0, 0) 70%);
}

.home-dash-hero-top-scrim[b-qy2gbco3l9] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 45%);
}

.home-dash-hero-text[b-qy2gbco3l9] {
    position: relative;
    padding: 70px 20px 0;
}

.home-dash-date-pill[b-qy2gbco3l9] {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 600;
    color: #3A3830;
    background: rgba(248, 243, 235, 0.95);
    padding: 6px 10px;
    border-radius: 999px;
    margin-bottom: 10px;
}

.home-dash-hero-text h1[b-qy2gbco3l9] {
    margin: 0;
    font-weight: 750;
    font-size: 32px;
    line-height: 1.08;
    letter-spacing: -0.5px;
    color: #fff;
}

.home-dash-hero-text p[b-qy2gbco3l9] {
    margin: 4px 0 0;
    font-size: 17px;
    font-weight: 450;
    color: rgba(255, 255, 255, 0.92);
    max-width: 46ch;
}

@media (max-width: 900px) {
    .home-dash-hero[b-qy2gbco3l9] {
        height: auto;
        min-height: 230px;
    }
}

/* ---------- Rollekort (overlapper hero) ---------- */

.home-dash-roles[b-qy2gbco3l9] {
    position: relative;
    z-index: 10;
    margin-top: -46px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 0 4px;
}

.home-dash-role-card[b-qy2gbco3l9] {
    display: flex;
    align-items: stretch;
    height: 96px;
    background: var(--itlock-surface);
    border: 1px solid var(--dash-border);
    border-radius: 13px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: var(--dash-shadow);
    font: inherit;
    padding: 0;
    cursor: pointer;
    text-align: left;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

    .home-dash-role-card:hover[b-qy2gbco3l9] {
        transform: translateY(-2px);
        border-color: var(--dash-accent);
        box-shadow: 0 2px 10px rgba(40, 25, 15, 0.08);
    }

    .home-dash-role-card img[b-qy2gbco3l9] {
        width: 76px;
        height: auto;
        align-self: center;
        object-fit: cover;
        flex-shrink: 0;
        border-radius: 8px;
        margin: 6px;
    }

@media (prefers-reduced-motion: reduce) {
    .home-dash-role-card[b-qy2gbco3l9] {
        transition: none;
    }
}

.home-dash-role-text[b-qy2gbco3l9] {
    flex: 1;
    min-width: 0;
    padding: 0 12px 0 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.home-dash-role-title[b-qy2gbco3l9] {
    font-size: 14px;
    font-weight: 700;
    color: var(--dash-ink);
}

.home-dash-role-desc[b-qy2gbco3l9] {
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--dash-ink-muted);
    margin-top: 2px;
}

.home-dash-role-pil[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--dash-accent);
    margin-right: 14px;
}

    .home-dash-role-pil[b-qy2gbco3l9]  .icon {
        width: 19px;
        height: 19px;
        transform: rotate(-90deg);
    }

@media (max-width: 900px) {
    .home-dash-roles[b-qy2gbco3l9] {
        grid-template-columns: 1fr;
        margin-top: 10px;
    }
}

/* ---------- KPI-rad ---------- */

.home-dash-kpi[b-qy2gbco3l9] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
}

.home-dash-kpi-kort[b-qy2gbco3l9] {
    position: relative;
    background: var(--itlock-surface);
    border: 1px solid var(--dash-border);
    border-radius: 11px;
    padding: 14px;
    height: 88px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: inherit;
    text-decoration: none;
}

.home-dash-kpi-link[b-qy2gbco3l9] {
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

    .home-dash-kpi-link:hover[b-qy2gbco3l9] {
        transform: translateY(-2px);
        border-color: var(--dash-accent);
        box-shadow: var(--dash-shadow);
    }

.home-dash-kpi-rad[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-dash-kpi-ikon[b-qy2gbco3l9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--dash-accent-soft);
    color: var(--dash-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .home-dash-kpi-ikon[b-qy2gbco3l9]  .icon {
        width: 20px;
        height: 20px;
    }

.home-dash-kpi-tall[b-qy2gbco3l9] {
    font-size: 24px;
    font-weight: 700;
    color: var(--dash-ink);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.home-dash-kpi-label[b-qy2gbco3l9] {
    font-size: 11.5px;
    color: var(--dash-ink-muted);
}

.home-dash-kpi-status[b-qy2gbco3l9] {
    font-size: 10.5px;
    font-weight: 600;
    margin-top: 7px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.home-dash-kpi-status-gronn[b-qy2gbco3l9] {
    color: var(--dash-green-ink);
}

    .home-dash-kpi-status-gronn[b-qy2gbco3l9]::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--dash-green-ink);
        flex-shrink: 0;
    }

.home-dash-kpi-status-aksent[b-qy2gbco3l9] {
    color: var(--dash-accent);
}

.home-dash-kpi-pil[b-qy2gbco3l9] {
    position: absolute;
    top: 14px;
    right: 12px;
    display: flex;
    color: #c4bfb3;
}

    .home-dash-kpi-pil[b-qy2gbco3l9]  .icon {
        width: 13px;
        height: 13px;
        transform: rotate(-90deg);
    }

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

@media (max-width: 560px) {
    .home-dash-kpi[b-qy2gbco3l9] {
        grid-template-columns: 1fr;
    }
}

/* ---------- Hovedgrid: Aktive prosjekter / Dagens arbeidsordrer ---------- */

.home-dash-grid[b-qy2gbco3l9] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    flex: 1;
    min-height: 0;
}

.home-dash-panel[b-qy2gbco3l9] {
    background: var(--itlock-surface);
    border: 1px solid var(--dash-border);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.home-dash-panel-header[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex-shrink: 0;
}

    .home-dash-panel-header span:first-child[b-qy2gbco3l9] {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 14px;
        font-weight: 700;
        color: var(--dash-ink);
    }

    .home-dash-panel-header[b-qy2gbco3l9]  .icon {
        width: 14px;
        height: 14px;
        color: var(--dash-accent);
    }

    .home-dash-panel-header a[b-qy2gbco3l9] {
        font-size: 11.5px;
        font-weight: 600;
        color: var(--dash-accent);
        text-decoration: none;
    }

        .home-dash-panel-header a:hover[b-qy2gbco3l9] {
            text-decoration: underline;
        }

.home-dash-tom[b-qy2gbco3l9] {
    margin: 0;
    font-size: 12.5px;
    color: var(--dash-ink-muted);
}

.home-dash-panel-liste[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-y: auto;
}

.home-dash-pill[b-qy2gbco3l9] {
    font-size: 9.5px;
    font-weight: 600;
    padding: 5px 11px;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
}

.home-dash-pill-gronn[b-qy2gbco3l9] {
    color: var(--dash-green-ink);
    background: var(--dash-green-bg);
}

.home-dash-pill-beige[b-qy2gbco3l9] {
    color: var(--dash-beige-ink);
    background: var(--dash-beige-bg);
}

/* Aktive prosjekter-rad */

.home-dash-prosjekt-rad[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.home-dash-prosjekt-bilde[b-qy2gbco3l9] {
    width: 60px;
    height: 44px;
    border-radius: 7px;
    background: var(--dash-accent-soft);
    object-fit: cover;
    flex-shrink: 0;
}

.home-dash-prosjekt-info[b-qy2gbco3l9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.home-dash-prosjekt-navn[b-qy2gbco3l9] {
    font-size: 13px;
    font-weight: 650;
    color: var(--dash-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-dash-prosjekt-sted[b-qy2gbco3l9] {
    font-size: 10.5px;
    color: var(--dash-ink-muted);
    margin-bottom: 5px;
}

.home-dash-prosjekt-progress[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-dash-progress-track[b-qy2gbco3l9] {
    flex: 1;
    height: 3.5px;
    border-radius: 999px;
    background: var(--dash-border);
    overflow: hidden;
}

.home-dash-progress-fill[b-qy2gbco3l9] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--dash-accent);
}

.home-dash-progress-tall[b-qy2gbco3l9] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--dash-ink);
    flex-shrink: 0;
}

.home-dash-prosjekt-pil[b-qy2gbco3l9] {
    display: flex;
    flex-shrink: 0;
    color: #c4bfb3;
}

    .home-dash-prosjekt-pil[b-qy2gbco3l9]  .icon {
        width: 13px;
        height: 13px;
        transform: rotate(-90deg);
    }

/* Dagens arbeidsordre-rad */

.home-dash-ao-rad[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    color: inherit;
}

.home-dash-ao-ikon[b-qy2gbco3l9] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: var(--dash-accent-soft);
    color: var(--dash-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .home-dash-ao-ikon[b-qy2gbco3l9]  .icon {
        width: 13px;
        height: 13px;
    }

.home-dash-ao-tid[b-qy2gbco3l9] {
    font-size: 11px;
    color: var(--dash-ink-muted);
    width: 36px;
    flex-shrink: 0;
}

.home-dash-ao-info[b-qy2gbco3l9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.home-dash-ao-tittel[b-qy2gbco3l9] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--dash-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-dash-ao-sted[b-qy2gbco3l9] {
    font-size: 10.5px;
    color: var(--dash-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-dash-ao-avatar[b-qy2gbco3l9] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--dash-accent-soft);
    color: var(--dash-accent);
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .home-dash-grid[b-qy2gbco3l9] {
        grid-template-columns: 1fr;
    }
}

/* ================= Dashboard3 (widget-rutenett med kart) ================= */

.home-page-dash3[b-qy2gbco3l9] {
    max-width: none;
    gap: 1.1rem;
}

.hd3-greetrow[b-qy2gbco3l9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: nowrap;
    animation: home-inn-b-qy2gbco3l9 0.5s ease both;
}

.hd3-greetrow > div:first-child[b-qy2gbco3l9] {
    min-width: 0;
    flex: 1;
}

.hd3-greet-date[b-qy2gbco3l9] {
    font-size: 0.9rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 4px;
}

.hd3-greet-h1[b-qy2gbco3l9] {
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--itlock-ink);
    margin: 0 0 6px;
}

.hd3-greet-sub[b-qy2gbco3l9] {
    font-size: 1rem;
    color: var(--itlock-ink-muted);
    margin: 0;
}

.hd3-statrow[b-qy2gbco3l9] {
    display: grid;
    grid-template-columns: repeat(4, 168px);
    gap: 0.7rem;
    flex: 0 0 auto;
}

.hd3-statcard[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    padding: 0.9rem 1.1rem;
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.hd3-statcard:hover[b-qy2gbco3l9] {
    border-color: var(--itlock-accent);
    transform: translateY(-1px);
}

.hd3-statcard-ic[b-qy2gbco3l9] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .hd3-statcard-ic[b-qy2gbco3l9]  .icon {
        width: 20px;
        height: 20px;
    }

.hd3-ic-gronn[b-qy2gbco3l9] {
    background: #E6F5EC;
    color: #2F9D63;
}

.hd3-ic-gul[b-qy2gbco3l9] {
    background: #FDEEE4;
    color: #FA4A12;
}

.hd3-ic-aksent[b-qy2gbco3l9] {
    background: #F6F1EC;
    color: #5C1A08;
}

.hd3-statcard-num[b-qy2gbco3l9] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--itlock-ink);
    line-height: 1.1;
}

.hd3-statcard-lbl[b-qy2gbco3l9] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.hd3-rolerow[b-qy2gbco3l9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    animation: home-inn-b-qy2gbco3l9 0.5s ease 0.06s both;
}

.hd3-rolecard[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    padding: 1.1rem 1.15rem;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

.hd3-rolecard-ic[b-qy2gbco3l9] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #F1E7DF;
    color: #5C1A08;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .hd3-rolecard-ic[b-qy2gbco3l9]  .icon {
        width: 22px;
        height: 22px;
    }

.hd3-rolecard-info[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.hd3-rolecard-title[b-qy2gbco3l9] {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--itlock-ink);
}

.hd3-rolecard-sub[b-qy2gbco3l9] {
    font-size: 0.84rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hd3-rolecard-arrow[b-qy2gbco3l9] {
    width: 24px;
    height: 24px;
    color: #5C1A08;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transform: rotate(-90deg);
}

.hd3-widgetgrid[b-qy2gbco3l9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    animation: home-inn-b-qy2gbco3l9 0.5s ease 0.1s both;
}

.hd3-widget[b-qy2gbco3l9] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.hd3-widget-head[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.hd3-widget-head-l[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.hd3-widget-ic[b-qy2gbco3l9] {
    width: 20px;
    height: 20px;
    color: #5C1A08;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd3-widget-title[b-qy2gbco3l9] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--itlock-ink);
}

.hd3-widget-link[b-qy2gbco3l9] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
}

.hd3-widget-link svg[b-qy2gbco3l9] {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
}

.hd3-kart-legend[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.hd3-kart-legend-item[b-qy2gbco3l9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.hd3-kart-legend-dot[b-qy2gbco3l9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.hd3-wl[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.1rem;
    text-decoration: none;
    border-top: 1px solid var(--itlock-border);
}

.hd3-wl:first-of-type[b-qy2gbco3l9] {
    border-top: none;
}

.hd3-wl-dot[b-qy2gbco3l9] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.hd3-wl-ic[b-qy2gbco3l9] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hd3-wl-info[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.hd3-wl-title[b-qy2gbco3l9] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hd3-wl-sub[b-qy2gbco3l9] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hd3-wl-right[b-qy2gbco3l9] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.hd3-wl-val[b-qy2gbco3l9] {
    font-size: 0.76rem;
    font-weight: 600;
}

.hd3-wl-time[b-qy2gbco3l9] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.hd3-wl-chev[b-qy2gbco3l9] {
    color: var(--itlock-ink-muted);
}

.hd3-wl-chev svg[b-qy2gbco3l9] {
    width: 13px;
    height: 13px;
    transform: rotate(-90deg);
}

.hd3-mapwrap[b-qy2gbco3l9] {
    border-radius: 12px;
    overflow: hidden;
    height: 190px;
}

.hd3-kart[b-qy2gbco3l9] {
    width: 100%;
    height: 100%;
}

.hd3-progress-track[b-qy2gbco3l9] {
    flex: 1;
    height: 6px;
    border-radius: 4px;
    background: var(--itlock-border);
    overflow: hidden;
}

.hd3-progress-fill[b-qy2gbco3l9] {
    display: block;
    height: 100%;
    background: #5FA87F;
    border-radius: 4px;
}

.hd3-progress-pct[b-qy2gbco3l9] {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    width: 32px;
    text-align: right;
    flex-shrink: 0;
}

.hd3-snarveigrid[b-qy2gbco3l9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.hd3-snarvei[b-qy2gbco3l9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.7rem 0.4rem;
    text-decoration: none;
    text-align: center;
}

.hd3-snarvei-ic[b-qy2gbco3l9] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #F1E7DF;
    color: #5C1A08;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd3-snarvei-lbl[b-qy2gbco3l9] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--itlock-ink);
}

@media (max-width: 1100px) {
    .hd3-greetrow[b-qy2gbco3l9] {
        flex-wrap: wrap;
    }

    .hd3-statrow[b-qy2gbco3l9] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hd3-rolerow[b-qy2gbco3l9],
    .hd3-widgetgrid[b-qy2gbco3l9] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Inntektskontoer.razor.rz.scp.css */
.back-link[b-7g5f1kttyl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-7g5f1kttyl]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-7g5f1kttyl] {
        color: var(--itlock-accent);
    }

.side-header[b-7g5f1kttyl] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-7g5f1kttyl] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-7g5f1kttyl]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-7g5f1kttyl] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-7g5f1kttyl] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-7g5f1kttyl] {
    color: var(--itlock-ink-muted);
}

.kort[b-7g5f1kttyl] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    max-width: 640px;
    overflow: hidden;
}

.konto-kort[b-7g5f1kttyl] {
    margin-bottom: 1rem;
}

.rad[b-7g5f1kttyl] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.75rem 1.2rem;
    border-top: 1px solid var(--itlock-border);
}

    .rad:first-of-type[b-7g5f1kttyl] {
        border-top: none;
    }

.rad-nummer[b-7g5f1kttyl] {
    width: 4.5rem;
    flex-shrink: 0;
    font: inherit;
    font-size: 0.87rem;
    font-weight: 700;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.5rem;
    background: var(--itlock-bg);
    color: var(--itlock-accent);
}

.rad-navn[b-7g5f1kttyl] {
    flex: 1;
    font: inherit;
    font-size: 0.87rem;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.6rem;
    background: var(--itlock-bg);
    color: var(--itlock-ink);
}

.btn-liten[b-7g5f1kttyl] {
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.65rem;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    white-space: nowrap;
}

.btn-primaer[b-7g5f1kttyl] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.btn-slett[b-7g5f1kttyl] {
    color: #a32020;
}

.ny-rad-kort[b-7g5f1kttyl] {
    background: var(--itlock-bg);
}

.ny-rad[b-7g5f1kttyl] {
    display: flex;
    gap: 0.6rem;
    padding: 1rem 1.2rem;
}

    .ny-rad .rad-navn[b-7g5f1kttyl] {
        background: var(--itlock-surface);
        border-style: dashed;
    }

    .ny-rad .rad-nummer[b-7g5f1kttyl] {
        background: var(--itlock-surface);
        border-style: dashed;
        color: var(--itlock-ink);
    }

.save-success[b-7g5f1kttyl] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 1rem 0 0;
}

.form-error[b-7g5f1kttyl] {
    color: #b5502d;
    font-weight: 600;
    margin: 1rem 0 0;
}

@media (max-width: 640.98px) {
    .rad[b-7g5f1kttyl],
    .ny-rad[b-7g5f1kttyl] {
        flex-wrap: wrap;
    }

    .rad-navn[b-7g5f1kttyl] {
        flex-basis: 100%;
        order: -1;
    }
}
/* _content/PortalItlock.Web/Components/Pages/IntegrasjonTripletex.razor.rz.scp.css */
.section-hint[b-r4njknsheg] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    max-width: 800px;
    margin-bottom: 1rem;
}

.tt-card[b-r4njknsheg] {
    max-width: 700px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
}

    .tt-card h2[b-r4njknsheg] {
        margin-top: 0;
        font-size: 1.05rem;
    }

.save-button[b-r4njknsheg] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .save-button:disabled[b-r4njknsheg] {
        opacity: 0.6;
        cursor: default;
    }

.filter-button[b-r4njknsheg] {
    background: none;
    border: 1px solid var(--itlock-accent);
    color: var(--itlock-accent);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
}

    .filter-button:disabled[b-r4njknsheg] {
        opacity: 0.6;
        cursor: default;
    }

.save-success[b-r4njknsheg] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0.75rem 0 0;
}

.form-error[b-r4njknsheg] {
    color: #b5502d;
    font-weight: 600;
    margin: 0.75rem 0 0;
}

.list-empty[b-r4njknsheg] {
    color: var(--itlock-ink-muted);
    margin-top: 0.75rem;
}

.tt-sok-rad[b-r4njknsheg] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

    .tt-sok-rad input[b-r4njknsheg] {
        flex: 1;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.6rem;
    }

.tt-kunde-liste[b-r4njknsheg] {
    list-style: none;
    padding: 0;
    margin: 0.75rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .tt-kunde-liste li[b-r4njknsheg] {
        padding: 0.6rem 0.8rem;
        border: 1px solid var(--itlock-border);
    }

.tt-kunde-meta[b-r4njknsheg] {
    display: block;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.15rem;
}
/* _content/PortalItlock.Web/Components/Pages/Kalender.razor.rz.scp.css */
.side-header[b-qd77nqdy3g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.side-header-venstre[b-qd77nqdy3g] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-qd77nqdy3g] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-qd77nqdy3g]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-qd77nqdy3g] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-qd77nqdy3g] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.lenke-rad[b-qd77nqdy3g] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.lenke-chip[b-qd77nqdy3g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    text-decoration: none;
}

    .lenke-chip[b-qd77nqdy3g]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .lenke-chip:last-child:not(:only-child)[b-qd77nqdy3g]  .icon {
        transform: rotate(180deg);
    }

    .lenke-chip:hover[b-qd77nqdy3g] {
        background: rgba(131, 94, 65, 0.18);
    }

.knapp[b-qd77nqdy3g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-qd77nqdy3g]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-qd77nqdy3g] {
        border-color: var(--itlock-accent);
    }

.knapp-ikon[b-qd77nqdy3g] {
    padding: 0.5rem;
    width: 2.15rem;
    height: 2.15rem;
    justify-content: center;
}

.kalender-neste[b-qd77nqdy3g]  .icon {
    transform: rotate(180deg);
}

.kalender-verktoylinje[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.85rem 1.1rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.kalender-nav[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.kalender-manednavn[b-qd77nqdy3g] {
    font-weight: 600;
    min-width: 10rem;
    text-align: center;
}

.kalender-verktoylinje-hoyre[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.kalender-legend[b-qd77nqdy3g] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.kalender-legend-pill[b-qd77nqdy3g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
}

.dot[b-qd77nqdy3g] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
}

.legend-ny[b-qd77nqdy3g] {
    background: rgba(47, 111, 179, 0.12);
    color: #2f6fb3;
}

.legend-pagaende[b-qd77nqdy3g] {
    background: rgba(217, 165, 32, 0.15);
    color: #a1690a;
}

.legend-ferdig[b-qd77nqdy3g] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.kalender-filter[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

    .kalender-filter select[b-qd77nqdy3g] {
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
    }

.list-empty[b-qd77nqdy3g] {
    color: var(--itlock-ink-muted);
}

.kalender-kort[b-qd77nqdy3g] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 28px -20px rgba(41, 41, 39, 0.35);
}

.kalender-ukedager[b-qd77nqdy3g] {
    display: grid;
    grid-template-columns: 2.25rem repeat(7, 1fr);
    max-width: 1100px;
    background: var(--itlock-surface);
    border-bottom: 1px solid var(--itlock-border);
}

.kalender-ukenr-header[b-qd77nqdy3g] {
    background: none;
}

.kalender-ukedag[b-qd77nqdy3g] {
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    padding: 0.65rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kalender-grid[b-qd77nqdy3g] {
    display: grid;
    grid-template-columns: 2.25rem repeat(7, 1fr);
    gap: 1px;
    background: var(--itlock-border);
    max-width: 1100px;
}

.kalender-ukenr[b-qd77nqdy3g] {
    background: var(--itlock-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.kalender-dag[b-qd77nqdy3g] {
    background: var(--itlock-surface);
    min-height: 110px;
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.kalender-dag-annen-maned[b-qd77nqdy3g] {
    background: var(--itlock-bg);
    opacity: 0.6;
}

.kalender-dag-dragover[b-qd77nqdy3g] {
    background: color-mix(in srgb, var(--itlock-surface) 80%, var(--itlock-accent) 20%);
    outline: 2px dashed var(--itlock-accent);
    outline-offset: -2px;
}

    .kalender-dag-annen-maned .kalender-dagnummer[b-qd77nqdy3g] {
        color: var(--itlock-ink-muted);
    }

.kalender-dag-idag .kalender-dagnummer[b-qd77nqdy3g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--itlock-accent);
    color: #fff;
}

.kalender-dagnummer[b-qd77nqdy3g] {
    font-size: 0.85rem;
    font-weight: 700;
}

.kalender-dag-rod .kalender-dagnummer[b-qd77nqdy3g] {
    color: #b23b3b;
}

.kalender-dag-rod.kalender-dag-idag .kalender-dagnummer[b-qd77nqdy3g] {
    background: #b23b3b;
}

.kalender-helligdag[b-qd77nqdy3g] {
    font-size: 0.62rem;
    color: #b23b3b;
    line-height: 1.2;
    margin-top: -0.15rem;
    font-weight: 600;
}

.kalender-ordre[b-qd77nqdy3g] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.25rem 0.45rem;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    line-height: 1.3;
    cursor: grab;
}

.kalender-ordre-tid[b-qd77nqdy3g] {
    font-size: 0.65rem;
    font-weight: 800;
    opacity: 0.85;
}

.kalender-ordre-tittel[b-qd77nqdy3g] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .kalender-ordre:active[b-qd77nqdy3g] {
        cursor: grabbing;
    }

    .kalender-ordre:hover[b-qd77nqdy3g] {
        opacity: 0.85;
    }

.kalender-ordre-ny[b-qd77nqdy3g] {
    background: #2f6fb3;
}

.kalender-ordre-pagaende[b-qd77nqdy3g] {
    background: #d9a520;
}

.kalender-ordre-ferdig[b-qd77nqdy3g] {
    background: #2b7a4b;
}

.kalender-ressurs[b-qd77nqdy3g] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    font-size: 0.7rem;
    padding: 0.25rem 0.45rem;
    border-radius: 6px;
    border: 1.5px dashed var(--montor-farge, var(--itlock-accent));
    background: color-mix(in srgb, var(--montor-farge, var(--itlock-accent)) 10%, transparent);
    color: var(--itlock-ink);
    line-height: 1.25;
}

.kalender-ressurs-tittel[b-qd77nqdy3g] {
    font-weight: 700;
}

.kalender-ressurs-tid[b-qd77nqdy3g] {
    font-size: 0.66rem;
    font-weight: 700;
    color: var(--montor-farge, var(--itlock-accent));
}

.kalender-ressurs-montor[b-qd77nqdy3g] {
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
}

.kalender-ressurs-info[b-qd77nqdy3g] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ================= Kalender: faner + ukevisning + sidebar ================= */

.kal-side .kort[b-qd77nqdy3g] {
    max-width: none;
}

.kal-topbar[b-qd77nqdy3g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.knapp-primaer[b-qd77nqdy3g] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-qd77nqdy3g] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
        color: #fff;
    }

.kal-verktoylinje[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.7rem 1rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.kal-visningtoggle[b-qd77nqdy3g] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
    flex-shrink: 0;
}

    .kal-visningtoggle button[b-qd77nqdy3g] {
        border: none;
        background: none;
        padding: 0.4rem 0.85rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .kal-visningtoggle button.aktiv[b-qd77nqdy3g] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

.kal-nav[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.kal-periodelabel[b-qd77nqdy3g] {
    font-weight: 600;
    font-size: 0.86rem;
    min-width: 11rem;
    text-align: center;
}

.kal-neste[b-qd77nqdy3g]  .icon {
    transform: rotate(180deg);
}

.kal-filterrad[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.kal-filter-select[b-qd77nqdy3g] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.45rem 0.65rem;
    font-size: 0.82rem;
    color: var(--itlock-ink);
}

.kal-hovedgrid[b-qd77nqdy3g] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0.9rem;
    align-items: start;
}

.kal-hoved[b-qd77nqdy3g] {
    min-width: 0;
}

/* ---------- Dag/uke tidsgrid ---------- */

.kal-tidsgrid-wrap[b-qd77nqdy3g] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 28px -20px rgba(41, 41, 39, 0.35);
    overflow-x: auto;
    margin-bottom: 0.9rem;
}

.kal-tidsgrid[b-qd77nqdy3g] {
    display: grid;
    min-width: 500px;
}

.kal-tidsgrid-hjorne[b-qd77nqdy3g] {
    border-bottom: 1px solid var(--itlock-border);
}

.kal-dagheader[b-qd77nqdy3g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--itlock-border);
    border-left: 1px solid var(--itlock-border);
}

    .kal-dagheader.idag .kal-dagheader-tall[b-qd77nqdy3g] {
        background: var(--itlock-accent);
        color: #fff;
    }

.kal-dagheader-navn[b-qd77nqdy3g] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--itlock-ink-muted);
    letter-spacing: 0.04em;
}

.kal-dagheader-tall[b-qd77nqdy3g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.kal-timeakse[b-qd77nqdy3g] {
    position: relative;
    grid-row: 2;
}

.kal-timeakse-rad[b-qd77nqdy3g] {
    display: block;
    height: 52px;
    font-size: 0.66rem;
    color: var(--itlock-ink-muted);
    text-align: right;
    padding-right: 0.4rem;
    transform: translateY(-0.5em);
}

.kal-tidskolonne[b-qd77nqdy3g] {
    position: relative;
    border-left: 1px solid var(--itlock-border);
    background: repeating-linear-gradient(
        to bottom,
        transparent,
        transparent 51px,
        var(--itlock-border) 51px,
        var(--itlock-border) 52px
    );
}

.kal-blokk[b-qd77nqdy3g] {
    position: absolute;
    left: 3px;
    right: 3px;
    border-radius: 7px;
    padding: 0.25rem 0.4rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-size: 0.68rem;
    color: #fff;
    text-decoration: none;
    line-height: 1.25;
}

.kal-blokk-tid[b-qd77nqdy3g] {
    font-size: 0.62rem;
    font-weight: 800;
    opacity: 0.9;
}

.kal-blokk-tittel[b-qd77nqdy3g] {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kal-blokk-montor[b-qd77nqdy3g] {
    font-size: 0.62rem;
    opacity: 0.9;
}

.kal-blokk-ressurs[b-qd77nqdy3g] {
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    border: 1.5px dashed var(--itlock-accent);
}

    .kal-blokk-ressurs .kal-blokk-tid[b-qd77nqdy3g] {
        color: var(--itlock-ink-muted);
        opacity: 1;
    }

    .kal-blokk-ressurs .kal-blokk-montor[b-qd77nqdy3g] {
        color: var(--itlock-ink-muted);
        opacity: 1;
    }

/* ---------- Arbeidsordre-tabell ---------- */

.kal-tabellkort[b-qd77nqdy3g] {
    padding: 1.1rem 1.2rem;
}

.kal-tabellheader[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

    .kal-tabellheader h2[b-qd77nqdy3g] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

.kal-tabellfilter[b-qd77nqdy3g] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

    .kal-tabellfilter button[b-qd77nqdy3g] {
        background: var(--itlock-bg);
        color: var(--itlock-ink-muted);
        border: none;
        border-radius: 999px;
        padding: 0.32rem 0.75rem;
        font-size: 0.76rem;
        font-weight: 600;
        cursor: pointer;
    }

        .kal-tabellfilter button.aktiv[b-qd77nqdy3g] {
            background: var(--itlock-accent);
            color: #fff;
        }

.kal-tabell[b-qd77nqdy3g] {
    width: 100%;
    border-collapse: collapse;
}

    .kal-tabell th[b-qd77nqdy3g] {
        text-align: left;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        padding: 0 0.6rem 0.6rem;
    }

    .kal-tabell td[b-qd77nqdy3g] {
        font-size: 0.85rem;
        padding: 0.6rem;
        border-top: 1px solid var(--itlock-border);
        white-space: nowrap;
    }

    .kal-tabell a[b-qd77nqdy3g] {
        color: var(--itlock-ink);
        font-weight: 600;
        text-decoration: none;
    }

        .kal-tabell a:hover[b-qd77nqdy3g] {
            text-decoration: underline;
        }

/* ---------- Sidebar ---------- */

.kal-sidebar[b-qd77nqdy3g] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.kal-minikalender-kort[b-qd77nqdy3g] {
    padding: 1rem 1.1rem;
}

.kal-minikal-header[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}

    .kal-minikal-header button[b-qd77nqdy3g] {
        border: none;
        background: none;
        color: var(--itlock-ink-muted);
        cursor: pointer;
        display: flex;
    }

        .kal-minikal-header button[b-qd77nqdy3g]  .icon {
            width: 0.85rem;
            height: 0.85rem;
        }

.kal-minikal-ukedager[b-qd77nqdy3g] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.kal-minikal-grid[b-qd77nqdy3g] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.2rem;
}

.kal-minikal-tom[b-qd77nqdy3g] {
    height: 1.9rem;
}

.kal-minikal-dag[b-qd77nqdy3g] {
    height: 1.9rem;
    border: none;
    background: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-family: inherit;
    color: var(--itlock-ink);
    cursor: pointer;
}

    .kal-minikal-dag:hover[b-qd77nqdy3g] {
        background: var(--itlock-bg);
    }

    .kal-minikal-dag.idag[b-qd77nqdy3g] {
        font-weight: 800;
        color: var(--itlock-accent);
    }

    .kal-minikal-dag.valgt[b-qd77nqdy3g] {
        background: var(--itlock-accent);
        color: #fff;
    }

.kal-legend-kort[b-qd77nqdy3g] {
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .kal-legend-kort h3[b-qd77nqdy3g] {
        margin: 0 0 0.2rem;
        font-size: 0.82rem;
        font-weight: 700;
    }

.kal-legend-rad[b-qd77nqdy3g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.kal-legend-dott[b-qd77nqdy3g] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.kal-legend-dott-ressurs[b-qd77nqdy3g] {
    background: none;
    border: 1.5px dashed var(--itlock-accent);
}

@media (max-width: 1200px) {
    .kal-hovedgrid[b-qd77nqdy3g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 750px) {
    .kalender-dag[b-qd77nqdy3g] {
        min-height: 70px;
    }

    .kalender-ordre[b-qd77nqdy3g] {
        font-size: 0.68rem;
    }
}

@media (max-width: 640.98px) {
    /* "Gå til fullversjon" beholder ekte mobilbredde, men her - i motsetning
       til andre fullversjon-fikser - er ikke problemet skjult innhold, men
       at 8 kolonner (ukenr + 7 dager) klemmes uleselig smale. La kalenderen
       heller skrolle sidevegs i full PC-størrelse, samme prinsipp som
       ressursplanleggeren. */
    .content-fullversjon .kalender-scroll-wrap[b-qd77nqdy3g] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .content-fullversjon .kalender-ukedager[b-qd77nqdy3g],
    .content-fullversjon .kalender-grid[b-qd77nqdy3g] {
        min-width: 780px;
    }

    .content-fullversjon .kalender-dag[b-qd77nqdy3g] {
        min-height: 110px;
    }

    .content-fullversjon .kalender-ordre[b-qd77nqdy3g] {
        font-size: 0.75rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Kart.razor.rz.scp.css */
.side-header[b-h4xofy0cgv] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.side-header-ikon[b-h4xofy0cgv] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-h4xofy0cgv]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-h4xofy0cgv] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-h4xofy0cgv] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 620px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kart-toolbar[b-h4xofy0cgv] {
    display: flex;
    align-items: flex-end;
    gap: 1.4rem;
    flex-wrap: wrap;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.kart-toolbar label[b-h4xofy0cgv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

    .kart-toolbar input[b-h4xofy0cgv],
    .kart-toolbar select[b-h4xofy0cgv] {
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.65rem;
    }

.kart-legende[b-h4xofy0cgv] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.legende-pill[b-h4xofy0cgv] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    white-space: nowrap;
}

.dot[b-h4xofy0cgv] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.legend-blaa[b-h4xofy0cgv] {
    background: rgba(47, 111, 179, 0.12);
    color: #2f6fb3;
}

.legend-gul[b-h4xofy0cgv] {
    background: rgba(217, 165, 32, 0.15);
    color: #a1690a;
}

.legend-gronn[b-h4xofy0cgv] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.kart-kort[b-h4xofy0cgv] {
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px -18px rgba(41, 41, 39, 0.35);
    margin-bottom: 1.1rem;
    max-width: 1100px;
}

.kart-container[b-h4xofy0cgv] {
    width: 100%;
    height: 500px;
}

.list-empty[b-h4xofy0cgv] {
    color: var(--itlock-ink-muted);
}

.feilmelding[b-h4xofy0cgv] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    background: rgba(181, 80, 45, 0.1);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin: 0 0 1.1rem;
    font-size: 0.85rem;
    color: #b5502d;
    max-width: 1100px;
}

    .feilmelding[b-h4xofy0cgv]  .icon {
        flex-shrink: 0;
        width: 1.05rem;
        height: 1.05rem;
        margin-top: 0.1rem;
    }

.kart-tabell-kort[b-h4xofy0cgv] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    max-width: 1100px;
}

.kart-table[b-h4xofy0cgv] {
    width: 100%;
    border-collapse: collapse;
    background: var(--itlock-surface);
}

    .kart-table th[b-h4xofy0cgv] {
        text-align: left;
        padding: 0.6rem 0.9rem;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        border-bottom: 1px solid var(--itlock-border);
        background: var(--itlock-bg);
    }

    .kart-table td[b-h4xofy0cgv] {
        text-align: left;
        padding: 0.65rem 0.9rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .kart-table tbody tr:last-child td[b-h4xofy0cgv] {
        border-bottom: none;
    }

    .kart-table tbody tr:hover[b-h4xofy0cgv] {
        background: color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%);
    }

    .kart-table a[b-h4xofy0cgv] {
        color: var(--itlock-accent);
        text-decoration: none;
        font-weight: 600;
    }

        .kart-table a:hover[b-h4xofy0cgv] {
            text-decoration: underline;
        }

.status-pill[b-h4xofy0cgv] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
}

@media (max-width: 750px) {
    .kart-table[b-h4xofy0cgv] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .kart-legende[b-h4xofy0cgv] {
        margin-left: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KoblingKategori.razor.rz.scp.css */
.back-link[b-1gafzaeibd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-size: 0.83rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-1gafzaeibd] {
        text-decoration: underline;
    }

    .back-link[b-1gafzaeibd]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.list-empty[b-1gafzaeibd] {
    color: var(--itlock-ink-muted);
}

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

.side-header-venstre[b-1gafzaeibd] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-1gafzaeibd] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-1gafzaeibd]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-1gafzaeibd] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-1gafzaeibd] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 520px;
}

.knapp[b-1gafzaeibd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .knapp[b-1gafzaeibd]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.knapp-ghost[b-1gafzaeibd] {
    background: var(--itlock-surface);
    border-color: var(--itlock-border);
    color: var(--itlock-ink);
}

    .knapp-ghost:hover[b-1gafzaeibd] {
        border-color: var(--itlock-accent);
    }

.knapp-aktiv[b-1gafzaeibd] {
    background: var(--itlock-ink);
    border-color: var(--itlock-ink);
    color: #fff;
}

.knapp-primaer[b-1gafzaeibd] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:disabled[b-1gafzaeibd] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.knapp-fare[b-1gafzaeibd] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

    .knapp-fare:hover[b-1gafzaeibd] {
        background: #b5502d;
        color: #fff;
    }

.search-box[b-1gafzaeibd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.75rem;
    color: var(--itlock-ink-muted);
    margin: 0.2rem 0.7rem 0.6rem;
}

    .search-box[b-1gafzaeibd]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        flex-shrink: 0;
    }

    .search-box input[b-1gafzaeibd] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        width: 100%;
    }

.master-detail[b-1gafzaeibd] {
    display: flex;
    gap: 0;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 24px -20px rgba(41, 41, 39, 0.3);
    min-height: 32rem;
}

.master-panel[b-1gafzaeibd] {
    width: 21rem;
    flex-shrink: 0;
    border-right: 1px solid var(--itlock-border);
    padding: 0.85rem 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.master-row[b-1gafzaeibd] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.85rem;
    margin: 0 0.5rem;
    border-radius: 9px;
    cursor: pointer;
    border-left: 3px solid transparent;
}

    .master-row:hover[b-1gafzaeibd] {
        background: var(--itlock-bg);
    }

.master-row-valgt[b-1gafzaeibd] {
    background: rgba(131, 94, 65, 0.09);
    border-left-color: var(--itlock-accent);
}

.master-row-preview[b-1gafzaeibd] {
    flex-shrink: 0;
    width: 2.9rem;
    aspect-ratio: 16 / 13;
    border-radius: 8px;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.15rem;
    overflow: hidden;
}

.master-row-tekst[b-1gafzaeibd] {
    min-width: 0;
}

.master-row-navn[b-1gafzaeibd] {
    display: block;
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.master-row-meta[b-1gafzaeibd] {
    display: block;
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.05rem;
}

.master-tomt-sok[b-1gafzaeibd] {
    padding: 0 0.85rem;
    font-size: 0.82rem;
}

.master-nytt[b-1gafzaeibd] {
    margin: 0.6rem 0.7rem 0;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .master-nytt input[b-1gafzaeibd] {
        font: inherit;
        font-size: 0.82rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
    }

        .master-nytt input:focus[b-1gafzaeibd] {
            outline: none;
            border-color: var(--itlock-accent);
        }

.detail-panel[b-1gafzaeibd] {
    flex: 1;
    padding: 2rem 2.2rem;
    min-width: 0;
    display: flex;
}

.detail-tomt[b-1gafzaeibd] {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
}

    .detail-tomt[b-1gafzaeibd]  .icon {
        width: 2.1rem;
        height: 2.1rem;
    }

.detail-innhold[b-1gafzaeibd] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}

.kobling-forhandsvisning[b-1gafzaeibd] {
    width: 100%;
    aspect-ratio: 16 / 13;
    background-image:
        linear-gradient(90deg, rgba(131, 94, 65, 0.06) 1px, transparent 1px),
        linear-gradient(rgba(131, 94, 65, 0.06) 1px, transparent 1px);
    background-size: 24px 24px;
    background-color: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.5rem;
}

.detail-tekst[b-1gafzaeibd] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

    .detail-tekst h2[b-1gafzaeibd] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--itlock-ink);
    }

.detail-prosjekt[b-1gafzaeibd] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 600;
    color: var(--itlock-accent);
    margin-left: 0.5rem;
}

    .detail-prosjekt[b-1gafzaeibd]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.detail-knapperad[b-1gafzaeibd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.detail-slett-confirm[b-1gafzaeibd] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.delete-confirm-button[b-1gafzaeibd] {
    background: #b5502d;
    color: #fff;
    border: 1px solid #b5502d;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.78rem;
}

.cancel-button[b-1gafzaeibd] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.78rem;
    color: var(--itlock-ink);
}
/* _content/PortalItlock.Web/Components/Pages/KoblingOversikt.razor.rz.scp.css */
.back-link[b-3beu9o47ux] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-size: 0.83rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-3beu9o47ux] {
        text-decoration: underline;
    }

    .back-link[b-3beu9o47ux]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

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

.side-header-venstre[b-3beu9o47ux] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-3beu9o47ux] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-3beu9o47ux]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-3beu9o47ux] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-3beu9o47ux] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 520px;
}

.knapp[b-3beu9o47ux] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .knapp[b-3beu9o47ux]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.knapp-ghost[b-3beu9o47ux] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .knapp-ghost:hover[b-3beu9o47ux] {
        border-color: var(--itlock-accent);
    }

.knapp-aktiv[b-3beu9o47ux] {
    background: var(--itlock-ink);
    border: 1px solid var(--itlock-ink);
    color: #fff;
}

.knapp-primaer[b-3beu9o47ux] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:disabled[b-3beu9o47ux] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.kobling-kategori-grid[b-3beu9o47ux] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.kobling-kategori-wrap[b-3beu9o47ux] {
    position: relative;
}

.kobling-kategori-card[b-3beu9o47ux] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    padding: 1.6rem 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .kobling-kategori-card:hover[b-3beu9o47ux] {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
        border-color: var(--itlock-accent);
    }

.kobling-kategori-ikon[b-3beu9o47ux] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .kobling-kategori-ikon[b-3beu9o47ux]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.kobling-kategori-navn[b-3beu9o47ux] {
    font-weight: 700;
    font-size: 0.94rem;
}

.kobling-kategori-slett-button[b-3beu9o47ux] {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--itlock-surface);
    color: #b5502d;
    border: 1px solid #b5502d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .kobling-kategori-slett-button[b-3beu9o47ux]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .kobling-kategori-slett-button:hover[b-3beu9o47ux] {
        background: #b5502d;
        color: #fff;
    }

.kobling-kategori-slett-confirm[b-3beu9o47ux] {
    position: absolute;
    inset: 0;
    background: var(--itlock-surface);
    border: 1px solid #b5502d;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.8rem;
    text-align: center;
}

    .kobling-kategori-slett-confirm p[b-3beu9o47ux] {
        margin: 0;
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
    }

.kobling-kategori-slett-confirm-rad[b-3beu9o47ux] {
    display: flex;
    gap: 0.4rem;
}

.delete-confirm-button[b-3beu9o47ux] {
    background: #b5502d;
    color: #fff;
    border: 1px solid #b5502d;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.78rem;
}

.cancel-button[b-3beu9o47ux] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.78rem;
    color: var(--itlock-ink);
}

.kobling-kategori-ny[b-3beu9o47ux] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 1rem;
    background: transparent;
    border: 1.5px dashed var(--itlock-border);
    border-radius: 14px;
}

    .kobling-kategori-ny input[b-3beu9o47ux] {
        width: 100%;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
        text-align: center;
    }
/* _content/PortalItlock.Web/Components/Pages/KoblingsSkjemaVisning.razor.rz.scp.css */
.back-link[b-dubmtfzzi4] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-dubmtfzzi4] {
        text-decoration: underline;
    }

.form-error[b-dubmtfzzi4] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-dubmtfzzi4] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.kobling-prosjekt-lenke[b-dubmtfzzi4] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

    .kobling-prosjekt-lenke a[b-dubmtfzzi4] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

    .kobling-prosjekt-lenke a:hover[b-dubmtfzzi4] {
        text-decoration: underline;
    }

.kobling-prosjekt-velger[b-dubmtfzzi4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .kobling-prosjekt-velger select[b-dubmtfzzi4] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.kobling-toolbar[b-dubmtfzzi4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 0.85rem 0 1.1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--itlock-border);
}

.kobling-legg-til-symbol[b-dubmtfzzi4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.add-button[b-dubmtfzzi4],
.save-button[b-dubmtfzzi4],
.edit-button-active[b-dubmtfzzi4] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.01em;
    transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.add-button[b-dubmtfzzi4] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-accent);
    color: var(--itlock-accent);
}

    .add-button:hover[b-dubmtfzzi4] {
        background: var(--itlock-accent);
        color: #fff;
    }

.save-button[b-dubmtfzzi4] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
    box-shadow: 0 1px 3px rgba(131, 94, 65, 0.25);
}

    .save-button:hover[b-dubmtfzzi4] {
        box-shadow: 0 2px 6px rgba(131, 94, 65, 0.35);
    }

.edit-button-active[b-dubmtfzzi4] {
    background: var(--itlock-ink);
    color: #fff;
    border: 1px solid var(--itlock-ink);
}

.cancel-button[b-dubmtfzzi4] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.delete-button[b-dubmtfzzi4] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

.remove-button[b-dubmtfzzi4] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    margin-left: auto;
}

.saved-hint[b-dubmtfzzi4] {
    color: #2b7a4b;
    font-size: 0.8rem;
    font-weight: 600;
}

.placing-hint[b-dubmtfzzi4] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

.kobling-legg-til-wrap[b-dubmtfzzi4] {
    position: relative;
}

.kobling-legg-til-panel[b-dubmtfzzi4] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    min-width: 240px;
}

    .kobling-legg-til-panel button[b-dubmtfzzi4] {
        background: none;
        border: none;
        border-bottom: 1px solid var(--itlock-border);
        padding: 0.55rem 0.9rem;
        font: inherit;
        font-size: 0.85rem;
        text-align: left;
        cursor: pointer;
        color: var(--itlock-ink);
    }

        .kobling-legg-til-panel button:last-child[b-dubmtfzzi4] {
            border-bottom: none;
        }

        .kobling-legg-til-panel button:hover[b-dubmtfzzi4] {
            background: rgba(131, 94, 65, 0.08);
            color: var(--itlock-accent);
        }

.kobling-legg-til-bilde[b-dubmtfzzi4] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.55rem 0.9rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.kobling-mine-komponenter[b-dubmtfzzi4] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.55rem 0.9rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .kobling-mine-komponenter > span[b-dubmtfzzi4] {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
    }

.kobling-bibliotek-tom[b-dubmtfzzi4] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin: 0;
}

.kobling-bibliotek-grid[b-dubmtfzzi4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
}

.kobling-bibliotek-item[b-dubmtfzzi4] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.3rem;
    width: 100%;
    aspect-ratio: 1;
    cursor: pointer;
}

    .kobling-bibliotek-item:hover[b-dubmtfzzi4] {
        border-color: var(--itlock-accent);
    }

    .kobling-bibliotek-item img[b-dubmtfzzi4] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.kobling-strek-panel[b-dubmtfzzi4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.6rem 0.8rem;
    margin-bottom: 1rem;
}

    .kobling-strek-panel label[b-dubmtfzzi4] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

.kobling-layout[b-dubmtfzzi4] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.kobling-canvas-wrap[b-dubmtfzzi4] {
    flex: 1 1 auto;
    min-width: 0;
    max-height: 92vh;
    overflow: auto;
    border: 1px solid var(--itlock-border);
    background:
        linear-gradient(90deg, rgba(131, 94, 65, 0.06) 1px, transparent 1px),
        linear-gradient(rgba(131, 94, 65, 0.06) 1px, transparent 1px);
    background-size: 24px 24px;
    background-color: var(--itlock-surface);
}

.kobling-canvas[b-dubmtfzzi4] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 13;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.kobling-canvas-rediger[b-dubmtfzzi4] {
    outline: 2px dashed var(--itlock-accent);
    outline-offset: -2px;
}

.kobling-rubber-band[b-dubmtfzzi4] {
    position: absolute;
    border: 1px dashed var(--itlock-accent);
    background: rgba(131, 94, 65, 0.08);
    pointer-events: none;
}

.kobling-strek-svg-overlay[b-dubmtfzzi4] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.kobling-side-panel[b-dubmtfzzi4] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.kobling-symbol-panel[b-dubmtfzzi4] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

    .kobling-symbol-panel label[b-dubmtfzzi4] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
    }

    .kobling-symbol-panel input[b-dubmtfzzi4] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.35rem 0.5rem;
    }

.kobling-symbol-panel-header[b-dubmtfzzi4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .kobling-symbol-panel-header h2[b-dubmtfzzi4] {
        margin: 0;
        font-size: 1.1rem;
    }

.kobling-symbol-panel-actions[b-dubmtfzzi4] {
    display: flex;
    gap: 0.5rem;
}

.checkbox-row[b-dubmtfzzi4] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 0.4rem !important;
    cursor: pointer;
}

/* _content/PortalItlock.Web/Components/Pages/KoblingsSymbolElement.razor.rz.scp.css */
.kobling-symbol-marker[b-u963ug0jip] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    cursor: pointer;
    touch-action: none;
}

.kobling-canvas-rediger .kobling-symbol-marker[b-u963ug0jip] {
    cursor: grab;
}

.kobling-canvas-rediger .kobling-symbol-marker:active[b-u963ug0jip] {
    cursor: grabbing;
}

.kobling-symbol-marker-selected[b-u963ug0jip] {
    outline: 2px solid var(--itlock-accent);
    outline-offset: 2px;
}

.kobling-symbol-marker-laast[b-u963ug0jip] {
    outline: 1px dashed var(--itlock-ink-muted);
    outline-offset: 2px;
    cursor: default !important;
}

.kobling-symbol-bilde[b-u963ug0jip] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.kobling-figur-svg[b-u963ug0jip] {
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.kobling-tekstboks[b-u963ug0jip] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    pointer-events: none;
    user-select: none;
    word-break: break-word;
}

.kobling-symbol-label[b-u963ug0jip] {
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--itlock-ink);
    background: #fff;
    padding: 0 0.25rem;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.kobling-resize-handle[b-u963ug0jip] {
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: var(--itlock-accent);
    border: 1px solid #fff;
    cursor: nwse-resize;
    touch-action: none;
}

.kobling-punkt-figur[b-u963ug0jip] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
/* _content/PortalItlock.Web/Components/Pages/Komponenter.razor.rz.scp.css */
.side-header[b-frv9obw63o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.side-header-venstre[b-frv9obw63o] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-frv9obw63o] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-frv9obw63o]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-frv9obw63o] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-frv9obw63o] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.snarvei-rad[b-frv9obw63o] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.knapp[b-frv9obw63o] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp:hover[b-frv9obw63o] {
        border-color: var(--itlock-accent);
    }

    .knapp:disabled[b-frv9obw63o] {
        opacity: 0.45;
        cursor: default;
    }

    .knapp[b-frv9obw63o]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.knapp-primaer[b-frv9obw63o] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-frv9obw63o] {
        background: var(--itlock-accent-hover);
    }

.knapp-farlig[b-frv9obw63o] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

.knapp-liten[b-frv9obw63o] {
    padding: 0.4rem 0.7rem;
    font-size: 0.78rem;
}

.pil-hoyre[b-frv9obw63o]  .icon {
    transform: rotate(180deg);
}

.verktoy-kort[b-frv9obw63o] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.1rem 1.2rem;
    margin-bottom: 1rem;
}

.verktoy-rad[b-frv9obw63o] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.sok-boks[b-frv9obw63o] {
    position: relative;
    flex: 1 1 240px;
    max-width: 340px;
}

    .sok-boks[b-frv9obw63o]  .icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--itlock-ink-muted);
        width: 0.95rem;
        height: 0.95rem;
    }

    .sok-boks input[b-frv9obw63o] {
        width: 100%;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 0.8rem 0.55rem 2.1rem;
    }

.felt-select[b-frv9obw63o] {
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
}

.filter-rad[b-frv9obw63o] {
    display: flex;
    gap: 0.4rem;
    margin-left: auto;
}

.filter-chip[b-frv9obw63o] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .filter-chip.aktiv[b-frv9obw63o] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.types-toggle[b-frv9obw63o] {
    border: none;
    background: none;
    color: var(--itlock-accent);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.types-panel[b-frv9obw63o] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--itlock-border);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.type-rad[b-frv9obw63o] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .type-rad input[type="text"][b-frv9obw63o],
    .type-rad input:not([type])[b-frv9obw63o] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.85rem;
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.6rem;
    }

    .type-rad input[type="number"][b-frv9obw63o] {
        width: 5rem;
        font: inherit;
        font-size: 0.85rem;
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.6rem;
    }

.ny-type-rad[b-frv9obw63o] {
    margin-top: 0.3rem;
}

    .ny-type-rad input[b-frv9obw63o] {
        font: inherit;
        font-size: 0.85rem;
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.5rem 0.7rem;
    }

    .ny-type-rad input:first-child[b-frv9obw63o] {
        flex: 1 1 220px;
    }

    .ny-type-rad input[type="number"][b-frv9obw63o] {
        width: 6rem;
        flex: 0 0 auto;
    }

.ikon-btn[b-frv9obw63o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
    text-decoration: none;
}

    .ikon-btn:hover[b-frv9obw63o] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .ikon-btn.slett:hover[b-frv9obw63o] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .ikon-btn:disabled[b-frv9obw63o] {
        opacity: 0.4;
        cursor: default;
    }

        .ikon-btn:disabled:hover[b-frv9obw63o] {
            border-color: var(--itlock-border);
            color: var(--itlock-ink-muted);
        }

    .ikon-btn[b-frv9obw63o]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.status-rad[b-frv9obw63o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.7rem;
}

.stat-chip[b-frv9obw63o] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

    .stat-chip .dot[b-frv9obw63o] {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 50%;
        background: var(--itlock-accent);
    }

.pagination[b-frv9obw63o] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.bunn-rad[b-frv9obw63o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
}

.tabell-kort[b-frv9obw63o] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    overflow: hidden;
    margin-bottom: 1rem;
}

.table-scroll-top[b-frv9obw63o] {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    height: 14px;
    border-bottom: 1px solid var(--itlock-border);
}

.table-scroll-top-inner[b-frv9obw63o] {
    height: 1px;
}

.table-wrap[b-frv9obw63o] {
    overflow-x: auto;
    overflow-y: auto;
    max-width: 100%;
    max-height: 65vh;
}

.komponenttype-panel[b-frv9obw63o] {
    display: none;
}

.component-table[b-frv9obw63o] {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.component-table th[b-frv9obw63o] {
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: left;
    padding: 0.75rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
    background: var(--itlock-surface);
    border-bottom: 1px solid var(--itlock-border);
    white-space: nowrap;
}

.component-table td[b-frv9obw63o] {
    padding: 0.5rem 0.7rem;
    border-bottom: 1px solid var(--itlock-border);
    font-size: 0.85rem;
    vertical-align: middle;
    white-space: nowrap;
}

.component-table tbody tr:hover td[b-frv9obw63o] {
    background: var(--itlock-bg);
}

.component-table td input[b-frv9obw63o],
.component-table td select[b-frv9obw63o] {
    width: 100%;
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 0.35rem 0.45rem;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .component-table td input:hover[b-frv9obw63o],
    .component-table td select:hover[b-frv9obw63o] {
        background: var(--itlock-surface);
        border-color: var(--itlock-border);
    }

    .component-table td input:focus[b-frv9obw63o],
    .component-table td select:focus[b-frv9obw63o] {
        background: var(--itlock-surface);
        border-color: var(--itlock-accent);
        outline: none;
    }

.toggle-mini[b-frv9obw63o] {
    width: 1rem !important;
    height: 1rem;
    accent-color: var(--itlock-accent);
    flex: 0 0 auto;
}

.actions[b-frv9obw63o] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.status-dots[b-frv9obw63o] {
    display: inline-flex;
    gap: 0.3rem;
    margin-right: 0.2rem;
}

.status-dot[b-frv9obw63o] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    display: inline-block;
}

.dot-komplett[b-frv9obw63o] {
    background: #2b7a4b;
}

.dot-dobbelsjekk[b-frv9obw63o] {
    background: #c47a1f;
}

.type-pille[b-frv9obw63o] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}

.rabatt-pille[b-frv9obw63o] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
}

.vare-lenke[b-frv9obw63o] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-weight: 700;
    color: var(--itlock-ink);
    cursor: pointer;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: var(--itlock-border);
    text-underline-offset: 2px;
}

    .vare-lenke:hover[b-frv9obw63o] {
        color: var(--itlock-accent);
        text-decoration-color: var(--itlock-accent);
    }

.price-cell[b-frv9obw63o] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    text-align: right;
    font-weight: 600;
}

.price-input[b-frv9obw63o] {
    max-width: 5.5rem;
}

.kode-input[b-frv9obw63o] {
    max-width: 6rem;
}

.inactive-row td[b-frv9obw63o] {
    opacity: 0.45;
}

.no-price-toggle[b-frv9obw63o] {
    display: block;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.2rem;
    white-space: nowrap;
}

    .no-price-toggle input[b-frv9obw63o] {
        width: auto !important;
        margin-right: 0.25rem;
        accent-color: var(--itlock-accent);
    }

.fdv-cell[b-frv9obw63o] {
    white-space: nowrap;
    font-size: 0.8rem;
}

    .fdv-cell input[type="file"][b-frv9obw63o] {
        max-width: 10rem;
        font-size: 0.75rem;
    }

.fil-chip[b-frv9obw63o] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.25rem 0.3rem 0.25rem 0.55rem;
}

    .fil-chip a[b-frv9obw63o] {
        color: var(--itlock-ink);
        font-weight: 600;
        font-size: 0.78rem;
        text-decoration: none;
        max-width: 8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.delete-confirm[b-frv9obw63o] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.kort[b-frv9obw63o] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
}

    .kort h2[b-frv9obw63o] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.new-component[b-frv9obw63o] {
    max-width: 1100px;
}

.new-component-form[b-frv9obw63o] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .new-component-form select[b-frv9obw63o],
    .new-component-form input[b-frv9obw63o] {
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
        flex: 1;
        min-width: 160px;
    }

.save-success[b-frv9obw63o] {
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.5rem;
}

.form-error[b-frv9obw63o] {
    color: #b5502d;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.produsentadresse-row td[b-frv9obw63o] {
    background: var(--itlock-bg);
    padding: 0.5rem 0.6rem;
    white-space: normal;
}

.produsentadresse-form[b-frv9obw63o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

    .produsentadresse-form input[b-frv9obw63o] {
        font: inherit;
        font-size: 0.85rem;
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.6rem;
    }

.produsentadresse-tittel[b-frv9obw63o] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    margin-right: 0.3rem;
}

@media (max-width: 640.98px) {
    .filter-rad[b-frv9obw63o] {
        margin-left: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KomponentPrisModul.razor.rz.scp.css */
.back-link[b-1fzau9p35w] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-1fzau9p35w]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-1fzau9p35w] {
        color: var(--itlock-accent);
    }

.side-header[b-1fzau9p35w] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-1fzau9p35w] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-1fzau9p35w]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-1fzau9p35w] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-1fzau9p35w] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-1fzau9p35w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-1fzau9p35w] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-1fzau9p35w] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-1fzau9p35w] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-1fzau9p35w]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-1fzau9p35w] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-1fzau9p35w] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-1fzau9p35w] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KontrollTarn.razor.rz.scp.css */
.section-hint[b-fedootbu0s] {
    color: var(--itlock-ink-muted);
    max-width: 720px;
}

.list-empty[b-fedootbu0s] {
    color: var(--itlock-ink-muted);
}

h2[b-fedootbu0s] {
    font-size: 1.05rem;
    margin: 1.5rem 0 0.5rem;
}

.dashboard-grid[b-fedootbu0s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    max-width: 900px;
    margin-bottom: 1rem;
}

.dashboard-card[b-fedootbu0s] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 1.1rem 1.3rem;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease-out;
}

    .dashboard-card:hover[b-fedootbu0s] {
        border-color: var(--itlock-accent);
    }

.dashboard-tall[b-fedootbu0s] {
    font-size: 2.1rem;
    font-weight: 700;
    color: var(--itlock-accent);
    font-variant-numeric: tabular-nums;
}

.dashboard-label[b-fedootbu0s] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.dashboard-card-varsel[b-fedootbu0s] {
    border-color: #b5502d;
}

    .dashboard-card-varsel .dashboard-tall[b-fedootbu0s] {
        color: #b5502d;
    }

.backup-panel[b-fedootbu0s] {
    max-width: 720px;
    border: 1px solid var(--itlock-border);
    padding: 1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    align-items: flex-start;
}

.backup-ok[b-fedootbu0s] {
    color: #2b7a4b;
    font-weight: 600;
}

.backup-feil[b-fedootbu0s] {
    color: #a33;
    font-weight: 600;
}

.save-button[b-fedootbu0s] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .save-button:disabled[b-fedootbu0s] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.admin-verktoy-rad[b-fedootbu0s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.75rem 0 1.5rem;
}

.cancel-button[b-fedootbu0s] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: inherit;
}

    .cancel-button:disabled[b-fedootbu0s] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.backup-historikk[b-fedootbu0s] {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
/* _content/PortalItlock.Web/Components/Pages/Kravdimensjoner.razor.rz.scp.css */
.side-header[b-pfc96vax0c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-pfc96vax0c] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-pfc96vax0c] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-pfc96vax0c]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-pfc96vax0c] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-pfc96vax0c] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.krav-splitt[b-pfc96vax0c] {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
}

.krav-liste-panel[b-pfc96vax0c] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    overflow: hidden;
}

.krav-sok[b-pfc96vax0c] {
    position: relative;
    padding: 0.7rem 0.7rem 0.5rem;
}

    .krav-sok[b-pfc96vax0c]  .icon {
        position: absolute;
        left: 1.1rem;
        top: 1.05rem;
        width: 0.85rem;
        height: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    .krav-sok input[b-pfc96vax0c] {
        width: 100%;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem 0.55rem 2rem;
    }

.krav-liste[b-pfc96vax0c] {
    max-height: 560px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.krav-rad[b-pfc96vax0c] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.6rem 0.8rem;
    border: none;
    background: none;
    border-bottom: 1px solid var(--itlock-border);
    font: inherit;
    color: var(--itlock-ink);
    cursor: pointer;
    text-align: left;
    width: 100%;
}

    .krav-rad:last-child[b-pfc96vax0c] {
        border-bottom: none;
    }

    .krav-rad.valgt[b-pfc96vax0c] {
        background: rgba(131, 94, 65, 0.1);
    }

.krav-ikon[b-pfc96vax0c] {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .krav-ikon[b-pfc96vax0c]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.krav-rad.valgt .krav-ikon[b-pfc96vax0c] {
    background: var(--itlock-accent);
    color: #fff;
}

.krav-rad-navn[b-pfc96vax0c] {
    flex: 1;
    font-size: 0.88rem;
    font-weight: 600;
}

.krav-rad-antall[b-pfc96vax0c] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border-radius: 999px;
    padding: 0.1rem 0.5rem;
}

.krav-rad.valgt .krav-rad-antall[b-pfc96vax0c] {
    background: var(--itlock-surface);
}

.krav-ny-kategori[b-pfc96vax0c] {
    display: flex;
    gap: 0.5rem;
    padding: 0.8rem;
    border-top: 1px solid var(--itlock-border);
}

    .krav-ny-kategori input[b-pfc96vax0c] {
        flex: 1;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.6rem;
    }

.krav-ny-kategori-melding[b-pfc96vax0c] {
    padding: 0 0.8rem 0.8rem;
    font-size: 0.82rem;
}

.krav-detalj-panel[b-pfc96vax0c] {
    flex: 1;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.5rem 1.7rem;
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

.krav-detalj-header[b-pfc96vax0c] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

    .krav-detalj-header h2[b-pfc96vax0c] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 700;
    }

.krav-detalj-ikon[b-pfc96vax0c] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .krav-detalj-ikon[b-pfc96vax0c]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.krav-felt[b-pfc96vax0c] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-width: 360px;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

    .krav-felt input[b-pfc96vax0c] {
        font: inherit;
        font-size: 0.92rem;
        font-weight: 400;
        text-transform: none;
        letter-spacing: normal;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.6rem 0.75rem;
    }

.krav-verdier-label[b-pfc96vax0c] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.krav-verdi-liste[b-pfc96vax0c] {
    max-width: 420px;
}

.krav-verdi-rad[b-pfc96vax0c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .krav-verdi-rad:last-of-type[b-pfc96vax0c] {
        border-bottom: none;
    }

    .krav-verdi-rad input[b-pfc96vax0c] {
        flex: 1;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
    }

.krav-slett-verdi[b-pfc96vax0c] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .krav-slett-verdi[b-pfc96vax0c]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

    .krav-slett-verdi:hover[b-pfc96vax0c] {
        border-color: #b5502d;
        color: #b5502d;
    }

.krav-legg-til-verdi[b-pfc96vax0c] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.6rem;
    max-width: 420px;
}

    .krav-legg-til-verdi input[b-pfc96vax0c] {
        flex: 1;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px dashed var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
    }

.krav-footer[b-pfc96vax0c] {
    padding-top: 1rem;
    border-top: 1px solid var(--itlock-border);
}

.save-success[b-pfc96vax0c] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0;
}

.list-empty[b-pfc96vax0c] {
    color: var(--itlock-ink-muted);
    padding: 1rem;
    font-size: 0.85rem;
}

.knapp[b-pfc96vax0c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-pfc96vax0c] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-pfc96vax0c] {
        background: var(--itlock-accent-hover);
    }

@media (max-width: 900px) {
    .krav-splitt[b-pfc96vax0c] {
        flex-direction: column;
    }

    .krav-liste-panel[b-pfc96vax0c] {
        width: 100%;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KundeAvvikSkjema.razor.rz.scp.css */
.back-link[b-mczkib3l6f] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-mczkib3l6f] {
        text-decoration: underline;
    }

.pdf-knapp[b-mczkib3l6f] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
}

.section-hint[b-mczkib3l6f] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
    margin-bottom: 1rem;
}

.form-error[b-mczkib3l6f] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-mczkib3l6f] {
    color: #2b7a4b;
    font-weight: 600;
}

.avvik-detalj-section[b-mczkib3l6f] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    max-width: 640px;
}

    .avvik-detalj-section h2[b-mczkib3l6f] {
        font-size: 1.05rem;
        margin-bottom: 0.3rem;
    }

.navn-input[b-mczkib3l6f] {
    display: block;
    width: 100%;
    max-width: 320px;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
    font: inherit;
}

.signatur-pad-wrap[b-mczkib3l6f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}

.signatur-canvas[b-mczkib3l6f] {
    width: 100%;
    max-width: 500px;
    height: 180px;
    background: #fff;
    border: 1px solid var(--itlock-border);
    touch-action: none;
}

.signatur-actions[b-mczkib3l6f] {
    display: flex;
    gap: 0.5rem;
}

.save-button[b-mczkib3l6f] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.cancel-button[b-mczkib3l6f] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}
/* _content/PortalItlock.Web/Components/Pages/KundeHjem.razor.rz.scp.css */
.form-error[b-59vywj2rzz] {
    color: #b5502d;
    font-weight: 600;
}

.section-hint[b-59vywj2rzz] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-59vywj2rzz] {
    color: var(--itlock-ink-muted);
    margin-top: 1rem;
}

.add-button[b-59vywj2rzz] {
    display: inline-block;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.6rem 1.2rem;
    text-decoration: none;
    font-weight: 600;
    margin: 0.5rem 0 1.5rem;
}

.henvendelse-liste[b-59vywj2rzz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.henvendelse-kort[b-59vywj2rzz] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem 1.25rem;
}

.henvendelse-header[b-59vywj2rzz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.henvendelse-status[b-59vywj2rzz] {
    font-size: 0.8rem;
    background: color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%);
    padding: 0.15rem 0.6rem;
    border: 1px solid var(--itlock-border);
}

.henvendelse-dato[b-59vywj2rzz] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.5rem;
}

.henvendelse-bilder[b-59vywj2rzz] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

    .henvendelse-bilder img[b-59vywj2rzz] {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border: 1px solid var(--itlock-border);
    }

.henvendelse-svar[b-59vywj2rzz] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--itlock-border);
}

.avvik-varsel-section[b-59vywj2rzz] {
    margin-bottom: 1.5rem;
}

.avvik-varsel-liste[b-59vywj2rzz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.avvik-varsel-kort[b-59vywj2rzz] {
    border: 1px solid var(--itlock-border);
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    padding: 1rem 1.25rem;
}
/* _content/PortalItlock.Web/Components/Pages/KundeJobbDetalj.razor.rz.scp.css */
.back-link[b-rn67rqnqli] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-rn67rqnqli] {
        text-decoration: underline;
    }

.form-error[b-rn67rqnqli] {
    color: #b5502d;
    font-weight: 600;
}

.section-hint[b-rn67rqnqli] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.jobb-dato[b-rn67rqnqli] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin: -0.5rem 0 1rem;
}

.jobb-seksjon[b-rn67rqnqli] {
    max-width: 720px;
    margin-top: 1.5rem;
}

    .jobb-seksjon textarea[b-rn67rqnqli] {
        display: block;
        width: 100%;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.5rem 0.6rem;
        margin-bottom: 0.5rem;
    }

.save-button[b-rn67rqnqli] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.save-success[b-rn67rqnqli] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin-left: 0.75rem;
}

.bilder-seksjon[b-rn67rqnqli] {
    margin-top: 1rem;
}

.jobb-bilder[b-rn67rqnqli] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.6rem;
}

    .jobb-bilder img[b-rn67rqnqli] {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border: 1px solid var(--itlock-border);
    }

.jobb-bilde-item[b-rn67rqnqli] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
}

.remove-button[b-rn67rqnqli] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    font-size: 0.78rem;
}
/* _content/PortalItlock.Web/Components/Pages/KundeJobber.razor.rz.scp.css */
.back-link[b-bezp58d086] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-bezp58d086] {
        text-decoration: underline;
    }

.form-error[b-bezp58d086] {
    color: #b5502d;
    font-weight: 600;
}

.section-hint[b-bezp58d086] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-bezp58d086] {
    color: var(--itlock-ink-muted);
    margin-bottom: 1rem;
}

.jobb-liste[b-bezp58d086] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}

.jobb-kort[b-bezp58d086] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 0.75rem 1rem;
    color: inherit;
    text-decoration: none;
}

    .jobb-kort:hover[b-bezp58d086] {
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

.jobb-dato[b-bezp58d086] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/KundeNyHenvendelse.razor.rz.scp.css */
.back-link[b-h3jpk055ei] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-h3jpk055ei] {
        text-decoration: underline;
    }

.form-error[b-h3jpk055ei] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-h3jpk055ei] {
    color: var(--itlock-ink-muted);
}

.skjema[b-h3jpk055ei] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 520px;
}

.skjema label[b-h3jpk055ei] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.9rem;
    color: var(--itlock-ink-muted);
}

.skjema input[b-h3jpk055ei],
.skjema select[b-h3jpk055ei],
.skjema textarea[b-h3jpk055ei] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.6rem;
    width: 100%;
}

.bilde-forhandsvisning[b-h3jpk055ei] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.bilde-chip[b-h3jpk055ei] {
    font-size: 0.8rem;
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-ink) 8%);
    border: 1px solid var(--itlock-border);
    padding: 0.2rem 0.5rem;
}

.send-button[b-h3jpk055ei] {
    align-self: flex-start;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    font-weight: 600;
}

    .send-button:disabled[b-h3jpk055ei] {
        opacity: 0.6;
        cursor: default;
    }
/* _content/PortalItlock.Web/Components/Pages/Kundeoppfolging.razor.rz.scp.css */
.side-header[b-2gesx8bgb8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-2gesx8bgb8] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-2gesx8bgb8] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-2gesx8bgb8]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-2gesx8bgb8] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-2gesx8bgb8] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 520px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.forfalt-pill[b-2gesx8bgb8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #b5502d;
    background: rgba(181, 80, 45, 0.1);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    white-space: nowrap;
}

    .forfalt-pill[b-2gesx8bgb8]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.sok-boks[b-2gesx8bgb8] {
    position: relative;
    max-width: 420px;
    margin-bottom: 1.3rem;
}

    .sok-boks[b-2gesx8bgb8]  .icon {
        position: absolute;
        left: 0.8rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
    }

    .sok-boks input[b-2gesx8bgb8] {
        width: 100%;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.6rem 0.8rem 0.6rem 2.2rem;
    }

.list-empty[b-2gesx8bgb8] {
    color: var(--itlock-ink-muted);
}

.oppfolging-liste[b-2gesx8bgb8] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    max-width: 800px;
}

.oppfolging-kort[b-2gesx8bgb8] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-surface);
    padding: 1.1rem 1.3rem;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
}

.oppfolging-kort.forfalt[b-2gesx8bgb8] {
    border-color: #b5502d;
}

.oppfolging-header[b-2gesx8bgb8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.oppfolging-navn-rad[b-2gesx8bgb8] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.oppfolging-avatar[b-2gesx8bgb8] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.82rem;
    flex-shrink: 0;
}

.oppfolging-navn[b-2gesx8bgb8] {
    font-weight: 700;
    font-size: 0.98rem;
}

.oppfolging-kontakt[b-2gesx8bgb8] {
    color: var(--itlock-ink-muted);
    font-weight: 500;
}

.oppfolging-kontaktinfo[b-2gesx8bgb8] {
    margin: 0.3rem 0 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

    .oppfolging-kontaktinfo span[b-2gesx8bgb8] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .oppfolging-kontaktinfo[b-2gesx8bgb8]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.edit-link[b-2gesx8bgb8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    white-space: nowrap;
}

    .edit-link[b-2gesx8bgb8]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(180deg);
    }

    .edit-link:hover[b-2gesx8bgb8] {
        text-decoration: underline;
    }

.oppfolging-tidslinje[b-2gesx8bgb8] {
    margin-top: 0.9rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--itlock-border);
    display: flex;
    flex-direction: column;
}

.tidslinje-rad[b-2gesx8bgb8] {
    display: flex;
    gap: 0.7rem;
    position: relative;
    padding-bottom: 0.7rem;
}

    .tidslinje-rad:last-child[b-2gesx8bgb8] {
        padding-bottom: 0;
    }

.tidslinje-prikk-wrap[b-2gesx8bgb8] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tidslinje-prikk[b-2gesx8bgb8] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--itlock-border);
    flex-shrink: 0;
    margin-top: 0.3rem;
}

    .tidslinje-prikk.aktiv[b-2gesx8bgb8] {
        background: var(--itlock-accent);
    }

.tidslinje-linje[b-2gesx8bgb8] {
    width: 1px;
    flex: 1;
    background: var(--itlock-border);
    margin-top: 0.2rem;
}

.tidslinje-tekst[b-2gesx8bgb8] {
    font-size: 0.85rem;
    flex: 1;
}

    .tidslinje-tekst.eldre[b-2gesx8bgb8] {
        color: var(--itlock-ink-muted);
    }

.tidslinje-dato[b-2gesx8bgb8] {
    color: var(--itlock-ink-muted);
    font-size: 0.76rem;
}

.oppfolging-frist-rad[b-2gesx8bgb8] {
    margin-top: 0.9rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.oppfolging-dato-felt[b-2gesx8bgb8] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

    .oppfolging-dato-felt input[b-2gesx8bgb8] {
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
    }

.frist-pill[b-2gesx8bgb8] {
    display: inline-flex;
    align-items: center;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.frist-forfalt[b-2gesx8bgb8] {
    color: #b5502d;
    background: rgba(181, 80, 45, 0.1);
}

.frist-snart[b-2gesx8bgb8] {
    color: #a1690a;
    background: rgba(161, 105, 10, 0.12);
}

.frist-senere[b-2gesx8bgb8] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

.knapp-frist[b-2gesx8bgb8] {
    margin-top: 0;
    margin-left: auto;
}

.oppfolging-logg-felt[b-2gesx8bgb8] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    margin-top: 0.9rem;
    flex-wrap: wrap;
}

    .oppfolging-logg-felt textarea[b-2gesx8bgb8] {
        flex: 1 1 240px;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.65rem;
    }

.knapp-rad[b-2gesx8bgb8] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.knapp[b-2gesx8bgb8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    margin-top: 0.8rem;
}

.knapp-primaer[b-2gesx8bgb8] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-2gesx8bgb8] {
        background: var(--itlock-accent-hover);
    }

    .knapp:disabled[b-2gesx8bgb8] {
        opacity: 0.5;
        cursor: default;
    }

@media (max-width: 640.98px) {
    .oppfolging-header[b-2gesx8bgb8] {
        flex-wrap: wrap;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KunderListe.razor.rz.scp.css */
.side-header[b-gsn6y6gmny] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-gsn6y6gmny] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-gsn6y6gmny]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-gsn6y6gmny] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-gsn6y6gmny] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.knapp[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp[b-gsn6y6gmny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-gsn6y6gmny] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-gsn6y6gmny] {
        background: var(--itlock-accent-hover);
    }

.knapp-aktiv[b-gsn6y6gmny] {
    background: var(--itlock-ink);
    border-color: var(--itlock-ink);
    color: var(--itlock-bg);
}

.verktoy-rad[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.sok-boks[b-gsn6y6gmny] {
    position: relative;
    flex: 1;
    min-width: 220px;
    max-width: 380px;
}

    .sok-boks[b-gsn6y6gmny]  .icon {
        position: absolute;
        left: 0.8rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
    }

    .sok-boks input[b-gsn6y6gmny] {
        width: 100%;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 0.8rem 0.55rem 2.2rem;
    }

.visning-veksler[b-gsn6y6gmny] {
    display: flex;
    gap: 0.2rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
}

.visning-knapp[b-gsn6y6gmny] {
    width: 2.1rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 7px;
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .visning-knapp.aktiv[b-gsn6y6gmny] {
        background: var(--itlock-accent-soft, rgba(131, 94, 65, 0.1));
        color: var(--itlock-accent);
    }

.knapp-rad[b-gsn6y6gmny] {
    display: flex;
    gap: 0.6rem;
    margin-left: auto;
}

.list-empty[b-gsn6y6gmny] {
    color: var(--itlock-ink-muted);
}

.kunde-liste[b-gsn6y6gmny] {
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.kunde-rad[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1.2rem;
    border-top: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .kunde-rad:first-child[b-gsn6y6gmny] {
        border-top: none;
    }

    .kunde-rad:hover[b-gsn6y6gmny] {
        background: rgba(131, 94, 65, 0.04);
    }

.kunde-rad-foto[b-gsn6y6gmny] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--itlock-border);
}

.kunde-rad-foto-tom[b-gsn6y6gmny] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

.kunde-rad-info[b-gsn6y6gmny] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

    .kunde-rad-info .kunde-navn[b-gsn6y6gmny],
    .kunde-rad-info .kunde-kontakt[b-gsn6y6gmny] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.kunde-rad-pil[b-gsn6y6gmny] {
    flex-shrink: 0;
    color: var(--itlock-accent);
    display: flex;
}

    .kunde-rad-pil[b-gsn6y6gmny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        transform: rotate(180deg);
    }

.kunde-grid[b-gsn6y6gmny] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.kunde-kort[b-gsn6y6gmny] {
    position: relative;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

    .kunde-kort:hover[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 32px -18px rgba(41, 41, 39, 0.45);
    }

.kunde-kort-lenke[b-gsn6y6gmny] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.kunde-kort-foto-wrap[b-gsn6y6gmny] {
    position: relative;
    width: 100%;
    height: 8.5rem;
}

.kunde-kort-foto[b-gsn6y6gmny] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kunde-kort-foto-tom[b-gsn6y6gmny] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    font-weight: 700;
    font-size: 1.3rem;
}

.oppf-tekst[b-gsn6y6gmny] {
    font-size: 0.78rem;
    font-weight: 600;
}

.oppf-tekst-rod[b-gsn6y6gmny] {
    color: #a32020;
}

.oppf-tekst-gul[b-gsn6y6gmny] {
    color: #a1690a;
}

.oppf-tekst-gronn[b-gsn6y6gmny] {
    color: #2b7a4b;
}

.kunde-kort-innhold[b-gsn6y6gmny] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem 1.1rem 1.1rem;
    pointer-events: none;
}

    .kunde-kort-innhold .kunde-slett-button[b-gsn6y6gmny],
    .kunde-kort-innhold .delete-confirm-button[b-gsn6y6gmny],
    .kunde-kort-innhold .cancel-button[b-gsn6y6gmny] {
        pointer-events: auto;
    }

.kunde-navn[b-gsn6y6gmny] {
    font-weight: 700;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kunde-kontakt[b-gsn6y6gmny] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kunde-info-rad[b-gsn6y6gmny] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    border-top: 1px solid var(--itlock-border);
    padding-top: 0.7rem;
}

    .kunde-info-rad span[b-gsn6y6gmny] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kunde-info-rad[b-gsn6y6gmny]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        flex-shrink: 0;
    }

.kunde-kort-bunn[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.prosjekt-badge[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    white-space: nowrap;
}

    .prosjekt-badge[b-gsn6y6gmny]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.apne-pil[b-gsn6y6gmny] {
    color: var(--itlock-accent);
    flex-shrink: 0;
    display: flex;
}

    .apne-pil[b-gsn6y6gmny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        transform: rotate(180deg);
    }

.kunde-slett-button[b-gsn6y6gmny] {
    background: transparent;
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    flex-shrink: 0;
}

    .kunde-slett-button:hover[b-gsn6y6gmny] {
        border-color: #b5502d;
        color: #b5502d;
    }

.kunde-slett-confirm[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    flex-wrap: wrap;
}

.delete-confirm-button[b-gsn6y6gmny] {
    background: #b5502d;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.8rem;
}

.cancel-button[b-gsn6y6gmny] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.8rem;
}

@media (max-width: 500px) {
    .knapp-rad[b-gsn6y6gmny] {
        margin-left: 0;
        width: 100%;
    }
}

/* ---------- Filtre ---------- */

.filter-dropdown[b-gsn6y6gmny] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.7rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
    cursor: pointer;
}

.filter-button[b-gsn6y6gmny],
.edit-button-active[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 9px;
    padding: 0.55rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.filter-button[b-gsn6y6gmny] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .filter-button:hover[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
    }

.edit-button-active[b-gsn6y6gmny] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
}

    .filter-button[b-gsn6y6gmny]  .icon,
    .edit-button-active[b-gsn6y6gmny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.filterpanel[b-gsn6y6gmny] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
}

    .filterpanel label[b-gsn6y6gmny] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
        font-weight: 600;
    }

    .filterpanel select[b-gsn6y6gmny] {
        padding: 0.4rem 0.55rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        font: inherit;
    }

.form-error[b-gsn6y6gmny] {
    color: #b5502d;
    font-weight: 600;
}

.remove-button[b-gsn6y6gmny] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.7rem;
    cursor: pointer;
    font-size: 0.8rem;
    height: fit-content;
}

.add-button[b-gsn6y6gmny] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    height: fit-content;
}

    .add-button:disabled[b-gsn6y6gmny] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ---------- Statuspille (delt på tvers av visninger) ---------- */

.status-pille[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.status-pille-aktiv[b-gsn6y6gmny] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.12);
}

.status-pille-inaktiv[b-gsn6y6gmny] {
    color: var(--itlock-ink-muted);
    background: color-mix(in srgb, var(--itlock-ink-muted) 14%, transparent);
}

.kort-status-pille[b-gsn6y6gmny] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: var(--itlock-surface);
}

.type-badge[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    white-space: nowrap;
}

/* ---------- Listevisning (tabell) ---------- */

.kunde-tabell-wrap[b-gsn6y6gmny] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.kunde-tabell[b-gsn6y6gmny] {
    width: 100%;
    border-collapse: collapse;
}

    .kunde-tabell th[b-gsn6y6gmny],
    .kunde-tabell td[b-gsn6y6gmny] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.87rem;
        white-space: nowrap;
    }

    .kunde-tabell th[b-gsn6y6gmny] {
        color: var(--itlock-ink-muted);
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .kunde-tabell tbody tr:last-child td[b-gsn6y6gmny] {
        border-bottom: none;
    }

    .kunde-tabell tbody tr:hover td[b-gsn6y6gmny] {
        background: rgba(131, 94, 65, 0.05);
    }

.mono[b-gsn6y6gmny] {
    font-variant-numeric: tabular-nums;
}

.tabell-kunde-celle[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.tabell-kunde-foto[b-gsn6y6gmny] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
}

.tabell-kunde-foto-tom[b-gsn6y6gmny] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.7rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

.tabell-kunde-navn[b-gsn6y6gmny] {
    font-weight: 700;
}

.tabell-handling[b-gsn6y6gmny] {
    display: flex;
    gap: 0.15rem;
}

.ikon-btn[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    transition: background 0.15s ease, color 0.15s ease;
}

    .ikon-btn[b-gsn6y6gmny]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .ikon-btn:hover[b-gsn6y6gmny] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
    }

.ikon-btn-fare:hover[b-gsn6y6gmny] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

.paginering[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.paginering-info[b-gsn6y6gmny] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.paginering-sider[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.side-knapp[b-gsn6y6gmny] {
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0 0.4rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 7px;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    color: var(--itlock-ink);
}

    .side-knapp:hover:not(:disabled)[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
    }

    .side-knapp.aktiv[b-gsn6y6gmny] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
        font-weight: 700;
    }

    .side-knapp:disabled[b-gsn6y6gmny] {
        opacity: 0.4;
        cursor: default;
    }

.side-storrelse[b-gsn6y6gmny] {
    max-width: 130px;
}

/* ---------- Sidepanel-visning (master-detail) ---------- */

.kunder-split[b-gsn6y6gmny] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1.1rem;
    align-items: start;
}

.kunder-split-liste[b-gsn6y6gmny] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: calc(100vh - 14rem);
    overflow-y: auto;
}

.split-rad[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .split-rad:hover[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
    }

    .split-rad.aktiv[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 2px rgba(131, 94, 65, 0.15);
    }

.split-rad-foto[b-gsn6y6gmny] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
}

.split-rad-foto-tom[b-gsn6y6gmny] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.78rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

.split-rad-info[b-gsn6y6gmny] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

.split-rad-navn[b-gsn6y6gmny] {
    font-weight: 700;
    font-size: 0.86rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.split-rad-adresse[b-gsn6y6gmny] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.split-rad-pil[b-gsn6y6gmny] {
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
    display: flex;
}

    .split-rad-pil[b-gsn6y6gmny]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(180deg);
    }

.kunder-split-detalj[b-gsn6y6gmny] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1.1rem 1.3rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.detalj-topprad[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.detalj-bilde-wrap[b-gsn6y6gmny] {
    flex-shrink: 0;
}

.detalj-bilde[b-gsn6y6gmny] {
    width: 4rem;
    height: 4rem;
    border-radius: 12px;
    object-fit: cover;
    display: block;
}

.detalj-bilde-tom[b-gsn6y6gmny] {
    width: 4rem;
    height: 4rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

.detalj-navnblokk[b-gsn6y6gmny] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .detalj-navnblokk h2[b-gsn6y6gmny] {
        margin: 0;
        font-size: 1.15rem;
    }

.detalj-handlinger[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.detalj-dropdown[b-gsn6y6gmny] {
    position: relative;
}

.detalj-dropdown-meny[b-gsn6y6gmny] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.3rem);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    min-width: 180px;
    padding: 0.35rem;
    z-index: 20;
}

.detalj-dropdown-fare[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: none;
    text-align: left;
    padding: 0.5rem 0.6rem;
    border-radius: 7px;
    cursor: pointer;
    font: inherit;
    font-size: 0.85rem;
    color: #a32020;
    width: 100%;
}

    .detalj-dropdown-fare:hover[b-gsn6y6gmny] {
        background: rgba(163, 32, 32, 0.08);
    }

    .detalj-dropdown-fare[b-gsn6y6gmny]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.detalj-fane-nav[b-gsn6y6gmny] {
    display: flex;
    gap: 0.3rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.detalj-fane[b-gsn6y6gmny] {
    border: none;
    background: none;
    padding: 0.55rem 0.2rem;
    margin-right: 1.1rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

    .detalj-fane.aktiv[b-gsn6y6gmny] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

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

.detalj-boks[b-gsn6y6gmny] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.9rem 1rem;
    margin-bottom: 1rem;
}

    .detalj-boks:last-child[b-gsn6y6gmny] {
        margin-bottom: 0;
    }

    .detalj-boks h3[b-gsn6y6gmny] {
        margin: 0 0 0.7rem;
        font-size: 0.88rem;
    }

    .detalj-boks textarea[b-gsn6y6gmny] {
        width: 100%;
        font: inherit;
        font-size: 0.86rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.6rem;
        resize: vertical;
        box-sizing: border-box;
    }

.detalj-boks-header[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

    .detalj-boks-header h3[b-gsn6y6gmny] {
        margin: 0;
    }

.detalj-infoliste[b-gsn6y6gmny] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0;
}

    .detalj-infoliste > div[b-gsn6y6gmny] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        font-size: 0.85rem;
    }

    .detalj-infoliste dt[b-gsn6y6gmny] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        color: var(--itlock-ink-muted);
    }

        .detalj-infoliste dt[b-gsn6y6gmny]  .icon {
            width: 0.8rem;
            height: 0.8rem;
        }

    .detalj-infoliste dd[b-gsn6y6gmny] {
        margin: 0;
        font-weight: 600;
        text-align: right;
    }

.prosjekt-tabell-wrap[b-gsn6y6gmny] {
    overflow-x: auto;
}

.prosjekt-tabell[b-gsn6y6gmny] {
    width: 100%;
    border-collapse: collapse;
}

    .prosjekt-tabell th[b-gsn6y6gmny],
    .prosjekt-tabell td[b-gsn6y6gmny] {
        text-align: left;
        padding: 0.5rem 0.4rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
        white-space: nowrap;
    }

    .prosjekt-tabell th[b-gsn6y6gmny] {
        color: var(--itlock-ink-muted);
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .prosjekt-tabell tbody tr:last-child td[b-gsn6y6gmny] {
        border-bottom: none;
    }

    .prosjekt-tabell a[b-gsn6y6gmny] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

        .prosjekt-tabell a:hover[b-gsn6y6gmny] {
            text-decoration: underline;
        }

.kontaktperson-rad[b-gsn6y6gmny] {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, 1fr)) auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .kontaktperson-rad input[b-gsn6y6gmny] {
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.5rem;
    }

.ny-kontaktperson-rad[b-gsn6y6gmny] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

    .ny-kontaktperson-rad input[b-gsn6y6gmny] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.6rem;
    }

.dokument-liste[b-gsn6y6gmny] {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.dokument-item[b-gsn6y6gmny] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    font-size: 0.85rem;
}

    .dokument-item[b-gsn6y6gmny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .dokument-item a[b-gsn6y6gmny] {
        flex: 1 1 auto;
        min-width: 0;
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .dokument-item a:hover[b-gsn6y6gmny] {
            text-decoration: underline;
        }

.dokument-dato[b-gsn6y6gmny] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.dokument-opplasting[b-gsn6y6gmny] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px dashed var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
}

    .dokument-opplasting:hover[b-gsn6y6gmny] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .dokument-opplasting[b-gsn6y6gmny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.historikk-liste[b-gsn6y6gmny] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

    .historikk-liste li[b-gsn6y6gmny] {
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
        padding-bottom: 0.65rem;
        border-bottom: 1px solid var(--itlock-border);
    }

        .historikk-liste li:last-child[b-gsn6y6gmny] {
            border-bottom: none;
            padding-bottom: 0;
        }

.historikk-tekst[b-gsn6y6gmny] {
    font-size: 0.86rem;
    font-weight: 600;
}

.historikk-meta[b-gsn6y6gmny] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Bekreft slett ---------- */

.confirm-overlay[b-gsn6y6gmny] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    padding: 1rem;
}

.confirm-box[b-gsn6y6gmny] {
    background: var(--itlock-surface);
    width: min(420px, 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .confirm-box h3[b-gsn6y6gmny] {
        margin: 0 0 0.5rem;
        font-size: 1.05rem;
    }

    .confirm-box p[b-gsn6y6gmny] {
        color: var(--itlock-ink-muted);
        margin: 0 0 1rem;
    }

.confirm-actions[b-gsn6y6gmny] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

@media (max-width: 1100px) {
    .kunder-split[b-gsn6y6gmny] {
        grid-template-columns: 1fr;
    }

    .kunder-split-liste[b-gsn6y6gmny] {
        max-height: none;
    }

    .detalj-grid2[b-gsn6y6gmny] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KunderModul.razor.rz.scp.css */
.back-link[b-8efundwjfv] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-8efundwjfv]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-8efundwjfv] {
        color: var(--itlock-accent);
    }

.section-hint[b-8efundwjfv] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.kundemodul-grid[b-8efundwjfv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
    margin-top: 1.5rem;
}

.kundemodul-card[b-8efundwjfv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 1.2rem 1.35rem;
    text-decoration: none;
    color: var(--itlock-ink);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

    .kundemodul-card:hover[b-8efundwjfv] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
    }

    .kundemodul-card[b-8efundwjfv]  .icon {
        color: var(--itlock-accent);
        opacity: 0.8;
        margin-bottom: 0.15rem;
    }

.kundemodul-card-varsel[b-8efundwjfv] {
    border-color: #b5502d;
}

    .kundemodul-card-varsel[b-8efundwjfv]  .icon {
        color: #b5502d;
    }

    .kundemodul-card-varsel .kundemodul-card-tall[b-8efundwjfv] {
        color: #b5502d;
    }

.kundemodul-card-tall[b-8efundwjfv] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--itlock-accent);
    font-variant-numeric: tabular-nums;
}

.kundemodul-card-title[b-8efundwjfv] {
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--itlock-ink);
}

.kundemodul-card-desc[b-8efundwjfv] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}
/* _content/PortalItlock.Web/Components/Pages/KundeSakDetalj.razor.rz.scp.css */
.back-link[b-4yor7428ou] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-4yor7428ou] {
        text-decoration: underline;
    }

.form-error[b-4yor7428ou] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-4yor7428ou] {
    color: var(--itlock-ink-muted);
}

.sak-detalj-header[b-4yor7428ou] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

    .sak-detalj-header h1[b-4yor7428ou] {
        margin: 0;
    }

.sak-status[b-4yor7428ou] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    white-space: nowrap;
}

.sak-status-Ny[b-4yor7428ou] { background: #dbe7f7; color: #2054a3; }
.sak-status-UnderBehandling[b-4yor7428ou] { background: #f4e3c7; color: #8a5a15; }
.sak-status-VenterGodkjenning[b-4yor7428ou] { background: #f0d9f7; color: #7a2b96; }
.sak-status-Lukket[b-4yor7428ou] { background: #d3ecdb; color: #2b7a4b; }

.sak-dato[b-4yor7428ou] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    margin: 0.25rem 0 1rem;
}

.sak-beskrivelse[b-4yor7428ou] {
    max-width: 640px;
    white-space: pre-wrap;
}

.sak-oppsummering[b-4yor7428ou] {
    max-width: 640px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem 1.25rem;
    margin: 1rem 0;
}

    .sak-oppsummering h2[b-4yor7428ou] {
        margin: 0 0 0.5rem;
        font-size: 1rem;
    }

.hendelse-liste[b-4yor7428ou] {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-width: 640px;
}

    .hendelse-liste li[b-4yor7428ou] {
        border-left: 2px solid var(--itlock-border);
        padding-left: 0.75rem;
    }

.hendelse-dato[b-4yor7428ou] {
    display: block;
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/KundeSaker.razor.rz.scp.css */
.back-link[b-22hh0i1edu] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-22hh0i1edu] {
        text-decoration: underline;
    }

.form-error[b-22hh0i1edu] {
    color: #b5502d;
    font-weight: 600;
}

.section-hint[b-22hh0i1edu] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-22hh0i1edu] {
    color: var(--itlock-ink-muted);
    margin-top: 1rem;
}

.sak-liste[b-22hh0i1edu] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 1rem;
}

.sak-kort[b-22hh0i1edu] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 0.75rem 1rem;
    color: inherit;
    text-decoration: none;
}

    .sak-kort:hover[b-22hh0i1edu] {
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

.sak-header[b-22hh0i1edu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.sak-status[b-22hh0i1edu] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    white-space: nowrap;
}

.sak-status-Ny[b-22hh0i1edu] { background: #dbe7f7; color: #2054a3; }
.sak-status-UnderBehandling[b-22hh0i1edu] { background: #f4e3c7; color: #8a5a15; }
.sak-status-VenterGodkjenning[b-22hh0i1edu] { background: #f0d9f7; color: #7a2b96; }
.sak-status-Lukket[b-22hh0i1edu] { background: #d3ecdb; color: #2b7a4b; }

.sak-dato[b-22hh0i1edu] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/KundeSkjema.razor.rz.scp.css */
.back-link[b-spczeiqxs3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .back-link[b-spczeiqxs3]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-spczeiqxs3] {
        color: var(--itlock-accent);
    }

.kunde-hero[b-spczeiqxs3] {
    background: linear-gradient(135deg, var(--itlock-accent) 0%, var(--itlock-accent-hover) 100%);
    border-radius: 16px;
    padding: 1.4rem 1.75rem 1.6rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.3rem;
}

    .kunde-hero .back-link[b-spczeiqxs3] {
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

        .kunde-hero .back-link:hover[b-spczeiqxs3] {
            color: #fff;
        }

.kunde-hero-hovedrad[b-spczeiqxs3] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.kunde-hero-bilde-wrap[b-spczeiqxs3] {
    position: relative;
    flex-shrink: 0;
}

.kunde-hero-avatar[b-spczeiqxs3],
.kunde-hero-bilde[b-spczeiqxs3] {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 12px;
}

.kunde-hero-avatar[b-spczeiqxs3] {
    background: #fff;
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.3rem;
}

.kunde-hero-bilde[b-spczeiqxs3] {
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.4);
    display: block;
}

.kunde-hero-navnblokk[b-spczeiqxs3] {
    flex: 1;
    min-width: 200px;
}

.kunde-hero-navn-rad[b-spczeiqxs3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.25rem;
}

.kunde-type-badge[b-spczeiqxs3] {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.kunde-hero-stats[b-spczeiqxs3] {
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 0.2rem 1rem;
    width: fit-content;
}

.kunde-hero-stat[b-spczeiqxs3] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    padding: 0.5rem 0.9rem;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

    .kunde-hero-stat:first-child[b-spczeiqxs3] {
        border-left: none;
        padding-left: 0;
    }

    .kunde-hero-stat strong[b-spczeiqxs3] {
        font-size: 1.1rem;
        font-weight: 800;
    }

    .kunde-hero-stat span[b-spczeiqxs3] {
        font-size: 0.7rem;
        opacity: 0.8;
    }

.bilde-upload-knapp[b-spczeiqxs3] {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background: var(--itlock-surface);
    color: var(--itlock-accent);
    border: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

    .bilde-upload-knapp:hover[b-spczeiqxs3] {
        background: var(--itlock-accent);
        color: #fff;
    }

.kunde-hero h1[b-spczeiqxs3] {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.kunde-hero-meta[b-spczeiqxs3] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.85);
}

    .kunde-hero-meta span[b-spczeiqxs3] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .kunde-hero-meta[b-spczeiqxs3]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.section-hint[b-spczeiqxs3] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: -0.4rem 0 1rem;
}

.kunde-section[b-spczeiqxs3] {
    max-width: 900px;
    margin-bottom: 1.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
}

    .kunde-section h2[b-spczeiqxs3] {
        margin: 0 0 1rem;
        font-size: 1.02rem;
        font-weight: 700;
    }

.field-grid[b-spczeiqxs3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.9rem 1.1rem;
}

.field-grid label[b-spczeiqxs3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

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

.field-grid input[b-spczeiqxs3],
.field-grid select[b-spczeiqxs3],
.field-grid textarea[b-spczeiqxs3] {
    font: inherit;
    font-size: 0.9rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

.form-actions[b-spczeiqxs3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.save-button[b-spczeiqxs3] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
}

    .save-button:hover[b-spczeiqxs3] {
        background: var(--itlock-accent-hover);
    }

.save-success[b-spczeiqxs3] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.form-error[b-spczeiqxs3] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-spczeiqxs3] {
    color: var(--itlock-ink-muted);
}

.prosjekt-list[b-spczeiqxs3] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .prosjekt-list a[b-spczeiqxs3] {
        display: block;
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
        padding: 0.55rem 0.7rem;
        background: var(--itlock-bg);
        border-radius: 9px;
    }

        .prosjekt-list a:hover[b-spczeiqxs3] {
            background: rgba(131, 94, 65, 0.1);
        }

.delete-button[b-spczeiqxs3],
.delete-confirm-button[b-spczeiqxs3] {
    background: transparent;
    color: #b5502d;
    border: 1px solid #b5502d;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
}

.delete-confirm-button[b-spczeiqxs3] {
    background: #b5502d;
    color: #fff;
}

.cancel-button[b-spczeiqxs3] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
}

.delete-confirm[b-spczeiqxs3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.kontaktperson-list[b-spczeiqxs3] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .kontaktperson-list li[b-spczeiqxs3] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        align-items: center;
    }

        .kontaktperson-list input[b-spczeiqxs3] {
            font: inherit;
            font-size: 0.88rem;
            color: var(--itlock-ink);
            background: var(--itlock-bg);
            border: 1px solid var(--itlock-border);
            border-radius: 8px;
            padding: 0.5rem 0.65rem;
            flex: 1 1 140px;
            min-width: 0;
        }

.kontaktperson-navn-input[b-spczeiqxs3] {
    font-weight: 600;
}

.ny-kontaktperson-form[b-spczeiqxs3] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .ny-kontaktperson-form input[b-spczeiqxs3] {
        flex: 1 1 220px;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.65rem;
    }

.notat-legg-til[b-spczeiqxs3] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    margin-bottom: 1.1rem;
}

    .notat-legg-til textarea[b-spczeiqxs3] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.65rem;
    }

.notat-list[b-spczeiqxs3] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

    .notat-list li[b-spczeiqxs3] {
        border: 1px solid var(--itlock-border);
        background: var(--itlock-bg);
        border-radius: 10px;
        padding: 0.7rem 0.9rem;
    }

.notat-meta[b-spczeiqxs3] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.3rem;
}

.orgnr-rad[b-spczeiqxs3] {
    display: flex;
    gap: 0.5rem;
}

    .orgnr-rad input[b-spczeiqxs3] {
        flex: 1 1 auto;
    }

.orgnr-sok-button[b-spczeiqxs3] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0 0.7rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
}

    .orgnr-sok-button:disabled[b-spczeiqxs3] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.kunde-navn-sok-wrap[b-spczeiqxs3] {
    position: relative;
}

.kunde-navn-forslag[b-spczeiqxs3] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    list-style: none;
    margin: 0.3rem 0 0;
    padding: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 16px 32px -16px rgba(41, 41, 39, 0.4);
    max-height: 260px;
    overflow-y: auto;
}

    .kunde-navn-forslag li button[b-spczeiqxs3] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.1rem;
        width: 100%;
        border: none;
        border-radius: 7px;
        background: none;
        padding: 0.5rem 0.6rem;
        text-align: left;
        cursor: pointer;
        font: inherit;
        color: var(--itlock-ink);
    }

        .kunde-navn-forslag li button:hover[b-spczeiqxs3] {
            background: var(--itlock-bg);
        }

.kunde-navn-forslag-navn[b-spczeiqxs3] {
    font-weight: 600;
}

.kunde-navn-forslag-orgnr[b-spczeiqxs3] {
    font-weight: 400;
    color: var(--itlock-ink-muted);
}

.kunde-navn-forslag-adresse[b-spczeiqxs3] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.kunde-navn-sok-status[b-spczeiqxs3] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.kunde-fane-nav[b-spczeiqxs3] {
    display: flex;
    gap: 0.4rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1.3rem;
    flex-wrap: wrap;
}

.kunde-fane-knapp[b-spczeiqxs3] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.65rem 0.9rem;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--itlock-ink-muted);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    .kunde-fane-knapp.aktiv[b-spczeiqxs3] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

.kunde-fane-teller[b-spczeiqxs3] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    font-weight: 700;
    font-size: 0.72rem;
    border-radius: 999px;
    padding: 0.05rem 0.45rem;
}

    .kunde-fane-knapp.aktiv .kunde-fane-teller[b-spczeiqxs3] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
    }

.fane-filter-rad[b-spczeiqxs3] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
    align-items: center;
}

.fane-filter-knapp[b-spczeiqxs3] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
}

    .fane-filter-knapp.aktiv[b-spczeiqxs3] {
        background: var(--itlock-accent);
        color: #fff;
        border-color: var(--itlock-accent);
    }

.vis-lukkede-toggle[b-spczeiqxs3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

.kunde-relatert-list[b-spczeiqxs3] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .kunde-relatert-list li[b-spczeiqxs3] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-bg);
        border-radius: 11px;
        padding: 0.7rem 0.9rem;
    }

    .kunde-relatert-list a[b-spczeiqxs3] {
        color: var(--itlock-accent);
        font-weight: 700;
        text-decoration: none;
        flex: 1 1 auto;
        min-width: 140px;
    }

        .kunde-relatert-list a:hover[b-spczeiqxs3] {
            text-decoration: underline;
        }

.kunde-relatert-dato[b-spczeiqxs3] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}

.status-badge[b-spczeiqxs3] {
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}

.status-badge-blue[b-spczeiqxs3] { background: rgba(32, 84, 163, 0.12); color: #2054a3; }
.status-badge-amber[b-spczeiqxs3] { background: rgba(217, 165, 32, 0.18); color: #8a5a15; }
.status-badge-purple[b-spczeiqxs3] { background: rgba(122, 43, 150, 0.12); color: #7a2b96; }
.status-badge-green[b-spczeiqxs3] { background: rgba(43, 122, 75, 0.12); color: #2b7a4b; }
.status-badge-red[b-spczeiqxs3] { background: rgba(163, 32, 32, 0.12); color: #a32020; }
.status-badge-grey[b-spczeiqxs3] { background: var(--itlock-bg); color: var(--itlock-ink-muted); }
.status-badge-teal[b-spczeiqxs3] { background: rgba(26, 107, 107, 0.12); color: #1a6b6b; }
.status-badge-orange[b-spczeiqxs3] { background: rgba(179, 89, 0, 0.14); color: #b35900; }

.ny-ticket-rad[b-spczeiqxs3] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1.1rem;
}

    .ny-ticket-rad input[b-spczeiqxs3] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
    }

.add-button[b-spczeiqxs3] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    white-space: nowrap;
}

    .add-button:hover[b-spczeiqxs3] {
        background: var(--itlock-accent-hover);
    }

.rabatt-table[b-spczeiqxs3] {
    width: 100%;
    max-width: 700px;
    border-collapse: collapse;
    margin-top: 0.5rem;
}

    .rabatt-table th[b-spczeiqxs3],
    .rabatt-table td[b-spczeiqxs3] {
        text-align: left;
        padding: 0.5rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

.rabatt-prosent-input[b-spczeiqxs3] {
    max-width: 6rem;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.5rem;
}

.rabatt-actions[b-spczeiqxs3] {
    display: flex;
    gap: 0.4rem;
    white-space: nowrap;
}

.remove-button[b-spczeiqxs3] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.7rem;
    cursor: pointer;
    font-size: 0.85rem;
    white-space: nowrap;
}

.ny-rabattgruppe[b-spczeiqxs3] {
    max-width: 700px;
    margin-top: 1.4rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--itlock-border);
}

.ny-rabattgruppe-form[b-spczeiqxs3] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

    .ny-rabattgruppe-form select[b-spczeiqxs3] {
        flex: 1 1 200px;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.6rem;
    }
/* _content/PortalItlock.Web/Components/Pages/Kundetilganger.razor.rz.scp.css */
.eyebrow[b-q2n5nvii1d] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--itlock-accent);
}

.section-hint[b-q2n5nvii1d] {
    margin: 0.3rem 0 1.1rem;
    color: var(--itlock-ink-muted);
    max-width: 680px;
    font-size: 0.88rem;
    line-height: 1.5;
}

h1[b-q2n5nvii1d] {
    margin: 0.3rem 0 0;
}

.list-empty[b-q2n5nvii1d] {
    color: var(--itlock-ink-muted);
}

.save-success[b-q2n5nvii1d] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0 0 1rem;
}

.form-error[b-q2n5nvii1d] {
    color: #b5502d;
    font-weight: 600;
    margin: 0 0 1rem;
}

.lisens-varsel[b-q2n5nvii1d] {
    margin: 0 0 1rem;
    padding: 0.65rem 0.9rem;
    border-radius: 9px;
    font-size: 0.85rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
}

.lisens-varsel-full[b-q2n5nvii1d] {
    background: rgba(181, 80, 45, 0.08);
    border-color: #b5502d;
    color: #b5502d;
    font-weight: 600;
}

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

.tilgang-kort[b-q2n5nvii1d] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 18px;
    box-shadow: 0 4px 18px rgba(131, 94, 65, 0.08);
    overflow: hidden;
}

.kort-topplinje[b-q2n5nvii1d] {
    height: 4px;
    background: linear-gradient(90deg, var(--itlock-accent), #c9a876);
}

.kort-body[b-q2n5nvii1d] {
    padding: 1.3rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.kort-header[b-q2n5nvii1d] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.avatar[b-q2n5nvii1d] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--itlock-accent), #a9805a);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.95rem;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(131, 94, 65, 0.25);
}

.header-tekst[b-q2n5nvii1d] {
    flex: 1;
    min-width: 0;
}

.kort-navn[b-q2n5nvii1d] {
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kort-kunde[b-q2n5nvii1d] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pille[b-q2n5nvii1d] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.24rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

.pille-aktiv[b-q2n5nvii1d] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.pille-inaktiv[b-q2n5nvii1d] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.dot[b-q2n5nvii1d] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: currentColor;
}

.felt-grid[b-q2n5nvii1d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

.felt[b-q2n5nvii1d] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.felt-label[b-q2n5nvii1d] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.felt input[b-q2n5nvii1d],
.felt select[b-q2n5nvii1d] {
    font: inherit;
    font-size: 0.86rem;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.65rem;
    background: var(--itlock-bg);
    color: var(--itlock-ink);
}

.aktiv-felt[b-q2n5nvii1d] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    grid-column: 1 / -1;
}

    .aktiv-felt input[type="checkbox"][b-q2n5nvii1d] {
        width: 1rem;
        height: 1rem;
    }

    .aktiv-felt .felt-label[b-q2n5nvii1d] {
        font-weight: 500;
        text-transform: none;
        letter-spacing: normal;
        font-size: 0.85rem;
        color: var(--itlock-ink);
    }

.kort-footer[b-q2n5nvii1d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--itlock-border);
    flex-wrap: wrap;
}

.passord-status[b-q2n5nvii1d] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.passord-satt[b-q2n5nvii1d] {
    color: var(--itlock-accent);
}

.passord-ikke-satt[b-q2n5nvii1d] {
    color: #b5502d;
}

.btn-rad[b-q2n5nvii1d] {
    display: flex;
    gap: 0.5rem;
}

.btn-liten[b-q2n5nvii1d] {
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    white-space: nowrap;
}

.btn-primaer[b-q2n5nvii1d] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .btn-primaer:disabled[b-q2n5nvii1d] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.ny-tilgang-kort[b-q2n5nvii1d] {
    border: 1.5px dashed var(--itlock-border);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 2rem;
    color: var(--itlock-ink-muted);
    min-height: 260px;
}

.ny-tilgang-tittel[b-q2n5nvii1d] {
    font-weight: 700;
    color: var(--itlock-accent);
    font-size: 0.95rem;
}

.ny-tilgang-form[b-q2n5nvii1d] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: 100%;
    max-width: 280px;
}

    .ny-tilgang-form input[b-q2n5nvii1d],
    .ny-tilgang-form select[b-q2n5nvii1d] {
        font: inherit;
        font-size: 0.86rem;
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.5rem 0.65rem;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
    }

.ny-tilgang-knapp[b-q2n5nvii1d] {
    align-self: stretch;
    text-align: center;
    justify-content: center;
}

@media (max-width: 900px) {
    .rutenett[b-q2n5nvii1d] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .felt-grid[b-q2n5nvii1d] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/KundeTilvalgSkjema.razor.rz.scp.css */
.back-link[b-eeu6eql325] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-eeu6eql325] {
        text-decoration: underline;
    }

.section-hint[b-eeu6eql325] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
    margin-bottom: 1rem;
}

.form-error[b-eeu6eql325] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-eeu6eql325] {
    color: #2b7a4b;
    font-weight: 600;
}

.tilvalg-alternativ-liste[b-eeu6eql325] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1rem 0;
    max-width: 640px;
}

.tilvalg-alternativ-kort[b-eeu6eql325] {
    display: flex;
    gap: 1rem;
    align-items: center;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.9rem;
}

    .tilvalg-alternativ-kort img[b-eeu6eql325] {
        width: 96px;
        height: 96px;
        object-fit: cover;
        border: 1px solid var(--itlock-border);
        flex-shrink: 0;
    }

.tilvalg-alternativ-valgt[b-eeu6eql325] {
    border-color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.06);
}

.tilvalg-alternativ-tekst[b-eeu6eql325] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1 1 auto;
}

.tilvalg-ikke-valgt[b-eeu6eql325] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.checkbox-row[b-eeu6eql325] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 0.4rem !important;
    cursor: pointer;
    font-size: 0.9rem;
}

.tilvalg-antall-felt[b-eeu6eql325] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .tilvalg-antall-felt input[b-eeu6eql325] {
        width: 70px;
        font: inherit;
        padding: 0.25rem 0.4rem;
        border: 1px solid var(--itlock-border);
    }

.tilvalg-linjesum[b-eeu6eql325] {
    font-weight: 600;
}

.tilvalg-sum[b-eeu6eql325] {
    font-size: 1.05rem;
    max-width: 640px;
}

.tilvalg-eget-onske[b-eeu6eql325] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    max-width: 640px;
}

    .tilvalg-eget-onske h2[b-eeu6eql325] {
        font-size: 1.05rem;
        margin-bottom: 0.3rem;
    }

    .tilvalg-eget-onske textarea[b-eeu6eql325] {
        display: block;
        width: 100%;
        font: inherit;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        border: 1px solid var(--itlock-border);
    }

.tilvalg-eget-onske-bilde[b-eeu6eql325] {
    display: block;
    max-width: 100%;
    max-height: 240px;
    margin-top: 0.5rem;
    border: 1px solid var(--itlock-border);
}

.tilvalg-eget-onske-lesevisning p[b-eeu6eql325] {
    white-space: pre-wrap;
}

.avvik-detalj-section[b-eeu6eql325] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    max-width: 640px;
}

    .avvik-detalj-section h2[b-eeu6eql325] {
        font-size: 1.05rem;
        margin-bottom: 0.3rem;
    }

.navn-input[b-eeu6eql325] {
    display: block;
    width: 100%;
    max-width: 320px;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
    font: inherit;
}

.signatur-pad-wrap[b-eeu6eql325] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}

.signatur-canvas[b-eeu6eql325] {
    width: 100%;
    max-width: 500px;
    height: 180px;
    background: #fff;
    border: 1px solid var(--itlock-border);
    touch-action: none;
}

.signatur-actions[b-eeu6eql325] {
    display: flex;
    gap: 0.5rem;
}

.save-button[b-eeu6eql325] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.cancel-button[b-eeu6eql325] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}
/* _content/PortalItlock.Web/Components/Pages/KunngjoringDetalj.razor.rz.scp.css */
.tilbake-link[b-rl8cd2o9hn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .tilbake-link[b-rl8cd2o9hn]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .tilbake-link:hover[b-rl8cd2o9hn] {
        color: var(--itlock-accent);
    }

.list-empty[b-rl8cd2o9hn] {
    color: var(--itlock-ink-muted);
}

.kd-kort[b-rl8cd2o9hn] {
    max-width: 720px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 18px;
    overflow: hidden;
}

/* ---------- Cover ---------- */

.kd-cover[b-rl8cd2o9hn] {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-color: var(--itlock-bg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.1rem;
}

    .kd-cover[b-rl8cd2o9hn]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.35) 100%);
    }

.kd-cover-tom[b-rl8cd2o9hn] {
    background-image: linear-gradient(145deg, var(--itlock-accent) 0%, #4a2f1d 100%) !important;
}

.kd-cover-topprad[b-rl8cd2o9hn] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.kd-cover-pill[b-rl8cd2o9hn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

    .kd-cover-pill[b-rl8cd2o9hn]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.kd-pill-gronn[b-rl8cd2o9hn] {
    color: #2b7a4b;
}

.kd-pill-blaa[b-rl8cd2o9hn] {
    color: #2054a3;
}

.kd-pill-gul[b-rl8cd2o9hn] {
    color: #a1690a;
}

.kd-pill-lilla[b-rl8cd2o9hn] {
    color: #7a2b96;
}

.kd-pill-rod[b-rl8cd2o9hn] {
    color: #a32020;
}

.kd-pill-noytral[b-rl8cd2o9hn] {
    color: var(--itlock-ink-muted);
}

.kd-datoboks[b-rl8cd2o9hn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    padding: 0.4rem 0.8rem;
    min-width: 3.4rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.kd-datoboks-dag[b-rl8cd2o9hn] {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.1;
}

.kd-datoboks-maned[b-rl8cd2o9hn] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    text-transform: lowercase;
}

.kd-cover-tekst[b-rl8cd2o9hn] {
    position: relative;
    z-index: 1;
    color: #fff;
}

    .kd-cover-tekst h1[b-rl8cd2o9hn] {
        margin: 0 0 0.2rem;
        font-size: 1.9rem;
        font-weight: 800;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    }

    .kd-cover-tekst p[b-rl8cd2o9hn] {
        margin: 0;
        font-size: 0.95rem;
        opacity: 0.92;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    }

/* ---------- Body ---------- */

.kd-body[b-rl8cd2o9hn] {
    padding: 1.3rem 1.4rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.kd-forfatter-rad[b-rl8cd2o9hn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.kunngjoring-avatar[b-rl8cd2o9hn] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.kunngjoring-avatar-liten[b-rl8cd2o9hn] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.62rem;
    flex-shrink: 0;
}

.kd-forfatter-info[b-rl8cd2o9hn] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

    .kd-forfatter-info strong[b-rl8cd2o9hn] {
        font-size: 0.86rem;
        font-weight: 700;
    }

    .kd-forfatter-info span[b-rl8cd2o9hn] {
        font-size: 0.75rem;
        color: var(--itlock-ink-muted);
    }

.kunngjoring-like-knapp[b-rl8cd2o9hn] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.3rem 0.4rem;
    border-radius: 8px;
}

    .kunngjoring-like-knapp:hover[b-rl8cd2o9hn] {
        background: var(--itlock-bg);
    }

    .kunngjoring-like-knapp[b-rl8cd2o9hn]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

    .kunngjoring-like-knapp.likt[b-rl8cd2o9hn] {
        color: #a32020;
    }

        .kunngjoring-like-knapp.likt[b-rl8cd2o9hn]  .icon {
            fill: #a32020;
        }

.kd-meny-knapp[b-rl8cd2o9hn] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 8px;
    line-height: 1;
}

    .kd-meny-knapp:hover[b-rl8cd2o9hn] {
        background: var(--itlock-bg);
    }

.kd-slett-rad[b-rl8cd2o9hn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.delete-confirm-button[b-rl8cd2o9hn] {
    background: #a32020;
    color: #fff;
    border: none;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.8rem;
}

.cancel-button[b-rl8cd2o9hn] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8rem;
}

.kd-tittel[b-rl8cd2o9hn] {
    margin: 0.2rem 0 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.kd-innhold[b-rl8cd2o9hn] {
    margin: 0;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

/* ---------- Meta-rad ---------- */

.kd-metarad[b-rl8cd2o9hn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    padding: 0.3rem 0;
}

.kd-meta[b-rl8cd2o9hn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    .kd-meta[b-rl8cd2o9hn]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        color: var(--itlock-accent);
    }

/* ---------- Info-boks ---------- */

.kd-info-boks[b-rl8cd2o9hn] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    background: #f0d9f7;
    color: #5a2470;
    border-radius: 10px;
    padding: 0.7rem 0.9rem;
    font-size: 0.85rem;
}

.kd-info-ikon[b-rl8cd2o9hn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background: #7a2b96;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    font-style: italic;
    flex-shrink: 0;
}

/* ---------- Kommentarer ---------- */

.kd-kommentar-tittel[b-rl8cd2o9hn] {
    margin: 0.4rem 0 0;
    font-size: 0.92rem;
    font-weight: 700;
    padding-top: 0.5rem;
    border-top: 1px solid var(--itlock-border);
}

.kd-kommentarer[b-rl8cd2o9hn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kd-kommentar[b-rl8cd2o9hn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.55rem 0.8rem;
}

.kd-kommentar-navn[b-rl8cd2o9hn] {
    font-size: 0.82rem;
    font-weight: 700;
    flex-shrink: 0;
}

.kd-kommentar-tekst[b-rl8cd2o9hn] {
    font-size: 0.85rem;
    color: var(--itlock-ink);
    flex: 1;
    min-width: 0;
}

.kd-kommentar-dato[b-rl8cd2o9hn] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.kd-kommentar-input-rad[b-rl8cd2o9hn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.3rem;
}

    .kd-kommentar-input-rad input[b-rl8cd2o9hn] {
        flex: 1;
        font: inherit;
        font-size: 0.85rem;
        padding: 0.5rem 0.8rem;
        border: 1px solid var(--itlock-border);
        border-radius: 999px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

.knapp-primaer[b-rl8cd2o9hn] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.85rem;
}

    .knapp-primaer:hover[b-rl8cd2o9hn] {
        background: var(--itlock-accent-hover);
    }

@media (max-width: 640.98px) {
    .kd-cover[b-rl8cd2o9hn] {
        height: 230px;
    }

        .kd-cover-tekst h1[b-rl8cd2o9hn] {
            font-size: 1.4rem;
        }
}
/* _content/PortalItlock.Web/Components/Pages/Kunngjoringer.razor.rz.scp.css */
.side-header[b-qqxuz8uhjm] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-qqxuz8uhjm] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-qqxuz8uhjm]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-qqxuz8uhjm] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.side-header > div:nth-child(2)[b-qqxuz8uhjm] {
    flex: 1;
}

.section-hint[b-qqxuz8uhjm] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-qqxuz8uhjm] {
    color: var(--itlock-ink-muted);
}

.knapp-primaer[b-qqxuz8uhjm] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.6rem 1.05rem;
    font-size: 0.87rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    white-space: nowrap;
}

.kunngjoring-ny-knapp[b-qqxuz8uhjm] {
    align-self: flex-start;
    margin-left: auto;
}

.kunngjoring-ny-knapp[b-qqxuz8uhjm]  .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.kunngjoring-form[b-qqxuz8uhjm] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem;
    max-width: 640px;
    margin-bottom: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

    .kunngjoring-form label[b-qqxuz8uhjm] {
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
        font-weight: 600;
    }

    .kunngjoring-form input[b-qqxuz8uhjm],
    .kunngjoring-form select[b-qqxuz8uhjm],
    .kunngjoring-form textarea[b-qqxuz8uhjm] {
        font: inherit;
        font-weight: 400;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.45rem 0.6rem;
    }

.kunngjoring-form-rad[b-qqxuz8uhjm] {
    display: flex;
    align-items: flex-end;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.kunngjoring-festet-felt[b-qqxuz8uhjm] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.4rem !important;
}

.form-error[b-qqxuz8uhjm] {
    color: #b5502d;
    font-weight: 600;
}

.cancel-button[b-qqxuz8uhjm] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.9rem;
    cursor: pointer;
}

.form-actions[b-qqxuz8uhjm] {
    display: flex;
    gap: 0.7rem;
}

.kunngjoring-liste[b-qqxuz8uhjm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 760px;
}

.kunngjoring-post[b-qqxuz8uhjm] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    overflow: hidden;
}

.kunngjoring-cover-lenke[b-qqxuz8uhjm] {
    display: block;
}

.kunngjoring-cover[b-qqxuz8uhjm] {
    height: 220px;
    background-size: cover;
    background-position: center;
    background-color: var(--itlock-bg);
}

.kunngjoring-tittel-lenke[b-qqxuz8uhjm] {
    color: inherit;
    text-decoration: none;
}

    .kunngjoring-tittel-lenke:hover[b-qqxuz8uhjm] {
        text-decoration: underline;
    }

.kunngjoring-form-seksjon[b-qqxuz8uhjm] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0.5rem 0 -0.2rem;
}

.kunngjoring-post-body[b-qqxuz8uhjm] {
    padding: 1.3rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .kunngjoring-post-body h2[b-qqxuz8uhjm] {
        margin: 0.1rem 0 0.1rem;
        font-size: 1.1rem;
        font-weight: 700;
    }

.kunngjoring-forfatter-rad[b-qqxuz8uhjm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-top: 0.2rem;
}

.kunngjoring-like-knapp[b-qqxuz8uhjm] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.3rem 0.4rem;
    border-radius: 8px;
}

    .kunngjoring-like-knapp:hover[b-qqxuz8uhjm] {
        background: var(--itlock-bg);
    }

    .kunngjoring-like-knapp[b-qqxuz8uhjm]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

    .kunngjoring-like-knapp.likt[b-qqxuz8uhjm] {
        color: #a32020;
    }

        .kunngjoring-like-knapp.likt[b-qqxuz8uhjm]  .icon {
            fill: #a32020;
        }

.kunngjoring-avatar-liten[b-qqxuz8uhjm] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.62rem;
    flex-shrink: 0;
}

.kunngjoring-kommentarer[b-qqxuz8uhjm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.3rem;
    border-top: 1px solid var(--itlock-border);
}

.kunngjoring-kommentar[b-qqxuz8uhjm] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.kunngjoring-kommentar-boble[b-qqxuz8uhjm] {
    background: var(--itlock-bg);
    border-radius: 12px;
    padding: 0.45rem 0.7rem;
    font-size: 0.85rem;
}

    .kunngjoring-kommentar-boble strong[b-qqxuz8uhjm] {
        font-size: 0.8rem;
        display: block;
    }

    .kunngjoring-kommentar-boble p[b-qqxuz8uhjm] {
        margin: 0.1rem 0 0;
        color: var(--itlock-ink);
    }

.kunngjoring-kommentar-input-rad[b-qqxuz8uhjm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.3rem;
}

    .kunngjoring-kommentar-input-rad input[b-qqxuz8uhjm] {
        flex: 1;
        font: inherit;
        font-size: 0.85rem;
        padding: 0.4rem 0.7rem;
        border: 1px solid var(--itlock-border);
        border-radius: 999px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

    .kunngjoring-kommentar-input-rad button[b-qqxuz8uhjm] {
        background: none;
        border: none;
        color: var(--itlock-accent);
        font-weight: 700;
        font-size: 0.83rem;
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

.kunngjoring-avatar[b-qqxuz8uhjm] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.kunngjoring-bilde-valgt[b-qqxuz8uhjm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin: 0;
}

.kunngjoring-post-header[b-qqxuz8uhjm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.kunngjoring-festet[b-qqxuz8uhjm] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-accent);
}

    .kunngjoring-festet[b-qqxuz8uhjm]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.kunngjoring-dato[b-qqxuz8uhjm] {
    margin-left: auto;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.kunngjoring-tekst[b-qqxuz8uhjm] {
    margin: 0;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.kunngjoring-forfatter[b-qqxuz8uhjm] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.remove-button[b-qqxuz8uhjm] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.78rem;
}
/* _content/PortalItlock.Web/Components/Pages/Lager.razor.rz.scp.css */
.section-hint[b-esuka63lfb] {
    color: var(--itlock-ink-muted);
    max-width: 720px;
}

.filters[b-esuka63lfb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.search-input[b-esuka63lfb] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
    min-width: 280px;
}

.lav-toggle[b-esuka63lfb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.result-count[b-esuka63lfb] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.lav-varsel[b-esuka63lfb] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-esuka63lfb] {
    color: var(--itlock-ink-muted);
}

.verdi-sum[b-esuka63lfb] {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.verdi-cell[b-esuka63lfb] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

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

.lager-table[b-esuka63lfb] {
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
}

    .lager-table th[b-esuka63lfb],
    .lager-table td[b-esuka63lfb] {
        text-align: left;
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.9rem;
    }

.antall-input[b-esuka63lfb] {
    max-width: 6rem;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.5rem;
}

.lav-rad[b-esuka63lfb] {
    background: color-mix(in srgb, var(--itlock-surface) 90%, #b5502d 10%);
}

.lav-badge[b-esuka63lfb] {
    display: inline-block;
    background: #b5502d;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    white-space: nowrap;
}
/* _content/PortalItlock.Web/Components/Pages/LasekasseUtskiftning.razor.rz.scp.css */
.utskiftning-header[b-1n6rfk07t5] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.utskiftning-header-ikon[b-1n6rfk07t5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .utskiftning-header-ikon .icon[b-1n6rfk07t5] {
        width: 1.3rem;
        height: 1.3rem;
    }

.utskiftning-header h1[b-1n6rfk07t5] {
    margin: 0 0 0.2rem;
}

.utskiftning-header p[b-1n6rfk07t5] {
    margin: 0;
    max-width: 640px;
    color: var(--itlock-ink-muted);
}

.sok-felt[b-1n6rfk07t5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 360px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    margin: 0 0 1.5rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt .icon[b-1n6rfk07t5] {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-1n6rfk07t5] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-1n6rfk07t5] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        font-size: 1.05rem;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.utskiftning-tom[b-1n6rfk07t5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 3rem 1.5rem;
    border: 1px dashed var(--itlock-border);
    border-radius: 12px;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

    .utskiftning-tom .icon[b-1n6rfk07t5] {
        width: 2rem;
        height: 2rem;
        opacity: 0.5;
    }

    .utskiftning-tom p[b-1n6rfk07t5] {
        margin: 0;
    }

.result-count[b-1n6rfk07t5] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.treff-liste[b-1n6rfk07t5] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    max-width: 900px;
}

.treff-kort[b-1n6rfk07t5] {
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-accent);
    border-radius: 10px;
    background: var(--itlock-surface);
    padding: 1rem 1.2rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.treff-kort-trio[b-1n6rfk07t5] { border-left-color: #835e41; }
.treff-kort-ving[b-1n6rfk07t5] { border-left-color: #2054a3; }
.treff-kort-mellomdorlaser[b-1n6rfk07t5] { border-left-color: #2b7a4b; }
.treff-kort-trioving[b-1n6rfk07t5] { border-left-color: #a1690a; }
.treff-kort-smalprofil[b-1n6rfk07t5] { border-left-color: #7a4ba1; }
.treff-kort-annet[b-1n6rfk07t5] { border-left-color: var(--itlock-ink-muted); }

.treff-header[b-1n6rfk07t5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.treff-du-har[b-1n6rfk07t5] {
    font-size: 1.05rem;
}

.treff-kategori[b-1n6rfk07t5] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.treff-kategori-trio[b-1n6rfk07t5] { color: #835e41; background: rgba(131, 94, 65, 0.1); }
.treff-kategori-ving[b-1n6rfk07t5] { color: #2054a3; background: rgba(32, 84, 163, 0.1); }
.treff-kategori-mellomdorlaser[b-1n6rfk07t5] { color: #2b7a4b; background: rgba(43, 122, 75, 0.1); }
.treff-kategori-trioving[b-1n6rfk07t5] { color: #a1690a; background: rgba(161, 105, 10, 0.1); }
.treff-kategori-smalprofil[b-1n6rfk07t5] { color: #7a4ba1; background: rgba(122, 75, 161, 0.1); }
.treff-kategori-annet[b-1n6rfk07t5] { color: var(--itlock-ink-muted); background: rgba(107, 104, 99, 0.1); }

.treff-grid[b-1n6rfk07t5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.6rem 1rem;
}

.info-label[b-1n6rfk07t5] {
    display: block;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.treff-verdi[b-1n6rfk07t5] {
    font-size: 0.95rem;
    font-weight: 600;
}

.treff-merknad[b-1n6rfk07t5] {
    margin: 0.75rem 0 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    border-top: 1px solid var(--itlock-border);
    padding-top: 0.5rem;
}
/* _content/PortalItlock.Web/Components/Pages/Lasplan.razor.rz.scp.css */
.back-link[b-hv5r0pv53m] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-hv5r0pv53m] {
        text-decoration: underline;
    }

.section-hint[b-hv5r0pv53m] {
    color: var(--itlock-ink-muted);
    max-width: 720px;
}

.form-error[b-hv5r0pv53m] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-hv5r0pv53m] {
    color: var(--itlock-ink-muted);
}

.field-grid[b-hv5r0pv53m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem 1rem;
    max-width: 900px;
    margin-bottom: 0.75rem;
}

.field-grid label[b-hv5r0pv53m] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    min-width: 0;
}

.field-grid input[b-hv5r0pv53m] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
    width: 100%;
    min-width: 0;
}

.knapperad[b-hv5r0pv53m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.add-button[b-hv5r0pv53m],
.save-button[b-hv5r0pv53m] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
}

.cancel-button[b-hv5r0pv53m] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.save-success[b-hv5r0pv53m] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.nokkel-form[b-hv5r0pv53m] {
    max-width: 900px;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .nokkel-form h3[b-hv5r0pv53m] {
        margin: 0 0 0.5rem;
    }

.manuell-legg-til[b-hv5r0pv53m] {
    max-width: 900px;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .manuell-legg-til h3[b-hv5r0pv53m] {
        margin: 0 0 0.3rem;
    }

.manuell-felter[b-hv5r0pv53m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

    .manuell-felter select[b-hv5r0pv53m],
    .manuell-felter input[b-hv5r0pv53m] {
        font: inherit;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        padding: 0.4rem 0.5rem;
    }

    .manuell-felter input[type="number"][b-hv5r0pv53m] {
        max-width: 6rem;
    }

.component-search label[b-hv5r0pv53m] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-weight: 600;
    font-size: 0.85rem;
}

.component-search input[b-hv5r0pv53m] {
    font-weight: 400;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    font-size: 0.9rem;
}

.search-results[b-hv5r0pv53m] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    border: 1px solid var(--itlock-border);
    max-height: 200px;
    overflow-y: auto;
}

.search-result[b-hv5r0pv53m] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    color: inherit;
}

    .search-result:hover[b-hv5r0pv53m] {
        background: color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%);
    }

.search-result-name[b-hv5r0pv53m] {
    font-weight: 600;
    font-size: 0.85rem;
}

.search-result-meta[b-hv5r0pv53m] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.search-empty[b-hv5r0pv53m] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

.nokkel-liste[b-hv5r0pv53m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.6rem;
}

.nokkel-chip[b-hv5r0pv53m] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-ink) 8%);
    border: 1px solid var(--itlock-border);
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
}

.remove-inline[b-hv5r0pv53m] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    font-size: 1rem;
    line-height: 1;
    padding: 0;
}

    .remove-inline:hover[b-hv5r0pv53m] {
        color: #b5502d;
    }

.nokkel-nytt[b-hv5r0pv53m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .nokkel-nytt input[b-hv5r0pv53m] {
        font: inherit;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        padding: 0.4rem 0.5rem;
    }

    .nokkel-nytt input[type="number"][b-hv5r0pv53m] {
        max-width: 6rem;
    }

.matrise-wrap[b-hv5r0pv53m] {
    overflow-x: auto;
    max-width: 100%;
}

.matrise-table[b-hv5r0pv53m] {
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .matrise-table th[b-hv5r0pv53m],
    .matrise-table td[b-hv5r0pv53m] {
        border: 1px solid var(--itlock-border);
        padding: 0.35rem 0.5rem;
        text-align: left;
        white-space: nowrap;
    }

.koble-rad[b-hv5r0pv53m] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: 0.5rem;
}

    .koble-rad select[b-hv5r0pv53m] {
        font: inherit;
        font-size: 0.8rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        padding: 0.2rem 0.3rem;
    }

    .koble-rad button[b-hv5r0pv53m] {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
    }

.nokkel-header[b-hv5r0pv53m] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: left;
    vertical-align: bottom;
    padding: 0.4rem 0.3rem;
}

.kryss-celle[b-hv5r0pv53m] {
    text-align: center;
    cursor: pointer;
    user-select: none;
    font-weight: 700;
}

    .kryss-celle:hover[b-hv5r0pv53m] {
        background: color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%);
    }

.kryss-celle.krysset[b-hv5r0pv53m] {
    background: color-mix(in srgb, var(--itlock-surface) 85%, var(--itlock-accent) 15%);
}
/* _content/PortalItlock.Web/Components/Pages/LassystemFields.razor.rz.scp.css */
.field-grid[b-1dhlikgtap] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem 1rem;
    margin-bottom: 1rem;
}

label[b-1dhlikgtap] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

input[b-1dhlikgtap], select[b-1dhlikgtap] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}
/* _content/PortalItlock.Web/Components/Pages/LasUtskiftingListe.razor.rz.scp.css */
.back-link[b-4oej9yl1pm] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-4oej9yl1pm]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-4oej9yl1pm] {
        color: var(--itlock-accent);
    }

.side-header[b-4oej9yl1pm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
}

.side-header-venstre[b-4oej9yl1pm] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-4oej9yl1pm] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-4oej9yl1pm]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-4oej9yl1pm] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-4oej9yl1pm] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.knapp[b-4oej9yl1pm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-4oej9yl1pm]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-4oej9yl1pm] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-4oej9yl1pm] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-4oej9yl1pm] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
    }

.list-empty[b-4oej9yl1pm] {
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
}

.sjekkliste-grid[b-4oej9yl1pm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.9rem;
}

.sjekkliste-kort[b-4oej9yl1pm] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--itlock-border);
    border-radius: 13px;
    background: var(--itlock-surface);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .sjekkliste-kort:hover[b-4oej9yl1pm] {
        border-color: var(--itlock-accent);
        box-shadow: 0 12px 24px -14px rgba(41, 41, 39, 0.28);
        transform: translateY(-1px);
    }

.sjekkliste-ikon[b-4oej9yl1pm] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sjekkliste-ikon[b-4oej9yl1pm]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.sjekkliste-tekst[b-4oej9yl1pm] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.sjekkliste-navn[b-4oej9yl1pm] {
    font-weight: 600;
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sjekkliste-dato[b-4oej9yl1pm] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/Pages/LasUtskiftingSkjema.razor.rz.scp.css */
.lasutskifting-layout[b-rw9lng14kf] {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    max-width: 1200px;
}

.back-link[b-rw9lng14kf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    width: fit-content;
}

    .back-link[b-rw9lng14kf]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-rw9lng14kf] {
        color: var(--itlock-accent);
    }

.side-header[b-rw9lng14kf] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 0.3rem;
}

.side-header-ikon[b-rw9lng14kf] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-rw9lng14kf]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-rw9lng14kf] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-rw9lng14kf] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.panel[b-rw9lng14kf] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.panel-header[b-rw9lng14kf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.1rem;
}

.panel-ikon[b-rw9lng14kf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .panel-ikon[b-rw9lng14kf]  .icon {
        width: 1rem;
        height: 1rem;
    }

.panel-header h2[b-rw9lng14kf] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.lu-measure-grid[b-rw9lng14kf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 1.4rem;
    align-items: start;
}

.lu-fields[b-rw9lng14kf] {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    min-width: 0;
}

.lu-diagram[b-rw9lng14kf] {
    position: sticky;
    top: 1rem;
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-bg);
    padding: 0.9rem;
}

    .lu-diagram img[b-rw9lng14kf] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

.lu-diagram-caption[b-rw9lng14kf] {
    margin: 0.7rem 0 0;
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    line-height: 1.5;
}

@media (max-width: 900px) {
    .lu-measure-grid[b-rw9lng14kf] {
        grid-template-columns: 1fr;
    }

    .lu-diagram[b-rw9lng14kf] {
        position: static;
        max-width: 360px;
    }
}

.field-grid[b-rw9lng14kf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.7rem 1rem;
}

.field-grid label[b-rw9lng14kf] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.field-grid .span-2[b-rw9lng14kf] {
    grid-column: span 2;
}

.field-grid input[b-rw9lng14kf],
.field-grid select[b-rw9lng14kf],
.field-grid textarea[b-rw9lng14kf] {
    font: inherit;
    font-size: 0.88rem;
    font-weight: 400;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

    .field-grid input:focus[b-rw9lng14kf],
    .field-grid select:focus[b-rw9lng14kf],
    .field-grid textarea:focus[b-rw9lng14kf] {
        outline: none;
        border-color: var(--itlock-accent);
    }

.punkt-label[b-rw9lng14kf] {
    display: inline-flex;
    align-items: center;
}

.punkt-badge[b-rw9lng14kf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 5px;
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
    font-size: 0.62rem;
    font-weight: 700;
    margin-right: 0.35rem;
    vertical-align: 1px;
}

.unit-field[b-rw9lng14kf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .unit-field input[b-rw9lng14kf] {
        flex: 1;
    }

    .unit-field span[b-rw9lng14kf] {
        color: var(--itlock-ink-muted);
        font-size: 0.82rem;
        font-weight: 600;
    }

.notes-field[b-rw9lng14kf] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

    .notes-field textarea[b-rw9lng14kf] {
        font: inherit;
        font-size: 0.88rem;
        font-weight: 400;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
        resize: vertical;
    }

.knapp[b-rw9lng14kf] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-rw9lng14kf]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-rw9lng14kf] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-rw9lng14kf] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-rw9lng14kf] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
    }

.knapp-fare[b-rw9lng14kf] {
    background: var(--itlock-surface);
    border-color: #e0b3a3;
    color: #a3401f;
}

    .knapp-fare:hover[b-rw9lng14kf] {
        background: rgba(163, 64, 31, 0.06);
        border-color: #a3401f;
    }

.form-actions[b-rw9lng14kf] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.form-error[b-rw9lng14kf] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-rw9lng14kf] {
    color: #2b7a4b;
    font-weight: 600;
}

.delete-confirm[b-rw9lng14kf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--itlock-ink-muted);
}

@media (max-width: 640.98px) {
    .field-grid[b-rw9lng14kf] {
        grid-template-columns: 1fr;
    }

    .field-grid .span-2[b-rw9lng14kf] {
        grid-column: span 1;
    }
}
/* _content/PortalItlock.Web/Components/Pages/LeverandorDetalj.razor.rz.scp.css */
.back-link[b-6cp66o9khn] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-6cp66o9khn] {
        text-decoration: underline;
    }

.form-error[b-6cp66o9khn] {
    color: #b5502d;
    font-weight: 600;
}

.section-hint[b-6cp66o9khn] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    max-width: 700px;
    margin-bottom: 0.75rem;
}

.card[b-6cp66o9khn] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

/* ---------- Hero ---------- */

.leverandor-hero[b-6cp66o9khn] {
    max-width: 900px;
    background: linear-gradient(135deg, var(--itlock-accent) 0%, var(--itlock-accent-hover) 100%);
    border-radius: 16px;
    padding: 1.4rem 1.75rem 1.6rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.leverandor-hero-toppRad[b-6cp66o9khn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .leverandor-hero .back-link[b-6cp66o9khn] {
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

        .leverandor-hero .back-link:hover[b-6cp66o9khn] {
            color: #fff;
        }

.status-badge[b-6cp66o9khn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(43, 122, 75, 0.25);
    color: #bfe7cf;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.leverandor-hero-hovedRad[b-6cp66o9khn] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    flex-wrap: wrap;
}

.logo-rad[b-6cp66o9khn] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.logo-forhandsvisning[b-6cp66o9khn] {
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    object-fit: contain;
    padding: 8px;
}

    .logo-forhandsvisning.logo-tom[b-6cp66o9khn] {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--itlock-ink-muted);
        font-size: 0.7rem;
        text-align: center;
    }

.logo-upload-knapp[b-6cp66o9khn] {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    background: #fff;
    color: var(--itlock-accent);
    border: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

    .logo-upload-knapp:hover[b-6cp66o9khn] {
        background: var(--itlock-accent);
        color: #fff;
    }

.leverandor-hero-navn[b-6cp66o9khn] {
    flex: 1;
    min-width: 200px;
}

    .leverandor-hero-navn h1[b-6cp66o9khn] {
        margin: 0;
        font-size: 1.7rem;
        color: #fff;
    }

    .leverandor-hero-navn span[b-6cp66o9khn] {
        opacity: 0.85;
        font-size: 0.88rem;
    }

.rediger-knapp[b-6cp66o9khn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    border-radius: 9px;
    padding: 0.55rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
}

    .rediger-knapp:hover[b-6cp66o9khn] {
        background: rgba(255, 255, 255, 0.25);
    }

.hero-feil[b-6cp66o9khn] {
    color: #ffd7c9;
    background: rgba(0, 0, 0, 0.15);
    padding: 0.4rem 0.7rem;
    border-radius: 7px;
    font-size: 0.82rem;
    margin: 0;
}

.leverandor-hero-stats[b-6cp66o9khn] {
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 0.1rem 0.9rem;
    width: fit-content;
}

.stat-pill[b-6cp66o9khn] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    padding: 0.5rem 0.9rem;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

    .stat-pill:first-child[b-6cp66o9khn] {
        border-left: none;
        padding-left: 0;
    }

    .stat-pill strong[b-6cp66o9khn] {
        font-size: 1.1rem;
        font-weight: 800;
    }

    .stat-pill span[b-6cp66o9khn] {
        font-size: 0.7rem;
        opacity: 0.8;
    }

/* ---------- Seksjoner ---------- */

.leverandor-seksjon[b-6cp66o9khn] {
    max-width: 900px;
    margin-top: 1.25rem;
    padding: 1.25rem 1.4rem;
}

.leverandor-seksjon-header[b-6cp66o9khn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.9rem;
}

    .leverandor-seksjon-header h2[b-6cp66o9khn] {
        margin: 0;
    }

    .leverandor-seksjon-header .section-hint[b-6cp66o9khn] {
        margin-bottom: 0;
    }

.field-grid[b-6cp66o9khn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem 1rem;
    margin-bottom: 1rem;
}

    .field-grid label[b-6cp66o9khn] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    .field-grid .span-2[b-6cp66o9khn] {
        grid-column: 1 / -1;
    }

    .field-grid input[b-6cp66o9khn],
    .field-grid textarea[b-6cp66o9khn] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.5rem;
    }

    .field-grid.felt-visning[b-6cp66o9khn] {
        margin-bottom: 0;
    }

        .field-grid.felt-visning > div[b-6cp66o9khn] {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
        }

.felt-etikett[b-6cp66o9khn] {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.felt-verdi[b-6cp66o9khn] {
    font-size: 0.95rem;
    color: var(--itlock-ink);
    white-space: pre-wrap;
}

.lagre-rad[b-6cp66o9khn] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.save-button[b-6cp66o9khn] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.55rem 1.1rem;
    cursor: pointer;
    font-weight: 700;
}

    .save-button:hover[b-6cp66o9khn] {
        background: var(--itlock-accent-hover);
    }

.save-success[b-6cp66o9khn] {
    color: #2b7a4b;
    font-weight: 600;
}

.cancel-button[b-6cp66o9khn] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.85rem;
    white-space: nowrap;
}

.remove-button[b-6cp66o9khn] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #b5502d;
}

.list-empty[b-6cp66o9khn] {
    color: var(--itlock-ink-muted);
}

.lenke-table[b-6cp66o9khn] {
    width: 100%;
    max-width: 900px;
    border-collapse: collapse;
}

    .lenke-table th[b-6cp66o9khn],
    .lenke-table td[b-6cp66o9khn] {
        text-align: left;
        padding: 0.4rem 0.5rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

    .lenke-table input[b-6cp66o9khn] {
        width: 100%;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.3rem 0.4rem;
    }

.pris-input[b-6cp66o9khn] {
    max-width: 7rem;
}

.sok-input[b-6cp66o9khn] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.6rem;
    width: 100%;
    max-width: 320px;
    margin: 0.5rem 0 0.75rem;
}

@media (max-width: 640.98px) {
    .lenke-table[b-6cp66o9khn] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .leverandor-hero-hovedRad[b-6cp66o9khn] {
        gap: 0.8rem;
    }

    .rediger-knapp[b-6cp66o9khn] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Leverandorer.razor.rz.scp.css */
.back-link[b-zvimmlncdq] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-zvimmlncdq] {
        text-decoration: underline;
    }

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

.section-hint[b-zvimmlncdq] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    max-width: 700px;
    margin: 0.4rem 0 0;
}

.sok-boks[b-zvimmlncdq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    max-width: 420px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
    margin-bottom: 1.1rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-boks[b-zvimmlncdq]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-boks:focus-within[b-zvimmlncdq] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-boks input[b-zvimmlncdq] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.1rem 0;
    }

.list-empty[b-zvimmlncdq] {
    color: var(--itlock-ink-muted);
}

.leverandor-grid[b-zvimmlncdq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    max-width: 1100px;
}

.leverandor-kort[b-zvimmlncdq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem;
    text-decoration: none;
    color: var(--itlock-ink);
    transition: border-color 0.15s ease;
}

    .leverandor-kort:hover[b-zvimmlncdq] {
        border-color: var(--itlock-accent);
    }

.leverandor-logo-tile[b-zvimmlncdq] {
    width: 100%;
    height: 4.4rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--itlock-border);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    overflow: hidden;
}

    .leverandor-logo-tile img[b-zvimmlncdq] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.leverandor-logo-tekst[b-zvimmlncdq] {
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: -0.01em;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.leverandor-kort-info[b-zvimmlncdq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.leverandor-kort-navn[b-zvimmlncdq] {
    font-weight: 700;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leverandor-kort-meta[b-zvimmlncdq] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leverandor-kort-varer[b-zvimmlncdq] {
    align-self: flex-start;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.leverandor-kort-varer.tom[b-zvimmlncdq] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.add-button[b-zvimmlncdq] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.6rem 1.05rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    white-space: nowrap;
}

    .add-button:hover[b-zvimmlncdq] {
        background: var(--itlock-accent-hover);
    }

    .add-button[b-zvimmlncdq]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.form-error[b-zvimmlncdq] {
    color: #b5502d;
    font-weight: 600;
    margin-top: 0.5rem;
}

.ny-leverandor[b-zvimmlncdq] {
    max-width: 900px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.ny-leverandor-form[b-zvimmlncdq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .ny-leverandor-form input[b-zvimmlncdq] {
        flex: 1 1 180px;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.5rem 0.7rem;
    }

@media (max-width: 640.98px) {
    .leverandor-grid[b-zvimmlncdq] {
        grid-template-columns: 1fr;
    }

    .ny-leverandor-form input[b-zvimmlncdq] {
        flex-basis: 100%;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Lisenser.razor.rz.scp.css */
.section-hint[b-wz400dvbn2] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.list-empty[b-wz400dvbn2] {
    color: var(--itlock-ink-muted);
}

.filter-option[b-wz400dvbn2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    cursor: pointer;
    margin: 0.5rem 0;
}

.search-input[b-wz400dvbn2] {
    display: block;
    width: 100%;
    max-width: 420px;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
}

.result-count[b-wz400dvbn2] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.godkjenning-badge[b-wz400dvbn2] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
}

.godkjenning-badge-ok[b-wz400dvbn2] {
    color: #2b7a4b;
    border-color: #2b7a4b;
}

.godkjenning-badge-feil[b-wz400dvbn2] {
    color: #b5502d;
    border-color: #b5502d;
}

.godkjenning-badge-varsel[b-wz400dvbn2] {
    color: #8a6a10;
    border-color: #c99a1f;
}

.godkjenning-table-wrap[b-wz400dvbn2] {
    overflow-x: auto;
    margin-top: 0.75rem;
}

.godkjenning-table[b-wz400dvbn2] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

    .godkjenning-table th[b-wz400dvbn2],
    .godkjenning-table td[b-wz400dvbn2] {
        text-align: left;
        padding: 0.5rem 0.7rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .godkjenning-table th[b-wz400dvbn2] {
        color: var(--itlock-ink-muted);
        font-size: 0.78rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .godkjenning-table a[b-wz400dvbn2] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

        .godkjenning-table a:hover[b-wz400dvbn2] {
            text-decoration: underline;
        }

.godkjenning-tr-utgatt td[b-wz400dvbn2] {
    background: rgba(181, 80, 45, 0.07);
}

.godkjenning-tr-naermer td[b-wz400dvbn2] {
    background: #fdf4d6;
}
/* _content/PortalItlock.Web/Components/Pages/Login.razor.rz.scp.css */
.login-page-wrap[b-gauoumsmuo] {
    width: 100%;
    box-sizing: border-box;
}

.login-split[b-gauoumsmuo] {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 2075px;
    min-height: 620px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #1a120a;
}

.login-split-hero[b-gauoumsmuo] {
    flex: 1;
    position: relative;
    overflow: hidden;
    min-width: 0;
}

.login-split-hero-img[b-gauoumsmuo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.login-split-shadow[b-gauoumsmuo] {
    position: absolute;
    left: 28px;
    top: 24px;
    width: 380px;
    height: 150px;
    background: radial-gradient(ellipse at 15% 25%, rgba(10, 8, 5, 0.4) 0%, rgba(10, 8, 5, 0) 72%);
    pointer-events: none;
}

.login-split-brand[b-gauoumsmuo] {
    position: absolute;
    top: 24px;
    left: 28px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(20, 16, 12, 0.4);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 800;
    font-size: 14px;
    color: #FFFFFF;
    z-index: 2;
    pointer-events: none;
}

.login-split-headline[b-gauoumsmuo] {
    position: absolute;
    left: 40px;
    top: 80px;
    max-width: 360px;
    z-index: 2;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

    .login-split-headline .login-split-eyebrow[b-gauoumsmuo] {
        display: block;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.75);
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
        margin-bottom: 10px;
    }

    .login-split-headline h1[b-gauoumsmuo] {
        font-weight: 800;
        font-size: clamp(22px, 2vw, 27px);
        line-height: 1.2;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        margin: 0;
        text-shadow: 0 3px 14px rgba(0, 0, 0, 0.55);
    }

@media (max-width: 900px) {
    .login-split[b-gauoumsmuo] {
        flex-direction: column;
        min-height: 0;
    }

    .login-split-hero[b-gauoumsmuo] {
        flex: none;
        height: 260px;
    }
}

.login-split-card[b-gauoumsmuo] {
    flex: 0 0 480px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .login-split-card[b-gauoumsmuo] {
        flex: none;
        width: 100%;
        padding: 40px 24px;
    }
}

.login-split-card-inner[b-gauoumsmuo] {
    width: 100%;
    max-width: 360px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.login-split-card-top[b-gauoumsmuo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 28px;
    text-align: center;
}

.login-split-logo[b-gauoumsmuo] {
    font-weight: 800;
    font-size: 19px;
    color: #1c1917;
    margin-bottom: 22px;
}

.login-split-card-top h2[b-gauoumsmuo] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #1c1917;
}

.login-split-hint[b-gauoumsmuo] {
    margin: 0;
    font-size: 13.5px;
    color: #57534e;
}

.login-error[b-gauoumsmuo] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
    text-align: center;
}

.login-success[b-gauoumsmuo] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
    text-align: center;
}

.login-split-card-inner form[b-gauoumsmuo] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.login-split-card-inner label[b-gauoumsmuo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.login-split-field-label[b-gauoumsmuo] {
    font-size: 12.5px;
    font-weight: 600;
    color: #1c1917;
}

.login-split-field-label-row[b-gauoumsmuo] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

    .login-split-field-label-row a[b-gauoumsmuo] {
        font-size: 12.5px;
        color: #835e41;
        font-weight: 600;
        text-decoration: none;
        transition: color .2s ease;
    }

        .login-split-field-label-row a:hover[b-gauoumsmuo] {
            text-decoration: underline;
        }

.login-split-input[b-gauoumsmuo] {
    width: 100%;
    box-sizing: border-box;
    border: 1.5px solid #e7e2d8;
    border-radius: 10px;
    padding: 11px 13px;
    font-size: 14px;
    background: #faf8f5;
    color: #1c1917;
    font-family: inherit;
}

    .login-split-input:focus[b-gauoumsmuo] {
        outline: none;
        border-color: #835e41;
    }

.login-split-password[b-gauoumsmuo] {
    position: relative;
}

    .login-split-password .login-split-input[b-gauoumsmuo] {
        padding-right: 38px;
    }

.login-split-eye[b-gauoumsmuo] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9a948a;
    pointer-events: none;
}

.login-split-submit[b-gauoumsmuo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 13px;
    border: none;
    border-radius: 10px;
    background: #835e41;
    color: #fff;
    font-size: 14.5px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 4px;
    font-family: inherit;
    transition: background-color .2s ease;
}

    .login-split-submit:hover[b-gauoumsmuo] {
        background: #6f4f37;
    }

.login-split-foot[b-gauoumsmuo] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #ece7de;
}

    .login-split-foot a[b-gauoumsmuo] {
        font-size: 12.5px;
        color: #57534e;
        text-decoration: none;
        transition: color .2s ease;
    }

        .login-split-foot a:hover[b-gauoumsmuo] {
            color: #835e41;
            text-decoration: underline;
        }

.login-reveal[b-gauoumsmuo] {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}

.login-reveal-visible[b-gauoumsmuo] {
    opacity: 1;
    transform: translateY(0);
}

.login-features-section[b-gauoumsmuo] {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background: #FFFFFF;
    padding: 6rem 1.5rem 7rem;
}

.login-anchor-montor[b-gauoumsmuo] {
    position: absolute;
    top: 38%;
    left: 0;
}

.login-features-intro[b-gauoumsmuo] {
    max-width: 680px;
    margin: 0 auto 5.5rem;
    text-align: center;
}

.login-features-eyebrow[b-gauoumsmuo] {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #835e41;
    margin-bottom: 0.9rem;
}

.login-features-title[b-gauoumsmuo] {
    font-family: 'Fraunces', serif;
    font-weight: 600;
    font-size: clamp(1.8rem, 3.4vw, 2.75rem);
    line-height: 1.18;
    color: #292927;
    margin: 0 0 1.1rem;
}

.login-features-accent[b-gauoumsmuo] {
    color: #835e41;
}

.login-features-sub[b-gauoumsmuo] {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.6;
    color: #6b6863;
}

.login-feature-row[b-gauoumsmuo] {
    display: flex;
    align-items: center;
    gap: 3rem;
    max-width: 920px;
    margin: 0 auto;
    padding: 3rem 0;
}

    .login-feature-row:not(:last-child)[b-gauoumsmuo] {
        border-bottom: 1px solid #ece6d9;
    }

.login-feature-row-reverse[b-gauoumsmuo] {
    flex-direction: row-reverse;
}

.login-feature-mock[b-gauoumsmuo] {
    flex-shrink: 0;
    width: 300px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e6e0d4;
    border-radius: 16px;
    box-shadow: 0 30px 60px -36px rgba(41, 41, 39, 0.25);
    padding: 18px;
}

.login-feature-mock-title[b-gauoumsmuo] {
    font-size: 13px;
    font-weight: 700;
    color: #292927;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.login-mock-row[b-gauoumsmuo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-top: 1px solid #f1ece2;
}

    .login-mock-row:first-of-type[b-gauoumsmuo] {
        border-top: none;
    }

.login-mock-row-name[b-gauoumsmuo] {
    font-size: 12.5px;
    font-weight: 600;
    color: #292927;
}

.login-mock-row-sub[b-gauoumsmuo] {
    font-size: 10.5px;
    color: #8a857a;
    margin-top: 1px;
}

.login-mock-badge[b-gauoumsmuo] {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 999px;
}

.login-mock-badge-green[b-gauoumsmuo] {
    background: #e3f3e6;
    color: #2b7a4b;
}

.login-mock-badge-orange[b-gauoumsmuo] {
    background: #fdecdd;
    color: #b5502d;
}

.login-mock-badge-grey[b-gauoumsmuo] {
    background: #efede7;
    color: #8a857a;
}

.login-mock-bar[b-gauoumsmuo] {
    height: 5px;
    border-radius: 999px;
    background: #efede7;
    overflow: hidden;
    width: 70px;
}

.login-mock-bar-fill[b-gauoumsmuo] {
    height: 100%;
    background: #835e41;
}

@media (max-width: 720px) {
    .login-feature-mock[b-gauoumsmuo] {
        width: 100%;
    }
}

.login-feature-copy[b-gauoumsmuo] {
    flex: 1;
    min-width: 0;
}

    .login-feature-copy .login-feature-eyebrow[b-gauoumsmuo] {
        display: block;
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #835e41;
        margin-bottom: 0.5rem;
    }

    .login-feature-copy h3[b-gauoumsmuo] {
        font-family: 'Fraunces', serif;
        font-weight: 600;
        font-size: 1.55rem;
        color: #292927;
        margin: 0 0 0.6rem;
    }

    .login-feature-copy p[b-gauoumsmuo] {
        margin: 0;
        font-size: 0.98rem;
        line-height: 1.6;
        color: #6b6863;
        max-width: 48ch;
    }

@media (max-width: 720px) {
    .login-feature-row[b-gauoumsmuo],
    .login-feature-row-reverse[b-gauoumsmuo] {
        flex-direction: column;
        text-align: center;
        gap: 1.2rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/MinDag.razor.rz.scp.css */
.side-header[b-0i33i4gqb0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.side-header-venstre[b-0i33i4gqb0] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-0i33i4gqb0] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-0i33i4gqb0]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-0i33i4gqb0] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-0i33i4gqb0] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-0i33i4gqb0] {
    color: var(--itlock-ink-muted);
}

.lenke-chip[b-0i33i4gqb0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    text-decoration: none;
    margin-bottom: 1.2rem;
}

    .lenke-chip[b-0i33i4gqb0]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .lenke-chip:hover[b-0i33i4gqb0] {
        background: rgba(131, 94, 65, 0.18);
    }

.knapp[b-0i33i4gqb0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp[b-0i33i4gqb0]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-0i33i4gqb0] {
        border-color: var(--itlock-accent);
    }

.knapp-ikon[b-0i33i4gqb0] {
    padding: 0.5rem;
    width: 2.15rem;
    height: 2.15rem;
    justify-content: center;
}

.dag-neste[b-0i33i4gqb0]  .icon {
    transform: rotate(180deg);
}

.dag-toolbar[b-0i33i4gqb0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.dag-ukestripe[b-0i33i4gqb0] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.4rem;
    margin-bottom: 1.4rem;
    max-width: 700px;
}

.dag-ukestripe-dag[b-0i33i4gqb0] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.5rem 0;
    text-align: center;
    cursor: pointer;
    color: inherit;
}

    .dag-ukestripe-dag:hover[b-0i33i4gqb0] {
        border-color: var(--itlock-accent);
    }

    .dag-ukestripe-dag.aktiv[b-0i33i4gqb0] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.dag-ukestripe-navn[b-0i33i4gqb0] {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
}

.dag-ukestripe-tall[b-0i33i4gqb0] {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.mobil-ukestripe[b-0i33i4gqb0],
.mobil-tom-tilstand[b-0i33i4gqb0],
.mobil-tidsur-wrap[b-0i33i4gqb0] {
    display: none;
}

@media (max-width: 640.98px) {
    .side-header[b-0i33i4gqb0],
    .lenke-chip[b-0i33i4gqb0],
    .dag-toolbar[b-0i33i4gqb0],
    .dag-ukestripe[b-0i33i4gqb0] {
        display: none;
    }

    .mobil-ukestripe[b-0i33i4gqb0] {
        display: flex;
        margin: 0 -1rem 1rem;
        border-bottom: 1px solid var(--itlock-border);
    }

    .mobil-ukedag[b-0i33i4gqb0] {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.15rem;
        padding: 0.55rem 0.1rem;
        background: none;
        border: none;
        border-bottom: 3px solid transparent;
        color: var(--itlock-ink-muted);
        font-size: 0.72rem;
        font-weight: 600;
        cursor: pointer;
    }

    .mobil-ukedag.aktiv[b-0i33i4gqb0] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

    .mobil-ukedag-tall[b-0i33i4gqb0] {
        font-size: 1rem;
    }

    /* Egne, litt hyggeligere tomme-tilstander på mobil: "ingen jobber denne
       dagen" (ukedag) og "dette er en helg" (lør/søn) - erstatter den
       nøkterne teksten som fortsatt vises på PC. */
    .mobil-tom-tekst-skjul[b-0i33i4gqb0] {
        display: none;
    }

    .mobil-tom-tilstand[b-0i33i4gqb0] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.4rem;
        padding: 3rem 1.5rem 2rem;
        color: var(--itlock-ink-muted);
    }

        .mobil-tom-figur[b-0i33i4gqb0] {
            margin-bottom: 0.75rem;
        }

        .mobil-tom-tilstand h2[b-0i33i4gqb0] {
            margin: 0;
            font-size: 1.15rem;
            color: var(--itlock-ink);
        }

        .mobil-tom-tilstand p[b-0i33i4gqb0] {
            margin: 0;
            max-width: 26ch;
        }

    .mobil-tom-hint[b-0i33i4gqb0] {
        font-size: 0.85rem;
    }

    /* Tidsur nederst på Oppgaver - hold seg synlig nær bunnen av skjermen
       (over bunn-fanen) mens man scroller i jobb-listen over. */
    .mobil-tidsur-wrap[b-0i33i4gqb0] {
        display: block;
        position: sticky;
        bottom: calc(4.2rem + env(safe-area-inset-bottom, 0px) + 0.25rem);
        margin: 1.5rem -1rem 0;
        padding: 0.75rem 1rem 0;
        background: var(--itlock-bg);
        border-top: 1px solid var(--itlock-border);
    }

    .mobil-tidsur-label[b-0i33i4gqb0] {
        margin: 0 0 0.5rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    .mobil-tidsur-rad[b-0i33i4gqb0] {
        display: flex;
        gap: 0.5rem;
    }

    .mobil-tidsur-hovedknapp[b-0i33i4gqb0] {
        flex: 1 1 auto;
        border: none;
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        font-variant-numeric: tabular-nums;
        padding: 0.85rem 1rem;
        cursor: pointer;
    }

        .mobil-tidsur-hovedknapp.start[b-0i33i4gqb0] {
            background: #2b7a4b;
        }

        .mobil-tidsur-hovedknapp.ferdig[b-0i33i4gqb0] {
            background: #d9a520;
        }

    .mobil-tidsur-pauseknapp[b-0i33i4gqb0] {
        flex-shrink: 0;
        width: 3.2rem;
        background: var(--itlock-ink);
        color: #fff;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .mobil-tidsur-pauseknapp.aktiv[b-0i33i4gqb0] {
            background: var(--itlock-accent);
        }

        .mobil-tidsur-pauseknapp[b-0i33i4gqb0]  .icon {
            width: 1.3rem;
            height: 1.3rem;
        }

    .mobil-tidsur-modal-overlay[b-0i33i4gqb0] {
        position: fixed;
        inset: 0;
        background: rgba(41, 41, 39, 0.6);
        z-index: 1100;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem;
    }

    .mobil-tidsur-modal[b-0i33i4gqb0] {
        background: var(--itlock-surface);
        max-width: 22rem;
        width: 100%;
        padding: 1.25rem;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
    }

    .mobil-tidsur-modal-tittel[b-0i33i4gqb0] {
        font-weight: 700;
        margin: 0 0 0.75rem;
    }

    .mobil-tidsur-modal-stats[b-0i33i4gqb0] {
        color: var(--itlock-ink-muted);
        margin: 0 0 1.25rem;
    }

    .mobil-tidsur-modal-knapper[b-0i33i4gqb0] {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
    }

        .mobil-tidsur-modal-knapper .save-button[b-0i33i4gqb0] {
            background: var(--itlock-accent);
            color: #fff;
            border: none;
            padding: 0.5rem 1rem;
            cursor: pointer;
            font-weight: 600;
        }
}

.dag-dato[b-0i33i4gqb0] {
    font-weight: 700;
    font-size: 1.1rem;
    min-width: 14ch;
}

.cancel-button[b-0i33i4gqb0] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: inherit;
}

.dag-montor-velger[b-0i33i4gqb0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-left: auto;
}

    .dag-montor-velger select[b-0i33i4gqb0] {
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
    }

.jobb-liste[b-0i33i4gqb0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 700px;
}

.jobb-kort[b-0i33i4gqb0] {
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-surface);
    padding: 1.1rem 1.25rem;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
}

.jobb-header[b-0i33i4gqb0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.2rem;
}

.jobb-tid[b-0i33i4gqb0] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--itlock-ink);
}

.jobb-kort h2[b-0i33i4gqb0] {
    font-size: 1.15rem;
    margin: 0.3rem 0 0.1rem;
}

    .jobb-kort h2 a[b-0i33i4gqb0] {
        color: var(--itlock-ink);
        text-decoration: none;
    }

        .jobb-kort h2 a:hover[b-0i33i4gqb0] {
            text-decoration: underline;
        }

.jobb-prosjekt[b-0i33i4gqb0] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.6rem;
}

.jobb-info-rad[b-0i33i4gqb0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    font-size: 0.88rem;
    margin-bottom: 0.5rem;
}

.jobb-lenke[b-0i33i4gqb0] {
    color: var(--itlock-accent);
    text-decoration: none;
    font-weight: 600;
}

    .jobb-lenke:hover[b-0i33i4gqb0] {
        text-decoration: underline;
    }

.jobb-kontakt[b-0i33i4gqb0] {
    color: var(--itlock-ink-muted);
}

.jobb-varer[b-0i33i4gqb0] {
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
}

.jobb-varer-tittel[b-0i33i4gqb0] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.varer-liste[b-0i33i4gqb0] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .varer-liste li[b-0i33i4gqb0] {
        display: flex;
        justify-content: space-between;
        font-size: 0.9rem;
        padding: 0.15rem 0;
    }

.varer-antall[b-0i33i4gqb0] {
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.status-badge[b-0i33i4gqb0] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.status-badge-ny[b-0i33i4gqb0] { background: rgba(47, 111, 179, 0.12); color: #2f6fb3; }
.status-badge-klar[b-0i33i4gqb0] { background: rgba(107, 104, 99, 0.12); color: var(--itlock-ink-muted); }
.status-badge-pagaende[b-0i33i4gqb0] { background: rgba(217, 165, 32, 0.15); color: #a1690a; }
.status-badge-ferdig[b-0i33i4gqb0] { background: rgba(43, 122, 75, 0.12); color: #2b7a4b; }
.status-badge-fakturert[b-0i33i4gqb0] { background: rgba(107, 104, 99, 0.12); color: var(--itlock-ink-muted); }
/* _content/PortalItlock.Web/Components/Pages/NedlastningerKategori.razor.rz.scp.css */
.back-link[b-bbc5k2f2mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-size: 0.83rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-bbc5k2f2mm] {
        text-decoration: underline;
    }

    .back-link[b-bbc5k2f2mm]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.list-empty[b-bbc5k2f2mm] {
    color: var(--itlock-ink-muted);
}

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

.side-header-venstre[b-bbc5k2f2mm] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-bbc5k2f2mm] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-bbc5k2f2mm]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-bbc5k2f2mm] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-bbc5k2f2mm] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 520px;
}

.knapp[b-bbc5k2f2mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .knapp[b-bbc5k2f2mm]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.knapp-ghost[b-bbc5k2f2mm] {
    background: var(--itlock-surface);
    border-color: var(--itlock-border);
    color: var(--itlock-ink);
}

    .knapp-ghost:hover[b-bbc5k2f2mm] {
        border-color: var(--itlock-accent);
    }

.knapp-aktiv[b-bbc5k2f2mm] {
    background: var(--itlock-ink);
    border-color: var(--itlock-ink);
    color: #fff;
}

.knapp-primaer[b-bbc5k2f2mm] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-bbc5k2f2mm] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
    }

.knapp-fare[b-bbc5k2f2mm] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

    .knapp-fare:hover[b-bbc5k2f2mm] {
        background: #b5502d;
        color: #fff;
    }

.search-box[b-bbc5k2f2mm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.75rem;
    color: var(--itlock-ink-muted);
    margin: 0.2rem 0.7rem 0.6rem;
}

    .search-box[b-bbc5k2f2mm]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        flex-shrink: 0;
    }

    .search-box input[b-bbc5k2f2mm] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        width: 100%;
    }

.master-detail[b-bbc5k2f2mm] {
    display: flex;
    gap: 0;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 24px -20px rgba(41, 41, 39, 0.3);
    min-height: 32rem;
}

.master-panel[b-bbc5k2f2mm] {
    width: 20rem;
    flex-shrink: 0;
    border-right: 1px solid var(--itlock-border);
    padding: 0.85rem 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.master-row[b-bbc5k2f2mm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.85rem;
    margin: 0 0.5rem;
    border-radius: 9px;
    cursor: pointer;
    border-left: 3px solid transparent;
}

    .master-row:hover[b-bbc5k2f2mm] {
        background: var(--itlock-bg);
    }

.master-row-valgt[b-bbc5k2f2mm] {
    background: rgba(131, 94, 65, 0.09);
    border-left-color: var(--itlock-accent);
}

.fil-type[b-bbc5k2f2mm] {
    flex-shrink: 0;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 8px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.58rem;
    font-weight: 800;
}

.master-row-tekst[b-bbc5k2f2mm] {
    min-width: 0;
}

.master-row-navn[b-bbc5k2f2mm] {
    display: block;
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.master-row-meta[b-bbc5k2f2mm] {
    display: block;
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.05rem;
}

.master-tomt-sok[b-bbc5k2f2mm] {
    padding: 0 0.85rem;
    font-size: 0.82rem;
}

.master-opplasting[b-bbc5k2f2mm] {
    margin: 0.6rem 0.7rem 0;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
}

.detail-panel[b-bbc5k2f2mm] {
    flex: 1;
    padding: 2rem 2.2rem;
    min-width: 0;
    display: flex;
}

.detail-tomt[b-bbc5k2f2mm] {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
}

    .detail-tomt[b-bbc5k2f2mm]  .icon {
        width: 2.1rem;
        height: 2.1rem;
    }

.detail-innhold[b-bbc5k2f2mm] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    width: 100%;
    min-height: 0;
}

.dok-forhandsvisning[b-bbc5k2f2mm] {
    flex: 1;
    min-height: 26rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}

    .dok-forhandsvisning iframe[b-bbc5k2f2mm] {
        width: 100%;
        height: 100%;
        border: none;
        min-height: 26rem;
    }

    .dok-forhandsvisning img[b-bbc5k2f2mm] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        object-fit: contain;
    }

.dok-ingen-forhandsvisning[b-bbc5k2f2mm] {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
    text-align: center;
    max-width: 20rem;
    padding: 1rem;
}

    .dok-ingen-forhandsvisning[b-bbc5k2f2mm]  .icon {
        width: 2rem;
        height: 2rem;
    }

.detail-tekst[b-bbc5k2f2mm] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

    .detail-tekst h2[b-bbc5k2f2mm] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--itlock-ink);
    }

.detail-knapperad[b-bbc5k2f2mm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.detail-slett-confirm[b-bbc5k2f2mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.delete-confirm-button[b-bbc5k2f2mm] {
    background: #b5502d;
    color: #fff;
    border: 1px solid #b5502d;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.78rem;
}

.cancel-button[b-bbc5k2f2mm] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.78rem;
    color: var(--itlock-ink);
}
/* _content/PortalItlock.Web/Components/Pages/NedlastningerOversikt.razor.rz.scp.css */
.back-link[b-qp0ubwxxl4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-size: 0.83rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-qp0ubwxxl4] {
        text-decoration: underline;
    }

    .back-link[b-qp0ubwxxl4]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

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

.side-header-venstre[b-qp0ubwxxl4] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.side-header-ikon[b-qp0ubwxxl4] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-qp0ubwxxl4]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-qp0ubwxxl4] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-qp0ubwxxl4] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 520px;
}

.knapp[b-qp0ubwxxl4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .knapp[b-qp0ubwxxl4]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.knapp-ghost[b-qp0ubwxxl4] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .knapp-ghost:hover[b-qp0ubwxxl4] {
        border-color: var(--itlock-accent);
    }

.knapp-aktiv[b-qp0ubwxxl4] {
    background: var(--itlock-ink);
    border: 1px solid var(--itlock-ink);
    color: #fff;
}

.knapp-primaer[b-qp0ubwxxl4] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:disabled[b-qp0ubwxxl4] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.kobling-kategori-grid[b-qp0ubwxxl4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.kobling-kategori-wrap[b-qp0ubwxxl4] {
    position: relative;
}

.kobling-kategori-card[b-qp0ubwxxl4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    padding: 1.6rem 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .kobling-kategori-card:hover[b-qp0ubwxxl4] {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
        border-color: var(--itlock-accent);
    }

.kobling-kategori-ikon[b-qp0ubwxxl4] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .kobling-kategori-ikon[b-qp0ubwxxl4]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.kobling-kategori-navn[b-qp0ubwxxl4] {
    font-weight: 700;
    font-size: 0.94rem;
}

.kobling-kategori-slett-button[b-qp0ubwxxl4] {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--itlock-surface);
    color: #b5502d;
    border: 1px solid #b5502d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .kobling-kategori-slett-button[b-qp0ubwxxl4]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .kobling-kategori-slett-button:hover[b-qp0ubwxxl4] {
        background: #b5502d;
        color: #fff;
    }

.kobling-kategori-slett-confirm[b-qp0ubwxxl4] {
    position: absolute;
    inset: 0;
    background: var(--itlock-surface);
    border: 1px solid #b5502d;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.8rem;
    text-align: center;
}

    .kobling-kategori-slett-confirm p[b-qp0ubwxxl4] {
        margin: 0;
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
    }

.kobling-kategori-slett-confirm-rad[b-qp0ubwxxl4] {
    display: flex;
    gap: 0.4rem;
}

.delete-confirm-button[b-qp0ubwxxl4] {
    background: #b5502d;
    color: #fff;
    border: 1px solid #b5502d;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.78rem;
}

.cancel-button[b-qp0ubwxxl4] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.78rem;
    color: var(--itlock-ink);
}

.kobling-kategori-ny[b-qp0ubwxxl4] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 1rem;
    background: transparent;
    border: 1.5px dashed var(--itlock-border);
    border-radius: 14px;
}

    .kobling-kategori-ny input[b-qp0ubwxxl4] {
        width: 100%;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
        text-align: center;
    }
/* _content/PortalItlock.Web/Components/Pages/NyhetListe.razor.rz.scp.css */
.side-header[b-vt5suey3it] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.side-header-ikon[b-vt5suey3it] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-vt5suey3it]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-vt5suey3it] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-vt5suey3it] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 680px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-vt5suey3it] {
    color: var(--itlock-ink-muted);
}

.nyhet-rutenett[b-vt5suey3it] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.nyhet-kort[b-vt5suey3it] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.nyhet-dato[b-vt5suey3it] {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--itlock-accent);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.nyhet-tittel[b-vt5suey3it] {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
}

.nyhet-tekst[b-vt5suey3it] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    line-height: 1.5;
    white-space: pre-wrap;
    flex: 1;
}

.nyhet-tekst-avkortet[b-vt5suey3it] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nyhet-footer[b-vt5suey3it] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    border-top: 1px solid var(--itlock-border);
    margin-top: auto;
}

.les-mer-knapp[b-vt5suey3it] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--itlock-accent);
    cursor: pointer;
}

.remove-button[b-vt5suey3it] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.25rem 0.6rem;
    cursor: pointer;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

    .remove-button:hover[b-vt5suey3it] {
        border-color: #a32020;
        color: #a32020;
    }

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

@media (max-width: 640.98px) {
    .nyhet-rutenett[b-vt5suey3it] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/NyPakke.razor.rz.scp.css */
.back-link[b-7r5orwkv65] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    width: fit-content;
    margin-bottom: 0.8rem;
}

    .back-link[b-7r5orwkv65]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-7r5orwkv65] {
        color: var(--itlock-accent);
    }

.side-header[b-7r5orwkv65] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-7r5orwkv65] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-7r5orwkv65]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-7r5orwkv65] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-7r5orwkv65] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.pakke-brodsmule[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.9rem;
}

    .pakke-brodsmule a[b-7r5orwkv65] {
        color: var(--itlock-ink-muted);
        text-decoration: none;
    }

        .pakke-brodsmule a:hover[b-7r5orwkv65] {
            color: var(--itlock-accent);
        }

.pakke-brodsmule-na[b-7r5orwkv65] {
    color: var(--itlock-ink);
}

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

.pakke-header-venstre[b-7r5orwkv65] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.pakke-header-ikon[b-7r5orwkv65] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pakke-header-ikon[b-7r5orwkv65]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.pakke-header-navn-rad[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.knapp-liten[b-7r5orwkv65] {
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
}

.pakke-header h1[b-7r5orwkv65] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.pakke-header-handlinger[b-7r5orwkv65] {
    display: flex;
    gap: 0.6rem;
}

.pakke-faner[b-7r5orwkv65] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1.4rem;
    overflow-x: auto;
}

.pakke-fane[b-7r5orwkv65] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.7rem 0.4rem;
    margin-right: 1.25rem;
    font: inherit;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    white-space: nowrap;
}

    .pakke-fane[b-7r5orwkv65]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .pakke-fane:hover[b-7r5orwkv65] {
        color: var(--itlock-ink);
    }

.pakke-fane-aktiv[b-7r5orwkv65] {
    color: var(--itlock-accent);
    border-bottom-color: var(--itlock-accent);
}

.pakke-kort-seksjon[b-7r5orwkv65] {
    margin-bottom: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.pakke-beskrivelse-visning[b-7r5orwkv65] {
    margin: 0 0 1.1rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--itlock-ink);
}

.pakke-delseksjon-tittel[b-7r5orwkv65] {
    margin: 0 0 0.8rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

.pakke-grunndata[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
}

.pakke-grunndata-rad[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--itlock-border);
}

    .pakke-grunndata-rad:last-child[b-7r5orwkv65] {
        border-bottom: none;
    }

.pakke-grunndata-ikon[b-7r5orwkv65] {
    flex-shrink: 0;
    color: var(--itlock-accent);
}

    .pakke-grunndata-ikon[b-7r5orwkv65]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.pakke-grunndata-label[b-7r5orwkv65] {
    flex: 1 1 auto;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.pakke-grunndata-pille[b-7r5orwkv65] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--itlock-ink);
}

/* Oversikt-fanen i lesevisning: galleri | grunndata | beskrivelse+bruksområde
--------------------------------------------------- */

.pakke-oversikt-grid[b-7r5orwkv65] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(260px, 320px) 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1.4rem;
}

.pakke-galleri[b-7r5orwkv65] {
    padding: 1rem;
}

.pakke-galleri-rad[b-7r5orwkv65] {
    display: flex;
    gap: 0.6rem;
}

.pakke-miniatyrer[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

.pakke-miniatyr[b-7r5orwkv65] {
    width: 3.2rem;
    height: 3.2rem;
    padding: 0.2rem;
    background: var(--itlock-bg);
    border: 1.5px solid var(--itlock-border);
    border-radius: 8px;
    cursor: pointer;
}

.pakke-miniatyr-aktiv[b-7r5orwkv65] {
    border-color: var(--itlock-accent);
}

.pakke-hovedbilde[b-7r5orwkv65] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.8rem;
    min-height: 15rem;
}

    .pakke-hovedbilde[b-7r5orwkv65]  .dor-figur {
        width: 100%;
        max-width: 9rem;
        height: auto;
    }

    .pakke-miniatyr[b-7r5orwkv65]  .dor-figur {
        width: 100%;
        height: auto;
    }

.pakke-grunndata-boks[b-7r5orwkv65],
.pakke-sidepanel[b-7r5orwkv65] {
    padding: 1rem 1.1rem;
}

.pakke-sidepanel h2[b-7r5orwkv65] {
    margin-top: 0.6rem;
}

    .pakke-sidepanel h2:first-child[b-7r5orwkv65] {
        margin-top: 0;
    }

.pakke-bruksomrade-liste[b-7r5orwkv65] {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.88rem;
    color: var(--itlock-ink);
}

    .pakke-bruksomrade-liste li[b-7r5orwkv65]::marker {
        color: var(--itlock-accent);
    }

@media (max-width: 1000px) {
    .pakke-oversikt-grid[b-7r5orwkv65] {
        grid-template-columns: 1fr;
    }
}

/* Snarveier
--------------------------------------------------- */

.pakke-snarveier-rad[b-7r5orwkv65] {
    display: flex;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.snarvei-knapp[b-7r5orwkv65] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 180px;
    justify-content: center;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.7rem 1rem;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    text-decoration: none;
    cursor: pointer;
}

    .snarvei-knapp[b-7r5orwkv65]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .snarvei-knapp:hover[b-7r5orwkv65] {
        border-color: var(--itlock-accent);
    }

.snarvei-knapp-farlig[b-7r5orwkv65] {
    color: #b5502d;
}

    .snarvei-knapp-farlig:hover[b-7r5orwkv65] {
        border-color: #b5502d;
    }

.pakke-komponent-liste[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.pakke-komponent-rad[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    background: var(--itlock-bg);
}

.pakke-komponent-ikon[b-7r5orwkv65] {
    flex-shrink: 0;
    color: var(--itlock-accent);
}

    .pakke-komponent-ikon[b-7r5orwkv65]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.pakke-komponent-navn[b-7r5orwkv65] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    font-weight: 600;
}

.pakke-komponent-type[b-7r5orwkv65] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.pakke-komponent-antall[b-7r5orwkv65] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    min-width: 1.4rem;
    text-align: right;
}

.pakke-krav-dimensjon[b-7r5orwkv65] {
    margin-bottom: 0.9rem;
}

    .pakke-krav-dimensjon:last-child[b-7r5orwkv65] {
        margin-bottom: 0;
    }

.pakke-krav-dimensjon-navn[b-7r5orwkv65] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.4rem;
}

.pakke-krav-pille-rad[b-7r5orwkv65] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pakke-krav-pille[b-7r5orwkv65] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
}

    .pakke-krav-pille[b-7r5orwkv65]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

.funksjon-chip-list-visning[b-7r5orwkv65] {
    margin-top: 0;
}

.funksjon-chip-visning[b-7r5orwkv65] {
    background: var(--itlock-bg);
    color: var(--itlock-ink);
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.8rem;
}

.pakke-historikk-rad[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.pakke-historikk-ikon[b-7r5orwkv65] {
    flex-shrink: 0;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pakke-historikk-ikon[b-7r5orwkv65]  .icon {
        width: 1rem;
        height: 1rem;
    }

.pakke-historikk-tekst[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.pakke-historikk-tittel[b-7r5orwkv65] {
    font-size: 0.88rem;
    font-weight: 600;
}

.pakke-historikk-sub[b-7r5orwkv65] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.kort[b-7r5orwkv65] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
}

    .kort h2[b-7r5orwkv65] {
        margin: 0 0 1rem;
        font-size: 1.02rem;
        font-weight: 700;
    }

.ny-pakke-info[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.ny-pakke-info label[b-7r5orwkv65],
.pakke-kort-seksjon label[b-7r5orwkv65],
.component-add label[b-7r5orwkv65],
.component-search label[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.ny-pakke-info input[b-7r5orwkv65],
.ny-pakke-info textarea[b-7r5orwkv65],
.pakke-kort-seksjon input[b-7r5orwkv65],
.pakke-kort-seksjon textarea[b-7r5orwkv65],
.component-add input[b-7r5orwkv65],
.component-add select[b-7r5orwkv65],
.component-search input[b-7r5orwkv65] {
    font-weight: 400;
    font: inherit;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    font-size: 0.9rem;
    background: var(--itlock-bg);
    color: var(--itlock-ink);
}

.component-search[b-7r5orwkv65] {
    margin-bottom: 1rem;
}

.sok-wrap[b-7r5orwkv65] {
    position: relative;
}

.search-results[b-7r5orwkv65] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    list-style: none;
    margin: 0.3rem 0 0;
    padding: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 16px 32px -16px rgba(41, 41, 39, 0.4);
    max-height: 260px;
    overflow-y: auto;
}

.search-result[b-7r5orwkv65] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    border-radius: 7px;
    padding: 0.5rem 0.6rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
}

    .search-result:hover[b-7r5orwkv65] {
        background: var(--itlock-bg);
    }

.search-result-name[b-7r5orwkv65] {
    font-weight: 600;
    font-size: 0.88rem;
}

.search-result-meta[b-7r5orwkv65] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

.search-empty[b-7r5orwkv65] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-top: 0.4rem;
}

.component-manual[b-7r5orwkv65] {
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
}

.component-manual summary[b-7r5orwkv65] {
    cursor: pointer;
    list-style: none;
    padding: 0.65rem 0.9rem;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--itlock-accent);
}

.component-manual summary[b-7r5orwkv65]::-webkit-details-marker {
    display: none;
}

.component-manual .component-add[b-7r5orwkv65] {
    padding: 0.9rem 1rem 1rem;
}

.komponent-kort-table[b-7r5orwkv65] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.1rem;
}

.component-table[b-7r5orwkv65] {
    width: 100%;
    border-collapse: collapse;
    background: var(--itlock-surface);
}

    .component-table th[b-7r5orwkv65] {
        text-align: left;
        padding: 0.55rem 0.7rem;
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        border-bottom: 1px solid var(--itlock-border);
        background: var(--itlock-bg);
    }

    .component-table td[b-7r5orwkv65] {
        text-align: left;
        padding: 0.55rem 0.7rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

    .component-table tbody tr:last-child td[b-7r5orwkv65] {
        border-bottom: none;
    }

    .component-table select[b-7r5orwkv65] {
        font: inherit;
        font-size: 0.82rem;
        border: 1px solid var(--itlock-border);
        border-radius: 6px;
        padding: 0.25rem 0.4rem;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

    .component-table .antall-input[b-7r5orwkv65] {
        width: 4rem;
        font: inherit;
        font-size: 0.82rem;
        border: 1px solid var(--itlock-border);
        border-radius: 6px;
        padding: 0.25rem 0.4rem;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

        .component-table .antall-input:focus[b-7r5orwkv65] {
            outline: none;
            border-color: var(--itlock-accent);
        }

.component-empty[b-7r5orwkv65] {
    color: var(--itlock-ink-muted);
    margin-bottom: 1rem;
}

.component-empty-hint[b-7r5orwkv65] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: -0.3rem 0 0.9rem;
}

.funksjon-legg-til[b-7r5orwkv65] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

    .funksjon-legg-til select[b-7r5orwkv65] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.65rem;
    }

.funksjon-chip-list[b-7r5orwkv65] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.funksjon-chip[b-7r5orwkv65] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    border-radius: 999px;
    padding: 0.35rem 0.5rem 0.35rem 0.8rem;
    font-size: 0.82rem;
    font-weight: 600;
}

    .funksjon-chip button[b-7r5orwkv65] {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 1rem;
        line-height: 1;
        color: inherit;
        padding: 0 0.1rem;
    }

    .funksjon-chip button:hover[b-7r5orwkv65] {
        color: #b5502d;
    }

.remove-button[b-7r5orwkv65] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

    .remove-button:hover[b-7r5orwkv65] {
        border-color: #b5502d;
        color: #b5502d;
    }

.component-add[b-7r5orwkv65] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.7rem;
    align-items: end;
}

.antall-field[b-7r5orwkv65] {
    grid-column: span 1;
}

.knapp[b-7r5orwkv65] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp:hover[b-7r5orwkv65] {
        border-color: var(--itlock-accent);
    }

    .knapp:disabled[b-7r5orwkv65] {
        opacity: 0.5;
        cursor: default;
    }

.knapp-primaer[b-7r5orwkv65] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-7r5orwkv65] {
        background: var(--itlock-accent-hover);
    }

.knapp-farlig[b-7r5orwkv65] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

.form-actions[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-error[b-7r5orwkv65] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-7r5orwkv65] {
    color: #2b7a4b;
    font-weight: 600;
}

.delete-confirm-button[b-7r5orwkv65] {
    background: #b5502d;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .delete-confirm-button:disabled[b-7r5orwkv65] {
        opacity: 0.5;
        cursor: default;
    }

.cancel-button[b-7r5orwkv65] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.delete-confirm[b-7r5orwkv65] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.kode-input[b-7r5orwkv65] {
    font: inherit;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
    background: var(--itlock-bg);
    color: var(--itlock-ink);
    max-width: 8rem;
}
/* _content/PortalItlock.Web/Components/Pages/OmFullKontroll.razor.rz.scp.css */
.om-root[b-q4m55l0dcb] {
    width: 100%;
    box-sizing: border-box;
    background: #FCFCFA;
    display: flex;
    flex-direction: column;
    font-family: 'Manrope', sans-serif;
    color: #1A1D21;
}

.om-head[b-q4m55l0dcb] {
    font-family: 'Space Grotesk', sans-serif;
}

.om-mono[b-q4m55l0dcb] {
    font-family: 'IBM Plex Mono', monospace;
}

.om-root a[b-q4m55l0dcb] {
    text-decoration: none;
}

/* NAV */
.om-nav[b-q4m55l0dcb] {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #E2DED4;
}

.om-nav-inner[b-q4m55l0dcb] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 22px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.om-logo[b-q4m55l0dcb] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.om-logo span[b-q4m55l0dcb] {
    font-size: 16.5px;
    font-weight: 700;
    color: #1A1D21;
}

.om-nav-links[b-q4m55l0dcb] {
    display: flex;
    align-items: center;
    gap: 32px;
}

.om-nav-links a[b-q4m55l0dcb] {
    font-size: 12.5px;
    font-weight: 500;
    color: #8A857A;
    transition: color .15s;
}

.om-nav-links a:hover[b-q4m55l0dcb] {
    color: #1A1D21;
}

.om-nav-actions[b-q4m55l0dcb] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.om-nav-actions > a:first-child[b-q4m55l0dcb] {
    font-size: 13.5px;
    font-weight: 600;
    color: #3A3530;
}

.om-btn[b-q4m55l0dcb] {
    padding: 10px 18px;
    background: #1A1D21;
    color: #FCFCFA;
    font-size: 13px;
    font-weight: 600;
    transition: background .15s;
    display: inline-block;
}

.om-btn:hover[b-q4m55l0dcb] {
    background: #3A3530;
    color: #FCFCFA;
}

/* HERO */
.om-hero[b-q4m55l0dcb] {
    width: 100%;
    position: relative;
    background-image: linear-gradient(#EAE6DD 1px, transparent 1px), linear-gradient(90deg, #EAE6DD 1px, transparent 1px);
    background-size: 40px 40px;
}

.om-hero-inner[b-q4m55l0dcb] {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 90px 40px 70px;
    position: relative;
}

.om-fig[b-q4m55l0dcb] {
    font-size: 12px;
    color: #6B6B64;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.om-fig-num[b-q4m55l0dcb] {
    color: #6B6B64;
}

.om-fig-dash[b-q4m55l0dcb] {
    color: #D4CFC4;
}

.om-fig-label[b-q4m55l0dcb] {
    color: #8A857A;
}

.om-hero-h1[b-q4m55l0dcb] {
    margin: 0 0 28px;
    font-size: 58px;
    line-height: 1.1;
    font-weight: 700;
    color: #1A1D21;
    letter-spacing: -0.02em;
    max-width: 760px;
}

.om-hero-p[b-q4m55l0dcb] {
    margin: 0 0 36px;
    font-size: 16.5px;
    line-height: 1.65;
    color: #6B6B64;
    max-width: 480px;
}

.om-hero-actions[b-q4m55l0dcb] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.om-btn-ghost[b-q4m55l0dcb] {
    padding: 14px 26px;
    border: 1.5px solid #D8D3C8;
    color: #3A3530;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

.om-hero-actions .om-btn[b-q4m55l0dcb] {
    padding: 14px 26px;
    font-size: 14px;
}

/* LEGEND */
.om-legend[b-q4m55l0dcb] {
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #E2DED4;
    border-bottom: 1px solid #E2DED4;
}

.om-legend-inner[b-q4m55l0dcb] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 24px 40px;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    align-items: center;
}

.om-legend-label[b-q4m55l0dcb] {
    font-size: 11px;
    color: #8A857A;
    letter-spacing: 0.06em;
}

.om-legend-item[b-q4m55l0dcb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.om-legend-swatch[b-q4m55l0dcb] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
}

.om-legend-item span.om-mono[b-q4m55l0dcb] {
    font-size: 11.5px;
    color: #3A3530;
}

/* FEATURES */
.om-features[b-q4m55l0dcb] {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 100px 40px;
}

.om-features-h2[b-q4m55l0dcb] {
    margin: 0 0 56px;
    font-size: 32px;
    font-weight: 700;
    color: #1A1D21;
    max-width: 600px;
}

.om-grid[b-q4m55l0dcb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #E2DED4;
    border: 1px solid #E2DED4;
}

.om-tile[b-q4m55l0dcb] {
    background: #FFFFFF;
    padding: 32px;
    border-top: 3px solid var(--accent, #C1703F);
    box-sizing: border-box;
}

.om-tile-fig[b-q4m55l0dcb] {
    font-size: 11px;
    color: var(--accent, #C1703F);
    margin-bottom: 16px;
}

.om-tile-icon[b-q4m55l0dcb] {
    margin-bottom: 16px;
    display: block;
}

.om-tile h3[b-q4m55l0dcb] {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #1A1D21;
}

.om-tile p[b-q4m55l0dcb] {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #8A857A;
}

/* SHOWCASE */
.om-reveal[b-q4m55l0dcb] {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}

.om-reveal-visible[b-q4m55l0dcb] {
    opacity: 1;
    transform: translateY(0);
}

.om-showcase[b-q4m55l0dcb] {
    width: 100%;
    border-top: 1px solid #E2DED4;
    background: #F5EEE3;
}

.om-showcase-inner[b-q4m55l0dcb] {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 100px 40px;
    text-align: center;
}

.om-showcase-h2[b-q4m55l0dcb] {
    margin: 0 0 20px;
    font-size: 36px;
    font-weight: 700;
    color: #1A1D21;
}

.om-showcase-p[b-q4m55l0dcb] {
    margin: 0 auto 56px;
    font-size: 16.5px;
    line-height: 1.65;
    color: #6B6B64;
    max-width: 560px;
}

.om-showcase-img[b-q4m55l0dcb] {
    width: 100%;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 60px 100px -48px rgba(26,23,18,0.28);
}

/* CTA */
.om-cta[b-q4m55l0dcb] {
    width: 100%;
    border-top: 1px solid #E2DED4;
}

.om-cta-inner[b-q4m55l0dcb] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 90px 40px;
    text-align: center;
}

.om-cta-h2[b-q4m55l0dcb] {
    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 700;
    color: #1A1D21;
}

/* FOOTER */
.om-footer[b-q4m55l0dcb] {
    width: 100%;
    border-top: 1px solid #E2DED4;
}

.om-footer-inner[b-q4m55l0dcb] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 36px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.om-footer-brand[b-q4m55l0dcb] {
    font-size: 14px;
    font-weight: 700;
    color: #1A1D21;
}

.om-footer-copy[b-q4m55l0dcb] {
    font-size: 11.5px;
    color: #8A857A;
}

@media (max-width: 760px) {
    .om-hero-h1[b-q4m55l0dcb] {
        font-size: 38px;
    }

    .om-grid[b-q4m55l0dcb] {
        grid-template-columns: 1fr;
    }

    .om-nav-links[b-q4m55l0dcb] {
        display: none;
    }
}
/* _content/PortalItlock.Web/Components/Pages/OppdaterPriser.razor.rz.scp.css */
.back-link[b-r7grnfejuv] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-r7grnfejuv] {
        text-decoration: underline;
    }

.section-hint[b-r7grnfejuv] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0.25rem 0 0.75rem;
    max-width: 800px;
}

.import-card[b-r7grnfejuv] {
    max-width: 1000px;
    margin-bottom: 1.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 1.25rem 1.5rem;
}

    .import-card h2[b-r7grnfejuv] {
        margin-top: 0;
    }

.import-hero[b-r7grnfejuv] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    max-width: 1000px;
    align-items: start;
}

@media (max-width: 720px) {
    .import-hero[b-r7grnfejuv] {
        grid-template-columns: 1fr;
    }
}

.import-komigang-card ol[b-r7grnfejuv] {
    margin: 0;
    padding-left: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
}

.import-dropzone[b-r7grnfejuv] {
    position: relative;
    display: block;
    border: 2px dashed var(--itlock-border);
    border-radius: 4px;
    padding: 2.5rem 1rem;
    text-align: center;
    cursor: pointer;
    background: var(--itlock-bg);
    transition: border-color 0.15s ease-out;
    margin-bottom: 1rem;
}

    .import-dropzone:hover[b-r7grnfejuv] {
        border-color: var(--itlock-accent);
    }

.import-dropzone-disabled[b-r7grnfejuv] {
    opacity: 0.5;
    cursor: not-allowed;
}

.import-dropzone-input[b-r7grnfejuv] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.import-dropzone-content[b-r7grnfejuv] {
    pointer-events: none;
}

    .import-dropzone-content p[b-r7grnfejuv] {
        margin: 0.2rem 0;
    }

.import-dropzone-ikon[b-r7grnfejuv] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.import-dropzone-hint[b-r7grnfejuv] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.import-leverandor-felt[b-r7grnfejuv] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .import-leverandor-felt input[b-r7grnfejuv] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.import-historikk-table[b-r7grnfejuv] {
    width: 100%;
    border-collapse: collapse;
}

    .import-historikk-table th[b-r7grnfejuv],
    .import-historikk-table td[b-r7grnfejuv] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

.import-status-badge-pagar[b-r7grnfejuv] {
    background: rgba(47, 111, 179, 0.15);
    color: #2f6fb3;
}

.field-grid[b-r7grnfejuv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem 1rem;
    margin-bottom: 0.75rem;
}

.field-grid label[b-r7grnfejuv] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.field-grid input[b-r7grnfejuv],
.field-grid select[b-r7grnfejuv] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.form-actions[b-r7grnfejuv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.save-button[b-r7grnfejuv] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.cancel-button[b-r7grnfejuv] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.form-error[b-r7grnfejuv] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
}

.save-success[b-r7grnfejuv] {
    color: #2b7a4b;
    font-weight: 600;
}

.import-table[b-r7grnfejuv] {
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
    margin-top: 0.75rem;
}

    .import-table th[b-r7grnfejuv],
    .import-table td[b-r7grnfejuv] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

.import-rad-feil[b-r7grnfejuv] {
    background: rgba(179, 51, 51, 0.08);
}

.import-rad-ok[b-r7grnfejuv] {
    background: rgba(43, 122, 75, 0.06);
}

.import-status-badge[b-r7grnfejuv] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.import-status-badge-ok[b-r7grnfejuv] {
    background: rgba(43, 122, 75, 0.15);
    color: #2b7a4b;
}

.import-status-badge-uendret[b-r7grnfejuv] {
    background: rgba(0, 0, 0, 0.06);
    color: var(--itlock-ink-muted);
}

.import-status-badge-feil[b-r7grnfejuv] {
    background: rgba(179, 51, 51, 0.15);
    color: #a33;
}

.import-oppsummering[b-r7grnfejuv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.import-oppsummering-tall[b-r7grnfejuv] {
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
}

.import-oppsummering-ok[b-r7grnfejuv] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.import-oppsummering-uendret[b-r7grnfejuv] {
    background: rgba(0, 0, 0, 0.05);
    color: var(--itlock-ink-muted);
}

.import-oppsummering-feil[b-r7grnfejuv] {
    background: rgba(179, 51, 51, 0.12);
    color: #a33;
}

.mapping-table[b-r7grnfejuv] {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

    .mapping-table th[b-r7grnfejuv],
    .mapping-table td[b-r7grnfejuv] {
        text-align: left;
        padding: 0.5rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
        vertical-align: middle;
    }

    .mapping-table select[b-r7grnfejuv] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.35rem 0.5rem;
        min-width: 12rem;
    }

.mapping-auto-badge[b-r7grnfejuv] {
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #2b7a4b;
}

.mapping-eksempel[b-r7grnfejuv] {
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.pris-gammel[b-r7grnfejuv] {
    color: var(--itlock-ink-muted);
    text-decoration: line-through;
}
/* _content/PortalItlock.Web/Components/Pages/OppsettModul.razor.rz.scp.css */
.back-link[b-xlo73na9xm] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-xlo73na9xm]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-xlo73na9xm] {
        color: var(--itlock-accent);
    }

.side-header[b-xlo73na9xm] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-xlo73na9xm] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-xlo73na9xm]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-xlo73na9xm] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-xlo73na9xm] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-xlo73na9xm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-xlo73na9xm] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-xlo73na9xm] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-xlo73na9xm] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-xlo73na9xm]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-xlo73na9xm] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-xlo73na9xm] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-xlo73na9xm] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/PlantegningUtstyr.razor.rz.scp.css */
.back-link[b-xeqvitbs6r] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-xeqvitbs6r] {
        text-decoration: underline;
    }

.plan-subtitle[b-xeqvitbs6r] {
    color: var(--itlock-ink-muted);
    margin-top: -0.5rem;
}

.plan-toolbar[b-xeqvitbs6r] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0.75rem 0 1rem;
}

.placing-hint[b-xeqvitbs6r] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.status-sticky[b-xeqvitbs6r] {
    position: sticky;
    top: 4.25rem;
    z-index: 5;
    background: var(--itlock-bg);
    padding: 0.5rem 0;
    margin-bottom: 0.25rem;
}

    .status-sticky .placing-hint[b-xeqvitbs6r] {
        margin: 0;
    }

@media (max-width: 640.98px) {
    .status-sticky[b-xeqvitbs6r] {
        top: 0;
    }
}

.saved-hint[b-xeqvitbs6r] {
    color: #2b7a4b;
    font-size: 0.8rem;
    font-weight: 600;
}

.form-error[b-xeqvitbs6r] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-xeqvitbs6r] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.add-button[b-xeqvitbs6r] {
    background: none;
    border: 1px solid var(--itlock-accent);
    color: var(--itlock-accent);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.save-button[b-xeqvitbs6r] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

.edit-button-active[b-xeqvitbs6r] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
}

.cancel-button[b-xeqvitbs6r] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    font-size: 0.8rem;
}

.delete-button[b-xeqvitbs6r] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

.remove-button[b-xeqvitbs6r] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    margin-left: auto;
}

.utstyr-toolbar-item[b-xeqvitbs6r] {
    position: relative;
}

.utstyr-velger-panel[b-xeqvitbs6r] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    min-width: 180px;
    margin-top: 0.25rem;
}

.utstyr-velger-item[b-xeqvitbs6r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .utstyr-velger-item:last-child[b-xeqvitbs6r] {
        border-bottom: none;
    }

    .utstyr-velger-item:hover[b-xeqvitbs6r] {
        background: rgba(131, 94, 65, 0.08);
    }

.utstyr-badge[b-xeqvitbs6r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.utstyr-ikon[b-xeqvitbs6r] {
    width: calc(1.5rem * var(--plan-zoom, 1));
    height: calc(1.5rem * var(--plan-zoom, 1));
    overflow: visible;
    filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff);
}

.utstyr-badge-small .utstyr-ikon[b-xeqvitbs6r] {
    width: calc(1.25rem * var(--plan-zoom, 1));
    height: calc(1.25rem * var(--plan-zoom, 1));
}

.utstyr-legend[b-xeqvitbs6r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.utstyr-legend-item[b-xeqvitbs6r] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.utstyr-legend-kode[b-xeqvitbs6r] {
    color: var(--itlock-ink-muted);
    font-size: 0.72rem;
}

.kabel-legend[b-xeqvitbs6r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.kabel-legend-item[b-xeqvitbs6r] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.kabel-legend-strek[b-xeqvitbs6r] {
    flex-shrink: 0;
}

.kabeltype-panel[b-xeqvitbs6r] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.6rem 0.8rem;
    margin-bottom: 1rem;
    max-width: fit-content;
}

    .kabeltype-panel select[b-xeqvitbs6r] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.35rem 0.5rem;
    }

.plan-layout[b-xeqvitbs6r] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.plan-canvas-wrap[b-xeqvitbs6r] {
    flex: 1 1 auto;
    min-width: 0;
    max-height: 75vh;
    overflow: auto;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
}

.plan-canvas[b-xeqvitbs6r] {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: crosshair;
    /* pan-x/pan-y (not "none") lets a single finger scroll natively - both
       within the drawing and, once that's exhausted, the page itself. Native
       pinch-zoom stays excluded so the custom two-finger handler in
       plantegning.js is the only thing that zooms. */
    touch-action: pan-x pan-y;
}

.plan-image[b-xeqvitbs6r] {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.kabel-svg-overlay[b-xeqvitbs6r] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.plan-canvas-rediger[b-xeqvitbs6r] {
    cursor: default;
    outline: 2px dashed var(--itlock-accent);
    outline-offset: -2px;
}

.utstyr-marker[b-xeqvitbs6r] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    cursor: pointer;
    touch-action: none;
    z-index: 1;
}

.plan-canvas-rediger .utstyr-marker[b-xeqvitbs6r] {
    cursor: grab;
}

.plan-canvas-rediger .utstyr-marker:active[b-xeqvitbs6r] {
    cursor: grabbing;
}

.utstyr-marker-selected .utstyr-ikon[b-xeqvitbs6r] {
    filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 3px var(--itlock-accent));
}

.utstyr-marker-label[b-xeqvitbs6r] {
    font-size: calc(0.62rem * var(--plan-zoom, 1));
    font-weight: 700;
    color: var(--itlock-ink);
    background: #fff;
    padding: 0 0.25rem;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.utstyr-panel[b-xeqvitbs6r] {
    width: 320px;
    flex-shrink: 0;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.utstyr-panel-header[b-xeqvitbs6r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .utstyr-panel-header h2[b-xeqvitbs6r] {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 1.1rem;
    }

.utstyr-notat-label[b-xeqvitbs6r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

    .utstyr-notat-label textarea[b-xeqvitbs6r] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.utstyr-panel-actions[b-xeqvitbs6r] {
    display: flex;
    gap: 0.5rem;
}

.utstyr-forbindelser[b-xeqvitbs6r] {
    border-top: 1px solid var(--itlock-border);
    padding-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.forbindelse-list[b-xeqvitbs6r] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.forbindelse-item[b-xeqvitbs6r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
}
/* _content/PortalItlock.Web/Components/Pages/PlantegningVisning.razor.rz.scp.css */
.back-link[b-9az7hvw0c4] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.75rem;
}

    .back-link:hover[b-9az7hvw0c4] {
        text-decoration: underline;
    }

/* ---------- Header ---------- */

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

.plan-header-tittel[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .plan-header-tittel h1[b-9az7hvw0c4] {
        margin: 0;
    }

.plan-header-ikon[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .plan-header-ikon[b-9az7hvw0c4]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.plan-subtitle[b-9az7hvw0c4] {
    color: var(--itlock-ink-muted);
    margin: 0.2rem 0 0 3rem;
}

.plan-header-actions[b-9az7hvw0c4] {
    display: flex;
    gap: 0.6rem;
    flex-shrink: 0;
}

/* ---------- Verktøylinje ---------- */

.plan-toolbar[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    flex-wrap: wrap;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 0.75rem;
}

.plan-toolbar-knapper[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .plan-toolbar select[b-9az7hvw0c4] {
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        padding: 0.35rem 0.5rem;
    }

.plan-legend-rad[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.placing-hint[b-9az7hvw0c4] {
    color: var(--itlock-ink-muted);
    font-size: 0.83rem;
    margin: 0 0 0.9rem;
}

.placing-hint-aktiv[b-9az7hvw0c4] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-accent);
    font-weight: 600;
    background: rgba(131, 94, 65, 0.1);
    border-radius: 8px;
    padding: 0.4rem 0.7rem;
}

.plan-legend[b-9az7hvw0c4] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.legend-dot[b-9az7hvw0c4] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    display: inline-block;
}

.legend-ferdig[b-9az7hvw0c4] {
    background: #2b7a4b;
}

.legend-montert[b-9az7hvw0c4] {
    background: #d9a520;
}

.legend-ikke-startet[b-9az7hvw0c4] {
    background: #2f6fb3;
}

.saved-hint[b-9az7hvw0c4] {
    color: #2b7a4b;
    font-size: 0.83rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
}

.plan-layout[b-9az7hvw0c4] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.plan-canvas-wrap[b-9az7hvw0c4] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    max-height: 75vh;
    overflow: auto;
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-surface);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* ---------- Lagrede PDF-er ---------- */

.plan-pdf-header[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 1.6rem 0 0.9rem;
}

    .plan-pdf-header h2[b-9az7hvw0c4] {
        margin: 0;
        font-size: 1.05rem;
    }

.plan-pdf-ikon[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .plan-pdf-ikon[b-9az7hvw0c4]  .icon {
        width: 1rem;
        height: 1rem;
    }

@media (max-width: 640.98px) {
    /* Mobilvisningen skal vise "bare plantegningen" - fjern sidens vanlige
       venstre/høyre-marg for denne ene flaten slik at den fyller hele
       bredden, og la den ta det aller meste av skjermhøyden (toppfelt +
       tilbake-lenke over, bunn-fanen under). */
    .mobil-plan-canvas-wrap[b-9az7hvw0c4] {
        margin: 0 -1.5rem;
        height: calc(100vh - 11rem);
        max-height: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid var(--itlock-border);
    }

    .mobil-plan-back[b-9az7hvw0c4] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.6rem 0;
        margin: 0;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .mobil-plan-back[b-9az7hvw0c4]  .icon {
            width: 1.1rem;
            height: 1.1rem;
            flex-shrink: 0;
        }

    /* Flytende zoom-knapper (tilbakestill/ut/inn) oppe til høyre over
       tegningen - samme oppskrift som referansen i Radata Probus. */
    .plan-zoom-controls[b-9az7hvw0c4] {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        display: flex;
        flex-direction: column;
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
        z-index: 10;
    }

    .plan-zoom-btn[b-9az7hvw0c4] {
        width: 2.6rem;
        height: 2.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        border-bottom: 1px solid var(--itlock-border);
        color: var(--itlock-ink);
        cursor: pointer;
        padding: 0;
    }

        .plan-zoom-btn:last-child[b-9az7hvw0c4] {
            border-bottom: none;
        }

        .plan-zoom-btn:active[b-9az7hvw0c4] {
            background: rgba(131, 94, 65, 0.1);
        }
}

.plan-canvas[b-9az7hvw0c4] {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: crosshair;
    /* pan-x/pan-y (not "none") lets a single finger scroll natively - both
       within the drawing and, once that's exhausted, the page itself. Native
       pinch-zoom stays excluded so the custom two-finger handler in
       plantegning.js is the only thing that zooms. */
    touch-action: pan-x pan-y;
}

.plan-image[b-9az7hvw0c4] {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.dor-marker[b-9az7hvw0c4] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    cursor: pointer;
    touch-action: none;
}

.dor-marker-dot[b-9az7hvw0c4] {
    position: relative;
    width: calc(1.3rem * var(--plan-zoom, 1));
    height: calc(1.3rem * var(--plan-zoom, 1));
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 3px 8px rgba(41, 41, 39, 0.35), inset 0 -2px 4px rgba(0, 0, 0, 0.3);
    flex-shrink: 0;
    transition: transform 0.12s ease;
}

    /* Blank glasskule - liten speilblank refleks øverst til venstre på kula,
       gir det blanke/glassaktige inntrykket oppå fargegradienten under. */
    .dor-marker-dot[b-9az7hvw0c4]::after {
        content: "";
        position: absolute;
        top: 16%;
        left: 20%;
        width: 34%;
        height: 24%;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        filter: blur(0.5px);
    }

.dor-marker:hover .dor-marker-dot[b-9az7hvw0c4] {
    transform: translateY(-1px) scale(1.08);
}

.dor-marker-funksjoner[b-9az7hvw0c4] {
    font-size: calc(0.62rem * var(--plan-zoom, 1));
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    background: var(--itlock-accent);
    border-radius: 3px;
    padding: 0.05rem 0.3rem;
    white-space: nowrap;
}

.dor-marker-label[b-9az7hvw0c4] {
    font-size: calc(0.68rem * var(--plan-zoom, 1));
    font-weight: 700;
    color: var(--itlock-ink);
    background: #fff;
    padding: 0 0.3rem;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.plan-canvas-rediger[b-9az7hvw0c4] {
    cursor: default;
    outline: 2px dashed var(--itlock-accent);
    outline-offset: -2px;
}

.plan-canvas-rediger .dor-marker[b-9az7hvw0c4] {
    cursor: grab;
}

.plan-canvas-rediger .dor-marker:active[b-9az7hvw0c4] {
    cursor: grabbing;
}

.dor-marker-ferdig[b-9az7hvw0c4] {
    background: radial-gradient(circle at 30% 25%, #fff, #4fae76 35%, #2b7a4b 70%, #16452a 100%);
}

.dor-marker-montert[b-9az7hvw0c4] {
    background: radial-gradient(circle at 30% 25%, #fff, #e8c169 35%, #d9a520 70%, #7c5c0c 100%);
}

.dor-marker-ikke-startet[b-9az7hvw0c4] {
    background: radial-gradient(circle at 30% 25%, #fff, #5f92d6 35%, #2f6fb3 70%, #163a5e 100%);
}

.dor-marker-selected .dor-marker-dot[b-9az7hvw0c4] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--itlock-accent), 0 3px 8px rgba(41, 41, 39, 0.35);
}

/* ---------- Dørikon-markør (alternativ til kula - "Firepanel") ---------- */

.dor-marker-dorikon[b-9az7hvw0c4] {
    width: calc(1.6rem * var(--plan-zoom, 1));
    height: calc(2.24rem * var(--plan-zoom, 1));
    filter: drop-shadow(0 3px 6px rgba(41, 41, 39, 0.35));
    flex-shrink: 0;
    transition: transform 0.12s ease;
}

.dor-marker:hover .dor-marker-dorikon[b-9az7hvw0c4] {
    transform: translateY(-1px) scale(1.06);
}

.dor-marker-dorikon .dorikon-panel[b-9az7hvw0c4] {
    fill: none;
    stroke-width: 1;
    opacity: 0.5;
}

.dor-marker-dorikon .dorikon-handle[b-9az7hvw0c4] {
    fill: #f4f0e9;
}

.dor-marker-dorikon.dor-marker-ferdig .dorikon-fill[b-9az7hvw0c4] {
    fill: #2b7a4b;
    stroke: #16452a;
    stroke-width: 1.5;
}

.dor-marker-dorikon.dor-marker-ferdig .dorikon-panel[b-9az7hvw0c4] {
    stroke: #16452a;
}

.dor-marker-dorikon.dor-marker-montert .dorikon-fill[b-9az7hvw0c4] {
    fill: #d9a520;
    stroke: #7c5c0c;
    stroke-width: 1.5;
}

.dor-marker-dorikon.dor-marker-montert .dorikon-panel[b-9az7hvw0c4] {
    stroke: #7c5c0c;
}

.dor-marker-dorikon.dor-marker-ikke-startet .dorikon-fill[b-9az7hvw0c4] {
    fill: #2f6fb3;
    stroke: #163a5e;
    stroke-width: 1.5;
}

.dor-marker-dorikon.dor-marker-ikke-startet .dorikon-panel[b-9az7hvw0c4] {
    stroke: #163a5e;
}

.dor-marker-selected .dor-marker-dorikon[b-9az7hvw0c4] {
    outline: 2.5px solid var(--itlock-accent);
    outline-offset: 2px;
    border-radius: 3px;
}

.add-button[b-9az7hvw0c4] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    color: var(--itlock-ink);
    padding: 0.45rem 0.85rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
    text-decoration: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .add-button:hover[b-9az7hvw0c4] {
        border-color: var(--itlock-accent);
    }

    .add-button:disabled[b-9az7hvw0c4] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.add-button-primer[b-9az7hvw0c4] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .add-button-primer:hover[b-9az7hvw0c4] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
    }

.save-button[b-9az7hvw0c4] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
    transition: background-color 0.15s ease;
}

    .save-button:hover[b-9az7hvw0c4] {
        background: var(--itlock-accent-hover);
    }

.edit-button-active[b-9az7hvw0c4] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
}

.form-error[b-9az7hvw0c4] {
    color: #b5502d;
    font-weight: 600;
}

.dor-velger-panel[b-9az7hvw0c4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 320px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.9rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.dor-velger-flytende[b-9az7hvw0c4] {
    position: absolute;
    z-index: 20;
    width: 260px;
    max-width: 260px;
    margin-bottom: 0;
    transform: translate(12px, -12px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

.dor-velger-header[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dor-velger-search[b-9az7hvw0c4] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.dor-velger-list[b-9az7hvw0c4] {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--itlock-border);
}

.dor-velger-item[b-9az7hvw0c4] {
    display: block;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.45rem 0.6rem;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    .dor-velger-item:last-child[b-9az7hvw0c4] {
        border-bottom: none;
    }

    .dor-velger-item:hover[b-9az7hvw0c4] {
        background: rgba(131, 94, 65, 0.08);
    }

.dor-velger-ny[b-9az7hvw0c4] {
    background: none;
    border: 1px dashed var(--itlock-accent);
    color: var(--itlock-accent);
    padding: 0.45rem 0.6rem;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.list-empty[b-9az7hvw0c4] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.funksjon-chip-list[b-9az7hvw0c4] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 220px;
    overflow-y: auto;
}

.filter-option[b-9az7hvw0c4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    cursor: pointer;
}

.cancel-button[b-9az7hvw0c4] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    font-size: 0.8rem;
}

    .cancel-button:hover[b-9az7hvw0c4] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.delete-button[b-9az7hvw0c4] {
    background: #fff;
    color: #a32020;
    border: 1px solid #a32020;
    border-radius: 8px;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
}

/* z-index høyere enn .mobil-tabbar (1000) - se forklaring i
   ProsjektSkjema.razor.css sin kopi av denne klassen. */
.dor-modal-overlay[b-9az7hvw0c4] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1050;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.dor-modal-panel[b-9az7hvw0c4] {
    max-width: 100%;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .dor-modal-panel[b-9az7hvw0c4]  .dor-panel {
        width: 920px;
        max-width: 100%;
        border: none;
    }

.dor-modal-iframe-header[b-9az7hvw0c4] {
    display: flex;
    width: 920px;
    max-width: 90vw;
    padding: 0.6rem 1rem;
    background: var(--itlock-surface);
    border-bottom: 1px solid var(--itlock-border);
}

.dor-modal-iframe[b-9az7hvw0c4] {
    display: block;
    width: 920px;
    max-width: 90vw;
    height: calc(100vh - 10rem);
    border: none;
    background: var(--itlock-surface);
}

@media (max-width: 640.98px) {
    /* Dørpanelet skal fylle hele skjermen på mobil (som en egen side), ikke
       stå som et smalt, midtstilt kort - den fane-baserte mobilvisningen i
       DorRedigering (.mobil-dor-panel) er allerede designet for full bredde. */
    .dor-modal-overlay[b-9az7hvw0c4] {
        padding: 0;
        align-items: stretch;
    }

    .dor-modal-panel[b-9az7hvw0c4] {
        max-width: none;
        max-height: none;
        width: 100%;
        box-shadow: none;
    }

        .dor-modal-panel[b-9az7hvw0c4]  .dor-panel {
            width: 100%;
        }
}

/* _content/PortalItlock.Web/Components/Pages/Plattform.razor.rz.scp.css */
.pfo-root[b-lw8saa0to8] {
    font-family: 'Manrope', sans-serif;
    color: #23201C;
}

.pfo-eyebrow[b-lw8saa0to8] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8A8176;
}

.pfo-h1[b-lw8saa0to8] {
    margin: 0.4rem 0 0.4rem;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.85rem;
    letter-spacing: -0.01em;
    color: #1A1712;
}

.pfo-h2[b-lw8saa0to8] {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 1.0625rem;
    color: #1A1712;
}

.pfo-subtitle[b-lw8saa0to8] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B6358;
    max-width: 34rem;
}

.pfo-hint[b-lw8saa0to8] {
    margin: 0.2rem 0 0;
    font-size: 0.8125rem;
    color: #8A8176;
}

.pfo-topp[b-lw8saa0to8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
}

.pfo-dato[b-lw8saa0to8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6B6358;
    background: #FFFFFF;
    border: 1px solid #ECE7DD;
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    white-space: nowrap;
}

    .pfo-dato .icon[b-lw8saa0to8] {
        width: 15px;
        height: 15px;
        color: #8A5A34;
    }

.pfo-card[b-lw8saa0to8] {
    background: #FFFFFF;
    border: 1px solid #ECE7DD;
    border-radius: 16px;
    padding: 1.35rem;
}

.pfo-opprett-kort[b-lw8saa0to8] {
    margin-bottom: 1.25rem;
}

/* KPI row
--------------------------------------------------- */

.pfo-kpi-grid[b-lw8saa0to8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pfo-kpi-topp[b-lw8saa0to8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.pfo-kpi-ikon[b-lw8saa0to8] {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #F1E7DA;
    color: #8A5A34;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pfo-kpi-ikon .icon[b-lw8saa0to8] {
        width: 16px;
        height: 16px;
    }

.pfo-kpi-verdi[b-lw8saa0to8] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.85rem;
    line-height: 1;
    color: #1A1712;
    margin-top: 0.7rem;
}

.pfo-kpi-sub[b-lw8saa0to8] {
    font-size: 0.75rem;
    color: #8A8176;
    margin-top: 0.4rem;
}

.pfo-kpi-trend[b-lw8saa0to8] {
    font-size: 0.75rem;
    font-weight: 700;
    margin-top: 0.4rem;
}

.pfo-kpi-trend-opp[b-lw8saa0to8] {
    color: #286A42;
}

/* Chart row
--------------------------------------------------- */

.pfo-graf-rad[b-lw8saa0to8] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
    align-items: stretch;
}

.pfo-kort-header-rad[b-lw8saa0to8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.1rem;
}

.pfo-kort-header[b-lw8saa0to8] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.pfo-periode-valg[b-lw8saa0to8] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6B6358;
    background: #F8F5EF;
    border: 1px solid #ECE7DD;
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
    white-space: nowrap;
}

    .pfo-periode-valg .icon[b-lw8saa0to8] {
        width: 13px;
        height: 13px;
    }

.pfo-kort-header-ikon[b-lw8saa0to8] {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border-radius: 8px;
    background: #F1E7DA;
    color: #8A5A34;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pfo-kort-header-ikon .icon[b-lw8saa0to8] {
        width: 15px;
        height: 15px;
    }

.pfo-stolpediagram[b-lw8saa0to8] {
    display: flex;
    align-items: flex-end;
    gap: 0.6rem;
    height: 190px;
    padding-top: 0.5rem;
}

.pfo-stolpe-kol[b-lw8saa0to8] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 0.5rem;
}

.pfo-stolpe[b-lw8saa0to8] {
    width: 100%;
    max-width: 28px;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, #D9BE98 0%, #D9BE98 55%, #C7A878 55%, #C7A878 100%);
    transition: height 0.3s ease;
}

.pfo-stolpe-na[b-lw8saa0to8] {
    background: linear-gradient(180deg, #8A5A34 0%, #8A5A34 55%, #6E4529 55%, #6E4529 100%);
}

.pfo-stolpe-label[b-lw8saa0to8] {
    font-size: 0.6875rem;
    color: #918A7B;
    text-transform: capitalize;
}

/* Donut
--------------------------------------------------- */

.pfo-donut-wrap[b-lw8saa0to8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}

.pfo-donut[b-lw8saa0to8] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pfo-donut-hull[b-lw8saa0to8] {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pfo-donut-tall[b-lw8saa0to8] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #1A1712;
    line-height: 1;
}

.pfo-donut-label[b-lw8saa0to8] {
    font-size: 0.6875rem;
    color: #918A7B;
    margin-top: 0.15rem;
}

.pfo-donut-legend[b-lw8saa0to8] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    width: 100%;
}

.pfo-legend-rad[b-lw8saa0to8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #6B6358;
}

    .pfo-legend-rad strong[b-lw8saa0to8] {
        margin-left: auto;
        color: #1A1712;
        font-family: 'Space Grotesk', sans-serif;
    }

.pfo-legend-prikk[b-lw8saa0to8] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* Bottom row
--------------------------------------------------- */

.pfo-bunn-rad[b-lw8saa0to8] {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 1rem;
    align-items: start;
}

.pfo-hoyre-kol[b-lw8saa0to8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pfo-liste-header[b-lw8saa0to8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.pfo-btn-primary[b-lw8saa0to8] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.8125rem;
    background: #8A5A34;
    color: #FFF7EE;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

    .pfo-btn-primary:hover[b-lw8saa0to8] {
        background: #6E4529;
    }

    .pfo-btn-primary:disabled[b-lw8saa0to8] {
        opacity: 0.6;
        cursor: default;
    }

    .pfo-btn-primary .icon[b-lw8saa0to8] {
        width: 14px;
        height: 14px;
    }

.pfo-btn-ghost[b-lw8saa0to8] {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 0.8125rem;
    background: #FFFFFF;
    color: #4A463D;
    border: 1px solid #ECE7DD;
    border-radius: 9px;
    padding: 0.5rem 0.85rem;
    cursor: pointer;
    white-space: nowrap;
}

    .pfo-btn-ghost:hover[b-lw8saa0to8] {
        background: #F8F5EF;
    }

.pfo-form-grid[b-lw8saa0to8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.pfo-pris-rad[b-lw8saa0to8] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pfo-form-label[b-lw8saa0to8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #4A463D;
    min-width: 160px;
}

.pfo-input[b-lw8saa0to8] {
    font-family: 'Manrope', sans-serif;
    font-size: 0.875rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #ECE7DD;
    border-radius: 9px;
    background: #FBFAF7;
    color: #1A1712;
}

    .pfo-input:focus[b-lw8saa0to8] {
        outline: none;
        border-color: #8A5A34;
    }

.pfo-knapperad[b-lw8saa0to8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pfo-feilmelding[b-lw8saa0to8] {
    font-size: 0.8125rem;
    color: #8A3B34;
    margin: 0 0 0.5rem;
}

.pfo-suksessmelding[b-lw8saa0to8] {
    font-size: 0.8125rem;
    color: #286A42;
    margin: 0 0 0.5rem;
}

.pfo-tom[b-lw8saa0to8] {
    font-size: 0.8125rem;
    color: #8A8176;
    margin: 0;
    padding: 0.5rem 0;
}

.pfo-tabell-hode[b-lw8saa0to8] {
    display: grid;
    grid-template-columns: 1.6fr 1.1fr 0.8fr 1fr 1fr 1fr;
    gap: 0.75rem;
    padding: 0 0.5rem 0.6rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #AFA895;
    border-bottom: 1px solid #ECE7DD;
}

.pfo-tabell-rad[b-lw8saa0to8] {
    display: grid;
    grid-template-columns: 1.6fr 1.1fr 0.8fr 1fr 1fr 1fr;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
    padding: 0.7rem 0.5rem;
    border: none;
    border-bottom: 1px solid #F3EFE6;
    background: transparent;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8125rem;
    color: #3A362E;
    text-align: left;
    cursor: pointer;
}

    .pfo-tabell-rad:hover[b-lw8saa0to8] {
        background: #F8F5EF;
    }

    .pfo-tabell-rad:last-of-type[b-lw8saa0to8] {
        border-bottom: none;
    }

.pfo-rad-navn-felt[b-lw8saa0to8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 700;
    color: #1A1712;
}

.pfo-avatar[b-lw8saa0to8] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
}

.pfo-rad-domene[b-lw8saa0to8],
.pfo-rad-dato[b-lw8saa0to8] {
    color: #8A8176;
}

.pfo-badge[b-lw8saa0to8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 700;
    font-size: 0.6875rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

.pfo-badge-aktiv[b-lw8saa0to8] {
    background: #E7F3EA;
    color: #286A42;
}

.pfo-badge-suspendert[b-lw8saa0to8] {
    background: #FBF1DF;
    color: #92641B;
}

.pfo-badge-oppsagt[b-lw8saa0to8] {
    background: #F6E9E6;
    color: #8A4334;
}

.pfo-dot[b-lw8saa0to8] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    flex: none;
}

/* Activity feed
--------------------------------------------------- */

.pfo-aktivitet-liste[b-lw8saa0to8] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.pfo-aktivitet-rad[b-lw8saa0to8] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.pfo-aktivitet-ikon[b-lw8saa0to8] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #F8F5EF;
    color: #8A5A34;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pfo-aktivitet-ikon .icon[b-lw8saa0to8] {
        width: 15px;
        height: 15px;
    }

.pfo-aktivitet-tekst[b-lw8saa0to8] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    min-width: 0;
}

.pfo-aktivitet-tittel[b-lw8saa0to8] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #1A1712;
}

.pfo-aktivitet-sub[b-lw8saa0to8] {
    font-size: 0.75rem;
    color: #8A8176;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pfo-aktivitet-tid[b-lw8saa0to8] {
    margin-left: auto;
    flex: 0 0 auto;
    font-size: 0.6875rem;
    color: #AFA895;
    white-space: nowrap;
}

/* Responsive
--------------------------------------------------- */

@media (max-width: 1200px) {
    .pfo-graf-rad[b-lw8saa0to8],
    .pfo-bunn-rad[b-lw8saa0to8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .pfo-kpi-grid[b-lw8saa0to8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pfo-tabell-hode[b-lw8saa0to8] {
        display: none;
    }

    .pfo-tabell-rad[b-lw8saa0to8] {
        grid-template-columns: 1fr;
        gap: 0.3rem;
        padding: 0.8rem 0.5rem;
    }
}

@media (max-width: 560px) {
    .pfo-kpi-grid[b-lw8saa0to8] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/PlattformGlemtPassord.razor.rz.scp.css */
.pi-root[b-alnz6b4z3y] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFEBE3;
    font-family: 'Manrope', sans-serif;
    color: #23201C;
    padding: 2rem 1.25rem;
    box-sizing: border-box;
}

.pi-kort[b-alnz6b4z3y] {
    width: min(880px, 100%);
    min-height: 480px;
    background: #FFFFFF;
    border-radius: 22px;
    box-shadow: 0 30px 70px -30px rgba(26, 23, 18, 0.35);
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}

.pi-venstre[b-alnz6b4z3y] {
    background: #F1EADD;
    padding: 2.75rem 2.75rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

.pi-merke[b-alnz6b4z3y] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.pi-merke-svg[b-alnz6b4z3y] {
    width: 1.6rem;
    height: 1.6rem;
    color: #8A5A34;
    flex-shrink: 0;
}

.pi-merke-tekst[b-alnz6b4z3y] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

    .pi-merke-tekst strong[b-alnz6b4z3y] {
        font-family: 'Space Grotesk', sans-serif;
        font-weight: 700;
        font-size: 1.05rem;
        color: #1A1712;
    }

    .pi-merke-tekst span[b-alnz6b4z3y] {
        font-size: 0.78rem;
        font-weight: 600;
        color: #8A5A34;
    }

.pi-strek[b-alnz6b4z3y] {
    width: 2.4rem;
    height: 3px;
    border-radius: 999px;
    background: #D8CBB4;
    margin: 1.5rem 0 1.1rem;
}

.pi-venstre h1[b-alnz6b4z3y] {
    margin: 0 0 0.75rem;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #1A1712;
    line-height: 1.2;
}

.pi-venstre p[b-alnz6b4z3y] {
    margin: 0;
    font-size: 0.9rem;
    color: #6B6358;
    line-height: 1.5;
    max-width: 22rem;
}

.pi-copyright[b-alnz6b4z3y] {
    font-size: 0.74rem;
    color: #9A9284;
}

.pi-hoyre[b-alnz6b4z3y] {
    padding: 2.75rem 2.75rem 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.9rem;
}

.pi-feil[b-alnz6b4z3y],
.pi-suksess[b-alnz6b4z3y] {
    margin: 0 0 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.pi-feil[b-alnz6b4z3y] {
    color: #8A4334;
}

.pi-suksess[b-alnz6b4z3y] {
    color: #286A42;
}

.pi-form[b-alnz6b4z3y] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.pi-felt[b-alnz6b4z3y] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4A453C;
}

.pi-input-wrap[b-alnz6b4z3y] {
    position: relative;
    display: flex;
    align-items: center;
}

    .pi-input-wrap svg[b-alnz6b4z3y] {
        position: absolute;
        left: 0.85rem;
        width: 1.05rem;
        height: 1.05rem;
        color: #9A9284;
        pointer-events: none;
    }

    .pi-input-wrap input[b-alnz6b4z3y] {
        width: 100%;
        box-sizing: border-box;
        font: inherit;
        font-size: 0.92rem;
        color: #23201C;
        background: #FBFAF7;
        border: 1px solid #DDD5C7;
        border-radius: 10px;
        padding: 0.7rem 0.9rem 0.7rem 2.6rem;
    }

        .pi-input-wrap input:focus[b-alnz6b4z3y] {
            outline: none;
            border-color: #8A5A34;
            background: #fff;
        }

.pi-vis-passord[b-alnz6b4z3y] {
    position: absolute;
    right: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border: none;
    background: none;
    color: #9A9284;
    cursor: pointer;
}

    .pi-vis-passord svg[b-alnz6b4z3y] {
        position: static;
        width: 1.05rem;
        height: 1.05rem;
    }

    .pi-vis-passord:hover[b-alnz6b4z3y] {
        color: #4A453C;
    }

.pi-mellomrad[b-alnz6b4z3y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    margin-top: -0.3rem;
}

.pi-husk-meg[b-alnz6b4z3y] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #4A453C;
    font-weight: 500;
    cursor: pointer;
}

    .pi-husk-meg input[b-alnz6b4z3y] {
        accent-color: #8A5A34;
        width: 0.95rem;
        height: 0.95rem;
        cursor: pointer;
    }

.pi-mellomrad a[b-alnz6b4z3y] {
    color: #8A5A34;
    font-weight: 600;
    text-decoration: none;
}

    .pi-mellomrad a:hover[b-alnz6b4z3y] {
        text-decoration: underline;
    }

.pi-knapp[b-alnz6b4z3y] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.92rem;
    background: #8A5A34;
    color: #FFF7EE;
    border: none;
    border-radius: 11px;
    padding: 0.85rem 1rem;
    cursor: pointer;
    margin-top: 0.2rem;
}

    .pi-knapp:hover[b-alnz6b4z3y] {
        background: #6E4529;
    }

.pi-sett-passord[b-alnz6b4z3y],
.pi-for-kunden[b-alnz6b4z3y] {
    text-align: center;
    font-size: 0.8rem;
    color: #8A8176;
    text-decoration: none;
}

.pi-sett-passord[b-alnz6b4z3y] {
    margin-top: 0.6rem;
    color: #8A5A34;
    font-weight: 600;
}

.pi-sett-passord:hover[b-alnz6b4z3y],
.pi-for-kunden:hover[b-alnz6b4z3y] {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .pi-kort[b-alnz6b4z3y] {
        grid-template-columns: 1fr;
    }

    .pi-venstre[b-alnz6b4z3y] {
        padding: 2rem 2rem 1.5rem;
    }

    .pi-hoyre[b-alnz6b4z3y] {
        padding: 2rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/PlattformLoggInn.razor.rz.scp.css */
.pi-root[b-hvw619alp5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFEBE3;
    font-family: 'Manrope', sans-serif;
    color: #23201C;
    padding: 2rem 1.25rem;
    box-sizing: border-box;
}

.pi-kort[b-hvw619alp5] {
    width: min(880px, 100%);
    min-height: 480px;
    background: #FFFFFF;
    border-radius: 22px;
    box-shadow: 0 30px 70px -30px rgba(26, 23, 18, 0.35);
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}

.pi-venstre[b-hvw619alp5] {
    background: #F1EADD;
    padding: 2.75rem 2.75rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

.pi-merke[b-hvw619alp5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.pi-merke-svg[b-hvw619alp5] {
    width: 1.6rem;
    height: 1.6rem;
    color: #8A5A34;
    flex-shrink: 0;
}

.pi-merke-tekst[b-hvw619alp5] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

    .pi-merke-tekst strong[b-hvw619alp5] {
        font-family: 'Space Grotesk', sans-serif;
        font-weight: 700;
        font-size: 1.05rem;
        color: #1A1712;
    }

    .pi-merke-tekst span[b-hvw619alp5] {
        font-size: 0.78rem;
        font-weight: 600;
        color: #8A5A34;
    }

.pi-strek[b-hvw619alp5] {
    width: 2.4rem;
    height: 3px;
    border-radius: 999px;
    background: #D8CBB4;
    margin: 1.5rem 0 1.1rem;
}

.pi-venstre h1[b-hvw619alp5] {
    margin: 0 0 0.75rem;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #1A1712;
    line-height: 1.2;
}

.pi-venstre p[b-hvw619alp5] {
    margin: 0;
    font-size: 0.9rem;
    color: #6B6358;
    line-height: 1.5;
    max-width: 22rem;
}

.pi-copyright[b-hvw619alp5] {
    font-size: 0.74rem;
    color: #9A9284;
}

.pi-hoyre[b-hvw619alp5] {
    padding: 2.75rem 2.75rem 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.9rem;
}

.pi-feil[b-hvw619alp5],
.pi-suksess[b-hvw619alp5] {
    margin: 0 0 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.pi-feil[b-hvw619alp5] {
    color: #8A4334;
}

.pi-suksess[b-hvw619alp5] {
    color: #286A42;
}

.pi-form[b-hvw619alp5] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.pi-felt[b-hvw619alp5] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4A453C;
}

.pi-input-wrap[b-hvw619alp5] {
    position: relative;
    display: flex;
    align-items: center;
}

    .pi-input-wrap svg[b-hvw619alp5] {
        position: absolute;
        left: 0.85rem;
        width: 1.05rem;
        height: 1.05rem;
        color: #9A9284;
        pointer-events: none;
    }

    .pi-input-wrap input[b-hvw619alp5] {
        width: 100%;
        box-sizing: border-box;
        font: inherit;
        font-size: 0.92rem;
        color: #23201C;
        background: #FBFAF7;
        border: 1px solid #DDD5C7;
        border-radius: 10px;
        padding: 0.7rem 0.9rem 0.7rem 2.6rem;
    }

        .pi-input-wrap input:focus[b-hvw619alp5] {
            outline: none;
            border-color: #8A5A34;
            background: #fff;
        }

.pi-vis-passord[b-hvw619alp5] {
    position: absolute;
    right: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border: none;
    background: none;
    color: #9A9284;
    cursor: pointer;
}

    .pi-vis-passord svg[b-hvw619alp5] {
        position: static;
        width: 1.05rem;
        height: 1.05rem;
    }

    .pi-vis-passord:hover[b-hvw619alp5] {
        color: #4A453C;
    }

.pi-mellomrad[b-hvw619alp5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    margin-top: -0.3rem;
}

.pi-husk-meg[b-hvw619alp5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #4A453C;
    font-weight: 500;
    cursor: pointer;
}

    .pi-husk-meg input[b-hvw619alp5] {
        accent-color: #8A5A34;
        width: 0.95rem;
        height: 0.95rem;
        cursor: pointer;
    }

.pi-mellomrad a[b-hvw619alp5] {
    color: #8A5A34;
    font-weight: 600;
    text-decoration: none;
}

    .pi-mellomrad a:hover[b-hvw619alp5] {
        text-decoration: underline;
    }

.pi-knapp[b-hvw619alp5] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.92rem;
    background: #8A5A34;
    color: #FFF7EE;
    border: none;
    border-radius: 11px;
    padding: 0.85rem 1rem;
    cursor: pointer;
    margin-top: 0.2rem;
}

    .pi-knapp:hover[b-hvw619alp5] {
        background: #6E4529;
    }

.pi-sett-passord[b-hvw619alp5],
.pi-for-kunden[b-hvw619alp5] {
    text-align: center;
    font-size: 0.8rem;
    color: #8A8176;
    text-decoration: none;
}

.pi-sett-passord[b-hvw619alp5] {
    margin-top: 0.6rem;
    color: #8A5A34;
    font-weight: 600;
}

.pi-sett-passord:hover[b-hvw619alp5],
.pi-for-kunden:hover[b-hvw619alp5] {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .pi-kort[b-hvw619alp5] {
        grid-template-columns: 1fr;
    }

    .pi-venstre[b-hvw619alp5] {
        padding: 2rem 2rem 1.5rem;
    }

    .pi-hoyre[b-hvw619alp5] {
        padding: 2rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/PlattformOrganisasjonDetalj.razor.rz.scp.css */
.pod-root[b-1181ciwabq] {
    font-family: 'Manrope', sans-serif;
    color: #23201C;
}

.pod-tom[b-1181ciwabq] {
    font-size: 0.875rem;
    color: #8A8176;
}

.pod-brodsmule[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    color: #918A7B;
    margin-bottom: 1rem;
}

    .pod-brodsmule[b-1181ciwabq]  a {
        color: #8A5A34;
        font-weight: 600;
        text-decoration: none;
    }

        .pod-brodsmule[b-1181ciwabq]  a:hover {
            text-decoration: underline;
        }

.pod-brodsmule-na[b-1181ciwabq] {
    color: #1A1712;
    font-weight: 600;
}

.pod-header[b-1181ciwabq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.pod-header-venstre[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pod-logo[b-1181ciwabq] {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    object-fit: cover;
    border: 1px solid #ECE7DD;
    background: #FFFFFF;
}

.pod-logo-initialer[b-1181ciwabq] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
}

.pod-navn-rad[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.pod-h1[b-1181ciwabq] {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #1A1712;
}

.pod-h3[b-1181ciwabq] {
    margin: 0 0 1rem;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #1A1712;
}

.pod-meta-rad[b-1181ciwabq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    color: #6B6358;
}

    .pod-meta-rad span[b-1181ciwabq] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .pod-meta-rad .icon[b-1181ciwabq] {
        width: 14px;
        height: 14px;
        color: #918A7B;
    }

.pod-header-handlinger[b-1181ciwabq] {
    display: flex;
    gap: 0.6rem;
}

/* Tabs
--------------------------------------------------- */

.pod-faner[b-1181ciwabq] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid #ECE7DD;
    margin-bottom: 1.5rem;
    overflow-x: auto;
}

.pod-fane[b-1181ciwabq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.7rem 0.4rem;
    margin-right: 1.25rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    color: #8A8176;
    cursor: pointer;
    white-space: nowrap;
}

    .pod-fane .icon[b-1181ciwabq] {
        width: 15px;
        height: 15px;
    }

    .pod-fane:hover[b-1181ciwabq] {
        color: #1A1712;
    }

.pod-fane-aktiv[b-1181ciwabq] {
    color: #8A5A34;
    border-bottom-color: #8A5A34;
}

/* Cards / KPI
--------------------------------------------------- */

.pod-card[b-1181ciwabq] {
    background: #FFFFFF;
    border: 1px solid #ECE7DD;
    border-radius: 16px;
    padding: 1.35rem;
}

.pod-kpi-grid[b-1181ciwabq] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pod-eyebrow[b-1181ciwabq] {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8A8176;
}

.pod-kpi-topp[b-1181ciwabq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.pod-kpi-ikon[b-1181ciwabq] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #F1E7DA;
    color: #8A5A34;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pod-kpi-ikon .icon[b-1181ciwabq] {
        width: 14px;
        height: 14px;
    }

.pod-kpi-verdi[b-1181ciwabq] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #1A1712;
    margin-top: 0.6rem;
}

.pod-kpi-sub[b-1181ciwabq] {
    font-size: 0.6875rem;
    color: #8A8176;
    margin-top: 0.3rem;
}

/* Middle rows
--------------------------------------------------- */

.pod-midt-rad[b-1181ciwabq] {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pod-midt-rad-to[b-1181ciwabq] {
    grid-template-columns: 1.4fr 1fr;
}

.pod-info-rad[b-1181ciwabq] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #F3EFE6;
    font-size: 0.8125rem;
}

    .pod-info-rad:last-of-type[b-1181ciwabq] {
        border-bottom: none;
    }

    .pod-info-rad span[b-1181ciwabq] {
        color: #8A8176;
    }

    .pod-info-rad strong[b-1181ciwabq] {
        color: #1A1712;
        font-weight: 600;
        text-align: right;
    }

.pod-kort-header-rad[b-1181ciwabq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-1181ciwabq] .pod-vis-alle {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #8A5A34;
    cursor: pointer;
}

    [b-1181ciwabq] .pod-vis-alle:hover {
        text-decoration: underline;
    }

.pod-tom-tekst[b-1181ciwabq] {
    font-size: 0.8125rem;
    color: #8A8176;
    margin: 0;
}

/* Chart
--------------------------------------------------- */

.pod-stolpediagram[b-1181ciwabq] {
    display: flex;
    align-items: flex-end;
    gap: 0.4rem;
    height: 140px;
}

.pod-stolpe-kol[b-1181ciwabq] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 0.35rem;
}

.pod-stolpe[b-1181ciwabq] {
    width: 100%;
    max-width: 16px;
    border-radius: 4px 4px 2px 2px;
    background: #D9BE98;
}

.pod-stolpe-na[b-1181ciwabq] {
    background: #8A5A34;
}

.pod-stolpe-label[b-1181ciwabq] {
    font-size: 0.5625rem;
    color: #AFA895;
    text-transform: capitalize;
}

/* Brukere / aktivitet rows
--------------------------------------------------- */

.pod-bruker-rad[b-1181ciwabq] {
    display: grid;
    grid-template-columns: 1.2fr 1.6fr 1fr 1fr;
    gap: 0.5rem;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid #F3EFE6;
    font-size: 0.8125rem;
}

    .pod-bruker-rad:last-of-type[b-1181ciwabq] {
        border-bottom: none;
    }

.pod-bruker-navn[b-1181ciwabq] {
    font-weight: 700;
    color: #1A1712;
}

.pod-bruker-epost[b-1181ciwabq] {
    color: #8A8176;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pod-rolle-pille[b-1181ciwabq] {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    background: #F1E7DA;
    color: #8A5A34;
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    width: fit-content;
}

.pod-aktivitet-rad[b-1181ciwabq] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.55rem 0;
}

.pod-aktivitet-ikon[b-1181ciwabq] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #F8F5EF;
    color: #8A5A34;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

    .pod-aktivitet-ikon .icon[b-1181ciwabq] {
        width: 14px;
        height: 14px;
    }

.pod-aktivitet-tekst[b-1181ciwabq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pod-aktivitet-tittel[b-1181ciwabq] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #1A1712;
}

.pod-aktivitet-sub[b-1181ciwabq] {
    font-size: 0.75rem;
    color: #8A8176;
}

.pod-aktivitet-tid[b-1181ciwabq] {
    margin-left: auto;
    flex: 0 0 auto;
    font-size: 0.6875rem;
    color: #AFA895;
}

/* Table (Brukere tab)
--------------------------------------------------- */

.pod-tabell-hode[b-1181ciwabq] {
    display: grid;
    grid-template-columns: 1.2fr 1.6fr 1fr 1fr;
    gap: 0.5rem;
    padding: 0 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #AFA895;
    border-bottom: 1px solid #ECE7DD;
    margin-top: 0.5rem;
}

.pod-tabell-rad[b-1181ciwabq] {
    display: grid;
    grid-template-columns: 1.2fr 1.6fr 1fr 1fr;
    gap: 0.5rem;
    align-items: center;
    padding: 0.6rem 0;
    border-bottom: 1px solid #F3EFE6;
    font-size: 0.8125rem;
}

/* Badges
--------------------------------------------------- */

.pod-badge[b-1181ciwabq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
    font-size: 0.6875rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

.pod-badge-aktiv[b-1181ciwabq] {
    background: #E7F3EA;
    color: #286A42;
}

.pod-badge-suspendert[b-1181ciwabq] {
    background: #FBF1DF;
    color: #92641B;
}

.pod-badge-oppsagt[b-1181ciwabq] {
    background: #F6E9E6;
    color: #8A4334;
}

.pod-dot[b-1181ciwabq] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    flex: none;
}

/* Forms / buttons
--------------------------------------------------- */

.pod-form-grid[b-1181ciwabq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.pod-label[b-1181ciwabq] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #4A463D;
}

.pod-input[b-1181ciwabq] {
    font-family: 'Manrope', sans-serif;
    font-size: 0.875rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #ECE7DD;
    border-radius: 9px;
    background: #FBFAF7;
    color: #1A1712;
}

    .pod-input:focus[b-1181ciwabq] {
        outline: none;
        border-color: #8A5A34;
    }

.pod-fargevelger[b-1181ciwabq] {
    padding: 0.25rem;
    height: 42px;
    cursor: pointer;
}

/* Fargetema-velger (OrganisasjonTema.Alle)
--------------------------------------------------- */

.pod-tema-rad[b-1181ciwabq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pod-tema-kort[b-1181ciwabq] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    text-align: left;
    background: #FBFAF7;
    border: 1.5px solid #ECE7DD;
    border-radius: 12px;
    padding: 0.9rem 1rem;
    cursor: pointer;
}

    .pod-tema-kort:hover[b-1181ciwabq] {
        border-color: #D8CBB4;
    }

.pod-tema-kort-valgt[b-1181ciwabq],
.pod-tema-kort-valgt:hover[b-1181ciwabq] {
    border-color: #8A5A34;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px #8A5A34;
}

.pod-tema-svatsjer[b-1181ciwabq] {
    display: flex;
    gap: 0.3rem;
}

    .pod-tema-svatsjer span[b-1181ciwabq] {
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 7px;
        border: 1px solid rgba(26, 23, 18, 0.08);
    }

.pod-tema-tekst[b-1181ciwabq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.pod-tema-navn[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #1A1712;
}

    .pod-tema-navn[b-1181ciwabq]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        color: #8A5A34;
    }

.pod-tema-besk[b-1181ciwabq] {
    font-size: 0.78rem;
    line-height: 1.45;
    color: #8A8176;
}

.pod-knapperad[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pod-btn-primary[b-1181ciwabq] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.8125rem;
    background: #8A5A34;
    color: #FFF7EE;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
}

    .pod-btn-primary:hover[b-1181ciwabq] {
        background: #6E4529;
    }

    .pod-btn-primary .icon[b-1181ciwabq] {
        width: 14px;
        height: 14px;
    }

[b-1181ciwabq] .pod-btn-ghost {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 0.8125rem;
    background: #FFFFFF;
    color: #4A463D;
    border: 1px solid #ECE7DD;
    border-radius: 9px;
    padding: 0.5rem 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
}

    [b-1181ciwabq] .pod-btn-ghost:hover {
        background: #F8F5EF;
    }

    [b-1181ciwabq] .pod-btn-ghost .icon {
        width: 14px;
        height: 14px;
    }

.pod-logo-opplasting[b-1181ciwabq] {
    cursor: pointer;
}

.pod-logo-rad[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.pod-logo-forhandsvisning[b-1181ciwabq] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid #ECE7DD;
}

.pod-feilmelding[b-1181ciwabq] {
    font-size: 0.8125rem;
    color: #8A3B34;
    margin: 0 0 1rem;
}

.pod-faresone[b-1181ciwabq] {
    border-color: #E6C3BC;
    background: #FDF6F5;
}

.pod-faresone-tittel[b-1181ciwabq] {
    color: #8A3B34;
}

.pod-btn-slett[b-1181ciwabq] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.8125rem;
    background: #8A3B34;
    color: #FFF2F0;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
}

    .pod-btn-slett:hover:not(:disabled)[b-1181ciwabq] {
        background: #6E2E28;
    }

    .pod-btn-slett:disabled[b-1181ciwabq] {
        opacity: 0.5;
        cursor: default;
    }

    .pod-btn-slett .icon[b-1181ciwabq] {
        width: 14px;
        height: 14px;
    }

.pod-suksessmelding[b-1181ciwabq] {
    font-size: 0.8125rem;
    color: #286A42;
    margin: 0 0 1rem;
}

.pod-lisens-rad[b-1181ciwabq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid #F3EFE6;
}

    .pod-lisens-rad:last-of-type[b-1181ciwabq] {
        border-bottom: none;
    }

.pod-lisens-info[b-1181ciwabq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1 1 auto;
    font-size: 0.8125rem;
    font-weight: 600;
}

.pod-lisens-bruk[b-1181ciwabq] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #8A8176;
}

.pod-lisens-bruk-full[b-1181ciwabq] {
    color: #8A3B34;
}

.pod-lisens-input[b-1181ciwabq] {
    width: 70px;
    flex: 0 0 auto;
}

/* Responsive
--------------------------------------------------- */

@media (max-width: 1200px) {
    .pod-midt-rad[b-1181ciwabq],
    .pod-midt-rad-to[b-1181ciwabq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .pod-kpi-grid[b-1181ciwabq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pod-form-grid[b-1181ciwabq] {
        grid-template-columns: 1fr;
    }

    .pod-tabell-hode[b-1181ciwabq] {
        display: none;
    }

    .pod-tabell-rad[b-1181ciwabq],
    .pod-bruker-rad[b-1181ciwabq] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/PlattformSettPassord.razor.rz.scp.css */
.pi-root[b-7wdjco87es] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFEBE3;
    font-family: 'Manrope', sans-serif;
    color: #23201C;
    padding: 2rem 1.25rem;
    box-sizing: border-box;
}

.pi-kort[b-7wdjco87es] {
    width: min(880px, 100%);
    min-height: 480px;
    background: #FFFFFF;
    border-radius: 22px;
    box-shadow: 0 30px 70px -30px rgba(26, 23, 18, 0.35);
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}

.pi-venstre[b-7wdjco87es] {
    background: #F1EADD;
    padding: 2.75rem 2.75rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

.pi-merke[b-7wdjco87es] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.pi-merke-svg[b-7wdjco87es] {
    width: 1.6rem;
    height: 1.6rem;
    color: #8A5A34;
    flex-shrink: 0;
}

.pi-merke-tekst[b-7wdjco87es] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

    .pi-merke-tekst strong[b-7wdjco87es] {
        font-family: 'Space Grotesk', sans-serif;
        font-weight: 700;
        font-size: 1.05rem;
        color: #1A1712;
    }

    .pi-merke-tekst span[b-7wdjco87es] {
        font-size: 0.78rem;
        font-weight: 600;
        color: #8A5A34;
    }

.pi-strek[b-7wdjco87es] {
    width: 2.4rem;
    height: 3px;
    border-radius: 999px;
    background: #D8CBB4;
    margin: 1.5rem 0 1.1rem;
}

.pi-venstre h1[b-7wdjco87es] {
    margin: 0 0 0.75rem;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #1A1712;
    line-height: 1.2;
}

.pi-venstre p[b-7wdjco87es] {
    margin: 0;
    font-size: 0.9rem;
    color: #6B6358;
    line-height: 1.5;
    max-width: 22rem;
}

.pi-copyright[b-7wdjco87es] {
    font-size: 0.74rem;
    color: #9A9284;
}

.pi-hoyre[b-7wdjco87es] {
    padding: 2.75rem 2.75rem 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.9rem;
}

.pi-feil[b-7wdjco87es],
.pi-suksess[b-7wdjco87es] {
    margin: 0 0 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.pi-feil[b-7wdjco87es] {
    color: #8A4334;
}

.pi-suksess[b-7wdjco87es] {
    color: #286A42;
}

.pi-form[b-7wdjco87es] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.pi-felt[b-7wdjco87es] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4A453C;
}

.pi-input-wrap[b-7wdjco87es] {
    position: relative;
    display: flex;
    align-items: center;
}

    .pi-input-wrap svg[b-7wdjco87es] {
        position: absolute;
        left: 0.85rem;
        width: 1.05rem;
        height: 1.05rem;
        color: #9A9284;
        pointer-events: none;
    }

    .pi-input-wrap input[b-7wdjco87es] {
        width: 100%;
        box-sizing: border-box;
        font: inherit;
        font-size: 0.92rem;
        color: #23201C;
        background: #FBFAF7;
        border: 1px solid #DDD5C7;
        border-radius: 10px;
        padding: 0.7rem 0.9rem 0.7rem 2.6rem;
    }

        .pi-input-wrap input:focus[b-7wdjco87es] {
            outline: none;
            border-color: #8A5A34;
            background: #fff;
        }

.pi-vis-passord[b-7wdjco87es] {
    position: absolute;
    right: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border: none;
    background: none;
    color: #9A9284;
    cursor: pointer;
}

    .pi-vis-passord svg[b-7wdjco87es] {
        position: static;
        width: 1.05rem;
        height: 1.05rem;
    }

    .pi-vis-passord:hover[b-7wdjco87es] {
        color: #4A453C;
    }

.pi-mellomrad[b-7wdjco87es] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    margin-top: -0.3rem;
}

.pi-husk-meg[b-7wdjco87es] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #4A453C;
    font-weight: 500;
    cursor: pointer;
}

    .pi-husk-meg input[b-7wdjco87es] {
        accent-color: #8A5A34;
        width: 0.95rem;
        height: 0.95rem;
        cursor: pointer;
    }

.pi-mellomrad a[b-7wdjco87es] {
    color: #8A5A34;
    font-weight: 600;
    text-decoration: none;
}

    .pi-mellomrad a:hover[b-7wdjco87es] {
        text-decoration: underline;
    }

.pi-knapp[b-7wdjco87es] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.92rem;
    background: #8A5A34;
    color: #FFF7EE;
    border: none;
    border-radius: 11px;
    padding: 0.85rem 1rem;
    cursor: pointer;
    margin-top: 0.2rem;
}

    .pi-knapp:hover[b-7wdjco87es] {
        background: #6E4529;
    }

.pi-sett-passord[b-7wdjco87es],
.pi-for-kunden[b-7wdjco87es] {
    text-align: center;
    font-size: 0.8rem;
    color: #8A8176;
    text-decoration: none;
}

.pi-sett-passord[b-7wdjco87es] {
    margin-top: 0.6rem;
    color: #8A5A34;
    font-weight: 600;
}

.pi-sett-passord:hover[b-7wdjco87es],
.pi-for-kunden:hover[b-7wdjco87es] {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .pi-kort[b-7wdjco87es] {
        grid-template-columns: 1fr;
    }

    .pi-venstre[b-7wdjco87es] {
        padding: 2rem 2rem 1.5rem;
    }

    .pi-hoyre[b-7wdjco87es] {
        padding: 2rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Plukkliste.razor.rz.scp.css */
.back-link[b-2y98y3ibmo] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-2y98y3ibmo] {
        text-decoration: underline;
    }

.section-hint[b-2y98y3ibmo] {
    color: var(--itlock-ink-muted);
    max-width: 720px;
}

.byggetrinn-velger[b-2y98y3ibmo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.75rem;
}

    .byggetrinn-velger > span[b-2y98y3ibmo] {
        flex-basis: 100%;
    }

.checkbox-row[b-2y98y3ibmo] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.add-button[b-2y98y3ibmo] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.plukk-table[b-2y98y3ibmo] {
    width: 100%;
    max-width: 1100px;
    border-collapse: collapse;
}

    .plukk-table th[b-2y98y3ibmo],
    .plukk-table td[b-2y98y3ibmo] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

.plukk-input[b-2y98y3ibmo] {
    max-width: 5rem;
    font: inherit;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    padding: 0.25rem 0.4rem;
}

.ma-bestilles[b-2y98y3ibmo] {
    font-weight: 600;
    color: #b5502d;
}
/* _content/PortalItlock.Web/Components/Pages/PrisHistorikk.razor.rz.scp.css */
.back-link[b-mnox9bxqxa] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-mnox9bxqxa] {
        text-decoration: underline;
    }

.section-hint[b-mnox9bxqxa] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0.25rem 0 0.75rem;
}

.import-table[b-mnox9bxqxa] {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    margin-top: 0.75rem;
}

    .import-table th[b-mnox9bxqxa],
    .import-table td[b-mnox9bxqxa] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }
/* _content/PortalItlock.Web/Components/Pages/Prisimport.razor.rz.scp.css */
.back-link[b-unv7rlthqm] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-unv7rlthqm] {
        text-decoration: underline;
    }

.section-hint[b-unv7rlthqm] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0.25rem 0 0.75rem;
    max-width: 800px;
}

.import-card[b-unv7rlthqm] {
    max-width: 1000px;
    margin-bottom: 1.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 1.25rem 1.5rem;
}

    .import-card h2[b-unv7rlthqm] {
        margin-top: 0;
    }

.import-hero[b-unv7rlthqm] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    max-width: 1000px;
    align-items: start;
}

@media (max-width: 720px) {
    .import-hero[b-unv7rlthqm] {
        grid-template-columns: 1fr;
    }
}

.import-komigang-card ol[b-unv7rlthqm] {
    margin: 0;
    padding-left: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
}

.import-dropzone[b-unv7rlthqm] {
    position: relative;
    display: block;
    border: 2px dashed var(--itlock-border);
    border-radius: 4px;
    padding: 2.5rem 1rem;
    text-align: center;
    cursor: pointer;
    background: var(--itlock-bg);
    transition: border-color 0.15s ease-out;
    margin-bottom: 1rem;
}

    .import-dropzone:hover[b-unv7rlthqm] {
        border-color: var(--itlock-accent);
    }

.import-dropzone-disabled[b-unv7rlthqm] {
    opacity: 0.5;
    cursor: not-allowed;
}

.import-dropzone-input[b-unv7rlthqm] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.import-dropzone-content[b-unv7rlthqm] {
    pointer-events: none;
}

    .import-dropzone-content p[b-unv7rlthqm] {
        margin: 0.2rem 0;
    }

.import-dropzone-ikon[b-unv7rlthqm] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.import-dropzone-hint[b-unv7rlthqm] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.import-leverandor-felt[b-unv7rlthqm] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    max-width: 20rem;
}

    .import-leverandor-felt input[b-unv7rlthqm] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.import-historikk-table[b-unv7rlthqm] {
    width: 100%;
    border-collapse: collapse;
}

    .import-historikk-table th[b-unv7rlthqm],
    .import-historikk-table td[b-unv7rlthqm] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

.historikk-actions[b-unv7rlthqm] {
    display: flex;
    gap: 0.4rem;
}

.historikk-rad-oppdatering td[b-unv7rlthqm] {
    color: var(--itlock-ink-muted);
}

    .historikk-rad-oppdatering td:first-child[b-unv7rlthqm] {
        padding-left: 1.5rem;
    }

.mobil-historikk-kort-oppdatering[b-unv7rlthqm] {
    margin-left: 1rem;
    opacity: 0.85;
}

.krevd[b-unv7rlthqm] {
    color: #b5502d;
}

.form-actions[b-unv7rlthqm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.save-button[b-unv7rlthqm] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.cancel-button[b-unv7rlthqm] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.remove-button[b-unv7rlthqm] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #b5502d;
}

.fjern-bekreft[b-unv7rlthqm] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.form-error[b-unv7rlthqm] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
}

.save-success[b-unv7rlthqm] {
    color: #2b7a4b;
    font-weight: 600;
}

.import-table[b-unv7rlthqm] {
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
    margin-top: 0.75rem;
}

    .import-table th[b-unv7rlthqm],
    .import-table td[b-unv7rlthqm] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

.import-rad-feil[b-unv7rlthqm] {
    background: rgba(179, 51, 51, 0.08);
}

.import-rad-ok[b-unv7rlthqm] {
    background: rgba(43, 122, 75, 0.06);
}

.import-status-badge[b-unv7rlthqm] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.import-status-badge-ok[b-unv7rlthqm] {
    background: rgba(43, 122, 75, 0.15);
    color: #2b7a4b;
}

.import-status-badge-feil[b-unv7rlthqm] {
    background: rgba(179, 51, 51, 0.15);
    color: #a33;
}

.import-status-badge-uendret[b-unv7rlthqm] {
    background: rgba(0, 0, 0, 0.06);
    color: var(--itlock-ink-muted);
}

.import-status-badge-pagar[b-unv7rlthqm] {
    background: rgba(47, 111, 179, 0.15);
    color: #2f6fb3;
}

.import-beregnet[b-unv7rlthqm] {
    display: block;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

.import-oppsummering[b-unv7rlthqm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.import-oppsummering-tall[b-unv7rlthqm] {
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
}

.import-oppsummering-ok[b-unv7rlthqm] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.import-oppsummering-feil[b-unv7rlthqm] {
    background: rgba(179, 51, 51, 0.12);
    color: #a33;
}

.mapping-table[b-unv7rlthqm] {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

    .mapping-table th[b-unv7rlthqm],
    .mapping-table td[b-unv7rlthqm] {
        text-align: left;
        padding: 0.5rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
        vertical-align: middle;
    }

    .mapping-table select[b-unv7rlthqm] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.35rem 0.5rem;
        min-width: 12rem;
    }

.mapping-auto-badge[b-unv7rlthqm] {
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #2b7a4b;
}

.mapping-eksempel[b-unv7rlthqm] {
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.mobil-historikk-liste[b-unv7rlthqm],
.mobil-mapping-liste[b-unv7rlthqm],
.mobil-import-liste[b-unv7rlthqm] {
    display: none;
}

@media (max-width: 640.98px) {
    /* Prisimport sine tre tabeller (historikk 7 kolonner, kolonnematching 3
       kolonner + nedtrekksmeny, forhåndsvisning 11 kolonner) er uleselige
       selv med sidescroll på en ekte mobilbredde - også på full visning,
       siden den beholder ekte skjermbredde i stedet for PC-bredde. Erstattes
       derfor helt med kortlister i stedet for bare å gjøre tabellene
       skrollbare. */
    .import-historikk-table[b-unv7rlthqm],
    .import-table[b-unv7rlthqm],
    .mapping-table[b-unv7rlthqm] {
        display: none;
    }

    .mobil-historikk-liste[b-unv7rlthqm],
    .mobil-mapping-liste[b-unv7rlthqm],
    .mobil-import-liste[b-unv7rlthqm] {
        display: flex;
        flex-direction: column;
        gap: 0;
        list-style: none;
        padding: 0;
        margin: 0.75rem 0 0;
    }

    .mobil-historikk-kort[b-unv7rlthqm],
    .mobil-mapping-rad[b-unv7rlthqm],
    .mobil-import-kort[b-unv7rlthqm] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        padding: 0.7rem 0.9rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
    }

        .mobil-historikk-kort + .mobil-historikk-kort[b-unv7rlthqm],
        .mobil-mapping-rad + .mobil-mapping-rad[b-unv7rlthqm],
        .mobil-import-kort + .mobil-import-kort[b-unv7rlthqm] {
            border-top: none;
        }

    .mobil-historikk-knapper[b-unv7rlthqm] {
        display: flex;
        gap: 0.5rem;
    }

    .mobil-historikk-topp[b-unv7rlthqm],
    .mobil-import-topp[b-unv7rlthqm] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .mobil-historikk-fil[b-unv7rlthqm],
    .mobil-mapping-label[b-unv7rlthqm],
    .mobil-import-navn[b-unv7rlthqm] {
        font-weight: 600;
        flex: 1 1 auto;
        min-width: 0;
    }

    .mobil-historikk-meta[b-unv7rlthqm],
    .mobil-import-meta[b-unv7rlthqm] {
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
    }

    .mobil-import-artikkel[b-unv7rlthqm] {
        font-variant-numeric: tabular-nums;
        color: var(--itlock-ink-muted);
        font-size: 0.85rem;
    }

    .mobil-import-priser[b-unv7rlthqm] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.3rem 1rem;
        font-size: 0.88rem;
        font-variant-numeric: tabular-nums;
    }

    .mobil-import-kort-feil[b-unv7rlthqm] {
        border-left: 3px solid #b5502d;
    }

    .mobil-mapping-rad select[b-unv7rlthqm] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
        width: 100%;
    }

    .mobil-mapping-eksempel[b-unv7rlthqm] {
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
        font-style: italic;
    }
}
/* _content/PortalItlock.Web/Components/Pages/PrisoverslagSkjema.razor.rz.scp.css */
.overslag-layout[b-47pohb7tg0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 900px;
}

.overslag-section h2[b-47pohb7tg0] {
    margin-bottom: 0.5rem;
}

.field-grid[b-47pohb7tg0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-47pohb7tg0] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.field-grid .span-2[b-47pohb7tg0] {
    grid-column: 1 / -1;
}

.field-grid input[b-47pohb7tg0] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.component-search[b-47pohb7tg0] {
    margin-bottom: 1rem;
}

    .component-search label[b-47pohb7tg0] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .component-search input[b-47pohb7tg0] {
        font-weight: 400;
        padding: 0.4rem 0.6rem;
        border: 1px solid var(--itlock-border);
        font-size: 0.95rem;
    }

.search-results[b-47pohb7tg0] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    border: 1px solid var(--itlock-border);
    max-height: 260px;
    overflow-y: auto;
}

.search-result[b-47pohb7tg0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
    cursor: pointer;
}

    .search-result:hover[b-47pohb7tg0] {
        background: rgba(131, 94, 65, 0.08);
    }

.search-result-name[b-47pohb7tg0] {
    font-weight: 600;
    font-size: 0.9rem;
}

.search-result-meta[b-47pohb7tg0] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.search-empty[b-47pohb7tg0] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-top: 0.4rem;
}

.list-empty[b-47pohb7tg0] {
    color: var(--itlock-ink-muted);
}

.linje-table[b-47pohb7tg0] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

    .linje-table th[b-47pohb7tg0],
    .linje-table td[b-47pohb7tg0] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.9rem;
    }

    .linje-table input[b-47pohb7tg0] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.3rem 0.4rem;
        width: 100%;
    }

.antall-input[b-47pohb7tg0] {
    max-width: 60px;
}

.price-input[b-47pohb7tg0] {
    max-width: 90px;
}

.overslag-sum[b-47pohb7tg0] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 1rem 1.25rem;
}

.sum-list[b-47pohb7tg0] {
    margin: 0;
}

    .sum-list > div[b-47pohb7tg0] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.3rem 0;
        border-bottom: 1px solid var(--itlock-border);
    }

    .sum-list dt[b-47pohb7tg0] {
        color: var(--itlock-ink-muted);
        font-size: 0.9rem;
    }

    .sum-list dd[b-47pohb7tg0] {
        margin: 0;
        font-variant-numeric: tabular-nums;
    }

    .sum-list .sum-total[b-47pohb7tg0] {
        border-bottom: none;
        padding-top: 0.6rem;
        font-weight: 700;
        font-size: 1.1rem;
    }

.notes-field[b-47pohb7tg0] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .notes-field textarea[b-47pohb7tg0] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.remove-button[b-47pohb7tg0] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.save-button[b-47pohb7tg0] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.form-actions[b-47pohb7tg0] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.form-error[b-47pohb7tg0] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-47pohb7tg0] {
    color: #2b7a4b;
    font-weight: 600;
}

.delete-button[b-47pohb7tg0],
.delete-confirm-button[b-47pohb7tg0] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.delete-confirm-button[b-47pohb7tg0] {
    background: #b5502d;
    color: #fff;
}

.cancel-button[b-47pohb7tg0] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.delete-confirm[b-47pohb7tg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}
/* _content/PortalItlock.Web/Components/Pages/Prisoverslagsliste.razor.rz.scp.css */
/* ---------- Header ---------- */

.overslag-header[b-w34x36xgiy] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.overslag-header-tittel[b-w34x36xgiy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .overslag-header-tittel h1[b-w34x36xgiy] {
        margin: 0;
    }

.overslag-header-ikon[b-w34x36xgiy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .overslag-header-ikon[b-w34x36xgiy]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.overslag-header p[b-w34x36xgiy] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Verktøylinje ---------- */

.overslag-toolbar[b-w34x36xgiy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.overslag-sok[b-w34x36xgiy] {
    flex: 1 1 320px;
    max-width: 420px;
    margin: 0;
}

.sok-felt[b-w34x36xgiy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-w34x36xgiy]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-w34x36xgiy] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-w34x36xgiy] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.new-button[b-w34x36xgiy] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
    padding: 0.55rem 1.1rem;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

    .new-button[b-w34x36xgiy]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .new-button:hover[b-w34x36xgiy] {
        background: var(--itlock-accent-hover);
        transform: translateY(-1px);
    }

.list-empty[b-w34x36xgiy] {
    color: var(--itlock-ink-muted);
}

/* ---------- Statistikk ---------- */

.overslag-stats[b-w34x36xgiy] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--itlock-border);
}

.overslag-stat[b-w34x36xgiy] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.overslag-stat-tall[b-w34x36xgiy] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    color: var(--itlock-ink);
    font-variant-numeric: tabular-nums;
}

.overslag-stat-etikett[b-w34x36xgiy] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ---------- Overslagsgrid ---------- */

.overslag-grid[b-w34x36xgiy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.overslag-kort[b-w34x36xgiy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-accent);
    border-radius: 10px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

    .overslag-kort:hover[b-w34x36xgiy] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.overslag-kort-topp[b-w34x36xgiy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.overslag-navn[b-w34x36xgiy] {
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.3;
}

.overslag-sum-badge[b-w34x36xgiy] {
    flex-shrink: 0;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.overslag-kort-linje[b-w34x36xgiy] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .overslag-kort-linje[b-w34x36xgiy]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .overslag-kort-linje span[b-w34x36xgiy] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width: 640.98px) {
    .overslag-grid[b-w34x36xgiy] {
        grid-template-columns: 1fr;
    }

    .overslag-stats[b-w34x36xgiy] {
        gap: 1rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ProduktgruppeDetalj.razor.rz.scp.css */
.back-link[b-jh9v1sviny] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-jh9v1sviny]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.form-error[b-jh9v1sviny] {
    color: #b5502d;
    font-weight: 600;
}

.gruppe-hero[b-jh9v1sviny] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}

.hero-ikon[b-jh9v1sviny] {
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 12px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hero-ikon[b-jh9v1sviny]  .icon {
        width: 1.4rem;
        height: 1.4rem;
    }

.hero-navn-input[b-jh9v1sviny] {
    font-family: inherit;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--itlock-ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    padding: 0.3rem 0.5rem;
    min-width: 220px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .hero-navn-input:hover[b-jh9v1sviny] {
        background: var(--itlock-surface);
        border-color: var(--itlock-border);
    }

    .hero-navn-input:focus[b-jh9v1sviny] {
        background: var(--itlock-surface);
        border-color: var(--itlock-accent);
        outline: none;
    }

.hero-meta[b-jh9v1sviny] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.15rem;
    padding-left: 0.5rem;
}

.hero-actions[b-jh9v1sviny] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.3rem;
}

.kort[b-jh9v1sviny] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
    margin-bottom: 1.1rem;
    max-width: 900px;
}

    .kort h2[b-jh9v1sviny] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.kort-footer[b-jh9v1sviny] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding-top: 1rem;
    margin-top: 0.2rem;
    border-top: 1px solid var(--itlock-border);
}

.knapp[b-jh9v1sviny] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-jh9v1sviny] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-jh9v1sviny] {
        background: var(--itlock-accent-hover);
    }

.save-success[b-jh9v1sviny] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.sok-felt-label[b-jh9v1sviny] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.5rem;
}

.sok-boks[b-jh9v1sviny] {
    position: relative;
}

    .sok-boks[b-jh9v1sviny]  .icon {
        position: absolute;
        left: 0.85rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--itlock-ink-muted);
        width: 0.95rem;
        height: 0.95rem;
    }

    .sok-boks input[b-jh9v1sviny] {
        width: 100%;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.6rem 0.9rem 0.6rem 2.3rem;
    }

.search-results[b-jh9v1sviny] {
    list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    overflow: hidden;
    max-height: 280px;
    overflow-y: auto;
}

.search-result[b-jh9v1sviny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.65rem 0.9rem;
    cursor: pointer;
    font: inherit;
}

    .search-result:last-child[b-jh9v1sviny] {
        border-bottom: none;
    }

    .search-result:hover[b-jh9v1sviny] {
        background: var(--itlock-bg);
    }

.search-result-name[b-jh9v1sviny] {
    font-weight: 700;
    font-size: 0.88rem;
}

.search-result-meta[b-jh9v1sviny] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

.search-empty[b-jh9v1sviny] {
    margin: 0.6rem 0 0;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.kort-topp-rad[b-jh9v1sviny] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

    .kort-topp-rad h2[b-jh9v1sviny] {
        margin: 0;
    }

.vare-teller[b-jh9v1sviny] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.list-empty[b-jh9v1sviny] {
    color: var(--itlock-ink-muted);
    margin-top: 1rem;
}

.vare-liste[b-jh9v1sviny] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.vare-rad[b-jh9v1sviny] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem 0.9rem;
}

.vare-navn[b-jh9v1sviny] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 700;
    font-size: 0.88rem;
}

.vare-lev[b-jh9v1sviny] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    flex: 0 0 auto;
    min-width: 140px;
}

.vare-kode[b-jh9v1sviny] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
    flex-shrink: 0;
}

.ikon-btn[b-jh9v1sviny] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .ikon-btn:hover[b-jh9v1sviny] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .ikon-btn[b-jh9v1sviny]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

@media (max-width: 640.98px) {
    .vare-lev[b-jh9v1sviny] {
        display: none;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Produktgrupper.razor.rz.scp.css */
.side-header[b-q1ff545m8k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-q1ff545m8k] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-q1ff545m8k] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-q1ff545m8k]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-q1ff545m8k] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-q1ff545m8k] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 620px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.verktoy-rad[b-q1ff545m8k] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.sok-boks[b-q1ff545m8k] {
    position: relative;
    flex: 1 1 240px;
    max-width: 340px;
}

    .sok-boks[b-q1ff545m8k]  .icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--itlock-ink-muted);
        width: 0.95rem;
        height: 0.95rem;
    }

    .sok-boks input[b-q1ff545m8k] {
        width: 100%;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 0.8rem 0.55rem 2.1rem;
    }

.stat-chip[b-q1ff545m8k] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

    .stat-chip .dot[b-q1ff545m8k] {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: var(--itlock-accent);
    }

.list-empty[b-q1ff545m8k] {
    color: var(--itlock-ink-muted);
}

.gruppe-liste[b-q1ff545m8k] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 1.6rem;
}

.gruppe-rad[b-q1ff545m8k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
}

.gruppe-ikon[b-q1ff545m8k] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .gruppe-ikon[b-q1ff545m8k]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.gruppe-navn-input[b-q1ff545m8k] {
    flex: 1 1 auto;
    min-width: 0;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--itlock-ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.5rem 0.6rem;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .gruppe-navn-input:hover[b-q1ff545m8k] {
        background: var(--itlock-bg);
    }

    .gruppe-navn-input:focus[b-q1ff545m8k] {
        background: var(--itlock-bg);
        border-color: var(--itlock-accent);
        outline: none;
    }

.vare-badge[b-q1ff545m8k] {
    flex-shrink: 0;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    white-space: nowrap;
}

.gruppe-actions[b-q1ff545m8k] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

.knapp[b-q1ff545m8k] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

.knapp-primaer[b-q1ff545m8k] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-q1ff545m8k] {
        background: var(--itlock-accent-hover);
    }

.ikon-btn[b-q1ff545m8k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .ikon-btn:hover[b-q1ff545m8k] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .ikon-btn.slett:hover[b-q1ff545m8k] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .ikon-btn:disabled[b-q1ff545m8k] {
        opacity: 0.4;
        cursor: default;
    }

        .ikon-btn:disabled:hover[b-q1ff545m8k] {
            border-color: var(--itlock-border);
            color: var(--itlock-ink-muted);
        }

    .ikon-btn[b-q1ff545m8k]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.kort[b-q1ff545m8k] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
}

    .kort h2[b-q1ff545m8k] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.ny-gruppe[b-q1ff545m8k] {
    max-width: 600px;
}

.ny-gruppe-form[b-q1ff545m8k] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .ny-gruppe-form input[b-q1ff545m8k] {
        flex: 1 1 200px;
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
    }

.save-success[b-q1ff545m8k] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0.9rem 0 0;
}

.form-error[b-q1ff545m8k] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0.9rem 0 0;
}
/* _content/PortalItlock.Web/Components/Pages/Produktsammendrag.razor.rz.scp.css */
.back-link[b-otjovt5i7w] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-otjovt5i7w] {
        text-decoration: underline;
    }

.section-hint[b-otjovt5i7w] {
    color: var(--itlock-ink-muted);
    max-width: 720px;
}

.add-button[b-otjovt5i7w] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.sammendrag-table[b-otjovt5i7w] {
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
}

    .sammendrag-table th[b-otjovt5i7w],
    .sammendrag-table td[b-otjovt5i7w] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }
/* _content/PortalItlock.Web/Components/Pages/Prosjekter.razor.rz.scp.css */
/* ---------- Header ---------- */

.prosjekt-header[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.prosjekt-header-tittel[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .prosjekt-header-tittel h1[b-x73z9a2iys] {
        margin: 0;
    }

.prosjekt-header-ikon[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .prosjekt-header-ikon[b-x73z9a2iys]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.prosjekt-header .prosjekt-intro[b-x73z9a2iys] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Verktøylinje ---------- */

.prosjekt-toolbar[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.prosjekt-sok[b-x73z9a2iys] {
    flex: 1 1 320px;
    max-width: 420px;
    margin: 0;
}

.prosjekt-toolbar-knapper[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

/* ---------- Visningsbytte (Kanban/Liste/Kart) ---------- */

.prosjekt-viewtoggle[b-x73z9a2iys] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
}

    .prosjekt-viewtoggle button[b-x73z9a2iys] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        border: none;
        background: none;
        padding: 0.4rem 0.8rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

        .prosjekt-viewtoggle button[b-x73z9a2iys]  .icon {
            width: 0.9rem;
            height: 0.9rem;
        }

        .prosjekt-viewtoggle button.aktiv[b-x73z9a2iys] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

.sok-felt[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-x73z9a2iys]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-x73z9a2iys] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-x73z9a2iys] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.new-button[b-x73z9a2iys] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
    padding: 0.55rem 1.1rem;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

    .new-button[b-x73z9a2iys]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .new-button:hover[b-x73z9a2iys] {
        background: var(--itlock-accent-hover);
        transform: translateY(-1px);
    }

.filter-button[b-x73z9a2iys],
.edit-button-active[b-x73z9a2iys] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

    .filter-button[b-x73z9a2iys]  .icon,
    .edit-button-active[b-x73z9a2iys]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.filter-button[b-x73z9a2iys] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .filter-button:hover[b-x73z9a2iys] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.edit-button-active[b-x73z9a2iys] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
}

.dor-velger-panel[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 320px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.dor-velger-header[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.funksjon-chip-list[b-x73z9a2iys] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 220px;
    overflow-y: auto;
}

.filter-option[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    cursor: pointer;
}

.cancel-button[b-x73z9a2iys] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
}

.result-count[b-x73z9a2iys] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.list-empty[b-x73z9a2iys] {
    color: var(--itlock-ink-muted);
}

.sorter-velger[b-x73z9a2iys] {
    font: inherit;
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    cursor: pointer;
}

    .sorter-velger:focus-visible[b-x73z9a2iys] {
        border-color: var(--itlock-accent);
        outline: none;
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

/* ---------- Prosjektgrid (skrivebord) ---------- */

.prosjekt-grid[b-x73z9a2iys] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.prosjekt-kanban[b-x73z9a2iys] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    align-items: start;
}

.kanban-kolonne[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    background: rgba(107, 104, 99, 0.05);
    border-radius: 14px;
    padding: 0.8rem;
}

.kanban-kolonne-header[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0 0.2rem;
}

.kanban-kolonne-dott[b-x73z9a2iys] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.kanban-kolonne-dott-gronn[b-x73z9a2iys] {
    background: #2b7a4b;
}

.kanban-kolonne-dott-blaa[b-x73z9a2iys] {
    background: #2054a3;
}

.kanban-kolonne-dott-gul[b-x73z9a2iys] {
    background: #a1690a;
}

.kanban-kolonne-dott-rod[b-x73z9a2iys] {
    background: #a32020;
}

.kanban-kolonne-dott-noytral[b-x73z9a2iys] {
    background: var(--itlock-ink-muted);
}

.kanban-kolonne-dott-turkis[b-x73z9a2iys] {
    background: #0f7a6b;
}

.kanban-kolonne-dott-lilla[b-x73z9a2iys] {
    background: #7a2b96;
}

/* Tinted kolonne-bakgrunn - samme oppskrift som Tilbud service
   (TilbudServiceListe.razor.css sine .tilbud-kolonne-*). */
.kanban-kolonne-blaa[b-x73z9a2iys] {
    background: color-mix(in srgb, #dbe7f7 55%, var(--itlock-surface) 45%);
}

.kanban-kolonne-gul[b-x73z9a2iys] {
    background: color-mix(in srgb, #f4e3c7 55%, var(--itlock-surface) 45%);
}

.kanban-kolonne-turkis[b-x73z9a2iys] {
    background: color-mix(in srgb, #d7efeb 55%, var(--itlock-surface) 45%);
}

.kanban-kolonne-lilla[b-x73z9a2iys] {
    background: color-mix(in srgb, #f0d9f7 55%, var(--itlock-surface) 45%);
}

.kanban-kolonne-noytral[b-x73z9a2iys] {
    background: color-mix(in srgb, var(--itlock-bg) 65%, var(--itlock-surface) 35%);
}

.kanban-kolonne-navn[b-x73z9a2iys] {
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--itlock-ink);
}

.kanban-kolonne-teller[b-x73z9a2iys] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.kanban-team-stabel[b-x73z9a2iys] {
    display: flex;
    margin-left: auto;
}

.kanban-team-avatar[b-x73z9a2iys] {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.55rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    border: 2px solid var(--itlock-bg);
    margin-left: -0.4rem;
}

    .kanban-team-avatar:first-child[b-x73z9a2iys] {
        margin-left: 0;
    }

.kanban-kort[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.75rem 0.85rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.15s ease, transform 0.1s ease, border-color 0.15s ease;
}

    .kanban-kort:hover[b-x73z9a2iys] {
        border-color: var(--itlock-accent);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.kanban-kolonne-tom[b-x73z9a2iys] {
    margin: 0;
    padding: 0.9rem 0.2rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    font-style: italic;
    text-align: center;
}

.kanban-kort-navn[b-x73z9a2iys] {
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.3;
}

.kanban-kort-bunn[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.1rem;
}

    .kanban-kort-bunn .prosjekt-fremdrift-bar[b-x73z9a2iys] {
        max-width: none;
    }

.prosjekt-kort-wrap[b-x73z9a2iys] {
    position: relative;
}

.prosjekt-kort[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    padding: 1rem 1.1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-border);
    border-radius: 10px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    transition: box-shadow 0.15s ease, transform 0.1s ease, border-left-color 0.15s ease;
}

    .prosjekt-kort:hover[b-x73z9a2iys] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.prosjekt-kort-gronn[b-x73z9a2iys] {
    border-left-color: #2b7a4b;
}

.prosjekt-kort-blaa[b-x73z9a2iys] {
    border-left-color: #2054a3;
}

.prosjekt-kort-gul[b-x73z9a2iys] {
    border-left-color: #a1690a;
}

.prosjekt-kort-lilla[b-x73z9a2iys] {
    border-left-color: #7a2b96;
}

.prosjekt-kort-rod[b-x73z9a2iys] {
    border-left-color: #a32020;
}

.prosjekt-kort-noytral[b-x73z9a2iys] {
    border-left-color: var(--itlock-border);
}

.prosjekt-kort-topp[b-x73z9a2iys] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.prosjekt-kort-navn[b-x73z9a2iys] {
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.3;
}

.prosjekt-kort-linje[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .prosjekt-kort-linje[b-x73z9a2iys]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .prosjekt-kort-linje span[b-x73z9a2iys] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.prosjekt-team[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.team-person[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.team-avatar[b-x73z9a2iys] {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 700;
    color: #fff;
}

.prosjekt-team-tom[b-x73z9a2iys] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.prosjekt-alder[b-x73z9a2iys] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.prosjekt-kort-bunn[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: auto;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
}

.prosjekt-dorer-badge[b-x73z9a2iys] {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
}

.prosjekt-fremdrift[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
}

.prosjekt-fremdrift-bar[b-x73z9a2iys] {
    flex: 1 1 auto;
    max-width: 5.5rem;
    height: 0.4rem;
    border-radius: 999px;
    background: rgba(131, 94, 65, 0.12);
    overflow: hidden;
}

.prosjekt-fremdrift-fyll[b-x73z9a2iys] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #c9986f, var(--itlock-accent));
}

.prosjekt-fremdrift-tekst[b-x73z9a2iys] {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.prosjekt-kort-slett-button[b-x73z9a2iys] {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 8px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: #a32020;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

    .prosjekt-kort-slett-button:hover[b-x73z9a2iys] {
        background: #a32020;
        color: #fff;
        border-color: #a32020;
    }

    .prosjekt-kort-slett-button[b-x73z9a2iys]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.prosjekt-kort-slett-confirm[b-x73z9a2iys] {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.6rem 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid #a32020;
    border-radius: 0 0 10px 10px;
    font-size: 0.82rem;
}

@media (max-width: 900px) {
    .prosjekt-grid[b-x73z9a2iys] {
        grid-template-columns: 1fr;
    }
}

.mobil-prosjekt-tom[b-x73z9a2iys] {
    display: none;
}

.mobil-prosjekt-faner[b-x73z9a2iys] {
    display: none;
}

@media (max-width: 640.98px) {
    .mobil-prosjekt-faner[b-x73z9a2iys] {
        display: flex;
        border-bottom: 1px solid var(--itlock-border);
        margin: 0 -1rem 1rem;
        overflow-x: auto;
    }
}

.mobil-prosjekt-fane[b-x73z9a2iys] {
    flex: 1 1 auto;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.7rem 0.5rem;
    font: inherit;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    white-space: nowrap;
}

    .mobil-prosjekt-fane.aktiv[b-x73z9a2iys] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

.avtale-badge[b-x73z9a2iys] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
}

.avtale-badge-forfalt[b-x73z9a2iys] {
    color: #b5502d;
    border-color: #b5502d;
}

.avtale-badge-snart[b-x73z9a2iys] {
    color: #a1690a;
    border-color: #a1690a;
}

.avtale-badge-kommende[b-x73z9a2iys] {
    color: #2054a3;
    border-color: #2054a3;
}

.avtale-badge-utfort[b-x73z9a2iys] {
    color: #2b7a4b;
    border-color: #2b7a4b;
}

/* Samme oppskrift som "Ny søknad"-knappen på Søknader (Fravar.razor.css) -
   flytende + -knapp nederst til høyre som åpner et bunn-ark for å
   registrere en ny serviceavtale uten å måtte om via PC. */
.mobil-serviceavtale-fab[b-x73z9a2iys] {
    position: fixed;
    right: 1rem;
    bottom: calc(4.6rem + env(safe-area-inset-bottom, 0px));
    z-index: 900;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.mobil-serviceavtale-modal[b-x73z9a2iys] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    background: rgba(41, 41, 39, 0.5);
    display: flex;
    align-items: flex-end;
}

.mobil-serviceavtale-modal-innhold[b-x73z9a2iys] {
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    background: var(--itlock-surface);
    padding: 1rem;
    box-sizing: border-box;
}

.mobil-serviceavtale-modal-header[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.field-grid[b-x73z9a2iys] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.field-grid input[b-x73z9a2iys],
.field-grid select[b-x73z9a2iys] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.form-actions[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
}

.save-button[b-x73z9a2iys] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .save-button:disabled[b-x73z9a2iys] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.prosjekt-list[b-x73z9a2iys] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 720px;
}

.prosjekt-item[b-x73z9a2iys] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

@media (max-width: 640.98px) {
    .side-tittel[b-x73z9a2iys],
    .prosjekt-intro[b-x73z9a2iys],
    .prosjekt-admin-knapp[b-x73z9a2iys],
    .prosjektleder-filter[b-x73z9a2iys],
    .montor-filter[b-x73z9a2iys] {
        display: none;
    }

    /* Litt hyggeligere tom-tilstand på mobil når det ikke finnes noen
       prosjekter i det hele tatt - erstatter den nøkterne teksten som
       fortsatt vises på PC. Samme oppskrift som Min Dag/Søknader. */
    .mobil-tom-tekst-skjul[b-x73z9a2iys] {
        display: none;
    }

    .mobil-prosjekt-tom[b-x73z9a2iys] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.4rem;
        padding: 3rem 1.5rem 2rem;
        color: var(--itlock-ink-muted);
    }

        .mobil-prosjekt-tom .mobil-tom-figur[b-x73z9a2iys] {
            margin-bottom: 0.75rem;
        }

        .mobil-prosjekt-tom h2[b-x73z9a2iys] {
            margin: 0;
            font-size: 1.15rem;
            color: var(--itlock-ink);
        }

        .mobil-prosjekt-tom p[b-x73z9a2iys] {
            margin: 0;
            max-width: 26ch;
        }

    /* Filterpanelet åpnes nå fra filterikonet i mobil-toppfeltet, som er
       fast plassert uansett hvor langt ned i listen man har scrollet. Uten
       dette ville panelet dukket opp der det ligger i selve sideinnholdet
       (øverst), usynlig for brukeren til de scrollet helt opp - så gjør det
       til et fast overlegg rett under toppfeltet i stedet, samme oppskrift
       som brukermenyen. */
    .dor-velger-panel[b-x73z9a2iys] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        top: calc(4.25rem + env(safe-area-inset-top, 0px) + 0.5rem);
        z-index: 30;
        max-width: none;
        max-height: calc(100vh - 5.5rem);
        overflow-y: auto;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
    }

    /* prosjekt-list sin flex-gap er eneste kilde til avstand mellom kortene
       (en tidligere margin-bottom la seg OVENPÅ den og ga for mye rom).
       Ingen gap - like tett som radene i Annen statistikk-kortet. */
    .prosjekt-list[b-x73z9a2iys] {
        gap: 0;
    }

    .prosjekt-item[b-x73z9a2iys] {
        border: 1px solid var(--itlock-border);
        border-left: 4px solid var(--itlock-border);
        background: var(--itlock-surface);
        align-items: normal;
    }

        .prosjekt-item .prosjekt-row[b-x73z9a2iys] {
            padding: 0.75rem 0.9rem;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: flex-start;
            gap: 0.3rem;
            border: none;
        }

    /* "Gå til fullversjon" beholder ekte mobilbredde, så denne @media-blokken
       slår fortsatt til - .content-fullversjon (satt av MainLayout når
       fullversjon er aktiv) bringer derfor "Nytt prosjekt"/"Rediger" og
       filtrene tilbake, akkurat som på PC. */
    .content-fullversjon .side-tittel[b-x73z9a2iys],
    .content-fullversjon .prosjekt-intro[b-x73z9a2iys] {
        display: block;
    }

    .content-fullversjon .prosjekt-admin-knapp[b-x73z9a2iys] {
        display: inline-block;
    }

    .content-fullversjon .prosjektleder-filter[b-x73z9a2iys],
    .content-fullversjon .montor-filter[b-x73z9a2iys] {
        display: flex;
    }

    .content-fullversjon .mobil-tom-tekst-skjul[b-x73z9a2iys] {
        display: block;
    }

    .content-fullversjon .mobil-prosjekt-tom[b-x73z9a2iys] {
        display: none;
    }
}

.prosjekt-row[b-x73z9a2iys] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.7rem 1rem;
    border: 1px solid var(--itlock-border);
    text-decoration: none;
    color: var(--itlock-ink);
}

    .prosjekt-row:hover[b-x73z9a2iys] {
        background: rgba(131, 94, 65, 0.06);
    }

.prosjekt-navn[b-x73z9a2iys] {
    font-weight: 600;
}

.prosjekt-meta[b-x73z9a2iys] {
    flex-basis: 100%;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.prosjekt-slett-button[b-x73z9a2iys] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0 0.9rem;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

    .prosjekt-slett-button:hover[b-x73z9a2iys] {
        background: #b5502d;
        color: #fff;
    }

.prosjekt-slett-confirm[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    white-space: nowrap;
    padding: 0 0.75rem;
}

.delete-confirm-button[b-x73z9a2iys] {
    background: #b5502d;
    color: #fff;
    border: 1px solid #b5502d;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
}

/* ---------- Listevisning: tabell ---------- */

.prosjekt-tablewrap[b-x73z9a2iys] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: auto;
    margin-bottom: 1rem;
}

.prosjekt-table[b-x73z9a2iys] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

    .prosjekt-table th[b-x73z9a2iys],
    .prosjekt-table td[b-x73z9a2iys] {
        padding: 0.65rem 0.85rem;
        text-align: left;
        white-space: nowrap;
    }

    .prosjekt-table .prosjekt-td-navn[b-x73z9a2iys] {
        font-weight: 600;
        white-space: normal;
    }

.prosjekt-thr[b-x73z9a2iys] {
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
    border-bottom: 1px solid var(--itlock-border);
}

    .prosjekt-thr th[b-x73z9a2iys] {
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        font-weight: 700;
    }

.prosjekt-tr[b-x73z9a2iys] {
    border-bottom: 1px solid var(--itlock-border);
    cursor: pointer;
    transition: background-color 0.1s ease;
}

    .prosjekt-tr:last-child[b-x73z9a2iys] {
        border-bottom: none;
    }

    .prosjekt-tr:hover[b-x73z9a2iys] {
        background: color-mix(in srgb, var(--itlock-bg) 45%, var(--itlock-surface) 55%);
    }

.prosjekt-pagerad[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.prosjekt-pagerad-tekst[b-x73z9a2iys] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.prosjekt-pager[b-x73z9a2iys] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

    .prosjekt-pager button[b-x73z9a2iys] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.9rem;
        height: 1.9rem;
        padding: 0 0.4rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        border-radius: 7px;
        font-size: 0.82rem;
        font-weight: 600;
        color: var(--itlock-ink);
        cursor: pointer;
        font-family: inherit;
    }

    .prosjekt-pager button:disabled[b-x73z9a2iys] {
        opacity: 0.4;
        cursor: default;
    }

    .prosjekt-pager button.aktiv[b-x73z9a2iys] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

    .prosjekt-pager button:first-child[b-x73z9a2iys]  .icon,
    .prosjekt-pager button:last-child[b-x73z9a2iys]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(90deg);
    }

    .prosjekt-pager button:last-child[b-x73z9a2iys]  .icon {
        transform: rotate(-90deg);
    }

/* ---------- Kartvisning ---------- */

.prosjekt-pillrow[b-x73z9a2iys] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.prosjekt-pill[b-x73z9a2iys] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--itlock-ink);
    cursor: pointer;
    font-family: inherit;
}

    .prosjekt-pill span[b-x73z9a2iys] {
        color: var(--itlock-ink-muted);
        font-weight: 500;
    }

.prosjekt-pill-aktiv.valgt[b-x73z9a2iys] {
    background: var(--itlock-ink);
    border-color: var(--itlock-ink);
    color: #fff;
}

    .prosjekt-pill-aktiv.valgt span[b-x73z9a2iys] {
        color: rgba(255, 255, 255, 0.75);
    }

.prosjekt-pill-prikk[b-x73z9a2iys] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.prosjekt-pill-blaa .prosjekt-pill-prikk[b-x73z9a2iys] {
    background: #2054a3;
}

.prosjekt-pill-gul .prosjekt-pill-prikk[b-x73z9a2iys] {
    background: #a1690a;
}

.prosjekt-pill-turkis .prosjekt-pill-prikk[b-x73z9a2iys] {
    background: #0f7a6b;
}

.prosjekt-pill-lilla .prosjekt-pill-prikk[b-x73z9a2iys] {
    background: #7a2b96;
}

.prosjekt-pill-blaa.valgt[b-x73z9a2iys] {
    border-color: #2054a3;
    color: #2054a3;
    background: #eaf2fd;
}

.prosjekt-pill-gul.valgt[b-x73z9a2iys] {
    border-color: #a1690a;
    color: #a1690a;
    background: #f8f0e2;
}

.prosjekt-pill-turkis.valgt[b-x73z9a2iys] {
    border-color: #0f7a6b;
    color: #0f7a6b;
    background: #e5f5f2;
}

.prosjekt-pill-lilla.valgt[b-x73z9a2iys] {
    border-color: #7a2b96;
    color: #7a2b96;
    background: #f6eafa;
}

.prosjekt-kartside[b-x73z9a2iys] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 1rem;
    align-items: start;
}

.prosjekt-kartliste[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-height: 640px;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.prosjekt-kartkort[b-x73z9a2iys] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    width: 100%;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    text-decoration: none;
    text-align: left;
    color: var(--itlock-ink);
    font-family: inherit;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

    .prosjekt-kartkort:hover[b-x73z9a2iys] {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.07);
        transform: translateY(-1px);
    }

.prosjekt-kartkort-blaa[b-x73z9a2iys] {
    border-left-color: #2054a3;
}

.prosjekt-kartkort-gul[b-x73z9a2iys] {
    border-left-color: #a1690a;
}

.prosjekt-kartkort-turkis[b-x73z9a2iys] {
    border-left-color: #0f7a6b;
}

.prosjekt-kartkort-lilla[b-x73z9a2iys] {
    border-left-color: #7a2b96;
}

.prosjekt-kartkort-noytral[b-x73z9a2iys] {
    border-left-color: var(--itlock-border);
}

.prosjekt-kartkort-tittel[b-x73z9a2iys] {
    font-weight: 700;
    font-size: 0.9rem;
}

.prosjekt-kartkort-adresse[b-x73z9a2iys] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.prosjekt-kartwrap[b-x73z9a2iys] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
    height: 640px;
}

.prosjekt-kart[b-x73z9a2iys] {
    width: 100%;
    height: 100%;
}

@media (max-width: 1100px) {
    .prosjekt-kartside[b-x73z9a2iys] {
        grid-template-columns: 1fr;
    }

    .prosjekt-kartliste[b-x73z9a2iys] {
        max-height: 320px;
    }

    .prosjekt-kartwrap[b-x73z9a2iys] {
        height: 420px;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ProsjekterAvslatte.razor.rz.scp.css */
.tilbake-link[b-ck7ej1n81k] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .tilbake-link[b-ck7ej1n81k]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .tilbake-link:hover[b-ck7ej1n81k] {
        color: var(--itlock-accent);
    }

/* ---------- Header ---------- */

.avslatt-header[b-ck7ej1n81k] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.avslatt-header-tittel[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .avslatt-header-tittel h1[b-ck7ej1n81k] {
        margin: 0;
    }

.avslatt-header-ikon[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(163, 32, 32, 0.12);
    color: #a32020;
    flex-shrink: 0;
}

    .avslatt-header-ikon[b-ck7ej1n81k]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.avslatt-header p[b-ck7ej1n81k] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Topbar: årsvelger ---------- */

.avslatt-topbar[b-ck7ej1n81k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.avslatt-topbar-actions[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.ar-velger[b-ck7ej1n81k] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
}

/* ---------- Faner (Oversikt/Liste/Tidslinje) ---------- */

.avslatt-tabs[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    border-bottom: 1px solid var(--itlock-border);
    margin: 1.25rem 0 1.25rem;
}

    .avslatt-tabs button[b-ck7ej1n81k] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        background: none;
        border: none;
        border-bottom: 2px solid transparent;
        padding: 0.6rem 0.2rem;
        margin-right: 1.2rem;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.88rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .avslatt-tabs button[b-ck7ej1n81k]  .icon {
            width: 0.95rem;
            height: 0.95rem;
        }

        .avslatt-tabs button.aktiv[b-ck7ej1n81k] {
            color: var(--itlock-ink);
            border-bottom-color: #a32020;
        }

/* ---------- Oversikt: statuskort ---------- */

.fo-statrow[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.fo-statcard[b-ck7ej1n81k] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.1rem;
}

.fo-statcard-ic[b-ck7ej1n81k] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fo-statcard-ic[b-ck7ej1n81k]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.fo-ic-rod[b-ck7ej1n81k] {
    background: #f7d3d3;
    color: #a32020;
}

.fo-ic-aksent[b-ck7ej1n81k] {
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
}

.fo-ic-gul[b-ck7ej1n81k] {
    background: #f4e3c7;
    color: #a1690a;
}

.fo-statcard-num[b-ck7ej1n81k] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.1;
}

.fo-statcard-lbl[b-ck7ej1n81k] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.fo-statcard-delta[b-ck7ej1n81k] {
    font-size: 0.74rem;
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.15rem;
}

.fo-delta-rod[b-ck7ej1n81k] {
    color: #a32020;
}

/* ---------- Oversikt: paneler/grid ---------- */

.fo-grid2[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 0.9rem;
    margin-bottom: 0.9rem;
    align-items: stretch;
}

.fo-grid3[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.fo-panel[b-ck7ej1n81k] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem;
    min-width: 0;
}

    .fo-panel h3[b-ck7ej1n81k] {
        margin: 0 0 1rem;
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--itlock-ink);
    }

/* ---------- Søylediagram ---------- */

.fo-barchart[b-ck7ej1n81k] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    height: 150px;
}

.fo-barchart-lite[b-ck7ej1n81k] {
    height: 46px;
    gap: 0.3rem;
    margin-top: 0.6rem;
}

.fo-bar-kol[b-ck7ej1n81k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    height: 100%;
}

.fo-bar-track[b-ck7ej1n81k] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.fo-bar-fyll[b-ck7ej1n81k] {
    width: 100%;
    min-height: 3px;
    border-radius: 4px 4px 0 0;
    background: color-mix(in srgb, var(--itlock-accent) 35%, var(--itlock-bg) 65%);
}

.fo-bar-fyll-rod[b-ck7ej1n81k] {
    background: color-mix(in srgb, #a32020 30%, var(--itlock-bg) 70%);
}

.fo-bar-fyll-aktiv[b-ck7ej1n81k] {
    background: #a32020;
}

.fo-bar-etikett[b-ck7ej1n81k] {
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Donut + forklaring ---------- */

.fo-donutrad[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.fo-legend[b-ck7ej1n81k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    flex: 1;
    min-width: 0;
}

.fo-legend-smal[b-ck7ej1n81k] {
    font-size: 0.8rem;
}

    .fo-legend li[b-ck7ej1n81k] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.82rem;
        color: var(--itlock-ink);
    }

.fo-legend-dott[b-ck7ej1n81k] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 2px;
    flex-shrink: 0;
}

.fo-legend-antall[b-ck7ej1n81k] {
    margin-left: auto;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* ---------- Topp kunder ---------- */

.fo-rangliste[b-ck7ej1n81k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .fo-rangliste li[b-ck7ej1n81k] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
    }

.fo-rang[b-ck7ej1n81k] {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fo-rang-navn[b-ck7ej1n81k] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fo-rang-antall[b-ck7ej1n81k] {
    margin-left: auto;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.fo-tom[b-ck7ej1n81k] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

/* ---------- Snitt tapt verdi ---------- */

.fo-verdi-topp[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.fo-verdi-tall[b-ck7ej1n81k] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--itlock-ink);
}

.fo-verdi-badge[b-ck7ej1n81k] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #2b7a4b;
    background: #d3ecdb;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

.fo-verdi-badge-rod[b-ck7ej1n81k] {
    color: #a32020;
    background: #f7d3d3;
}

/* ---------- Tidslinje ---------- */

.tl-wrap[b-ck7ej1n81k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tl-ar[b-ck7ej1n81k] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--itlock-ink);
    margin: 0.4rem 0 0.2rem;
}

.tl-manedrad[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 1rem;
    align-items: start;
}

.tl-manednavn[b-ck7ej1n81k] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    padding-top: 0.9rem;
}

.tl-rader[b-ck7ej1n81k] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tl-rad[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: 1.2rem 1fr;
    align-items: stretch;
    gap: 0.7rem;
}

.tl-kort[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: auto 1.6rem 1fr auto auto auto auto auto;
    align-items: center;
    gap: 0.7rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.tl-linje[b-ck7ej1n81k] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tl-linje[b-ck7ej1n81k]::before {
        content: "";
        position: absolute;
        top: -0.3rem;
        bottom: -0.9rem;
        left: 50%;
        width: 2px;
        background: var(--itlock-border);
        transform: translateX(-50%);
        z-index: 0;
    }

    .tl-rad:last-child .tl-linje[b-ck7ej1n81k]::before {
        bottom: 50%;
    }

.tl-prikk[b-ck7ej1n81k] {
    position: relative;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #2b7a4b;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tl-prikk-rod[b-ck7ej1n81k] {
    background: #a32020;
}

    .tl-prikk[b-ck7ej1n81k]  .icon {
        width: 0.7rem;
        height: 0.7rem;
    }

.tl-dato[b-ck7ej1n81k] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.tl-ikon[b-ck7ej1n81k] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 8px;
    background: #f1e3d8;
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .tl-ikon[b-ck7ej1n81k]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.tl-info[b-ck7ej1n81k] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--itlock-ink);
    min-width: 0;
}

.tl-navn[b-ck7ej1n81k] {
    font-weight: 700;
    font-size: 0.9rem;
}

.tl-sted[b-ck7ej1n81k] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.tl-badge[b-ck7ej1n81k] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

    .tl-badge[b-ck7ej1n81k]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.tl-verdi[b-ck7ej1n81k] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #2b7a4b;
    background: #d3ecdb;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.tl-verdi-rod[b-ck7ej1n81k] {
    color: #a32020;
    background: #f7d3d3;
}

.tl-doklink[b-ck7ej1n81k],
.tl-menylink[b-ck7ej1n81k] {
    color: var(--itlock-ink-muted);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
}

    .tl-doklink[b-ck7ej1n81k]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .tl-doklink:hover[b-ck7ej1n81k],
    .tl-menylink:hover[b-ck7ej1n81k] {
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

@media (max-width: 1100px) {
    .fo-grid2[b-ck7ej1n81k] {
        grid-template-columns: 1fr;
    }

    .fo-grid3[b-ck7ej1n81k] {
        grid-template-columns: 1fr;
    }

    .fo-statrow[b-ck7ej1n81k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tl-manedrad[b-ck7ej1n81k] {
        grid-template-columns: 1fr;
    }

    .tl-kort[b-ck7ej1n81k] {
        grid-template-columns: 1.6rem 1fr;
        row-gap: 0.4rem;
    }

        .tl-kort .tl-dato[b-ck7ej1n81k] {
            grid-column: 2;
            order: -1;
        }

        .tl-kort .tl-badge[b-ck7ej1n81k],
        .tl-kort .tl-verdi[b-ck7ej1n81k],
        .tl-kort .tl-doklink[b-ck7ej1n81k],
        .tl-kort .tl-menylink[b-ck7ej1n81k] {
            grid-column: 2;
        }
}

/* ---------- Søk ---------- */

.sok-felt[b-ck7ej1n81k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 420px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    margin-bottom: 0.75rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-ck7ej1n81k]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-ck7ej1n81k] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-ck7ej1n81k] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.result-count[b-ck7ej1n81k] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.list-empty[b-ck7ej1n81k] {
    color: var(--itlock-ink-muted);
}

/* ---------- Kortgrid ---------- */

.arkiv-kort-grid[b-ck7ej1n81k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.arkiv-kort[b-ck7ej1n81k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 13px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 8px 20px -18px rgba(41, 41, 39, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

    .arkiv-kort:hover[b-ck7ej1n81k] {
        transform: translateY(-2px);
        border-color: #a32020;
    }

.dato-badge[b-ck7ej1n81k] {
    align-self: flex-start;
    font-size: 0.72rem;
    font-weight: 700;
    color: #a32020;
    background: rgba(163, 32, 32, 0.1);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

.arkiv-kort-navn[b-ck7ej1n81k] {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.3;
}

.arkiv-kort-meta[b-ck7ej1n81k] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arkiv-kort-ingen-pl[b-ck7ej1n81k] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.arkiv-kort-dorer[b-ck7ej1n81k] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--itlock-border);
}

.pl-rad[b-ck7ej1n81k] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
}

.avatar[b-ck7ej1n81k] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
    color: #fff;
}

@media (max-width: 640.98px) {
    .avslatt-header p[b-ck7ej1n81k] {
        margin-left: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ProsjekterFerdigstilte.razor.rz.scp.css */
.tilbake-link[b-0ejrienuow] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .tilbake-link[b-0ejrienuow]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .tilbake-link:hover[b-0ejrienuow] {
        color: var(--itlock-accent);
    }

/* ---------- Header ---------- */

.ferdigstilt-header[b-0ejrienuow] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.ferdigstilt-header-tittel[b-0ejrienuow] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .ferdigstilt-header-tittel h1[b-0ejrienuow] {
        margin: 0;
    }

.ferdigstilt-header-ikon[b-0ejrienuow] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
    flex-shrink: 0;
}

    .ferdigstilt-header-ikon[b-0ejrienuow]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.ferdigstilt-header p[b-0ejrienuow] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Topbar: eksporter + årsvelger ---------- */

.ferdigstilt-topbar[b-0ejrienuow] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ferdigstilt-topbar-actions[b-0ejrienuow] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.eksporter-knapp[b-0ejrienuow] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
    font-family: inherit;
}

    .eksporter-knapp[b-0ejrienuow]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .eksporter-knapp:hover[b-0ejrienuow] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.ar-velger[b-0ejrienuow] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
}

/* ---------- Faner (Oversikt/Liste/Tidslinje) ---------- */

.ferdigstilt-tabs[b-0ejrienuow] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    border-bottom: 1px solid var(--itlock-border);
    margin: 1.25rem 0 1.25rem;
}

    .ferdigstilt-tabs button[b-0ejrienuow] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        background: none;
        border: none;
        border-bottom: 2px solid transparent;
        padding: 0.6rem 0.2rem;
        margin-right: 1.2rem;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.88rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .ferdigstilt-tabs button[b-0ejrienuow]  .icon {
            width: 0.95rem;
            height: 0.95rem;
        }

        .ferdigstilt-tabs button.aktiv[b-0ejrienuow] {
            color: var(--itlock-ink);
            border-bottom-color: var(--itlock-accent);
        }

/* ---------- Oversikt: statuskort ---------- */

.fo-statrow[b-0ejrienuow] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.fo-statcard[b-0ejrienuow] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.1rem;
}

.fo-statcard-ic[b-0ejrienuow] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fo-statcard-ic[b-0ejrienuow]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.fo-ic-gronn[b-0ejrienuow] {
    background: #d3ecdb;
    color: #2b7a4b;
}

.fo-ic-aksent[b-0ejrienuow] {
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
}

.fo-ic-gul[b-0ejrienuow] {
    background: #f4e3c7;
    color: #a1690a;
}

.fo-ic-blaa[b-0ejrienuow] {
    background: #dbe7f7;
    color: #2054a3;
}

.fo-statcard-num[b-0ejrienuow] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.1;
}

.fo-statcard-lbl[b-0ejrienuow] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.fo-statcard-delta[b-0ejrienuow] {
    font-size: 0.74rem;
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.15rem;
}

/* ---------- Oversikt: paneler/grid ---------- */

.fo-grid2[b-0ejrienuow] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 0.9rem;
    margin-bottom: 0.9rem;
    align-items: stretch;
}

.fo-grid3[b-0ejrienuow] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.fo-panel[b-0ejrienuow] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem;
    min-width: 0;
}

    .fo-panel h3[b-0ejrienuow] {
        margin: 0 0 1rem;
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--itlock-ink);
    }

/* ---------- Søylediagram ---------- */

.fo-barchart[b-0ejrienuow] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    height: 150px;
}

.fo-barchart-lite[b-0ejrienuow] {
    height: 46px;
    gap: 0.3rem;
    margin-top: 0.6rem;
}

.fo-bar-kol[b-0ejrienuow] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    height: 100%;
}

.fo-bar-track[b-0ejrienuow] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.fo-bar-fyll[b-0ejrienuow] {
    width: 100%;
    min-height: 3px;
    border-radius: 4px 4px 0 0;
    background: color-mix(in srgb, var(--itlock-accent) 35%, var(--itlock-bg) 65%);
}

.fo-bar-fyll-aktiv[b-0ejrienuow] {
    background: var(--itlock-accent);
}

.fo-bar-etikett[b-0ejrienuow] {
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Donut + forklaring ---------- */

.fo-donutrad[b-0ejrienuow] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.fo-legend[b-0ejrienuow] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    flex: 1;
    min-width: 0;
}

.fo-legend-smal[b-0ejrienuow] {
    font-size: 0.8rem;
}

    .fo-legend li[b-0ejrienuow] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.82rem;
        color: var(--itlock-ink);
    }

.fo-legend-dott[b-0ejrienuow] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 2px;
    flex-shrink: 0;
}

.fo-legend-antall[b-0ejrienuow] {
    margin-left: auto;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* ---------- Topp kunder ---------- */

.fo-rangliste[b-0ejrienuow] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .fo-rangliste li[b-0ejrienuow] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
    }

.fo-rang[b-0ejrienuow] {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fo-rang-navn[b-0ejrienuow] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fo-rang-antall[b-0ejrienuow] {
    margin-left: auto;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.fo-tom[b-0ejrienuow] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

/* ---------- Ferdigstilt verdi ---------- */

.fo-verdi-topp[b-0ejrienuow] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.fo-verdi-tall[b-0ejrienuow] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--itlock-ink);
}

.fo-verdi-badge[b-0ejrienuow] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #2b7a4b;
    background: #d3ecdb;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

/* ---------- Tidslinje ---------- */

.tl-wrap[b-0ejrienuow] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tl-ar[b-0ejrienuow] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--itlock-ink);
    margin: 0.4rem 0 0.2rem;
}

.tl-manedrad[b-0ejrienuow] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 1rem;
    align-items: start;
}

.tl-manednavn[b-0ejrienuow] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    padding-top: 0.9rem;
}

.tl-rader[b-0ejrienuow] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tl-rad[b-0ejrienuow] {
    display: grid;
    grid-template-columns: 1.2rem 1fr;
    align-items: stretch;
    gap: 0.7rem;
}

.tl-kort[b-0ejrienuow] {
    display: grid;
    grid-template-columns: auto 1.6rem 1fr auto auto auto auto auto;
    align-items: center;
    gap: 0.7rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.tl-linje[b-0ejrienuow] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tl-linje[b-0ejrienuow]::before {
        content: "";
        position: absolute;
        top: -0.3rem;
        bottom: -0.9rem;
        left: 50%;
        width: 2px;
        background: var(--itlock-border);
        transform: translateX(-50%);
        z-index: 0;
    }

    .tl-rad:last-child .tl-linje[b-0ejrienuow]::before {
        bottom: 50%;
    }

.tl-prikk[b-0ejrienuow] {
    position: relative;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #2b7a4b;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tl-prikk[b-0ejrienuow]  .icon {
        width: 0.7rem;
        height: 0.7rem;
    }

.tl-dato[b-0ejrienuow] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.tl-ikon[b-0ejrienuow] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 8px;
    background: #f1e3d8;
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .tl-ikon[b-0ejrienuow]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.tl-info[b-0ejrienuow] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--itlock-ink);
    min-width: 0;
}

.tl-navn[b-0ejrienuow] {
    font-weight: 700;
    font-size: 0.9rem;
}

.tl-sted[b-0ejrienuow] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.tl-badge[b-0ejrienuow] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

    .tl-badge[b-0ejrienuow]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.tl-verdi[b-0ejrienuow] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #2b7a4b;
    background: #d3ecdb;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.tl-doklink[b-0ejrienuow],
.tl-menylink[b-0ejrienuow] {
    color: var(--itlock-ink-muted);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
}

    .tl-doklink[b-0ejrienuow]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .tl-doklink:hover[b-0ejrienuow],
    .tl-menylink:hover[b-0ejrienuow] {
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

@media (max-width: 1100px) {
    .fo-grid2[b-0ejrienuow] {
        grid-template-columns: 1fr;
    }

    .fo-grid3[b-0ejrienuow] {
        grid-template-columns: 1fr;
    }

    .fo-statrow[b-0ejrienuow] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tl-manedrad[b-0ejrienuow] {
        grid-template-columns: 1fr;
    }

    .tl-kort[b-0ejrienuow] {
        grid-template-columns: 1.6rem 1fr;
        row-gap: 0.4rem;
    }

        .tl-kort .tl-dato[b-0ejrienuow] {
            grid-column: 2;
            order: -1;
        }

        .tl-kort .tl-badge[b-0ejrienuow],
        .tl-kort .tl-verdi[b-0ejrienuow],
        .tl-kort .tl-doklink[b-0ejrienuow],
        .tl-kort .tl-menylink[b-0ejrienuow] {
            grid-column: 2;
        }
}

/* ---------- Søk ---------- */

.sok-felt[b-0ejrienuow] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 420px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    margin-bottom: 0.75rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-0ejrienuow]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-0ejrienuow] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-0ejrienuow] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.result-count[b-0ejrienuow] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.list-empty[b-0ejrienuow] {
    color: var(--itlock-ink-muted);
}

/* ---------- Kortgrid ---------- */

.arkiv-kort-grid[b-0ejrienuow] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.arkiv-kort[b-0ejrienuow] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 13px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 8px 20px -18px rgba(41, 41, 39, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

    .arkiv-kort:hover[b-0ejrienuow] {
        transform: translateY(-2px);
        border-color: #2b7a4b;
    }

.dato-badge[b-0ejrienuow] {
    align-self: flex-start;
    font-size: 0.72rem;
    font-weight: 700;
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

.arkiv-kort-navn[b-0ejrienuow] {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.3;
}

.arkiv-kort-meta[b-0ejrienuow] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arkiv-kort-ingen-pl[b-0ejrienuow] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.arkiv-kort-dorer[b-0ejrienuow] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--itlock-border);
}

.pl-rad[b-0ejrienuow] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
}

.avatar[b-0ejrienuow] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
    color: #fff;
}

@media (max-width: 640.98px) {
    .ferdigstilt-header p[b-0ejrienuow] {
        margin-left: 0;
    }

    .oversikt-boks[b-0ejrienuow] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ProsjekteringModul.razor.rz.scp.css */
.back-link[b-8cdofan72q] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-8cdofan72q]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-8cdofan72q] {
        color: var(--itlock-accent);
    }

/* ---------- Header ---------- */

.modul-header[b-8cdofan72q] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.5rem;
}

.modul-header-tittel[b-8cdofan72q] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .modul-header-tittel h1[b-8cdofan72q] {
        margin: 0;
    }

.modul-header-ikon[b-8cdofan72q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .modul-header-ikon[b-8cdofan72q]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.section-hint[b-8cdofan72q] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

/* ---------- Modulgrid ---------- */

.modul-grid[b-8cdofan72q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    max-width: 960px;
}

.modul-card[b-8cdofan72q] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

    .modul-card:hover[b-8cdofan72q] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
    }

.modul-card-ikon[b-8cdofan72q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .modul-card-ikon[b-8cdofan72q]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

    .modul-card:hover .modul-card-ikon[b-8cdofan72q] {
        background: var(--itlock-accent);
        color: #fff;
    }

.modul-card-title[b-8cdofan72q] {
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-8cdofan72q] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
    .modul-card[b-8cdofan72q] {
        transition: none;
    }
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-8cdofan72q] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .modul-card[b-8cdofan72q] {
        border-radius: 0;
    }

        .modul-card:hover[b-8cdofan72q] {
            transform: none;
        }
}
/* _content/PortalItlock.Web/Components/Pages/ProsjektModul.razor.rz.scp.css */
.back-link[b-9oy6vmqs5t] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-9oy6vmqs5t]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-9oy6vmqs5t] {
        color: var(--itlock-accent);
    }

.side-header[b-9oy6vmqs5t] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-9oy6vmqs5t] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-9oy6vmqs5t]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-9oy6vmqs5t] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-9oy6vmqs5t] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-9oy6vmqs5t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-9oy6vmqs5t] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-9oy6vmqs5t] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-9oy6vmqs5t] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-9oy6vmqs5t]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-9oy6vmqs5t] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-9oy6vmqs5t] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-9oy6vmqs5t] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ProsjektSkjema.razor.rz.scp.css */
.back-link[b-55gzseuy6m] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.75rem;
}

/* Fullskjerms overlegg for dør-redigering på mobil - samme oppskrift som i
   PlantegningVisning.razor.css (CSS-isolasjon krever egen kopi her).
   z-index MÅ være høyere enn .mobil-tabbar sin (1000, se MobilTabBar.razor.css):
   begge er "position: fixed" i samme (rot-)stacking-context, og ved likt
   z-index vinner den som kommer sist i DOM-rekkefølgen - MobilTabBar rendres
   etter denne, så den ville uansett vist seg oppå (dekket bunnen av) et
   fullskjerms dørpanel med lik verdi, uansett hvor høy z-index noe INNI
   panelet (f.eks. CE-fanens egen modal) fikk. */
.dor-modal-overlay[b-55gzseuy6m] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1050;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.dor-modal-panel[b-55gzseuy6m] {
    max-width: 100%;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .dor-modal-panel[b-55gzseuy6m]  .dor-panel {
        width: 920px;
        max-width: 100%;
        border: none;
    }

@media (max-width: 640.98px) {
    /* Samme oppskrift som PlantegningVisning.razor.css - dørpanelet skal
       fylle hele skjermen på mobil som en egen side. */
    .dor-modal-overlay[b-55gzseuy6m] {
        padding: 0;
        align-items: stretch;
    }

    .dor-modal-panel[b-55gzseuy6m] {
        max-width: none;
        max-height: none;
        width: 100%;
        box-shadow: none;
    }

        .dor-modal-panel[b-55gzseuy6m]  .dor-panel {
            width: 100%;
        }
}

    .back-link:hover[b-55gzseuy6m] {
        text-decoration: underline;
    }

/* ---------- Header ---------- */

.prosjekt-header[b-55gzseuy6m] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-bottom: 1.3rem;
}

.prosjekt-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .prosjekt-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.prosjekt-header-tekst h1[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin: 0;
}

.prosjekt-header-meta[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.35rem;
    color: var(--itlock-ink-muted);
    font-size: 0.86rem;
}

    .prosjekt-header-meta span[b-55gzseuy6m] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }

    .prosjekt-header-meta[b-55gzseuy6m]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.prosjekt-tabs[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
    padding: 0.3rem;
    margin-bottom: 1.4rem;
    width: fit-content;
    max-width: 100%;
}

/* Mobil-statuskortet (kun rendret server-side når _erMobilvisning er sann,
   se @code) - ett samlet kort med tynne skillelinjer mellom radene, samme
   stil som "Annen statistikk" på Søknader-dashbordet. Ingen mediaquery
   trengs siden markup-valget allerede er avgjort på serveren. */
.mobil-status-kort[b-55gzseuy6m] {
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--itlock-surface);
}

.mobil-status-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .mobil-status-rad:last-child[b-55gzseuy6m] {
        border-bottom: none;
    }

    .mobil-status-rad[b-55gzseuy6m]  .icon {
        color: var(--itlock-accent);
        opacity: 0.75;
        width: 1.2rem;
        height: 1.2rem;
        flex-shrink: 0;
    }

.mobil-status-label[b-55gzseuy6m] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.mobil-status-verdi[b-55gzseuy6m] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--itlock-accent);
    white-space: nowrap;
}

/* Skal være skjult som standard og vist av @media-regelen under - den
   regelen MÅ stå etter denne i filen (samme spesifisitet, og CSS lar den
   siste vinne uansett @media eller ei). Dette var selve grunnen til at
   dørkortlisten aldri viste seg: en løs, ubetinget "display: none" for
   samme klasse lå lenger NED i filen (nær .dorer-table), og siden den kom
   etter @media-regelen i kildekoden, vant den alltid - uansett skjermbredde. */
.mobil-dorer-kort-liste[b-55gzseuy6m] {
    display: none;
}

@media (max-width: 640.98px) {
    /* Mobilvisning er begrenset til feltbruk - kun de fanene montører
       trenger ute på jobb er tilgjengelige. De administrative fanene
       (Vedlegg, Tilbud, Montering, FDV, Dør ID, Personer, Beslagsliste,
       Låsplan) fjernes helt fra DOM-en på mobil, ikke bare skjules visuelt,
       slik at man ikke kan dra/scrolle den korte fanelinjen bort til dem. */
    .mobil-admin-fane[b-55gzseuy6m] {
        display: none;
    }

    /* Fjern-hint under statuskortene brukes bare i skrivebordsgrenen
       (rendret server-side når !_erMobilvisning), så ingen mediaquery-
       håndtering trengs for den lenger. */

    /* Dørtabellen har for mange kolonner til å vise uten sidescroll på
       mobil - erstattes visuelt av en loddrett kortliste. Begge rendres nå
       alltid i markup og ren CSS-breddevalg avgjør hvilken som vises
       (server-side _erMobilvisning-gren for dette ble rapportert upålitelig
       gjentatte ganger - avhenger av at JS-interop-deteksjonen rekker å
       slå til før render - mens CSS alltid reflekterer faktisk
       vindusbredde med en gang, uten noen tidsavhengighet). */
    /* Flex + gap:0 - ingen mellomrom mellom dørkortene, akkurat som
       prosjektlisten (.prosjekt-list i Prosjekter.razor.css). */
    .mobil-dorer-kort-liste[b-55gzseuy6m] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .dorer-table-wrap[b-55gzseuy6m] {
        display: none;
    }

    .mobil-dor-kort[b-55gzseuy6m] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        border: 1px solid var(--itlock-border);
        border-left: 4px solid var(--itlock-border);
        background: var(--itlock-surface);
        cursor: pointer;
        padding: 0.6rem 0.8rem;
    }

    .mobil-dor-kort-info[b-55gzseuy6m] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        min-width: 0;
    }

    .mobil-dor-kort-navn[b-55gzseuy6m] {
        font-weight: 700;
    }

    .mobil-dor-kort-meta[b-55gzseuy6m] {
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
    }

    .mobil-dor-kort select.status-select[b-55gzseuy6m] {
        flex-shrink: 0;
        max-width: 9.5rem;
    }

    /* Plantegningsliste gruppert etter byggetrinn, som sammenleggbare kort
       med miniatyrbilde per tegning (avgjort server-side via _erMobilvisning,
       se @code - samme mønster som dørkortene over). */
    .mobil-plantegning-gruppe[b-55gzseuy6m] {
        border: 1px solid var(--itlock-border);
        margin-bottom: 0.6rem;
    }

    .mobil-plantegning-gruppe-header[b-55gzseuy6m] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        background: var(--itlock-bg);
        border: none;
        padding: 0.7rem 0.9rem;
        font: inherit;
        font-weight: 600;
        color: var(--itlock-ink);
        cursor: pointer;
        text-align: left;
    }

        .mobil-plantegning-gruppe-header[b-55gzseuy6m]  .icon {
            width: 1.15rem;
            height: 1.15rem;
            color: var(--itlock-ink-muted);
            flex-shrink: 0;
        }

    .mobil-plantegning-gruppe-navn[b-55gzseuy6m] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobil-plantegning-gruppe-count[b-55gzseuy6m] {
        font-weight: 700;
        color: var(--itlock-accent);
        font-size: 0.85rem;
        white-space: nowrap;
    }

    .mobil-plantegning-chevron[b-55gzseuy6m]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        transition: transform 0.15s ease-out;
    }

    .mobil-plantegning-chevron.apen[b-55gzseuy6m]  .icon {
        transform: rotate(180deg);
    }

    .mobil-plantegning-kort-liste[b-55gzseuy6m] {
        border-top: 1px solid var(--itlock-border);
    }

    .mobil-plantegning-kort[b-55gzseuy6m] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.6rem 0.9rem;
        border-bottom: 1px solid var(--itlock-border);
        text-decoration: none;
        color: inherit;
    }

        .mobil-plantegning-kort:last-child[b-55gzseuy6m] {
            border-bottom: none;
        }

    .mobil-plantegning-thumb[b-55gzseuy6m] {
        width: 3.4rem;
        height: 3.4rem;
        object-fit: cover;
        object-position: top;
        border: 1px solid var(--itlock-border);
        background: #fff;
        flex-shrink: 0;
    }

    .mobil-plantegning-kort-info[b-55gzseuy6m] {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }

    .mobil-plantegning-kort-navn[b-55gzseuy6m] {
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobil-plantegning-kort-meta[b-55gzseuy6m] {
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
    }

    .mobil-plantegning-kort-pil[b-55gzseuy6m]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
        transform: rotate(-90deg);
    }

    /* "Gå til fullversjon" beholder ekte mobilbredde, så denne @media-blokken
       slår fortsatt til - .content-fullversjon (satt av MainLayout når
       fullversjon er aktiv) bringer derfor de administrative fanene tilbake
       i DOM-en, akkurat som på PC. Dørtabellen holdes bevisst IKKE tilbake -
       den er laget for PC-bredde uten sidescroll og ville blitt uleselig
       smal på en ekte mobilskjerm, så den mobiloptimaliserte kortlisten
       (.mobil-dorer-kort-liste) vises også på fullversjon. */
    .content-fullversjon .mobil-admin-fane[b-55gzseuy6m] {
        display: inline-block;
    }
}

.tab-button[b-55gzseuy6m] {
    background: none;
    border: none;
    border-radius: 8px;
    padding: 0.55rem 1rem;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--itlock-ink-muted);
    transition: background 0.15s ease, color 0.15s ease;
}

    .tab-button:hover[b-55gzseuy6m] {
        color: var(--itlock-ink);
    }

.tab-button-active[b-55gzseuy6m] {
    background: var(--itlock-surface);
    color: var(--itlock-accent);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.prosjekt-layout[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 900px;
}

.prosjekt-section[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem 1.4rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.prosjekt-section h2[b-55gzseuy6m] {
    margin: 0 0 1.1rem;
    font-size: 1.05rem;
}

.skjema-seksjon[b-55gzseuy6m] {
    margin-bottom: 1.3rem;
}

    .skjema-seksjon:last-child[b-55gzseuy6m] {
        margin-bottom: 0;
    }

.skjema-seksjon-tittel[b-55gzseuy6m] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.8rem;
}

.section-hint[b-55gzseuy6m] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.field-grid[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.9rem 1rem;
}

.field-grid label[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.field-grid .span-2[b-55gzseuy6m] {
    grid-column: 1 / -1;
}

.field-grid input[b-55gzseuy6m],
.field-grid select[b-55gzseuy6m],
.field-grid textarea[b-55gzseuy6m] {
    font: inherit;
    color: var(--itlock-ink);
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

    .field-grid input:focus-visible[b-55gzseuy6m],
    .field-grid select:focus-visible[b-55gzseuy6m],
    .field-grid textarea:focus-visible[b-55gzseuy6m] {
        outline: none;
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

.list-empty[b-55gzseuy6m] {
    color: var(--itlock-ink-muted);
}

.dorer-tomtilstand-knapper[b-55gzseuy6m] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.varer-toolbar[b-55gzseuy6m] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

/* ---------- Montering ---------- */

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Montering-fanens egen seksjonsrytme (marginer) styrer avstanden. */
.montering-layout[b-55gzseuy6m] {
    gap: 0;
    max-width: 1100px;
}

.montering-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .montering-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.montering-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .montering-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.montering-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
    max-width: 640px;
}

.montering-toppseksjon[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.montering-total-kort[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.3rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.montering-total-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 11px;
    background: var(--itlock-accent);
    color: #fff;
    flex-shrink: 0;
}

    .montering-total-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.montering-total-tekst[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
}

.montering-total-label[b-55gzseuy6m] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--itlock-ink-muted);
}

.montering-total-verdi[b-55gzseuy6m] {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
}

.montering-total-sub[b-55gzseuy6m] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.montering-tabell-kort[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.montering-vare-navn-celle[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.montering-vare-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .montering-vare-ikon[b-55gzseuy6m]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.montering-enhet[b-55gzseuy6m] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.result-count[b-55gzseuy6m] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

.antall-input[b-55gzseuy6m] {
    max-width: 4.5rem;
    font: inherit;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    background: var(--itlock-bg);
    color: var(--itlock-ink);
    padding: 0.35rem 0.5rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

    .antall-input:focus-visible[b-55gzseuy6m] {
        outline: none;
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

.dor-table[b-55gzseuy6m] {
    width: 100%;
    border-collapse: collapse;
}

    .dor-table th[b-55gzseuy6m],
    .dor-table td[b-55gzseuy6m] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .dor-table thead th[b-55gzseuy6m] {
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .dor-table tbody tr:last-child td[b-55gzseuy6m] {
        border-bottom: none;
    }

    .dor-table tbody tr:hover td[b-55gzseuy6m] {
        background: rgba(131, 94, 65, 0.05);
    }

.vedlegg-list[b-55gzseuy6m] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 640px;
}

.vedlegg-item[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--itlock-border);
}

    .vedlegg-item a[b-55gzseuy6m] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
        flex: 1;
    }

        .vedlegg-item a:hover[b-55gzseuy6m] {
            text-decoration: underline;
        }

.plantegning-flytt[b-55gzseuy6m] {
    font-size: 0.78rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.4rem;
}

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Plantegninger-fanens egen seksjonsrytme (marginer) styrer
   avstanden. Trygt uten mobil-forbehold her - mobilvisningen har alltid
   bare ett direkte barn (.mobil-plantegning-liste) i denne wrapperen. */
.plantegninger-layout[b-55gzseuy6m] {
    gap: 0;
}

/* ---------- Opplasting ---------- */

.plantegning-opplasting[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-surface);
    border: 2px dashed var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem 1.2rem;
    margin-bottom: 1.2rem;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .plantegning-opplasting:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

.plantegning-opplasting-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .plantegning-opplasting-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.plantegning-opplasting-tekst[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
}

    .plantegning-opplasting-tekst span[b-55gzseuy6m] {
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
    }

.plantegning-opplasting-felt[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

    .plantegning-opplasting-felt input[type="text"][b-55gzseuy6m] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.65rem;
        width: 170px;
    }

.vedlegg-type[b-55gzseuy6m] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    padding: 0.15rem 0.5rem;
}

.vedlegg-mappe[b-55gzseuy6m] {
    margin-bottom: 1rem;
}

.vedlegg-mappe-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 640px;
}

.vedlegg-mappe-navn[b-55gzseuy6m] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.4rem;
}

.vedlegg-mappe-legg-til[b-55gzseuy6m] {
    position: relative;
    font-size: 0.78rem;
    color: var(--itlock-accent);
    cursor: pointer;
    white-space: nowrap;
}

    .vedlegg-mappe-legg-til:hover[b-55gzseuy6m] {
        text-decoration: underline;
    }

    .vedlegg-mappe-legg-til input[type="file"][b-55gzseuy6m] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.vedlegg-mappe-felt[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .vedlegg-mappe-felt input[b-55gzseuy6m] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
        min-width: 220px;
    }

.plantegning-gruppe[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.plantegning-gruppe-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem 1rem;
}

.gruppe-toggle[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--itlock-ink);
    padding: 0;
    flex: 1 1 auto;
    text-align: left;
}

.gruppe-chevron[b-55gzseuy6m] {
    display: inline-flex;
    color: var(--itlock-ink-muted);
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

    .gruppe-chevron[b-55gzseuy6m]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .gruppe-chevron.apen[b-55gzseuy6m] {
        transform: rotate(180deg);
    }

.skjult[b-55gzseuy6m] {
    display: none !important;
}

.gruppe-count[b-55gzseuy6m] {
    font-weight: 600;
    color: var(--itlock-ink-muted);
    font-size: 0.78rem;
    background: color-mix(in srgb, var(--itlock-surface) 88%, var(--itlock-accent) 12%);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    margin-left: 0.4rem;
}

.gruppe-rename-button[b-55gzseuy6m] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink);
    margin-left: 0.6rem;
}

    .gruppe-rename-button:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.gruppe-rename-form[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    .gruppe-rename-form input[b-55gzseuy6m] {
        font: inherit;
        font-weight: 400;
        font-size: 0.9rem;
        padding: 0.35rem 0.55rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
    }

/* ---------- Plantegning-kort ---------- */

.plantegning-grid[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.9rem;
    padding: 0 1rem 1rem;
}

.plantegning-kort[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
    overflow: hidden;
    background: var(--itlock-surface);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .plantegning-kort:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.plantegning-kort-thumb[b-55gzseuy6m] {
    display: block;
    height: 110px;
    background: color-mix(in srgb, var(--itlock-surface) 85%, var(--itlock-accent) 15%);
    overflow: hidden;
}

    .plantegning-kort-thumb img[b-55gzseuy6m] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.plantegning-kort-bunn[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.65rem 0.8rem;
}

.plantegning-kort-navn[b-55gzseuy6m] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--itlock-ink);
    text-decoration: none;
}

    .plantegning-kort-navn:hover[b-55gzseuy6m] {
        color: var(--itlock-accent);
    }

.plantegning-kort-meta[b-55gzseuy6m] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

.plantegning-kort-actions[b-55gzseuy6m] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    padding: 0.55rem 0.8rem;
    border-top: 1px solid var(--itlock-border);
}

    .plantegning-kort-actions .plantegning-flytt[b-55gzseuy6m] {
        flex: 1;
    }

.ikon-btn-fjern[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .ikon-btn-fjern:hover[b-55gzseuy6m] {
        border-color: #a32020;
        color: #a32020;
        background: rgba(163, 32, 32, 0.08);
    }

    .ikon-btn-fjern[b-55gzseuy6m]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

/* .prosjekt-layout sin flex-gap (1.25rem) legger seg oppå hver seksjons
   egen margin-bottom og gir dobbelt mellomrom. Vedlegg-fanen styrer sin
   egen rytme via seksjonenes marginer, så nullstill gapet her og bruk
   samme maks-bredde som designforslaget. */
.vedlegg-layout[b-55gzseuy6m] {
    gap: 0;
    max-width: 1280px;
}

/* ---------- Header ---------- */

.vedlegg-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .vedlegg-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.vedlegg-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vedlegg-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.vedlegg-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.vedlegg-toppbar[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1.25rem;
}

.vedlegg-sok-felt[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    flex: 1 1 220px;
    max-width: 340px;
}

    .vedlegg-sok-felt[b-55gzseuy6m]  .icon {
        width: 1rem;
        height: 1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .vedlegg-sok-felt input[b-55gzseuy6m] {
        border: none;
        outline: none;
        background: none;
        color: var(--itlock-ink);
        font: inherit;
        width: 100%;
    }

.vedlegg-ny-mappe-form[b-55gzseuy6m] {
    display: flex;
    gap: 0.5rem;
}

    .vedlegg-ny-mappe-form input[b-55gzseuy6m] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
        min-width: 200px;
    }

    .vedlegg-ny-mappe-form .add-button[b-55gzseuy6m] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }

/* ---------- Mappegrid ---------- */

.vedlegg-mapper-grid[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.vedlegg-mappe-flis[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    font: inherit;
    color: var(--itlock-ink);
    cursor: pointer;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .vedlegg-mappe-flis:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

    .vedlegg-mappe-flis:hover .vedlegg-mappe-flis-ikon[b-55gzseuy6m] {
        background: var(--itlock-accent);
        color: #fff;
    }

.vedlegg-mappe-flis-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .vedlegg-mappe-flis-ikon[b-55gzseuy6m]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.vedlegg-mappe-flis-navn[b-55gzseuy6m] {
    flex: 1 1 auto;
    font-weight: 700;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

/* ---------- Mappe-detalj ---------- */

.vedlegg-tilbake[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 1rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .vedlegg-tilbake:hover[b-55gzseuy6m] {
        color: var(--itlock-accent);
    }

.vedlegg-mappe-detalj[b-55gzseuy6m] {
    margin-bottom: 1.5rem;
}

.vedlegg-mappe-detalj-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.vedlegg-mappe-detalj-tittel[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

    .vedlegg-mappe-detalj-tittel h2[b-55gzseuy6m] {
        margin: 0;
        font-size: 1.3rem;
        overflow-wrap: anywhere;
    }

.vedlegg-mappe-detalj-tittel-rediger[b-55gzseuy6m] {
    flex: 1 1 auto;
}

.vedlegg-panel-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vedlegg-panel-ikon[b-55gzseuy6m]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.vedlegg-mappe-kort-antall[b-55gzseuy6m] {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    background: color-mix(in srgb, var(--itlock-surface) 88%, var(--itlock-accent) 12%);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    flex-shrink: 0;
}

.vedlegg-mappe-kort-handlinger[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.vedlegg-handling-btn[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    .vedlegg-handling-btn[b-55gzseuy6m]  .icon,
    .vedlegg-handling-btn .icon[b-55gzseuy6m] {
        width: 0.85rem;
        height: 0.85rem;
    }

.vedlegg-handling-btn-slett[b-55gzseuy6m] {
    color: #a32020;
    border-color: #a32020;
}

    .vedlegg-handling-btn-slett:hover[b-55gzseuy6m] {
        background: rgba(163, 32, 32, 0.08);
    }

.vedlegg-mappe-rediger-input[b-55gzseuy6m] {
    flex: 1 1 auto;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-accent);
    border-radius: 8px;
    padding: 0.3rem 0.6rem;
    min-width: 200px;
}

.icon-button[b-55gzseuy6m] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .icon-button:hover[b-55gzseuy6m] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

    .icon-button[b-55gzseuy6m]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .icon-button[b-55gzseuy6m]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.icon-button-slett:hover[b-55gzseuy6m] {
    color: #a32020;
    border-color: #a32020;
    background: rgba(163, 32, 32, 0.08);
}

.fjern-bekreft[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
}

/* ---------- Opplasting ---------- */

.vedlegg-dropzone[b-55gzseuy6m] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-surface);
    border: 2px dashed var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.2rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .vedlegg-dropzone:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

    .vedlegg-dropzone[b-55gzseuy6m]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.vedlegg-dropzone-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vedlegg-dropzone-ikon[b-55gzseuy6m]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.vedlegg-dropzone-tekst[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
}

    .vedlegg-dropzone-tekst span[b-55gzseuy6m] {
        font-size: 0.79rem;
        color: var(--itlock-ink-muted);
    }

.vedlegg-dropzone-knapp[b-55gzseuy6m] {
    pointer-events: none;
}

.vedlegg-mappe-tom[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
    color: var(--itlock-ink-muted);
    padding: 3rem 1rem;
}

    .vedlegg-mappe-tom[b-55gzseuy6m]  .icon {
        width: 2rem;
        height: 2rem;
        opacity: 0.4;
    }

    .vedlegg-mappe-tom p[b-55gzseuy6m] {
        margin: 0;
        font-size: 0.9rem;
    }

/* ---------- Filtabell ---------- */

.vedlegg-tabell-kort[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
    margin-bottom: 1rem;
}

.vedlegg-fil-tabell[b-55gzseuy6m] {
    width: 100%;
    border-collapse: collapse;
}

    .vedlegg-fil-tabell th[b-55gzseuy6m] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
    }

    .vedlegg-fil-tabell td[b-55gzseuy6m] {
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
        vertical-align: middle;
    }

    .vedlegg-fil-tabell tbody tr:last-child td[b-55gzseuy6m] {
        border-bottom: none;
    }

    .vedlegg-fil-tabell tbody tr:hover td[b-55gzseuy6m] {
        background: rgba(131, 94, 65, 0.05);
    }

.vedlegg-fil-navn-celle[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.vedlegg-fil-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vedlegg-fil-ikon[b-55gzseuy6m]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .vedlegg-fil-navn-celle a[b-55gzseuy6m] {
        color: var(--itlock-ink);
        font-weight: 600;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

        .vedlegg-fil-navn-celle a:hover[b-55gzseuy6m] {
            color: var(--itlock-accent);
        }

.vedlegg-fil-lenke[b-55gzseuy6m] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: var(--itlock-ink);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    overflow-wrap: anywhere;
}

    .vedlegg-fil-lenke:hover[b-55gzseuy6m] {
        color: var(--itlock-accent);
    }

.vedlegg-tabell-meta[b-55gzseuy6m] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.vedlegg-tabell-handling[b-55gzseuy6m] {
    text-align: right;
    white-space: nowrap;
}

.vedlegg-flytt-velger[b-55gzseuy6m] {
    font: inherit;
    font-size: 0.8rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.55rem;
}

.vedlegg-forhandsvisning-overlay[b-55gzseuy6m] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    padding: 2rem 1rem;
}

.vedlegg-forhandsvisning-panel[b-55gzseuy6m] {
    background: var(--itlock-surface);
    width: min(900px, 100%);
    height: 100%;
    max-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.vedlegg-forhandsvisning-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .vedlegg-forhandsvisning-header h3[b-55gzseuy6m] {
        margin: 0;
        font-size: 1rem;
        overflow-wrap: anywhere;
    }

.vedlegg-forhandsvisning-lukk[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    background: none;
    border: none;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

    .vedlegg-forhandsvisning-lukk:hover[b-55gzseuy6m] {
        color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.vedlegg-forhandsvisning-iframe[b-55gzseuy6m] {
    flex: 1 1 auto;
    width: 100%;
    border: none;
}

.vedlegg-forhandsvisning-bilde[b-55gzseuy6m] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--itlock-bg);
}

@media (max-width: 640.98px) {
    .vedlegg-mapper-grid[b-55gzseuy6m] {
        grid-template-columns: 1fr;
    }

    .vedlegg-fil-tabell[b-55gzseuy6m] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .vedlegg-forhandsvisning-overlay[b-55gzseuy6m] {
        padding: 0;
    }
}

.dorer-layout[b-55gzseuy6m] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.dorer-list-wrap[b-55gzseuy6m] {
    flex: 1 1 auto;
    min-width: 0;
}

.dorer-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .dorer-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.dorer-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dorer-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.dorer-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.dorer-nokkeltall[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.25rem;
    max-width: 900px;
}

.dorer-filter-bar[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.dorer-filter-bar-venstre[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    flex: 1;
}

.dorer-sok-felt[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 240px;
    max-width: 320px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

    .dorer-sok-felt[b-55gzseuy6m]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

.dorer-filter-sok[b-55gzseuy6m] {
    border: none;
    outline: none;
    background: none;
    font: inherit;
    color: var(--itlock-ink);
    padding: 0;
    width: 100%;
}

.dorer-filter-bar select[b-55gzseuy6m] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

.dorer-filter-count[b-55gzseuy6m] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

@media (max-width: 640.98px) {
    /* Søkefeltet får sin egen linje (det er det som presser byggetrinn ned på
       neste linje i utgangspunktet), de 3 nedtrekkslistene deler resten av
       bredden likt på samme linje. */
    .dorer-sok-felt[b-55gzseuy6m] {
        flex: 1 1 100%;
        max-width: none;
    }

    .dorer-filter-bar select[b-55gzseuy6m] {
        flex: 1 1 0;
        min-width: 0;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
}

.dorer-table-wrap[b-55gzseuy6m] {
    max-width: 900px;
    margin-top: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.dorer-table[b-55gzseuy6m] {
    width: 100%;
    border-collapse: collapse;
}

    .dorer-table th[b-55gzseuy6m],
    .dorer-table td[b-55gzseuy6m] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .dorer-table thead th[b-55gzseuy6m] {
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .dorer-table tbody tr:hover td[b-55gzseuy6m] {
        background: rgba(131, 94, 65, 0.05);
    }

    .dorer-table tbody tr:last-child td[b-55gzseuy6m] {
        border-bottom: none;
    }

.dorer-row-selected td[b-55gzseuy6m] {
    background: rgba(131, 94, 65, 0.08);
}

.status-select[b-55gzseuy6m] {
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    border: none;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #fff;
    cursor: pointer;
}

.status-select-ikke-startet[b-55gzseuy6m] {
    background: #2054a3;
}

.status-select-montert[b-55gzseuy6m] {
    background: #a1690a;
}

.status-select-ferdig[b-55gzseuy6m] {
    background: #2b7a4b;
}

.remove-button[b-55gzseuy6m] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.8rem;
    height: fit-content;
    color: var(--itlock-accent);
    font-weight: 600;
}

    .remove-button:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.add-button[b-55gzseuy6m],
.save-button[b-55gzseuy6m] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.55rem 1.1rem;
    cursor: pointer;
    font-weight: 600;
    height: fit-content;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

    .add-button:hover[b-55gzseuy6m],
    .save-button:hover[b-55gzseuy6m] {
        background: var(--itlock-accent-hover);
    }

.form-actions[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.3rem;
    padding-top: 1rem;
    border-top: 1px solid var(--itlock-border);
}

.form-error[b-55gzseuy6m] {
    color: #a32020;
    font-weight: 600;
}

.save-success[b-55gzseuy6m] {
    color: #2b7a4b;
    font-weight: 600;
}

.delete-button[b-55gzseuy6m],
.delete-confirm-button[b-55gzseuy6m] {
    background: #fff;
    color: #a32020;
    border: 1px solid #a32020;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .delete-button:hover[b-55gzseuy6m] {
        background: rgba(163, 32, 32, 0.08);
    }

.delete-confirm-button[b-55gzseuy6m] {
    background: #a32020;
    color: #fff;
}

.cancel-button[b-55gzseuy6m] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

    .cancel-button:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.delete-confirm[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.brannkontroll-panel[b-55gzseuy6m] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    margin: 0.75rem 0;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow: hidden;
}

.brannkontroll-toggle[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.9rem 1.1rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.brannkontroll-toggle-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
    flex-shrink: 0;
}

    .brannkontroll-toggle-ikon[b-55gzseuy6m]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.brannkontroll-toggle-ikon.har-avvik[b-55gzseuy6m] {
    background: rgba(181, 80, 45, 0.12);
    color: #b5502d;
}

.brannkontroll-toggle strong[b-55gzseuy6m] {
    flex: 1;
    font-size: 0.92rem;
}

.brannkontroll-badge[b-55gzseuy6m] {
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(181, 80, 45, 0.12);
    color: #b5502d;
}

.brannkontroll-badge-ok[b-55gzseuy6m] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.brannkontroll-body[b-55gzseuy6m] {
    display: none;
    padding: 0 1.1rem 1.2rem;
}

.brannkontroll-panel.apen .brannkontroll-body[b-55gzseuy6m] {
    display: block;
}

.brannkontroll-ok[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.88rem;
    margin: 0;
}

    .brannkontroll-ok[b-55gzseuy6m]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.brannkontroll-gruppe[b-55gzseuy6m] {
    margin-top: 0.9rem;
}

.brannkontroll-gruppe-tittel[b-55gzseuy6m] {
    font-size: 0.83rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.brannkontroll-sone[b-55gzseuy6m] {
    margin-bottom: 0.7rem;
}

.brannkontroll-sone-navn[b-55gzseuy6m] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.35rem;
}

.brannkontroll-liste[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.brannkontroll-chip[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(181, 80, 45, 0.08);
    border: 1px solid rgba(181, 80, 45, 0.25);
    color: #b5502d;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

    .brannkontroll-chip:hover[b-55gzseuy6m] {
        background: rgba(181, 80, 45, 0.15);
    }

.brannkontroll-chip-detalj[b-55gzseuy6m] {
    font-weight: 500;
    opacity: 0.85;
}

.bytt-komponent-panel[b-55gzseuy6m] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    margin: 0.75rem 0 1.25rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow: hidden;
}

.bytt-komponent-toggle[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.9rem 1.1rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.bytt-komponent-toggle-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .bytt-komponent-toggle-ikon[b-55gzseuy6m]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.bytt-komponent-toggle strong[b-55gzseuy6m] {
    flex: 1;
    font-size: 0.92rem;
}

.bytt-komponent-chevron[b-55gzseuy6m] {
    display: flex;
    color: var(--itlock-ink-muted);
    transition: transform 0.15s ease;
}

    .bytt-komponent-chevron[b-55gzseuy6m]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.bytt-komponent-panel.apen .bytt-komponent-chevron[b-55gzseuy6m] {
    transform: rotate(180deg);
}

.bytt-komponent-body[b-55gzseuy6m] {
    display: none;
    padding: 0 1.1rem 1.2rem;
}

.bytt-komponent-panel.apen .bytt-komponent-body[b-55gzseuy6m] {
    display: block;
}

.bytt-komponent-felt[b-55gzseuy6m] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

    .bytt-komponent-felt select[b-55gzseuy6m] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.65rem;
        min-width: 260px;
    }

.bytt-sok-wrap[b-55gzseuy6m] {
    position: relative;
    flex: 1 1 260px;
}

    .bytt-sok-wrap input[b-55gzseuy6m] {
        width: 100%;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.65rem;
    }

.search-results[b-55gzseuy6m] {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    list-style: none;
    padding: 0;
    margin: 0.2rem 0 0;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    max-height: 220px;
    overflow-y: auto;
}

.search-result[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
}

    .search-result:hover[b-55gzseuy6m] {
        background: rgba(131, 94, 65, 0.08);
    }

.search-result-name[b-55gzseuy6m] {
    font-weight: 600;
    font-size: 0.85rem;
}

.search-result-meta[b-55gzseuy6m] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Dør ID-fanens egen seksjonsrytme (marginer) styrer avstanden. */
.dorid-layout[b-55gzseuy6m] {
    gap: 0;
    max-width: 1280px;
}

.dorid-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .dorid-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.dorid-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .dorid-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.dorid-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.dorid-nokkeltall[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.dorid-verktoylinje[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
    margin-bottom: 1.25rem;
}

.dorid-ny-input[b-55gzseuy6m] {
    font: inherit;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    width: 240px;
}

.dorid-tabell-kort[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.dorid-tabell-scroll[b-55gzseuy6m] {
    overflow-x: auto;
}

.dorid-table[b-55gzseuy6m] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

    .dorid-table thead th[b-55gzseuy6m] {
        text-align: left;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--itlock-ink-muted);
        padding: 0.7rem 0.8rem;
        border-bottom: 1px solid var(--itlock-border);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
        white-space: nowrap;
    }

    .dorid-table tbody td[b-55gzseuy6m] {
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.87rem;
        vertical-align: middle;
    }

    .dorid-table tbody tr.dorid-rad:hover td[b-55gzseuy6m] {
        background: var(--itlock-bg);
    }

    .dorid-table tbody tr.dorid-rad.apen td[b-55gzseuy6m] {
        background: var(--itlock-bg);
        border-bottom-color: transparent;
    }

    .dorid-table tbody tr:last-child td[b-55gzseuy6m] {
        border-bottom: none;
    }

.dorid-cell-input[b-55gzseuy6m] {
    width: 100%;
    font: inherit;
    font-size: 0.87rem;
    color: var(--itlock-ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 0.4rem 0.5rem;
    transition: border-color 0.12s ease, background 0.12s ease;
}

    .dorid-cell-input:hover[b-55gzseuy6m] {
        border-color: var(--itlock-border);
    }

    .dorid-cell-input:focus[b-55gzseuy6m] {
        outline: none;
        border-color: var(--itlock-accent);
        background: var(--itlock-surface);
    }

.dorid-kode-input[b-55gzseuy6m] {
    font-weight: 700;
}

.dorid-tall-input[b-55gzseuy6m] {
    max-width: 5.5rem;
}

select.dorid-cell-input[b-55gzseuy6m] {
    cursor: pointer;
}

select.dorid-cell-input.dorid-pill-ja[b-55gzseuy6m] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
    border-color: transparent;
    font-weight: 700;
}

select.dorid-cell-input.dorid-pill-nei[b-55gzseuy6m] {
    color: #a32020;
    background: rgba(163, 32, 32, 0.1);
    border-color: transparent;
    font-weight: 700;
}

select.dorid-cell-input.dorid-pill-uklar[b-55gzseuy6m] {
    color: var(--itlock-ink-muted);
}

.dorid-handling-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.dorid-chevron-btn[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.6rem;
    cursor: pointer;
    white-space: nowrap;
}

    .dorid-chevron-btn:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .dorid-chevron-btn[b-55gzseuy6m]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        transition: transform 0.15s ease;
    }

    .dorid-chevron-btn.apen[b-55gzseuy6m]  .icon {
        transform: rotate(180deg);
    }

.dorid-detaljer-row td[b-55gzseuy6m] {
    background: var(--itlock-bg);
    padding: 0;
}

.dorid-detalj-panel[b-55gzseuy6m] {
    padding: 1.2rem 1.4rem 1.4rem;
}

.dorid-seksjon-tittel[b-55gzseuy6m] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.8rem;
}

.dorid-detaljer-form[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.6rem 0.75rem;
    margin-bottom: 1rem;
}

    .dorid-detaljer-form label[b-55gzseuy6m] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
    }

    .dorid-detaljer-form label.span-2[b-55gzseuy6m] {
        grid-column: 1 / -1;
    }

    .dorid-detaljer-form input[b-55gzseuy6m],
    .dorid-detaljer-form select[b-55gzseuy6m],
    .dorid-detaljer-form textarea[b-55gzseuy6m] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.35rem 0.45rem;
    }

.dorid-ce-boks[b-55gzseuy6m] {
    background: rgba(32, 84, 163, 0.08);
    border: 1px solid rgba(32, 84, 163, 0.3);
    border-radius: 11px;
    padding: 0.9rem 1.05rem 1.05rem;
}

    .dorid-ce-boks .dorid-detaljer-form[b-55gzseuy6m] {
        margin-bottom: 0;
    }

.dorid-ce-tittel[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #2054a3;
    margin-bottom: 0.7rem;
}

    .dorid-ce-tittel[b-55gzseuy6m]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

/* ---------- FDV ---------- */

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at FDV-fanens egen seksjonsrytme (marginer) styrer avstanden. */
.fdv-layout[b-55gzseuy6m] {
    gap: 0;
}

.fdv-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .fdv-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.fdv-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.fdv-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.fdv-panel[b-55gzseuy6m] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.fdv-panel-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

    .fdv-panel-header h2[b-55gzseuy6m] {
        margin: 0;
        font-size: 1.05rem;
    }

.fdv-panel-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-panel-ikon[b-55gzseuy6m]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.fdv-fil-liste[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.fdv-fil-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
}

.fdv-fil-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-fil-ikon[b-55gzseuy6m]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.fdv-fil-navn[b-55gzseuy6m] {
    flex: 1 1 auto;
    font-weight: 600;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.fdv-dropzone[b-55gzseuy6m] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-bg);
    border: 2px dashed var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.2rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .fdv-dropzone:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

    .fdv-dropzone[b-55gzseuy6m]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.fdv-dropzone-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .fdv-dropzone-ikon[b-55gzseuy6m]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.fdv-dropzone-tekst[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
}

    .fdv-dropzone-tekst span[b-55gzseuy6m] {
        font-size: 0.79rem;
        color: var(--itlock-ink-muted);
    }

.fdv-byggetrinn-chips[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.fdv-byggetrinn-lbl[b-55gzseuy6m] {
    font-size: 0.79rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-right: 0.3rem;
}

.fdv-chip[b-55gzseuy6m] {
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

    .fdv-chip:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .fdv-chip.aktiv[b-55gzseuy6m] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.fdv-komponent-liste[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 340px;
    overflow-y: auto;
}

.fdv-komponent-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
}

.fdv-komponent-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b7a4b;
    flex-shrink: 0;
}

    .fdv-komponent-ikon[b-55gzseuy6m]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.fdv-komponent-navn[b-55gzseuy6m] {
    flex: 1 1 auto;
    font-size: 0.88rem;
    overflow-wrap: anywhere;
}

.fdv-komponent-kode[b-55gzseuy6m] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

.fdv-generer-rad[b-55gzseuy6m] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.fdv-generer-knapp[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    padding: 0.7rem 1.6rem;
}

.fullforing-boks[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1.1rem 1.3rem;
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    background: var(--itlock-surface);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    max-width: 900px;
    margin-bottom: 1.1rem;
}

.fullforing-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.fullforing-header[b-55gzseuy6m]  .icon {
    color: var(--itlock-accent);
}

.fremdrift-rad[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: 9rem 1fr 3rem;
    align-items: center;
    gap: 0.8rem;
}

.fremdrift-navn[b-55gzseuy6m] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.fremdrift-bar[b-55gzseuy6m] {
    height: 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--itlock-surface) 85%, var(--itlock-accent) 15%);
    overflow: hidden;
}

.fremdrift-fyll[b-55gzseuy6m] {
    height: 100%;
    border-radius: 999px;
    background: var(--itlock-accent);
}

.fremdrift-prosent[b-55gzseuy6m] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--itlock-accent);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.fremdrift-rad-total .fremdrift-navn[b-55gzseuy6m],
.fremdrift-rad-total .fremdrift-prosent[b-55gzseuy6m] {
    font-weight: 700;
    color: var(--itlock-ink);
}

.fremdrift-rad-total .fremdrift-fyll[b-55gzseuy6m] {
    background: #2b7a4b;
}

.status-grid[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.status-card[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1rem 1.2rem;
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.status-card[b-55gzseuy6m]  .icon {
    color: var(--itlock-accent);
}

.status-label[b-55gzseuy6m] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.status-value[b-55gzseuy6m] {
    font-size: 1.5rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.status-unit[b-55gzseuy6m] {
    font-size: 1rem;
    font-weight: 400;
    color: var(--itlock-ink-muted);
}

/* ---------- Dashbord (desktop) ---------- */

.dashbord-nokkeltall[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    max-width: 900px;
    margin-bottom: 1.1rem;
}

.nokkel-kort[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.nokkel-etikett[b-55gzseuy6m] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
}

.nokkel-verdi[b-55gzseuy6m] {
    font-size: 1.35rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.nokkel-under[b-55gzseuy6m] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Dashbord-fanens egen seksjonsrytme (marginer) styrer avstanden.
   Kun for skrivebordsgrenen - mobilvisningen (.fullforing-boks +
   .mobil-status-kort) deler samme wrapper og trenger gapet sitt. */
.dashbord-layout[b-55gzseuy6m] {
    gap: 0;
}

.dashbord-grid[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
    max-width: 900px;
    align-items: start;
    margin-bottom: 1rem;
}

.dashbord-grid .panel[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem 1.2rem 1.3rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.dashbord-grid .panel h3[b-55gzseuy6m] {
    margin: 0 0 0.9rem;
    font-size: 0.95rem;
}

.dashbord-grid .info-rad[b-55gzseuy6m] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--itlock-border);
    font-size: 0.88rem;
}

    .dashbord-grid .info-rad:last-child[b-55gzseuy6m] {
        border-bottom: none;
    }

    .dashbord-grid .info-rad .lbl[b-55gzseuy6m] {
        color: var(--itlock-ink-muted);
    }

    .dashbord-grid .info-rad .val[b-55gzseuy6m] {
        font-weight: 600;
        text-align: right;
    }

.dashbord-panel-tittel-2[b-55gzseuy6m] {
    margin: 1.6rem 0 0.7rem;
    padding-top: 1rem;
    border-top: 1px solid var(--itlock-border);
    font-size: 0.95rem;
}

.aktivitet-rad[b-55gzseuy6m] {
    display: flex;
    gap: 0.7rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--itlock-border);
    font-size: 0.85rem;
}

    .aktivitet-rad:last-child[b-55gzseuy6m] {
        border-bottom: none;
    }

.aktivitet-dot[b-55gzseuy6m] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--itlock-accent);
    margin-top: 0.4rem;
    flex-shrink: 0;
}

.aktivitet-tekst .tid[b-55gzseuy6m] {
    display: block;
    color: var(--itlock-ink-muted);
    font-size: 0.76rem;
    margin-top: 0.1rem;
}

.dashbord-fremdrift-stats[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.7rem;
    margin-top: 1rem;
}

.fremdrift-stat[b-55gzseuy6m] {
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

    .fremdrift-stat .lbl2[b-55gzseuy6m] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.72rem;
        color: var(--itlock-ink-muted);
    }

    .fremdrift-stat .lbl2[b-55gzseuy6m]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        color: var(--itlock-accent);
    }

    .fremdrift-stat .val2[b-55gzseuy6m] {
        font-size: 1.05rem;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
    }

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

    .dashbord-grid[b-55gzseuy6m] {
        grid-template-columns: 1fr;
    }

    .dorer-nokkeltall[b-55gzseuy6m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.info-textarea[b-55gzseuy6m] {
    width: 100%;
    max-width: 900px;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.6rem 0.75rem;
    resize: vertical;
}

/* ---------- Personer ---------- */

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Personer-fanens egen seksjonsrytme (marginer) styrer avstanden. */
.personer-layout[b-55gzseuy6m] {
    gap: 0;
    max-width: 820px;
}

.personer-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .personer-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.personer-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .personer-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.personer-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.personer-verktoylinje[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin-bottom: 1.25rem;
}

.personer-velger[b-55gzseuy6m] {
    flex: 1 1 260px;
    max-width: 360px;
    font: inherit;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.personer-liste[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.personer-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .personer-liste .personer-rad:last-child[b-55gzseuy6m] {
        border-bottom: none;
    }

    .personer-rad:hover[b-55gzseuy6m] {
        background: var(--itlock-bg);
    }

.personer-avatar[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.personer-tekst[b-55gzseuy6m] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
}

.personer-navn[b-55gzseuy6m] {
    font-weight: 700;
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rolle-badge[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    width: fit-content;
}

.rolle-admin[b-55gzseuy6m] {
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
}

.rolle-prosjektleder[b-55gzseuy6m] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.rolle-montor[b-55gzseuy6m] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.rolle-kunde[b-55gzseuy6m] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
}

.rolle-driftslisens[b-55gzseuy6m] {
    background: rgba(122, 43, 150, 0.1);
    color: #7a2b96;
}

.personer-nokkelrolle[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
    white-space: nowrap;
}

    .personer-nokkelrolle[b-55gzseuy6m]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        color: var(--itlock-accent);
    }

.personer-panel[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem 1.2rem 1.3rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.personer-panel-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

    .personer-panel-header h2[b-55gzseuy6m] {
        margin: 0;
        font-size: 1rem;
    }

.personer-panel-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .personer-panel-ikon[b-55gzseuy6m]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.nokkelrolle-grid[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

    .nokkelrolle-grid label[b-55gzseuy6m] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
    }

    .nokkelrolle-grid select[b-55gzseuy6m] {
        font: inherit;
        font-size: 0.87rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
    }

@media (max-width: 560px) {
    .personer-rad[b-55gzseuy6m] {
        flex-wrap: wrap;
    }
}

/* ---------- Beslagsliste ---------- */

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Beslagsliste-fanens egen seksjonsrytme (marginer) styrer avstanden. */
.beslagsliste-layout[b-55gzseuy6m] {
    gap: 0;
}

.beslagsliste-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .beslagsliste-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.beslagsliste-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .beslagsliste-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.beslagsliste-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.beslagsliste-panel[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem 1.2rem 1.3rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.25rem;
}

.beslagsliste-panel-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

    .beslagsliste-panel-header h2[b-55gzseuy6m] {
        margin: 0;
        font-size: 1rem;
    }

.beslagsliste-panel-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .beslagsliste-panel-ikon[b-55gzseuy6m]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.beslagsliste-chips[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.beslagsliste-chip[b-55gzseuy6m] {
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

    .beslagsliste-chip:hover[b-55gzseuy6m] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .beslagsliste-chip.aktiv[b-55gzseuy6m] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.beslagsliste-knapperad[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

    .beslagsliste-knapperad .add-button[b-55gzseuy6m],
    .beslagsliste-knapperad .cancel-button[b-55gzseuy6m] {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
    }

/* ---------- Låsplan ---------- */

.lasplan-layout[b-55gzseuy6m] {
    gap: 0;
}

.lasplan-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .lasplan-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.lasplan-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .lasplan-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.lasplan-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.lasplan-kort[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 16px;
    padding: 1.6rem 1.8rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.lasplan-kort-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 14px;
    background: var(--itlock-accent);
    color: #fff;
    flex-shrink: 0;
}

    .lasplan-kort-ikon[b-55gzseuy6m]  .icon {
        width: 1.7rem;
        height: 1.7rem;
    }

.lasplan-kort-tekst[b-55gzseuy6m] {
    flex: 1 1 auto;
    min-width: 0;
}

    .lasplan-kort-tekst h2[b-55gzseuy6m] {
        margin: 0 0 0.3rem;
        font-size: 1.05rem;
    }

    .lasplan-kort-tekst p[b-55gzseuy6m] {
        margin: 0;
        color: var(--itlock-ink-muted);
        font-size: 0.87rem;
        line-height: 1.5;
        max-width: 420px;
    }

@media (max-width: 600px) {
    .lasplan-kort[b-55gzseuy6m] {
        flex-direction: column;
        text-align: center;
    }

    .lasplan-kort-tekst p[b-55gzseuy6m] {
        max-width: none;
    }
}

/* ---------- Tilbud (liste) ---------- */

/* Samme fiks som .vedlegg-layout: nullstill .prosjekt-layout sin flex-gap
   slik at Tilbud-fanens egen seksjonsrytme (marginer) styrer avstanden. */
.tilbud-layout[b-55gzseuy6m] {
    gap: 0;
    max-width: 920px;
}

.tilbud-header[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.2rem;
}

    .tilbud-header h1[b-55gzseuy6m] {
        margin: 0;
    }

.tilbud-header-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .tilbud-header-ikon[b-55gzseuy6m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.tilbud-intro[b-55gzseuy6m] {
    margin: 0.2rem 0 1.3rem 3rem;
}

.tilbud-nokkeltall[b-55gzseuy6m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.tilbud-verktoylinje[b-55gzseuy6m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.4rem;
}

    .tilbud-verktoylinje .add-button[b-55gzseuy6m],
    .tilbud-verktoylinje .cancel-button[b-55gzseuy6m] {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
    }

.tilbud-endring-velger[b-55gzseuy6m] {
    font: inherit;
    font-size: 0.85rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    max-width: 260px;
}

.tilbud-liste[b-55gzseuy6m] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.tilbud-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1.15rem;
    border-bottom: 1px solid var(--itlock-border);
}

    .tilbud-liste .tilbud-rad:last-child[b-55gzseuy6m] {
        border-bottom: none;
    }

    .tilbud-rad:hover[b-55gzseuy6m] {
        background: var(--itlock-bg);
    }

.tilbud-ikon[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .tilbud-ikon[b-55gzseuy6m]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.tilbud-tekst[b-55gzseuy6m] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.tilbud-tittel-rad[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tilbud-tittel[b-55gzseuy6m] {
    font-weight: 700;
    font-size: 0.94rem;
    color: var(--itlock-ink);
    text-decoration: none;
}

    .tilbud-tittel:hover[b-55gzseuy6m] {
        color: var(--itlock-accent);
    }

.tillegg-badge[b-55gzseuy6m] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #a1690a;
    background: rgba(161, 105, 10, 0.12);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
}

.tilbud-meta[b-55gzseuy6m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    font-size: 0.79rem;
    color: var(--itlock-ink-muted);
}

.status-pill[b-55gzseuy6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
}

.status-utkast[b-55gzseuy6m] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.status-sendt[b-55gzseuy6m] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.status-godkjent[b-55gzseuy6m] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.status-avslatt[b-55gzseuy6m] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

.tilbud-sum[b-55gzseuy6m] {
    font-weight: 700;
    font-size: 0.92rem;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .tilbud-nokkeltall[b-55gzseuy6m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tilbud-rad[b-55gzseuy6m] {
        flex-wrap: wrap;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Rabattgrupper.razor.rz.scp.css */
.side-header[b-gs8fc8hdxy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.side-header-venstre[b-gs8fc8hdxy] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.side-header-ikon[b-gs8fc8hdxy] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-gs8fc8hdxy]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-gs8fc8hdxy] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-gs8fc8hdxy] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 620px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.verktoy-rad[b-gs8fc8hdxy] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.sok-boks[b-gs8fc8hdxy] {
    position: relative;
    flex: 1 1 240px;
    max-width: 340px;
}

    .sok-boks[b-gs8fc8hdxy]  .icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--itlock-ink-muted);
        width: 0.95rem;
        height: 0.95rem;
    }

    .sok-boks input[b-gs8fc8hdxy] {
        width: 100%;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 0.8rem 0.55rem 2.1rem;
    }

.filter-rad[b-gs8fc8hdxy] {
    display: flex;
    gap: 0.4rem;
}

.filter-chip[b-gs8fc8hdxy] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .filter-chip.aktiv[b-gs8fc8hdxy] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.stat-chip[b-gs8fc8hdxy] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

    .stat-chip .dot[b-gs8fc8hdxy] {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: var(--itlock-accent);
    }

.list-empty[b-gs8fc8hdxy] {
    color: var(--itlock-ink-muted);
    padding: 1.3rem 1.4rem;
    margin: 0;
}

.kort[b-gs8fc8hdxy] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
}

    .kort h2[b-gs8fc8hdxy] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.tabell-kort[b-gs8fc8hdxy] {
    padding: 0;
    overflow: hidden;
    margin-bottom: 1.6rem;
}

.tabell-wrap[b-gs8fc8hdxy] {
    overflow-x: auto;
}

.rabatt-table[b-gs8fc8hdxy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

    .rabatt-table th[b-gs8fc8hdxy] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--itlock-ink-muted);
        padding: 0.9rem 0.9rem 0.7rem;
        border-bottom: 1px solid var(--itlock-border);
        white-space: nowrap;
    }

    .rabatt-table td[b-gs8fc8hdxy] {
        padding: 0.5rem 0.9rem;
        border-bottom: 1px solid var(--itlock-border);
        vertical-align: middle;
    }

    .rabatt-table tr:last-child td[b-gs8fc8hdxy] {
        border-bottom: none;
    }

    .rabatt-table tr:hover td[b-gs8fc8hdxy] {
        background: var(--itlock-bg);
    }

    .rabatt-table input[b-gs8fc8hdxy] {
        width: 100%;
        font: inherit;
        font-size: 0.86rem;
        color: var(--itlock-ink);
        background: transparent;
        border: 1px solid transparent;
        border-radius: 6px;
        padding: 0.4rem 0.5rem;
        transition: border-color 0.15s ease, background 0.15s ease;
    }

        .rabatt-table input:hover[b-gs8fc8hdxy] {
            background: var(--itlock-surface);
            border-color: var(--itlock-border);
        }

        .rabatt-table input:focus[b-gs8fc8hdxy] {
            background: var(--itlock-surface);
            border-color: var(--itlock-accent);
            outline: none;
        }

.kode-input[b-gs8fc8hdxy] {
    max-width: 4.5rem;
    font-weight: 700;
    color: var(--itlock-accent) !important;
    background: rgba(131, 94, 65, 0.1) !important;
    text-align: center;
}

.leverandor-celle[b-gs8fc8hdxy] {
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.rabatt-pille[b-gs8fc8hdxy] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-weight: 700;
    color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.1);
    border-radius: 999px;
    padding: 0.15rem 0.3rem 0.15rem 0.15rem;
}

.prosent-input[b-gs8fc8hdxy] {
    max-width: 3.6rem;
    padding: 0.4rem 0 0.4rem 0.3rem !important;
    text-align: right;
    color: var(--itlock-accent) !important;
    font-weight: 700;
    -moz-appearance: textfield;
}

    .prosent-input[b-gs8fc8hdxy]::-webkit-outer-spin-button,
    .prosent-input[b-gs8fc8hdxy]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.aktiv-toggle[b-gs8fc8hdxy] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.35rem 0.75rem 0.35rem 0.6rem;
    cursor: pointer;
}

    .aktiv-toggle.paa[b-gs8fc8hdxy] {
        background: rgba(43, 122, 75, 0.1);
        color: #2b7a4b;
    }

    .aktiv-toggle.av[b-gs8fc8hdxy] {
        background: rgba(107, 104, 99, 0.1);
        color: var(--itlock-ink-muted);
    }

    .aktiv-toggle .dot[b-gs8fc8hdxy] {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 50%;
        background: currentColor;
    }

.rabatt-actions[b-gs8fc8hdxy] {
    display: flex;
    gap: 0.4rem;
    white-space: nowrap;
}

.ikon-btn[b-gs8fc8hdxy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .ikon-btn:hover[b-gs8fc8hdxy] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .ikon-btn.slett:hover[b-gs8fc8hdxy] {
        border-color: #b5502d;
        color: #b5502d;
    }

    .ikon-btn[b-gs8fc8hdxy]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.ny-rabattgruppe[b-gs8fc8hdxy] {
    max-width: 900px;
    padding: 1.3rem 1.4rem;
}

.ny-rabattgruppe-form[b-gs8fc8hdxy] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
}

    .ny-rabattgruppe-form input[b-gs8fc8hdxy] {
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.7rem;
    }

    .ny-rabattgruppe-form input:not(.prosent-input-ny)[b-gs8fc8hdxy] {
        flex: 1 1 150px;
    }

.prosent-input-ny[b-gs8fc8hdxy] {
    flex: 0 1 100px;
    text-align: right;
}

.knapp[b-gs8fc8hdxy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-gs8fc8hdxy] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-gs8fc8hdxy] {
        background: var(--itlock-accent-hover);
    }

.save-success[b-gs8fc8hdxy] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0.9rem 0 0;
}

.form-error[b-gs8fc8hdxy] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0.9rem 0 0;
}

@media (max-width: 640.98px) {
    .rabatt-table[b-gs8fc8hdxy] {
        white-space: nowrap;
    }
}
/* _content/PortalItlock.Web/Components/Pages/RapporterModul.razor.rz.scp.css */
.back-link[b-a1y2x29o14] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-a1y2x29o14]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-a1y2x29o14] {
        color: var(--itlock-accent);
    }

.side-header[b-a1y2x29o14] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-a1y2x29o14] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-a1y2x29o14]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-a1y2x29o14] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-a1y2x29o14] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-a1y2x29o14] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-a1y2x29o14] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-a1y2x29o14] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-a1y2x29o14] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-a1y2x29o14]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-a1y2x29o14] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-a1y2x29o14] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-a1y2x29o14] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/RapportKunde.razor.rz.scp.css */
.back-link[b-2s336qi1v1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-2s336qi1v1]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-2s336qi1v1] {
        color: var(--itlock-accent);
    }

.side-header[b-2s336qi1v1] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-2s336qi1v1] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-2s336qi1v1]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-2s336qi1v1] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-2s336qi1v1] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-2s336qi1v1] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.filter-kort[b-2s336qi1v1] {
    padding: 1.1rem 1.3rem;
    display: flex;
    align-items: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.felt[b-2s336qi1v1] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.felt-label[b-2s336qi1v1] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.felt input[b-2s336qi1v1],
.felt select[b-2s336qi1v1] {
    font: inherit;
    font-size: 0.87rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.knapp-primaer[b-2s336qi1v1] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
    border-radius: 9px;
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    height: fit-content;
}

    .knapp-primaer:disabled[b-2s336qi1v1] {
        opacity: 0.6;
        cursor: default;
    }

.list-empty[b-2s336qi1v1] {
    color: var(--itlock-ink-muted);
}

.stat-rad[b-2s336qi1v1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.stat-kort[b-2s336qi1v1] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.stat-label[b-2s336qi1v1] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-2s336qi1v1] {
    font-size: 1.55rem;
    font-weight: 800;
}

h2[b-2s336qi1v1] {
    font-size: 1.02rem;
    margin: 0 0 0.6rem;
}

.tabell-kort[b-2s336qi1v1] {
    overflow: hidden;
    margin-bottom: 1.3rem;
}

.rapport-table[b-2s336qi1v1] {
    width: 100%;
    border-collapse: collapse;
}

    .rapport-table th[b-2s336qi1v1] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .rapport-table td[b-2s336qi1v1] {
        padding: 0.6rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .rapport-table tbody tr:hover td[b-2s336qi1v1] {
        background: rgba(131, 94, 65, 0.03);
    }

.plass-cell[b-2s336qi1v1] {
    width: 2.2rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
}

.tall-cell[b-2s336qi1v1] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 640.98px) {
    .stat-rad[b-2s336qi1v1] {
        grid-template-columns: 1fr;
    }

    .rapport-table[b-2s336qi1v1] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/RapportProdukt.razor.rz.scp.css */
.back-link[b-6c1oypnl5a] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-6c1oypnl5a]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-6c1oypnl5a] {
        color: var(--itlock-accent);
    }

.side-header[b-6c1oypnl5a] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-6c1oypnl5a] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-6c1oypnl5a]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-6c1oypnl5a] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-6c1oypnl5a] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-6c1oypnl5a] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.filter-kort[b-6c1oypnl5a] {
    padding: 1.1rem 1.3rem;
    display: flex;
    align-items: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.felt[b-6c1oypnl5a] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.felt-label[b-6c1oypnl5a] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.felt input[b-6c1oypnl5a] {
    font: inherit;
    font-size: 0.87rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.knapp-primaer[b-6c1oypnl5a] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
    border-radius: 9px;
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    height: fit-content;
}

    .knapp-primaer:disabled[b-6c1oypnl5a] {
        opacity: 0.6;
        cursor: default;
    }

.list-empty[b-6c1oypnl5a] {
    color: var(--itlock-ink-muted);
}

.stat-rad[b-6c1oypnl5a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    max-width: 620px;
    margin-bottom: 1.1rem;
}

.stat-kort[b-6c1oypnl5a] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.stat-label[b-6c1oypnl5a] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-6c1oypnl5a] {
    font-size: 1.55rem;
    font-weight: 800;
}

h2[b-6c1oypnl5a] {
    font-size: 1.02rem;
    margin: 0 0 0.6rem;
}

.tabell-kort[b-6c1oypnl5a] {
    overflow: hidden;
}

.rapport-table[b-6c1oypnl5a] {
    width: 100%;
    border-collapse: collapse;
}

    .rapport-table th[b-6c1oypnl5a] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .rapport-table td[b-6c1oypnl5a] {
        padding: 0.6rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .rapport-table tbody tr:hover td[b-6c1oypnl5a] {
        background: rgba(131, 94, 65, 0.03);
    }

.andel-kolonne[b-6c1oypnl5a] {
    width: 220px;
}

.tall-cell[b-6c1oypnl5a] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.stolpe-cell[b-6c1oypnl5a] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.stolpe-bakgrunn[b-6c1oypnl5a] {
    flex: 1;
    height: 0.4rem;
    border-radius: 999px;
    background: var(--itlock-bg);
    overflow: hidden;
}

.stolpe-fyll[b-6c1oypnl5a] {
    height: 100%;
    background: linear-gradient(90deg, var(--itlock-accent), #c9a876);
    border-radius: 999px;
}

@media (max-width: 640.98px) {
    .stat-rad[b-6c1oypnl5a] {
        grid-template-columns: 1fr;
    }

    .rapport-table[b-6c1oypnl5a] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/RapportResultat.razor.rz.scp.css */
.back-link[b-2iqrwqs04k] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-2iqrwqs04k]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-2iqrwqs04k] {
        color: var(--itlock-accent);
    }

.side-header[b-2iqrwqs04k] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-2iqrwqs04k] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-2iqrwqs04k]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-2iqrwqs04k] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-2iqrwqs04k] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-2iqrwqs04k] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.filter-kort[b-2iqrwqs04k] {
    padding: 1.1rem 1.3rem;
    display: flex;
    align-items: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.felt[b-2iqrwqs04k] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.felt-label[b-2iqrwqs04k] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.felt input[b-2iqrwqs04k] {
    font: inherit;
    font-size: 0.87rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.knapp-primaer[b-2iqrwqs04k] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
    border-radius: 9px;
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    height: fit-content;
}

    .knapp-primaer:disabled[b-2iqrwqs04k] {
        opacity: 0.6;
        cursor: default;
    }

.list-empty[b-2iqrwqs04k] {
    color: var(--itlock-ink-muted);
}

.stat-kort[b-2iqrwqs04k] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 280px;
    margin-bottom: 1.1rem;
}

.stat-label[b-2iqrwqs04k] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-2iqrwqs04k] {
    font-size: 1.55rem;
    font-weight: 800;
}

.tabell-kort[b-2iqrwqs04k] {
    overflow: hidden;
}

.rapport-table[b-2iqrwqs04k] {
    width: 100%;
    border-collapse: collapse;
}

    .rapport-table th[b-2iqrwqs04k] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .rapport-table td[b-2iqrwqs04k] {
        padding: 0.6rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .rapport-table tbody tr:hover td[b-2iqrwqs04k] {
        background: rgba(131, 94, 65, 0.03);
    }

    .rapport-table tfoot td[b-2iqrwqs04k] {
        border-top: 2px solid var(--itlock-ink);
        font-weight: 800;
        font-size: 0.95rem;
    }

.konto-kolonne[b-2iqrwqs04k] {
    width: 6rem;
}

.konto-tag[b-2iqrwqs04k] {
    color: var(--itlock-ink-muted);
}

.tall-cell[b-2iqrwqs04k] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 640.98px) {
    .rapport-table[b-2iqrwqs04k] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Ressursplanlegger.razor.rz.scp.css */
.side-header[b-ur50zm48fq] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.side-header-ikon[b-ur50zm48fq] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-ur50zm48fq]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-ur50zm48fq] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-ur50zm48fq] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 680px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.knapp[b-ur50zm48fq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp[b-ur50zm48fq]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-ur50zm48fq] {
        border-color: var(--itlock-accent);
    }

.knapp-ikon[b-ur50zm48fq] {
    padding: 0.5rem;
    width: 2.15rem;
    height: 2.15rem;
    justify-content: center;
}

.kalender-neste[b-ur50zm48fq]  .icon {
    transform: rotate(180deg);
}

.kalender-verktoylinje[b-ur50zm48fq] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.85rem 1.1rem;
    margin: 1rem 0 1.1rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
    flex-wrap: wrap;
}

.kalender-nav[b-ur50zm48fq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.kalender-manednavn[b-ur50zm48fq] {
    font-weight: 600;
    min-width: 10rem;
    text-align: center;
}

.cancel-button[b-ur50zm48fq] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.35rem 0.7rem;
    cursor: pointer;
}

.list-empty[b-ur50zm48fq] {
    color: var(--itlock-ink-muted);
}

.form-error[b-ur50zm48fq] {
    color: #a33;
    font-size: 0.85rem;
    margin: 0.5rem 0 0;
}

.ressurs-modal-overlay[b-ur50zm48fq] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1000;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.boks-panel[b-ur50zm48fq] {
    max-width: 620px;
    width: 100%;
    border: 1px solid var(--itlock-border);
    border-left: 3px solid var(--itlock-accent);
    border-radius: 10px;
    background: var(--itlock-surface);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 16px 36px -18px rgba(41, 41, 39, 0.4);
}

    .boks-panel h2[b-ur50zm48fq] {
        font-size: 1.05rem;
        margin: 0 0 0.85rem;
    }

.field-grid[b-ur50zm48fq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-ur50zm48fq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

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

.field-grid select[b-ur50zm48fq],
.field-grid input[b-ur50zm48fq],
.field-grid textarea[b-ur50zm48fq] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.45rem 0.6rem;
}

.form-actions[b-ur50zm48fq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.save-button[b-ur50zm48fq] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .save-button:hover[b-ur50zm48fq] {
        background: var(--itlock-accent-hover);
    }

.remove-button[b-ur50zm48fq] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    color: #a33;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.ressurs-kalender[b-ur50zm48fq] {
    min-width: 0;
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
}

.kalender-ukedager[b-ur50zm48fq] {
    display: flex;
    border-bottom: 1px solid var(--itlock-border);
}

.kalender-ukedag[b-ur50zm48fq] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.3rem 0.2rem;
    gap: 0.1rem;
}

.ukedag-navn[b-ur50zm48fq] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.ukedag-dato[b-ur50zm48fq] {
    font-size: 0.95rem;
    font-weight: 600;
}

.ukedag-helligdag[b-ur50zm48fq] {
    font-size: 0.65rem;
    color: #b23b3b;
}

.kalender-ukedag-rod .ukedag-navn[b-ur50zm48fq],
.kalender-ukedag-rod .ukedag-dato[b-ur50zm48fq] {
    color: #b23b3b;
}

.kalender-ukedag-idag .ukedag-dato[b-ur50zm48fq] {
    color: var(--itlock-accent);
}

.kalender-ukedag-medlemmer[b-ur50zm48fq] {
    background: var(--itlock-bg);
}

    .kalender-ukedag-medlemmer .ukedag-navn[b-ur50zm48fq] {
        color: var(--itlock-ink);
        font-size: 0.75rem;
    }

.ressurs-tidsgrid[b-ur50zm48fq] {
    display: flex;
}

.dager-rad[b-ur50zm48fq] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 1px;
    background: var(--itlock-border);
    flex: 1;
}

.ressurs-dag-kolonne[b-ur50zm48fq] {
    position: relative;
    background-color: var(--itlock-surface);
    cursor: pointer;
}

    .ressurs-dag-kolonne:hover[b-ur50zm48fq] {
        background-color: var(--itlock-bg);
    }

.ressurs-dag-idag[b-ur50zm48fq] {
    background-color: color-mix(in srgb, var(--itlock-accent) 6%, var(--itlock-surface));
}

.ressurs-dag-rod[b-ur50zm48fq] {
    background-color: color-mix(in srgb, #b23b3b 6%, var(--itlock-surface));
}

.ressurs-boks[b-ur50zm48fq] {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.72rem;
    padding: 0.2rem 0.4rem;
    border: none;
    border-left: 3px solid var(--montor-farge, var(--itlock-accent));
    border-radius: 6px;
    background: color-mix(in srgb, var(--montor-farge, var(--itlock-accent)) 16%, var(--itlock-surface));
    color: var(--itlock-ink);
    line-height: 1.2;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 2px 6px -3px rgba(41, 41, 39, 0.3);
}

.ressurs-medlemmer-kolonne[b-ur50zm48fq] {
    display: flex;
    flex-direction: column;
    background: var(--itlock-surface);
}

.medlem-band[b-ur50zm48fq] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    border-left: 3px solid var(--itlock-accent);
    border-bottom: 1px solid var(--itlock-border);
    overflow: hidden;
}

    .medlem-band:last-child[b-ur50zm48fq] {
        border-bottom: none;
    }

    .ressurs-boks:hover[b-ur50zm48fq] {
        background: color-mix(in srgb, var(--montor-farge, var(--itlock-accent)) 28%, var(--itlock-surface));
        z-index: 2;
    }

.ressurs-boks-tittel[b-ur50zm48fq] {
    font-weight: 700;
    font-size: 0.78rem;
    max-width: 100%;
}

.ressurs-boks-tid[b-ur50zm48fq] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--montor-farge, var(--itlock-accent));
}

.ressurs-boks-info[b-ur50zm48fq] {
    max-width: 100%;
    color: var(--itlock-ink-muted);
    white-space: normal;
}

@media (max-width: 640.98px) {
    /* 8 ukedagskolonner klemmes uleselig smale på mobilbredde - la kalenderen
       heller skrolle sidevegs med en fast minstebredde, samme prinsip som
       brede tabeller ellers i mobilvisningen. */
    .ressurs-kalender[b-ur50zm48fq] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .kalender-ukedager[b-ur50zm48fq],
    .ressurs-tidsgrid[b-ur50zm48fq] {
        min-width: 640px;
    }
}

/* _content/PortalItlock.Web/Components/Pages/SalgPerKunde.razor.rz.scp.css */
.back-link[b-h7lfdhd9v6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-h7lfdhd9v6]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-h7lfdhd9v6] {
        color: var(--itlock-accent);
    }

.side-header[b-h7lfdhd9v6] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-h7lfdhd9v6] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-h7lfdhd9v6]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-h7lfdhd9v6] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-h7lfdhd9v6] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-h7lfdhd9v6] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.filter-kort[b-h7lfdhd9v6] {
    padding: 1.1rem 1.3rem;
    display: flex;
    align-items: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.felt[b-h7lfdhd9v6] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.felt-label[b-h7lfdhd9v6] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.felt input[b-h7lfdhd9v6] {
    font: inherit;
    font-size: 0.87rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.knapp-primaer[b-h7lfdhd9v6] {
    background: var(--itlock-accent);
    border: 1px solid var(--itlock-accent);
    color: #fff;
    border-radius: 9px;
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    height: fit-content;
}

    .knapp-primaer:disabled[b-h7lfdhd9v6] {
        opacity: 0.6;
        cursor: default;
    }

.form-error[b-h7lfdhd9v6] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-h7lfdhd9v6] {
    color: var(--itlock-ink-muted);
}

.stat-kort[b-h7lfdhd9v6] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 280px;
    margin-bottom: 1.1rem;
}

.stat-label[b-h7lfdhd9v6] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-h7lfdhd9v6] {
    font-size: 1.55rem;
    font-weight: 800;
}

.tabell-kort[b-h7lfdhd9v6] {
    overflow: hidden;
}

.rapport-table[b-h7lfdhd9v6] {
    width: 100%;
    border-collapse: collapse;
}

    .rapport-table th[b-h7lfdhd9v6] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .rapport-table td[b-h7lfdhd9v6] {
        padding: 0.6rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.87rem;
        vertical-align: middle;
    }

    .rapport-table tbody tr:hover td[b-h7lfdhd9v6] {
        background: rgba(131, 94, 65, 0.03);
    }

    .rapport-table tfoot td[b-h7lfdhd9v6] {
        border-top: 2px solid var(--itlock-ink);
        font-weight: 800;
        font-size: 0.95rem;
    }

.plass-cell[b-h7lfdhd9v6] {
    width: 2.2rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
}

.tall-cell[b-h7lfdhd9v6] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.avatar[b-h7lfdhd9v6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    font-size: 0.75rem;
    font-weight: 800;
    margin-right: 0.6rem;
    vertical-align: middle;
}

@media (max-width: 640.98px) {
    .rapport-table[b-h7lfdhd9v6] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ServiceavtaleDetalj.razor.rz.scp.css */
.back-link[b-6prrl2db4e] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-6prrl2db4e] {
        text-decoration: underline;
    }

.side-header[b-6prrl2db4e] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 0.6rem;
}

.side-header-ikon[b-6prrl2db4e] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-6prrl2db4e]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-6prrl2db4e] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.avtale-meta-tekst[b-6prrl2db4e] {
    color: var(--itlock-ink-muted);
    margin: 0.3rem 0 0;
}

.avtale-ansvarlig-kort[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    max-width: 620px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    margin: 1rem 0 1.25rem;
}

.avtale-ansvarlig-felt[b-6prrl2db4e] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.avtale-ansvarlig-label[b-6prrl2db4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

    .avtale-ansvarlig-label[b-6prrl2db4e]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        color: var(--itlock-accent);
    }

    .avtale-ansvarlig-felt select[b-6prrl2db4e] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.6rem;
        min-width: 220px;
    }

.avtale-tabs[b-6prrl2db4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem;
    margin: 0.5rem 0 1.5rem;
    max-width: 100%;
    overflow-x: auto;
}

.tab-knapp[b-6prrl2db4e] {
    background: none;
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.1rem;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease;
}

    .tab-knapp:hover[b-6prrl2db4e] {
        color: var(--itlock-ink);
    }

    .tab-knapp.aktiv[b-6prrl2db4e] {
        background: var(--itlock-accent);
        color: #fff;
    }

@media (max-width: 640.98px) {
    /* Fanene (Service/Dører/Plantegninger/FDV/Prising/Avvik) skal la seg
       bytte mellom med et trykk uansett skjermbredde - samme oppskrift som
       den mobile dørfane-linja (.mobil-dor-faner): skroller til siden i
       stedet for å brekke om/klemmes sammen. */
    .avtale-tabs[b-6prrl2db4e] {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0;
        max-width: none;
    }

    .tab-knapp[b-6prrl2db4e] {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 0.55rem 0.85rem;
        font-size: 0.85rem;
    }

    .avtale-ansvarlig-kort[b-6prrl2db4e] {
        max-width: none;
    }

    .field-grid[b-6prrl2db4e],
    .del-rad[b-6prrl2db4e] {
        grid-template-columns: 1fr;
    }

    .forside-mal-rad[b-6prrl2db4e] {
        flex-direction: column;
        align-items: stretch;
    }

    .runde-header[b-6prrl2db4e] {
        gap: 0.4rem;
    }

        .runde-header .knapp[b-6prrl2db4e] {
            margin-left: 0;
            flex: 1 1 100%;
        }

    .planlagt-liste[b-6prrl2db4e],
    .avtale-panel[b-6prrl2db4e] {
        max-width: none;
    }
}

.avtale-panel[b-6prrl2db4e] {
    max-width: 900px;
    margin-top: 1.25rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.avtale-panel-header[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

    .avtale-panel-header h2[b-6prrl2db4e] {
        margin: 0;
        font-size: 1.05rem;
    }

.avtale-panel-ikon[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .avtale-panel-ikon[b-6prrl2db4e]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.field-grid[b-6prrl2db4e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-6prrl2db4e] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.field-grid .span-2[b-6prrl2db4e] {
    grid-column: 1 / -1;
}

.field-grid input[b-6prrl2db4e],
.field-grid select[b-6prrl2db4e],
.field-grid textarea[b-6prrl2db4e] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.forside-mal-rad[b-6prrl2db4e] {
    display: flex;
    gap: 0.5rem;
}

    .forside-mal-rad select[b-6prrl2db4e] {
        flex: 1 1 auto;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.form-actions[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.knapp[b-6prrl2db4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.95rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-6prrl2db4e]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .knapp:hover[b-6prrl2db4e] {
        border-color: var(--itlock-accent);
    }

    .knapp:disabled[b-6prrl2db4e] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.knapp-primaer[b-6prrl2db4e] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.icon-button[b-6prrl2db4e] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .icon-button[b-6prrl2db4e]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .icon-button:hover[b-6prrl2db4e] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.avtale-dropzone[b-6prrl2db4e] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
    background: var(--itlock-bg);
    border: 2px dashed var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.2rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .avtale-dropzone:hover[b-6prrl2db4e] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.05);
    }

    .avtale-dropzone[b-6prrl2db4e]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.avtale-dropzone-ikon[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .avtale-dropzone-ikon[b-6prrl2db4e]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.avtale-dropzone-tekst[b-6prrl2db4e] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
}

    .avtale-dropzone-tekst span[b-6prrl2db4e] {
        font-size: 0.79rem;
        color: var(--itlock-ink-muted);
    }

.save-success[b-6prrl2db4e] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.form-error[b-6prrl2db4e] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-6prrl2db4e] {
    color: var(--itlock-ink-muted);
}

.runde-kort[b-6prrl2db4e] {
    border: 1px solid var(--itlock-border);
    border-left: 4px solid #2b7a4b;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

.planlagt-liste[b-6prrl2db4e] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 420px;
}

.planlagt-rad[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--itlock-border);
    border-left-width: 4px;
    background: var(--itlock-surface);
    padding: 0.5rem 0.75rem;
}

.planlagt-dato[b-6prrl2db4e] {
    font-weight: 600;
}

.runde-header[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.runde-utfortav[b-6prrl2db4e] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.runde-header .knapp[b-6prrl2db4e] {
    margin-left: auto;
    padding: 0.3rem 0.7rem;
    font-size: 0.85rem;
}

.runde-tekst[b-6prrl2db4e] {
    white-space: pre-wrap;
}

.runde-anbefaling[b-6prrl2db4e] {
    color: #b5502d;
}

.runde-neste[b-6prrl2db4e] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.bilder-seksjon[b-6prrl2db4e] {
    margin-top: 0.75rem;
    max-width: 900px;
}

    .bilder-seksjon h3[b-6prrl2db4e] {
        font-size: 0.95rem;
        margin-bottom: 0.4rem;
    }

.media-grid[b-6prrl2db4e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.media-item[b-6prrl2db4e] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .media-item img[b-6prrl2db4e] {
        width: 100%;
        max-height: 140px;
        object-fit: cover;
        border: 1px solid var(--itlock-border);
    }

.runde-bilder[b-6prrl2db4e] {
    margin-top: 0.6rem;
}

.runde-deler[b-6prrl2db4e],
.runde-sjekkliste[b-6prrl2db4e] {
    margin-top: 0.6rem;
    font-size: 0.88rem;
}

    .runde-deler ul[b-6prrl2db4e] {
        margin: 0.25rem 0 0;
        padding-left: 1.1rem;
    }

.section-hint[b-6prrl2db4e] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0.5rem 0 0;
}

.deler-seksjon[b-6prrl2db4e] {
    margin-top: 0.75rem;
    max-width: 900px;
}

.deler-header[b-6prrl2db4e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.4rem;
}

    .deler-header h3[b-6prrl2db4e] {
        margin: 0;
        font-size: 0.95rem;
    }

.del-rad[b-6prrl2db4e] {
    display: grid;
    grid-template-columns: 1fr 130px 1.5fr 1.5fr auto;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

    .del-rad select[b-6prrl2db4e],
    .del-rad input[b-6prrl2db4e] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.sjekkpunkt-list[b-6prrl2db4e] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
}

    .sjekkpunkt-list li[b-6prrl2db4e] {
        padding: 0.25rem 0;
    }

    .sjekkpunkt-list label[b-6prrl2db4e] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
    }

.sjekkpunkt-fullfort[b-6prrl2db4e] {
    color: var(--itlock-ink-muted);
    text-decoration: line-through;
}

.sjekkpunkt-meta[b-6prrl2db4e] {
    display: block;
    margin-left: 1.7rem;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

@media (max-width: 700px) {
    .del-rad[b-6prrl2db4e] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Serviceavtaler.razor.rz.scp.css */
.list-empty[b-4lnjzrdruf] {
    color: var(--itlock-ink-muted);
}

/* ---------- Ny serviceavtale-knapp ---------- */

.avtale-toppknapp-rad[b-4lnjzrdruf] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.7rem;
}

.add-knapp[b-4lnjzrdruf],
.edit-button-active[b-4lnjzrdruf] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 10px;
    padding: 0.6rem 1.1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.86rem;
    white-space: nowrap;
    border: none;
    background: var(--itlock-accent);
    color: #fff;
    transition: background 0.15s ease;
}

    .add-knapp:hover[b-4lnjzrdruf],
    .edit-button-active:hover[b-4lnjzrdruf] {
        background: var(--itlock-accent-hover);
    }

    .add-knapp[b-4lnjzrdruf]  .icon,
    .edit-button-active[b-4lnjzrdruf]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

/* ---------- Pille-rad (status-filter) ---------- */

.pillrow[b-4lnjzrdruf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.pill[b-4lnjzrdruf] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: #5c5c61;
    cursor: pointer;
}

.pill-dot[b-4lnjzrdruf] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
}

.pill.aktiv[b-4lnjzrdruf] {
    background: #1F2024;
    border-color: #1F2024;
    color: #fff;
}

    .pill.aktiv .pill-dot[b-4lnjzrdruf] {
        background: #fff;
    }

.pill-gronn[b-4lnjzrdruf] {
    color: #189A5C;
}

    .pill-gronn .pill-dot[b-4lnjzrdruf] {
        background: #189A5C;
    }

    .pill-gronn.aktiv-gronn[b-4lnjzrdruf] {
        background: #189A5C;
        border-color: #189A5C;
        color: #fff;
    }

        .pill-gronn.aktiv-gronn .pill-dot[b-4lnjzrdruf] {
            background: #fff;
        }

.pill-gul[b-4lnjzrdruf] {
    color: #C2862E;
}

    .pill-gul .pill-dot[b-4lnjzrdruf] {
        background: #C2862E;
    }

    .pill-gul.aktiv-gul[b-4lnjzrdruf] {
        background: #C2862E;
        border-color: #C2862E;
        color: #fff;
    }

        .pill-gul.aktiv-gul .pill-dot[b-4lnjzrdruf] {
            background: #fff;
        }

.pill-rod[b-4lnjzrdruf] {
    color: #D94848;
}

    .pill-rod .pill-dot[b-4lnjzrdruf] {
        background: #D94848;
    }

    .pill-rod.aktiv-rod[b-4lnjzrdruf] {
        background: #D94848;
        border-color: #D94848;
        color: #fff;
    }

        .pill-rod.aktiv-rod .pill-dot[b-4lnjzrdruf] {
            background: #fff;
        }

.pill-noytral[b-4lnjzrdruf] {
    color: #8e8e93;
}

    .pill-noytral .pill-dot[b-4lnjzrdruf] {
        background: #b5b5ba;
    }

    .pill-noytral.aktiv-noytral[b-4lnjzrdruf] {
        background: #8e8e93;
        border-color: #8e8e93;
        color: #fff;
    }

        .pill-noytral.aktiv-noytral .pill-dot[b-4lnjzrdruf] {
            background: #fff;
        }

/* ---------- Verktøylinje ---------- */

.toolbar[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.sok-felt[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 280px;
    max-width: 380px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.55rem 0.85rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-4lnjzrdruf]  .icon {
        width: 1rem;
        height: 1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-4lnjzrdruf] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-4lnjzrdruf] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.dd[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.55rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #5c5c61;
}

    .dd select[b-4lnjzrdruf] {
        font: inherit;
        font-weight: 700;
        color: var(--itlock-ink);
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
    }

/* ---------- Ny serviceavtale-panel ---------- */

.ny-avtale[b-4lnjzrdruf] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    background: var(--itlock-surface);
    padding: 1.1rem 1.2rem;
    margin: 0 0 1.25rem;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.ny-avtale-header[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

    .ny-avtale-header strong[b-4lnjzrdruf] {
        font-size: 0.95rem;
    }

.cancel-button[b-4lnjzrdruf] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
}

    .cancel-button:hover[b-4lnjzrdruf] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.field-grid[b-4lnjzrdruf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem 1rem;
}

.field-grid label[b-4lnjzrdruf] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.field-grid input[b-4lnjzrdruf],
.field-grid select[b-4lnjzrdruf] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
}

.form-actions[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.9rem;
}

.add-button[b-4lnjzrdruf] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.55rem 1.1rem;
    cursor: pointer;
    font-weight: 600;
}

    .add-button:hover[b-4lnjzrdruf] {
        background: var(--itlock-accent-hover);
    }

    .add-button:disabled[b-4lnjzrdruf] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ---------- Tabell + kart (to-kolonne) ---------- */

.body2col[b-4lnjzrdruf] {
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 1100px) {
    .body2col[b-4lnjzrdruf] {
        grid-template-columns: 1fr;
    }
}

.tablewrap[b-4lnjzrdruf] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    max-height: 380px;
    overflow-y: auto;
}

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

th[b-4lnjzrdruf] {
    position: sticky;
    top: 0;
    z-index: 1;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--itlock-ink-muted);
    text-align: left;
    padding: 0.65rem 1rem;
    background: var(--itlock-bg);
    white-space: nowrap;
}

td[b-4lnjzrdruf] {
    padding: 0.6rem 1rem;
    font-size: 0.82rem;
    border-top: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    white-space: nowrap;
}

tr.avtale-tr[b-4lnjzrdruf] {
    cursor: pointer;
}

    tr.avtale-tr:hover td[b-4lnjzrdruf] {
        background: var(--itlock-bg);
    }

.avatar[b-4lnjzrdruf] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.navn-txt[b-4lnjzrdruf] {
    font-weight: 700;
}

.kunde-txt[b-4lnjzrdruf] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    margin-top: 0.1rem;
}

.statuspill[b-4lnjzrdruf] {
    font-size: 0.68rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    display: inline-block;
}

.sp-aktiv[b-4lnjzrdruf] {
    background: #E3F6EC;
    color: #189A5C;
}

.sp-utendato[b-4lnjzrdruf] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.sp-naermer[b-4lnjzrdruf] {
    background: #FBEFDB;
    color: #C2862E;
}

.sp-forfalt[b-4lnjzrdruf] {
    background: #FBE6E6;
    color: #D94848;
}

.fotrad[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 0.3rem 0;
}

.sideantall[b-4lnjzrdruf] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
}

.sidevelger[b-4lnjzrdruf] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.pagebtn[b-4lnjzrdruf] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .pagebtn.aktiv[b-4lnjzrdruf] {
        background: #1F2024;
        color: #fff;
    }

.mapwrap[b-4lnjzrdruf] {
    position: relative;
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    overflow: hidden;
    height: 380px;
    background: #AEDCEC;
}

.mapkart[b-4lnjzrdruf] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mapkart-tom[b-4lnjzrdruf] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    padding: 1.5rem;
    color: #3d5a68;
    font-size: 0.82rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.55);
    pointer-events: none;
}

    .mapkart-tom[b-4lnjzrdruf]  .icon {
        width: 1.6rem;
        height: 1.6rem;
        opacity: 0.7;
    }

@media (max-width: 900px) {
    .pillrow[b-4lnjzrdruf] {
        gap: 0.4rem;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ServiceHub.razor.rz.scp.css */
/* ---------- Header ---------- */

.service-header[b-x4lqfo1myk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.9rem;
}

.service-header-tittel[b-x4lqfo1myk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .service-header-tittel h1[b-x4lqfo1myk] {
        margin: 0;
    }

.service-header-ikon[b-x4lqfo1myk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .service-header-ikon[b-x4lqfo1myk]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.service-header p[b-x4lqfo1myk] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Faner ---------- */

.service-tabs[b-x4lqfo1myk] {
    display: flex;
    gap: 0.35rem;
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    border: 1px solid var(--itlock-border);
    border-radius: 11px;
    padding: 0.3rem;
    margin-bottom: 1rem;
    width: fit-content;
}

.tab-button[b-x4lqfo1myk] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: none;
    border-radius: 8px;
    padding: 0.55rem 1.05rem;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--itlock-ink-muted);
    transition: background 0.15s ease, color 0.15s ease;
}

    .tab-button[b-x4lqfo1myk]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .tab-button:hover[b-x4lqfo1myk] {
        color: var(--itlock-ink);
    }

.tab-button-active[b-x4lqfo1myk] {
    background: var(--itlock-surface);
    color: var(--itlock-accent);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.tab-badge[b-x4lqfo1myk] {
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    border-radius: 999px;
    padding: 0.05rem 0.45rem;
}

.tab-button-active .tab-badge[b-x4lqfo1myk] {
    background: var(--itlock-accent);
    color: #fff;
}

@media (max-width: 640.98px) {
    .service-header p[b-x4lqfo1myk] {
        margin-left: 0;
    }

    .service-tabs[b-x4lqfo1myk] {
        width: 100%;
        overflow-x: auto;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ServiceModul.razor.rz.scp.css */
.back-link[b-xyqbwgimmi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-xyqbwgimmi]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-xyqbwgimmi] {
        color: var(--itlock-accent);
    }

/* ---------- Header ---------- */

.modul-header[b-xyqbwgimmi] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.5rem;
}

.modul-header-tittel[b-xyqbwgimmi] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .modul-header-tittel h1[b-xyqbwgimmi] {
        margin: 0;
    }

.modul-header-ikon[b-xyqbwgimmi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .modul-header-ikon[b-xyqbwgimmi]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.section-hint[b-xyqbwgimmi] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

/* ---------- Modulgrid ---------- */

.modul-grid[b-xyqbwgimmi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    max-width: 960px;
}

.modul-card[b-xyqbwgimmi] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

    .modul-card:hover[b-xyqbwgimmi] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
    }

.modul-card-ikon[b-xyqbwgimmi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .modul-card-ikon[b-xyqbwgimmi]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

    .modul-card:hover .modul-card-ikon[b-xyqbwgimmi] {
        background: var(--itlock-accent);
        color: #fff;
    }

.modul-card-title[b-xyqbwgimmi] {
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-xyqbwgimmi] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
    .modul-card[b-xyqbwgimmi] {
        transition: none;
    }
}

@media (max-width: 640.98px) {
    .modul-grid[b-xyqbwgimmi] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .modul-card[b-xyqbwgimmi] {
        border-radius: 0;
    }

        .modul-card:hover[b-xyqbwgimmi] {
            transform: none;
        }
}
/* _content/PortalItlock.Web/Components/Pages/Serviceoppdrag.razor.rz.scp.css */
.section-hint[b-af5s21nvrz] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
    margin: 0 0 1.1rem;
}

.list-empty[b-af5s21nvrz] {
    color: var(--itlock-ink-muted);
}

.result-count[b-af5s21nvrz] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

/* ---------- Nøkkeltall ---------- */

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

.nokkel-kort[b-af5s21nvrz] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--itlock-surface);
    background-image: linear-gradient(160deg, var(--itlock-surface) 0%, color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%) 100%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.nokkel-etikett[b-af5s21nvrz] {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.nokkel-verdi[b-af5s21nvrz] {
    font-size: 1.4rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.nokkel-verdi.blaa[b-af5s21nvrz] {
    color: #2054a3;
}

.nokkel-verdi.gul[b-af5s21nvrz] {
    color: #a1690a;
}

.nokkel-verdi.gronn[b-af5s21nvrz] {
    color: #2b7a4b;
}

.nokkel-under[b-af5s21nvrz] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Hurtigfilter ---------- */

.oppdrag-hurtigfilter[b-af5s21nvrz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 1.1rem;
}

.flis[b-af5s21nvrz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    text-align: left;
    cursor: pointer;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.65rem 0.9rem;
    font-family: inherit;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    min-width: 116px;
}

    .flis:hover[b-af5s21nvrz] {
        border-color: var(--itlock-accent);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.07);
    }

    .flis.aktiv[b-af5s21nvrz] {
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.flis-tall[b-af5s21nvrz] {
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--itlock-ink);
}

.flis-etikett[b-af5s21nvrz] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Søk ---------- */

.sok-felt[b-af5s21nvrz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 420px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    margin-bottom: 0.5rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-af5s21nvrz]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-af5s21nvrz] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-af5s21nvrz] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

/* ---------- Henvendelseskort ---------- */

.henvendelse-liste[b-af5s21nvrz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.henvendelse-kort[b-af5s21nvrz] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    padding: 1.1rem 1.2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

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

.henvendelse-kunde[b-af5s21nvrz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.avatar[b-af5s21nvrz] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
}

.henvendelse-kunde-info[b-af5s21nvrz] {
    display: flex;
    flex-direction: column;
}

    .henvendelse-kunde-info strong[b-af5s21nvrz] {
        font-size: 0.98rem;
    }

    .henvendelse-kunde-info .sub[b-af5s21nvrz] {
        font-size: 0.78rem;
        color: var(--itlock-ink-muted);
    }

.henvendelse-status-rad[b-af5s21nvrz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.status-select[b-af5s21nvrz] {
    font: inherit;
    font-weight: 600;
    font-size: 0.82rem;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--itlock-border);
    background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    color: var(--itlock-ink);
    cursor: pointer;
}

.status-select.status-ny[b-af5s21nvrz] {
    border-color: #2054a3;
    color: #2054a3;
    background: rgba(32, 84, 163, 0.1);
}

.status-select.status-vurdering[b-af5s21nvrz] {
    border-color: #a1690a;
    color: #a1690a;
    background: rgba(161, 105, 10, 0.1);
}

.status-select.status-pris[b-af5s21nvrz] {
    border-color: #7a2b96;
    color: #7a2b96;
    background: rgba(122, 43, 150, 0.1);
}

.status-select.status-fullfort[b-af5s21nvrz] {
    border-color: #2b7a4b;
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

.status-select.status-avslatt[b-af5s21nvrz] {
    border-color: #a32020;
    color: #a32020;
    background: rgba(163, 32, 32, 0.1);
}

.filter-button[b-af5s21nvrz] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
}

    .filter-button:hover[b-af5s21nvrz] {
        border-color: var(--itlock-accent);
    }

.henvendelse-body p[b-af5s21nvrz] {
    margin: 0.3rem 0;
    font-size: 0.88rem;
}

.felt-label[b-af5s21nvrz] {
    font-weight: 700;
    color: var(--itlock-ink-muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-right: 0.4rem;
}

.henvendelse-bilder[b-af5s21nvrz] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 0.5rem 0;
}

    .henvendelse-bilder img[b-af5s21nvrz] {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid var(--itlock-border);
    }

.bilde-etikett[b-af5s21nvrz] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin: 0.4rem 0 0.25rem;
}

.henvendelse-seksjon[b-af5s21nvrz] {
    border-top: 1px solid var(--itlock-border);
    padding-top: 0.8rem;
    margin-top: 0.8rem;
}

.henvendelse-seksjon-tittel[b-af5s21nvrz] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.5rem;
}

.svar-felt[b-af5s21nvrz] {
    display: block;
    margin-bottom: 0.5rem;
}

    .svar-felt textarea[b-af5s21nvrz] {
        width: 100%;
        max-width: 480px;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.65rem;
    }

.leveringsdato-felt[b-af5s21nvrz] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.6rem;
    max-width: 220px;
}

    .leveringsdato-felt input[b-af5s21nvrz] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.55rem;
    }

.save-button[b-af5s21nvrz],
.add-button[b-af5s21nvrz] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    .save-button:hover[b-af5s21nvrz],
    .add-button:hover[b-af5s21nvrz] {
        background: var(--itlock-accent-hover);
    }

    .add-button:disabled[b-af5s21nvrz] {
        opacity: 0.5;
        cursor: default;
    }

.henvendelse-actions[b-af5s21nvrz] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-top: 0.8rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--itlock-border);
}

.epost-sendt[b-af5s21nvrz] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: #2b7a4b;
    font-weight: 600;
}

    .epost-sendt[b-af5s21nvrz]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.form-error[b-af5s21nvrz] {
    color: #a32020;
    font-weight: 600;
    font-size: 0.8rem;
}

@media (max-width: 900px) {
    .nokkeltall[b-af5s21nvrz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/PortalItlock.Web/Components/Pages/ServiceSjekklistemal.razor.rz.scp.css */
.side-header[b-kxczt7836g] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.side-header-ikon[b-kxczt7836g] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-kxczt7836g]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-kxczt7836g] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-kxczt7836g] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.service-splitt[b-kxczt7836g] {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
}

.list-empty[b-kxczt7836g] {
    color: var(--itlock-ink-muted);
}

.mal-editor[b-kxczt7836g] {
    flex: 1.15 1 0;
    min-width: 0;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.2rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.punkt-list[b-kxczt7836g] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

    .punkt-list li[b-kxczt7836g] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    .punkt-list input[b-kxczt7836g] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.65rem;
    }

.punkt-handle[b-kxczt7836g] {
    cursor: grab;
    color: var(--itlock-ink-muted);
    font-size: 1rem;
    line-height: 1;
    user-select: none;
    flex-shrink: 0;
}

.punkt-dragging[b-kxczt7836g] {
    opacity: 0.4;
}

.knapp-liten-fjern[b-kxczt7836g] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.65rem;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

    .knapp-liten-fjern:hover[b-kxczt7836g] {
        border-color: #a32020;
        color: #a32020;
    }

.ny-punkt-form[b-kxczt7836g] {
    display: flex;
    gap: 0.6rem;
}

    .ny-punkt-form input[b-kxczt7836g] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px dashed var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
    }

.knapp[b-kxczt7836g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-kxczt7836g] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-kxczt7836g] {
        background: var(--itlock-accent-hover);
    }

.mal-editor-footer[b-kxczt7836g] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-top: 0.4rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--itlock-border);
}

.save-success[b-kxczt7836g] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 0;
}

.rapport-panel[b-kxczt7836g] {
    flex: 1 1 0;
    min-width: 0;
    position: sticky;
    top: 1rem;
}

.rapport-ark[b-kxczt7836g] {
    background: #fff;
    border: 1px solid var(--itlock-border);
    border-radius: 6px;
    padding: 1.5rem 1.4rem;
    font-family: Georgia, 'Times New Roman', serif;
    color: #26241f;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

.rapport-topp[b-kxczt7836g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid #26241f;
    padding-bottom: 0.8rem;
    margin-bottom: 1rem;
}

.rapport-logo[b-kxczt7836g] {
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.rapport-dato[b-kxczt7836g] {
    font-size: 0.72rem;
    color: #6b6863;
}

.rapport-tittel[b-kxczt7836g] {
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}

.rapport-punkt[b-kxczt7836g] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.4rem 0;
    font-size: 0.78rem;
    border-bottom: 1px dotted #ccc4b5;
}

.rapport-boks[b-kxczt7836g] {
    width: 0.85rem;
    height: 0.85rem;
    border: 1.3px solid #26241f;
    flex-shrink: 0;
    margin-top: 0.15rem;
}

.rapport-tom[b-kxczt7836g] {
    font-size: 0.78rem;
    color: #6b6863;
    font-style: italic;
    margin: 0;
}

.rapport-fot[b-kxczt7836g] {
    margin-top: 1rem;
    padding-top: 0.7rem;
    border-top: 1px solid #ccc4b5;
    font-size: 0.68rem;
    color: #6b6863;
}

.rapport-hint[b-kxczt7836g] {
    margin: 0.6rem 0 0;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    text-align: center;
}

@media (max-width: 900px) {
    .service-splitt[b-kxczt7836g] {
        flex-direction: column;
    }

    .rapport-panel[b-kxczt7836g] {
        width: 100%;
        position: static;
    }
}
/* _content/PortalItlock.Web/Components/Pages/SettPassord.razor.rz.scp.css */
.login-card[b-cauujqphr0] {
    width: 100%;
    max-width: 360px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

h1[b-cauujqphr0] {
    font-size: 1.4rem;
    margin: 0 0 0.5rem;
}

.sett-passord-hint[b-cauujqphr0] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.5rem;
    text-align: center;
}

.login-error[b-cauujqphr0] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

form[b-cauujqphr0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

label[b-cauujqphr0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

input[b-cauujqphr0] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.6rem;
}

button[b-cauujqphr0] {
    margin-top: 0.5rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.6rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    button:hover[b-cauujqphr0] {
        background: var(--itlock-accent-hover);
    }

.sett-passord-tilbake[b-cauujqphr0] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--itlock-accent);
    text-decoration: none;
}

    .sett-passord-tilbake:hover[b-cauujqphr0] {
        text-decoration: underline;
    }
/* _content/PortalItlock.Web/Components/Pages/Sjekklistemaler.razor.rz.scp.css */
.side-header[b-sslr9shknk] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.side-header-ikon[b-sslr9shknk] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-sslr9shknk]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-sslr9shknk] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-sslr9shknk] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-sslr9shknk] {
    color: var(--itlock-ink-muted);
}

.mal-rutenett[b-sslr9shknk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    align-items: start;
}

.mal-kort[b-sslr9shknk] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.mal-kort-apen[b-sslr9shknk] {
    grid-column: 1 / -1;
}

.mal-kort-header[b-sslr9shknk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.mal-navn[b-sslr9shknk] {
    font-weight: 700;
    font-size: 0.98rem;
}

.mal-antall[b-sslr9shknk] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    white-space: nowrap;
}

.punkt-preview[b-sslr9shknk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.punkt-preview-rad[b-sslr9shknk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.punkt-preview-nr[b-sslr9shknk] {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    flex-shrink: 0;
}

.punkt-preview-mer[b-sslr9shknk] {
    font-size: 0.78rem;
    color: var(--itlock-accent);
    font-weight: 600;
    padding-left: 1.7rem;
}

.punkt-preview-tom[b-sslr9shknk] {
    margin: 0;
    color: var(--itlock-ink-muted);
    font-size: 0.83rem;
    font-style: italic;
}

.mal-kort-footer[b-sslr9shknk] {
    display: flex;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
}

.btn-liten[b-sslr9shknk] {
    flex: 1;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .btn-liten:hover[b-sslr9shknk] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.mal-editor[b-sslr9shknk] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.mal-editor-header[b-sslr9shknk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.mal-dortype-input[b-sslr9shknk] {
    flex: 1 1 220px;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

.punkt-list[b-sslr9shknk] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 640px;
}

    .punkt-list li[b-sslr9shknk] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    .punkt-list input[b-sslr9shknk] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.65rem;
    }

.punkt-handle[b-sslr9shknk] {
    cursor: grab;
    color: var(--itlock-ink-muted);
    font-size: 1rem;
    line-height: 1;
    user-select: none;
    flex-shrink: 0;
}

.punkt-dragging[b-sslr9shknk] {
    opacity: 0.4;
}

.knapp-liten-fjern[b-sslr9shknk] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.35rem 0.65rem;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

    .knapp-liten-fjern:hover[b-sslr9shknk] {
        border-color: #a32020;
        color: #a32020;
    }

.ny-punkt-form[b-sslr9shknk] {
    display: flex;
    gap: 0.6rem;
    max-width: 640px;
}

    .ny-punkt-form input[b-sslr9shknk] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px dashed var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
    }

.knapp[b-sslr9shknk] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-sslr9shknk] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-sslr9shknk] {
        background: var(--itlock-accent-hover);
    }

.knapp-fare[b-sslr9shknk] {
    color: #a32020;
}

    .knapp-fare:hover[b-sslr9shknk] {
        border-color: #a32020;
    }

.ny-mal-kort[b-sslr9shknk] {
    border: 1.5px dashed var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--itlock-ink-muted);
}

.ny-mal-ikon[b-sslr9shknk] {
    color: var(--itlock-accent);
}

    .ny-mal-ikon[b-sslr9shknk]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.ny-mal-tittel[b-sslr9shknk] {
    font-size: 0.85rem;
    font-weight: 600;
}

.ny-mal-kort input[b-sslr9shknk] {
    width: 100%;
    font: inherit;
    font-size: 0.83rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.55rem;
}

.ny-mal-kort .knapp[b-sslr9shknk] {
    width: 100%;
    justify-content: center;
}

.save-success[b-sslr9shknk] {
    color: #2b7a4b;
    font-weight: 600;
    margin: 1rem 0 0;
}

.form-error[b-sslr9shknk] {
    color: #b5502d;
    font-weight: 600;
    margin: 1rem 0 0;
}

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

@media (max-width: 640.98px) {
    .mal-rutenett[b-sslr9shknk] {
        grid-template-columns: 1fr;
    }

    .mal-editor-header[b-sslr9shknk] {
        flex-wrap: wrap;
    }
}
/* _content/PortalItlock.Web/Components/Pages/SokResultat.razor.rz.scp.css */
.section-hint[b-9d08ch57bp] {
    color: var(--itlock-ink-muted);
    max-width: 720px;
}

.list-empty[b-9d08ch57bp] {
    color: var(--itlock-ink-muted);
}

h2[b-9d08ch57bp] {
    font-size: 1.05rem;
    margin: 1.5rem 0 0.5rem;
}

.sok-liste[b-9d08ch57bp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .sok-liste li[b-9d08ch57bp] {
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        padding: 0.5rem 0.8rem;
        display: flex;
        align-items: baseline;
        gap: 0.6rem;
        flex-wrap: wrap;
    }

    .sok-liste a[b-9d08ch57bp] {
        font-weight: 600;
    }

.sok-detalj[b-9d08ch57bp] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}
/* _content/PortalItlock.Web/Components/Pages/Systemregister.razor.rz.scp.css */
/* ---------- Header ---------- */

.system-header[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 1.25rem;
}

.system-header-tittel[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .system-header-tittel h1[b-0y7zup1mjt] {
        margin: 0;
    }

.system-header-ikon[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .system-header-ikon[b-0y7zup1mjt]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.system-header p[b-0y7zup1mjt] {
    margin: 0.2rem 0 0 3rem;
    color: var(--itlock-ink-muted);
}

/* ---------- 3-delt innhold ---------- */

.sr-innhold[b-0y7zup1mjt] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 300px;
    gap: 1.1rem;
    align-items: start;
}

/* ---------- Venstre: filtersidebar ---------- */

.sr-sidebar[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    position: sticky;
    top: 1rem;
}

.sr-filter-liste[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.6rem;
}

.sr-filter-rad[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    border-radius: 8px;
    padding: 0.5rem 0.6rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    transition: background 0.15s ease;
}

    .sr-filter-rad:hover[b-0y7zup1mjt] {
        background: rgba(131, 94, 65, 0.06);
    }

    .sr-filter-rad.aktiv[b-0y7zup1mjt] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
        font-weight: 700;
    }

    .sr-filter-rad.sr-filter-gronn.aktiv[b-0y7zup1mjt] {
        background: rgba(43, 122, 75, 0.1);
        color: #2b7a4b;
    }

    .sr-filter-rad.sr-filter-gul.aktiv[b-0y7zup1mjt] {
        background: rgba(161, 105, 10, 0.1);
        color: #a1690a;
    }

.sr-filter-ikon[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
}

    .sr-filter-ikon[b-0y7zup1mjt]  .icon {
        width: 1rem;
        height: 1rem;
    }

.sr-filter-tall[b-0y7zup1mjt] {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
}

.sr-sidebar-seksjon[b-0y7zup1mjt] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.8rem 0.7rem;
}

    .sr-sidebar-seksjon h3[b-0y7zup1mjt] {
        margin: 0 0 0.4rem 0.3rem;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
    }

.sr-sidebar-rad[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    border-radius: 7px;
    padding: 0.4rem 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.83rem;
    color: var(--itlock-ink);
    transition: background 0.15s ease;
}

    .sr-sidebar-rad:hover[b-0y7zup1mjt] {
        background: rgba(131, 94, 65, 0.06);
    }

    .sr-sidebar-rad.aktiv[b-0y7zup1mjt] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
        font-weight: 700;
    }

.sr-sidebar-navn[b-0y7zup1mjt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sr-sidebar-tall[b-0y7zup1mjt] {
    margin-left: auto;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    flex-shrink: 0;
}

.sr-vis-alle[b-0y7zup1mjt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-accent);
    padding: 0.4rem 0.5rem;
}

    .sr-vis-alle[b-0y7zup1mjt]  .icon {
        width: 0.75rem;
        height: 0.75rem;
    }

/* ---------- Midten: verktøylinje + liste ---------- */

.sr-hoved[b-0y7zup1mjt] {
    min-width: 0;
}

.sr-toolbar[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.system-sok[b-0y7zup1mjt] {
    flex: 1 1 260px;
    max-width: 380px;
    margin: 0;
}

.sok-felt[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.8rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sok-felt[b-0y7zup1mjt]  .icon {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .sok-felt:focus-within[b-0y7zup1mjt] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 3px rgba(131, 94, 65, 0.12);
    }

    .sok-felt input[b-0y7zup1mjt] {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        outline: none;
        background: none;
        font: inherit;
        color: var(--itlock-ink);
        padding: 0.15rem 0;
    }

.sr-toolbar-hoyre[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.filter-button[b-0y7zup1mjt],
.edit-button-active[b-0y7zup1mjt] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.filter-button[b-0y7zup1mjt] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

    .filter-button:hover[b-0y7zup1mjt] {
        border-color: var(--itlock-accent);
    }

.edit-button-active[b-0y7zup1mjt] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
}

    .filter-button[b-0y7zup1mjt]  .icon,
    .edit-button-active[b-0y7zup1mjt]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.new-button[b-0y7zup1mjt] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
    padding: 0.55rem 1.1rem;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

    .new-button[b-0y7zup1mjt]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .new-button:hover[b-0y7zup1mjt] {
        background: var(--itlock-accent-hover);
        transform: translateY(-1px);
    }

.sr-filterpanel[b-0y7zup1mjt] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.75rem;
}

    .sr-filterpanel label[b-0y7zup1mjt] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
        font-weight: 600;
    }

    .sr-filterpanel select[b-0y7zup1mjt] {
        padding: 0.4rem 0.55rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        background: var(--itlock-surface);
        color: var(--itlock-ink);
        font: inherit;
    }

.cancel-button[b-0y7zup1mjt] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
    height: fit-content;
}

    .cancel-button:hover[b-0y7zup1mjt] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.result-count[b-0y7zup1mjt] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.list-empty[b-0y7zup1mjt] {
    color: var(--itlock-ink-muted);
}

.sr-liste[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sr-rad[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.75rem 0.95rem;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sr-rad:hover[b-0y7zup1mjt] {
        border-color: var(--itlock-accent);
    }

    .sr-rad.aktiv[b-0y7zup1mjt] {
        border-color: var(--itlock-accent);
        box-shadow: 0 0 0 2px rgba(131, 94, 65, 0.15);
    }

.sr-rad-venstre[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.sr-rad-nummer[b-0y7zup1mjt] {
    font-weight: 700;
    font-size: 0.92rem;
}

.sr-rad-kunde[b-0y7zup1mjt] {
    font-size: 0.83rem;
    color: var(--itlock-ink);
}

.sr-rad-adresse[b-0y7zup1mjt] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sr-rad-hoyre[b-0y7zup1mjt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.sr-status-pille[b-0y7zup1mjt] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.sr-status-aktiv[b-0y7zup1mjt] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.12);
}

.sr-status-uten-rekvirent[b-0y7zup1mjt] {
    color: #a1690a;
    background: rgba(161, 105, 10, 0.12);
}

.sr-status-inaktiv[b-0y7zup1mjt] {
    color: var(--itlock-ink-muted);
    background: color-mix(in srgb, var(--itlock-ink-muted) 14%, transparent);
}

.sr-rad-rekv[b-0y7zup1mjt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

    .sr-rad-rekv[b-0y7zup1mjt]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

/* ---------- Høyre: detaljpanel ---------- */

.sr-detalj[b-0y7zup1mjt] {
    position: sticky;
    top: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.sr-detalj-lukk[b-0y7zup1mjt] {
    align-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 7px;
    border: none;
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    margin-bottom: -0.3rem;
}

    .sr-detalj-lukk:hover[b-0y7zup1mjt] {
        background: rgba(131, 94, 65, 0.1);
        color: var(--itlock-accent);
    }

    .sr-detalj-lukk[b-0y7zup1mjt]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.sr-detalj-bilde[b-0y7zup1mjt] {
    position: relative;
    width: 100%;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0.7rem;
}

    .sr-detalj-bilde img[b-0y7zup1mjt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.sr-detalj-bilde-tom[b-0y7zup1mjt] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--itlock-bg);
    border: 1px dashed var(--itlock-border);
    color: var(--itlock-ink-muted);
}

    .sr-detalj-bilde-tom[b-0y7zup1mjt]  .icon {
        width: 1.6rem;
        height: 1.6rem;
    }

.sr-detalj-status[b-0y7zup1mjt] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: var(--itlock-surface);
}

.sr-detalj-id[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-bottom: 0.7rem;
}

.sr-detalj-nummer[b-0y7zup1mjt] {
    font-weight: 800;
    font-size: 1.05rem;
}

.sr-detalj-kunde[b-0y7zup1mjt] {
    font-weight: 600;
    font-size: 0.86rem;
}

.sr-detalj-adresse[b-0y7zup1mjt] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.sr-detalj-tabs[b-0y7zup1mjt] {
    display: flex;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 0.5rem;
}

.sr-detalj-tab[b-0y7zup1mjt] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--itlock-accent);
    padding: 0.4rem 0.2rem;
    border-bottom: 2px solid var(--itlock-accent);
}

.sr-detalj-miniliste[b-0y7zup1mjt] {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: flex;
    flex-direction: column;
}

    .sr-detalj-miniliste li[b-0y7zup1mjt] {
        border-bottom: 1px solid var(--itlock-border);
    }

        .sr-detalj-miniliste li:last-child[b-0y7zup1mjt] {
            border-bottom: none;
        }

    .sr-detalj-miniliste a[b-0y7zup1mjt] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.55rem 0.1rem;
        text-decoration: none;
        color: var(--itlock-ink);
        font-size: 0.85rem;
        font-weight: 600;
    }

        .sr-detalj-miniliste a:hover[b-0y7zup1mjt] {
            color: var(--itlock-accent);
        }

        .sr-detalj-miniliste a span[b-0y7zup1mjt] {
            color: var(--itlock-ink-muted);
            font-weight: 700;
        }

.sr-detalj-infotittel[b-0y7zup1mjt] {
    margin: 0 0 0.5rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.sr-detalj-infoliste[b-0y7zup1mjt] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin: 0 0 1rem;
}

    .sr-detalj-infoliste > div[b-0y7zup1mjt] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        font-size: 0.82rem;
    }

    .sr-detalj-infoliste dt[b-0y7zup1mjt] {
        color: var(--itlock-ink-muted);
    }

    .sr-detalj-infoliste dd[b-0y7zup1mjt] {
        margin: 0;
        font-weight: 600;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.sr-rediger-knapp[b-0y7zup1mjt] {
    display: block;
    text-align: center;
    background: var(--itlock-accent);
    color: #fff;
    text-decoration: none;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.88rem;
}

    .sr-rediger-knapp:hover[b-0y7zup1mjt] {
        background: var(--itlock-accent-hover);
    }

@media (max-width: 1150px) {
    .sr-innhold[b-0y7zup1mjt] {
        grid-template-columns: 200px minmax(0, 1fr);
    }

    .sr-detalj[b-0y7zup1mjt] {
        display: none;
    }
}

@media (max-width: 900px) {
    .sr-innhold[b-0y7zup1mjt] {
        grid-template-columns: 1fr;
    }

    .sr-sidebar[b-0y7zup1mjt] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sr-filter-liste[b-0y7zup1mjt],
    .sr-sidebar-seksjon[b-0y7zup1mjt] {
        flex: 1 1 220px;
    }
}

@media (max-width: 640.98px) {
    .sr-rad[b-0y7zup1mjt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .sr-rad-hoyre[b-0y7zup1mjt] {
        align-self: flex-end;
    }
}
/* _content/PortalItlock.Web/Components/Pages/SystemregisterSkjema.razor.rz.scp.css */
.back-link[b-an7u29b8kc] {
    display: inline-block;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

    .back-link:hover[b-an7u29b8kc] {
        color: var(--itlock-accent);
    }

.sys-tittel[b-an7u29b8kc] {
    margin: 0 0 1.1rem;
}

.sys-layout[b-an7u29b8kc] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 1.1rem;
    align-items: start;
}

/* ---------- Venstre fane-navigasjon ---------- */

.sys-nav[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.6rem;
    position: sticky;
    top: 1rem;
}

.sys-nav-rad[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    border-radius: 8px;
    padding: 0.55rem 0.6rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    color: var(--itlock-ink);
    transition: background 0.15s ease;
}

    .sys-nav-rad:hover[b-an7u29b8kc] {
        background: rgba(131, 94, 65, 0.06);
    }

    .sys-nav-rad.aktiv[b-an7u29b8kc] {
        background: var(--itlock-accent);
        color: #fff;
        font-weight: 600;
    }

.sys-nav-ikon[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
}

    .sys-nav-ikon[b-an7u29b8kc]  .icon {
        width: 1rem;
        height: 1rem;
    }

.sys-nav-badge[b-an7u29b8kc] {
    margin-left: auto;
    font-size: 0.74rem;
    font-weight: 700;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    border-radius: 999px;
    padding: 0.05rem 0.5rem;
}

    .sys-nav-rad.aktiv .sys-nav-badge[b-an7u29b8kc] {
        background: rgba(255, 255, 255, 0.25);
        color: #fff;
    }

.sys-hoved[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
}

.sys-kort[b-an7u29b8kc] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1.1rem 1.2rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

    .sys-kort h2[b-an7u29b8kc] {
        margin: 0 0 0.75rem;
        font-size: 1rem;
    }

/* ---------- Oversikt: identitetskort ---------- */

.sys-id-kort[b-an7u29b8kc] {
    position: relative;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1.1rem 1.2rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.2rem 1.5rem;
}

.sys-id-rad[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    grid-column: 1 / -1;
}

.sys-id-ikon[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .sys-id-ikon[b-an7u29b8kc]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.sys-id-tekst[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex: 1;
    min-width: 0;
}

.sys-id-nummer[b-an7u29b8kc] {
    font-size: 1.2rem;
    font-weight: 800;
}

.sys-status-pille[b-an7u29b8kc] {
    display: inline-flex;
    align-items: center;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.sys-status-aktiv[b-an7u29b8kc] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.12);
}

.sys-status-inaktiv[b-an7u29b8kc] {
    color: var(--itlock-ink-muted);
    background: color-mix(in srgb, var(--itlock-ink-muted) 14%, transparent);
}

.sys-id-kunde[b-an7u29b8kc] {
    font-weight: 600;
    margin-left: 2.9rem;
}

.sys-id-adresse[b-an7u29b8kc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin-left: 2.9rem;
}

    .sys-id-adresse[b-an7u29b8kc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.sys-bilde-upload-label[b-an7u29b8kc] {
    grid-row: 1 / 4;
    grid-column: 2;
    cursor: pointer;
    display: block;
}

    .sys-bilde-upload-label input[type="file"][b-an7u29b8kc] {
        display: none;
    }

.sys-bygningsbilde[b-an7u29b8kc] {
    width: 160px;
    height: 110px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}

.sys-bygningsbilde-tom[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    background: var(--itlock-bg);
    border: 1px dashed var(--itlock-border);
    color: var(--itlock-ink-muted);
    font-size: 0.72rem;
    text-align: center;
}

    .sys-bygningsbilde-tom[b-an7u29b8kc]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

/* ---------- Flere handlinger-meny ---------- */

.sys-dropdown[b-an7u29b8kc] {
    position: relative;
    margin-left: auto;
}

.sys-dropdown-knapp[b-an7u29b8kc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.85rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
}

    .sys-dropdown-knapp:hover[b-an7u29b8kc] {
        border-color: var(--itlock-accent);
    }

    .sys-dropdown-knapp[b-an7u29b8kc]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.sys-dropdown-meny[b-an7u29b8kc] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.3rem);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    min-width: 220px;
    padding: 0.35rem;
    z-index: 20;
}

    .sys-dropdown-meny button[b-an7u29b8kc] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        border: none;
        background: none;
        text-align: left;
        padding: 0.5rem 0.6rem;
        border-radius: 7px;
        cursor: pointer;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
    }

        .sys-dropdown-meny button:hover[b-an7u29b8kc] {
            background: rgba(131, 94, 65, 0.08);
        }

        .sys-dropdown-meny button[b-an7u29b8kc]  .icon {
            width: 0.85rem;
            height: 0.85rem;
        }

.sys-dropdown-fare[b-an7u29b8kc] {
    color: #a32020 !important;
}

    .sys-dropdown-fare:hover[b-an7u29b8kc] {
        background: rgba(163, 32, 32, 0.08) !important;
    }

/* ---------- Oversikt: grid-kort ---------- */

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

.sys-infoliste[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0;
}

    .sys-infoliste > div[b-an7u29b8kc] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        font-size: 0.88rem;
    }

    .sys-infoliste dt[b-an7u29b8kc] {
        color: var(--itlock-ink-muted);
    }

    .sys-infoliste dd[b-an7u29b8kc] {
        margin: 0;
        font-weight: 600;
        text-align: right;
    }

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

.sys-statkort[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem 0.8rem;
}

.sys-stat-ikon[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    margin-bottom: 0.3rem;
}

    .sys-stat-ikon[b-an7u29b8kc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.sys-stat-tall[b-an7u29b8kc] {
    font-size: 1.25rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.sys-stat-etikett[b-an7u29b8kc] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
}

.sys-aktivitet-liste[b-an7u29b8kc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

    .sys-aktivitet-liste li[b-an7u29b8kc] {
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
        padding-bottom: 0.65rem;
        border-bottom: 1px solid var(--itlock-border);
    }

        .sys-aktivitet-liste li:last-child[b-an7u29b8kc] {
            border-bottom: none;
            padding-bottom: 0;
        }

.sys-aktivitet-tekst[b-an7u29b8kc] {
    font-size: 0.86rem;
    font-weight: 600;
}

.sys-aktivitet-meta[b-an7u29b8kc] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

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

.sys-hurtig-knapp[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.65rem 0.75rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--itlock-ink);
    text-align: left;
    transition: border-color 0.15s ease;
}

    .sys-hurtig-knapp:hover[b-an7u29b8kc] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .sys-hurtig-knapp[b-an7u29b8kc]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

/* ---------- Nøkler-tabell ---------- */

.sys-tabell-wrap[b-an7u29b8kc] {
    overflow-x: auto;
}

.sys-tabell[b-an7u29b8kc] {
    width: 100%;
    border-collapse: collapse;
}

    .sys-tabell th[b-an7u29b8kc],
    .sys-tabell td[b-an7u29b8kc] {
        text-align: left;
        padding: 0.55rem 0.7rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .sys-tabell th[b-an7u29b8kc] {
        color: var(--itlock-ink-muted);
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .sys-tabell tbody tr:last-child td[b-an7u29b8kc] {
        border-bottom: none;
    }

.mono[b-an7u29b8kc] {
    font-variant-numeric: tabular-nums;
}

/* ---------- Eksisterende skjema-elementer (uendret) ---------- */

.system-section h2[b-an7u29b8kc] {
    margin-bottom: 0.5rem;
}

.section-hint[b-an7u29b8kc] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.field-grid[b-an7u29b8kc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

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

.field-grid input[b-an7u29b8kc],
.field-grid select[b-an7u29b8kc],
.field-grid textarea[b-an7u29b8kc] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.list-empty[b-an7u29b8kc] {
    color: var(--itlock-ink-muted);
}

.rekvirent-row[b-an7u29b8kc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr)) auto;
    gap: 0.6rem;
    align-items: end;
    padding: 0.7rem;
    border: 1px dashed var(--itlock-border);
    margin-bottom: 0.6rem;
}

.rekvirent-row label[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.rekvirent-row input[b-an7u29b8kc] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.kvittering-row[b-an7u29b8kc] {
    display: grid;
    grid-template-columns: repeat(6, minmax(110px, 1fr)) auto;
    gap: 0.6rem;
    align-items: end;
    padding: 0.7rem;
    border: 1px dashed var(--itlock-border);
    margin-bottom: 0.6rem;
}

.kvittering-row label[b-an7u29b8kc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.kvittering-row input[b-an7u29b8kc] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.5rem;
}

.signatur-hint[b-an7u29b8kc] {
    grid-column: 1 / -1;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.signatur-visning[b-an7u29b8kc] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.signatur-bilde[b-an7u29b8kc] {
    height: 60px;
    border: 1px solid var(--itlock-border);
    background: #fff;
    padding: 0.2rem;
}

.signatur-dato[b-an7u29b8kc] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.signatur-pad-wrap[b-an7u29b8kc] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}

.signatur-canvas[b-an7u29b8kc] {
    width: 100%;
    max-width: 500px;
    height: 180px;
    background: #fff;
    border: 1px solid var(--itlock-border);
    touch-action: none;
    cursor: crosshair;
}

.signatur-actions[b-an7u29b8kc] {
    display: flex;
    gap: 0.5rem;
}

.vedlegg-list[b-an7u29b8kc] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 640px;
}

.vedlegg-item[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--itlock-border);
}

    .vedlegg-item a[b-an7u29b8kc] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
        flex: 1;
    }

        .vedlegg-item a:hover[b-an7u29b8kc] {
            text-decoration: underline;
        }

.vedlegg-type[b-an7u29b8kc] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    padding: 0.15rem 0.5rem;
}

.vedlegg-upload[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .vedlegg-upload select[b-an7u29b8kc] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.remove-button[b-an7u29b8kc] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.7rem;
    cursor: pointer;
    font-size: 0.8rem;
    height: fit-content;
}

.add-button[b-an7u29b8kc],
.save-button[b-an7u29b8kc] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    height: fit-content;
    border-radius: 7px;
}

.form-actions[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.form-error[b-an7u29b8kc] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-an7u29b8kc] {
    color: #2b7a4b;
    font-weight: 600;
}

.delete-button[b-an7u29b8kc],
.delete-confirm-button[b-an7u29b8kc] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    border-radius: 7px;
}

.delete-confirm-button[b-an7u29b8kc] {
    background: #b5502d;
    color: #fff;
}

.cancel-button[b-an7u29b8kc] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    border-radius: 7px;
}

.delete-confirm[b-an7u29b8kc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

/* ---------- Bekreft slett (Oversikt-fanen) ---------- */

.confirm-overlay[b-an7u29b8kc] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    padding: 1rem;
}

.confirm-box[b-an7u29b8kc] {
    background: var(--itlock-surface);
    width: min(420px, 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .confirm-box h3[b-an7u29b8kc] {
        margin: 0 0 0.5rem;
        font-size: 1.05rem;
    }

    .confirm-box p[b-an7u29b8kc] {
        color: var(--itlock-ink-muted);
        margin: 0 0 1rem;
    }

.confirm-actions[b-an7u29b8kc] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

@media (max-width: 1000px) {
    .sys-layout[b-an7u29b8kc] {
        grid-template-columns: 1fr;
    }

    .sys-nav[b-an7u29b8kc] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sys-grid2[b-an7u29b8kc] {
        grid-template-columns: 1fr;
    }

    .sys-id-kort[b-an7u29b8kc] {
        grid-template-columns: 1fr;
    }

    .sys-bilde-upload-label[b-an7u29b8kc] {
        grid-row: auto;
        grid-column: 1;
    }

    .sys-bygningsbilde[b-an7u29b8kc] {
        width: 100%;
        margin-top: 0.75rem;
    }
}

@media (max-width: 750px) {
    .kvittering-row[b-an7u29b8kc] {
        grid-template-columns: 1fr 1fr;
    }

    .rekvirent-row[b-an7u29b8kc] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TicketDetalj.razor.rz.scp.css */
.back-link[b-1k62wkf6zi] {
    display: inline-block;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-1k62wkf6zi] {
        text-decoration: underline;
    }

.form-error[b-1k62wkf6zi] {
    color: #a32020;
}

.section-hint[b-1k62wkf6zi] {
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
    max-width: 720px;
}

.list-empty[b-1k62wkf6zi] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

/* Header */

.ordre-header-rad[b-1k62wkf6zi] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.ordre-tittel-h1[b-1k62wkf6zi] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
}

.ordre-meta-rad[b-1k62wkf6zi] {
    margin: 0.25rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
}

.ordre-etikett-rad[b-1k62wkf6zi] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.4rem;
    flex-wrap: wrap;
}

.ordre-etikett[b-1k62wkf6zi] {
    font-size: 0.68rem;
    font-weight: 700;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.16rem 0.55rem;
}

.ordre-etikett-rod[b-1k62wkf6zi] {
    color: #a32020;
    background: rgba(163, 32, 32, 0.08);
    border-color: rgba(163, 32, 32, 0.3);
}

/* Card shell with icon stripe + tabs + sidebar */

.ordre-kort[b-1k62wkf6zi] {
    margin-top: 0.9rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 18px -16px rgba(41, 41, 39, 0.4);
}

.ordre-kort-stripe[b-1k62wkf6zi] {
    background: var(--itlock-accent);
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

    .ordre-kort-stripe[b-1k62wkf6zi]  .icon {
        width: 1rem;
        height: 1rem;
    }

.ordre-kort-body[b-1k62wkf6zi] {
    background: var(--itlock-surface);
}

.fane-rad[b-1k62wkf6zi] {
    display: flex;
    gap: 0.1rem;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0 0.7rem;
}

.fane[b-1k62wkf6zi] {
    padding: 0.6rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    font: inherit;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

    .fane.aktiv[b-1k62wkf6zi] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
    }

.fane-badge[b-1k62wkf6zi] {
    font-size: 0.66rem;
    font-weight: 700;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    border-radius: 999px;
    padding: 0.04rem 0.4rem;
}

.ordre-kort-layout[b-1k62wkf6zi] {
    display: flex;
}

.ordre-kort-hoved[b-1k62wkf6zi] {
    flex: 1;
    padding: 1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 0;
}

.ordre-kort-sidebar[b-1k62wkf6zi] {
    width: 210px;
    flex-shrink: 0;
    border-left: 1px solid var(--itlock-border);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.sidebar-tittel[b-1k62wkf6zi] {
    font-size: 0.66rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.2rem;
}

.egenskap-rad[b-1k62wkf6zi] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--itlock-border);
    font-size: 0.76rem;
}

    .egenskap-rad:last-child[b-1k62wkf6zi] {
        border-bottom: none;
    }

.egenskap-label[b-1k62wkf6zi] {
    color: var(--itlock-ink-muted);
}

.egenskap-verdi[b-1k62wkf6zi] {
    font-weight: 600;
    text-align: right;
}

/* Fields */

.felt[b-1k62wkf6zi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .felt label[b-1k62wkf6zi] {
        font-size: 0.66rem;
        font-weight: 700;
        color: var(--itlock-ink-muted);
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .felt input[b-1k62wkf6zi],
    .felt select[b-1k62wkf6zi],
    .felt textarea[b-1k62wkf6zi] {
        font: inherit;
        font-size: 0.82rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.55rem;
        width: 100%;
    }

.felt-grid[b-1k62wkf6zi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem 0.8rem;
}

.span-3[b-1k62wkf6zi] {
    grid-column: span 3;
}

/* Buttons */

.knapp[b-1k62wkf6zi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 8px;
    padding: 0.45rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp:disabled[b-1k62wkf6zi] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.knapp-primaer[b-1k62wkf6zi] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-1k62wkf6zi] {
        background: var(--itlock-accent-hover);
    }

.save-success[b-1k62wkf6zi] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.82rem;
}

/* SLA + garanti */

.sla-linje[b-1k62wkf6zi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.7rem;
    background: rgba(163, 32, 32, 0.06);
    border: 1px solid rgba(163, 32, 32, 0.2);
    border-radius: 8px;
    font-size: 0.78rem;
    color: #a32020;
    font-weight: 600;
}

    .sla-linje[b-1k62wkf6zi]  .icon {
        width: 0.9rem;
        height: 0.9rem;
        color: #a32020;
        flex-shrink: 0;
    }

.garanti-ok[b-1k62wkf6zi] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.8rem;
}

.garanti-utlopt[b-1k62wkf6zi] {
    color: #a32020;
    font-weight: 600;
    font-size: 0.8rem;
}

.checkbox-row[b-1k62wkf6zi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--itlock-ink);
}

/* Godkjenn-panel */

.godkjenn-panel[b-1k62wkf6zi] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-bg);
    border-radius: 9px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

/* Kobling-fane */

.kobling-kort-tittel[b-1k62wkf6zi] {
    font-size: 0.8rem;
    font-weight: 700;
}

.kobling-link[b-1k62wkf6zi] {
    color: var(--itlock-accent);
    font-weight: 700;
    text-decoration: none;
}

    .kobling-link:hover[b-1k62wkf6zi] {
        text-decoration: underline;
    }

.knytt-rad[b-1k62wkf6zi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .knytt-rad select[b-1k62wkf6zi] {
        font: inherit;
        font-size: 0.82rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.55rem;
        min-width: 220px;
    }

.tilbud-liste[b-1k62wkf6zi],
.vedlegg-liste[b-1k62wkf6zi] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

    .vedlegg-liste li[b-1k62wkf6zi] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        font-size: 0.85rem;
    }

.foresporsel-tekst-visning[b-1k62wkf6zi] {
    white-space: pre-wrap;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.6rem 0.8rem;
    font-size: 0.85rem;
    max-width: 720px;
}

/* Vedlegg */

[b-1k62wkf6zi] .e-upload,
input[type="file"][b-1k62wkf6zi] {
    font-size: 0.85rem;
}

/* Historikk */

.kommentar-rad[b-1k62wkf6zi] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

    .kommentar-rad textarea[b-1k62wkf6zi] {
        flex: 1;
        font: inherit;
        font-size: 0.85rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.4rem 0.55rem;
    }

.kommentar-actions[b-1k62wkf6zi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.kunde-synlig-badge[b-1k62wkf6zi] {
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0.08rem 0.4rem;
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.historikk-liste[b-1k62wkf6zi] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.historikk-rad[b-1k62wkf6zi] {
    display: flex;
    gap: 0.7rem;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--itlock-border);
    padding-bottom: 0.4rem;
}

.historikk-tidspunkt[b-1k62wkf6zi] {
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    font-size: 0.76rem;
}

@media (max-width: 700px) {
    .ordre-kort-layout[b-1k62wkf6zi] {
        flex-direction: column;
    }

    .ordre-kort-sidebar[b-1k62wkf6zi] {
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--itlock-border);
    }

    .felt-grid[b-1k62wkf6zi] {
        grid-template-columns: 1fr 1fr;
    }

    .span-3[b-1k62wkf6zi] {
        grid-column: span 2;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TicketKategorier.razor.rz.scp.css */
.back-link[b-weyzirp8s8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--itlock-accent);
    font-size: 0.83rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-weyzirp8s8] {
        text-decoration: underline;
    }

    .back-link[b-weyzirp8s8]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.side-header[b-weyzirp8s8] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-weyzirp8s8] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-weyzirp8s8]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-weyzirp8s8] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-weyzirp8s8] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.9rem;
    line-height: 1.5;
}

.list-empty[b-weyzirp8s8] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 1rem;
}

.kategori-grid[b-weyzirp8s8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1rem;
}

.kategori-panel[b-weyzirp8s8] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.3rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

    .kategori-panel h2[b-weyzirp8s8] {
        margin: 0 0 0.9rem;
        font-size: 0.95rem;
        font-weight: 700;
    }

.kategori-chip-liste[b-weyzirp8s8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.kategori-chip[b-weyzirp8s8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-ink);
    border-radius: 999px;
    padding: 0.35rem 0.4rem 0.35rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 600;
}

    .kategori-chip button[b-weyzirp8s8] {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        border: none;
        background: rgba(0, 0, 0, 0.08);
        color: var(--itlock-ink-muted);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0;
        padding: 0;
    }

        .kategori-chip button[b-weyzirp8s8]  .icon {
            width: 0.65rem;
            height: 0.65rem;
        }

        .kategori-chip button:hover[b-weyzirp8s8] {
            background: #b5502d;
            color: #fff;
        }

.kategori-ny[b-weyzirp8s8] {
    display: flex;
    gap: 0.5rem;
}

    .kategori-ny input[b-weyzirp8s8] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.86rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
    }

        .kategori-ny input:focus[b-weyzirp8s8] {
            outline: none;
            border-color: var(--itlock-accent);
        }

.knapp[b-weyzirp8s8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 8px;
    padding: 0.45rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-weyzirp8s8] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:disabled[b-weyzirp8s8] {
        opacity: 0.5;
        cursor: not-allowed;
    }

@media (max-width: 900px) {
    .kategori-grid[b-weyzirp8s8] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TicketListe.razor.rz.scp.css */
.side-header[b-nlcusa3izb] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-nlcusa3izb] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-nlcusa3izb]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-nlcusa3izb] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-nlcusa3izb] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 560px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.admin-rad[b-nlcusa3izb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1.3rem;
}

    .admin-rad .section-hint[b-nlcusa3izb] {
        margin: 0;
    }

.knapp[b-nlcusa3izb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 0.95rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    text-decoration: none;
}

    .knapp[b-nlcusa3izb]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .knapp:hover[b-nlcusa3izb] {
        border-color: var(--itlock-accent);
    }

    .knapp:disabled[b-nlcusa3izb] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.knapp-primaer[b-nlcusa3izb] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:disabled[b-nlcusa3izb] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.panel[b-nlcusa3izb] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.2rem 1.4rem;
    margin-bottom: 1.2rem;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
    max-width: 900px;
}

.panel-tittel[b-nlcusa3izb] {
    margin: 0 0 0.9rem;
    font-weight: 700;
    font-size: 0.98rem;
}

.felt-grid[b-nlcusa3izb] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.9rem;
}

.felt-gruppe[b-nlcusa3izb] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.felt-label[b-nlcusa3izb] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.felt-gruppe input[b-nlcusa3izb],
.felt-gruppe select[b-nlcusa3izb] {
    font: inherit;
    font-size: 0.9rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
}

    .felt-gruppe input:focus[b-nlcusa3izb],
    .felt-gruppe select:focus[b-nlcusa3izb] {
        outline: none;
        border-color: var(--itlock-accent);
    }

.panel-actions[b-nlcusa3izb] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.filter-bar[b-nlcusa3izb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.sok-felt[b-nlcusa3izb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    flex: 1 1 220px;
    color: var(--itlock-ink-muted);
}

    .sok-felt[b-nlcusa3izb]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .sok-felt input[b-nlcusa3izb] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        color: var(--itlock-ink);
        flex: 1;
    }

.filter-select[b-nlcusa3izb] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .filter-select span[b-nlcusa3izb] {
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
    }

    .filter-select select[b-nlcusa3izb] {
        font: inherit;
        font-size: 0.86rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
        min-width: 150px;
    }

.filter-checkbox[b-nlcusa3izb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    padding-bottom: 0.5rem;
}

/* ---------- Visningsbytte (Kanban/Liste) ---------- */

.ticket-viewtoggle[b-nlcusa3izb] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
    margin-left: auto;
    align-self: flex-start;
}

    .ticket-viewtoggle button[b-nlcusa3izb] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        border: none;
        background: none;
        padding: 0.4rem 0.8rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

        .ticket-viewtoggle button[b-nlcusa3izb]  .icon {
            width: 0.9rem;
            height: 0.9rem;
        }

        .ticket-viewtoggle button.aktiv[b-nlcusa3izb] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

/* ---------- Listevisning: tabell ---------- */

.result-count[b-nlcusa3izb] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.ticket-tablewrap[b-nlcusa3izb] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: auto;
    margin-bottom: 1rem;
}

.ticket-table[b-nlcusa3izb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

    .ticket-table th[b-nlcusa3izb],
    .ticket-table td[b-nlcusa3izb] {
        padding: 0.65rem 0.85rem;
        text-align: left;
        white-space: nowrap;
    }

    .ticket-table .ticket-td-tittel[b-nlcusa3izb] {
        font-weight: 600;
        white-space: normal;
    }

.ticket-thr[b-nlcusa3izb] {
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
    border-bottom: 1px solid var(--itlock-border);
}

    .ticket-thr th[b-nlcusa3izb] {
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        font-weight: 700;
    }

.ticket-tr[b-nlcusa3izb] {
    border-bottom: 1px solid var(--itlock-border);
    cursor: pointer;
    transition: background-color 0.1s ease;
}

    .ticket-tr:last-child[b-nlcusa3izb] {
        border-bottom: none;
    }

    .ticket-tr:hover[b-nlcusa3izb] {
        background: color-mix(in srgb, var(--itlock-bg) 45%, var(--itlock-surface) 55%);
    }

.ticket-td-id[b-nlcusa3izb] {
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
}

.ticket-td-forfalt[b-nlcusa3izb] {
    color: #a32020;
    font-weight: 600;
}

.ticket-pagerad[b-nlcusa3izb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ticket-pagerad-tekst[b-nlcusa3izb] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.ticket-pager[b-nlcusa3izb] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

    .ticket-pager button[b-nlcusa3izb] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.9rem;
        height: 1.9rem;
        padding: 0 0.4rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        border-radius: 7px;
        font-size: 0.82rem;
        font-weight: 600;
        color: var(--itlock-ink);
        cursor: pointer;
        font-family: inherit;
    }

    .ticket-pager button:disabled[b-nlcusa3izb] {
        opacity: 0.4;
        cursor: default;
    }

    .ticket-pager button.aktiv[b-nlcusa3izb] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

    .ticket-pager button:first-child[b-nlcusa3izb]  .icon,
    .ticket-pager button:last-child[b-nlcusa3izb]  .icon {
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(90deg);
    }

    .ticket-pager button:last-child[b-nlcusa3izb]  .icon {
        transform: rotate(-90deg);
    }

.ticket-nr[b-nlcusa3izb] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.ticket-kunde[b-nlcusa3izb],
.ticket-ansvarlig[b-nlcusa3izb] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.prioritet-pill[b-nlcusa3izb] {
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
    text-align: center;
}

.prioritet-Lav[b-nlcusa3izb] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.prioritet-Normal[b-nlcusa3izb] {
    background: rgba(26, 107, 107, 0.1);
    color: #1a6b6b;
}

.prioritet-Hoy[b-nlcusa3izb] {
    background: rgba(179, 89, 0, 0.1);
    color: #b35900;
}

.prioritet-Kritisk[b-nlcusa3izb] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

.ticket-forfalt[b-nlcusa3izb] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #a32020;
    white-space: nowrap;
}

.reklamasjon-badge[b-nlcusa3izb] {
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 700;
    color: #8a5a15;
    background: #f4e3c7;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    margin-left: 0.5rem;
    white-space: nowrap;
    vertical-align: middle;
}

.board-melding[b-nlcusa3izb] {
    color: #a32020;
}

.ticket-board[b-nlcusa3izb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 0.9rem;
    overflow-x: auto;
    align-items: start;
}

.ticket-board-kolonne[b-nlcusa3izb] {
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.7rem;
}

.ticket-board-header[b-nlcusa3izb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.3rem 0.5rem;
    border-radius: 8px;
}

.ticket-status-Ny[b-nlcusa3izb] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.ticket-status-UnderBehandling[b-nlcusa3izb] {
    background: rgba(138, 90, 21, 0.13);
    color: #8a5a15;
}

.ticket-status-VenterGodkjenning[b-nlcusa3izb] {
    background: rgba(122, 43, 150, 0.1);
    color: #7a2b96;
}

.ticket-status-Lukket[b-nlcusa3izb] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

/* Tinted kolonne-bakgrunn - samme oppskrift som Tilbud service/Prosjekter
   sine fargede Kanban-kolonner. */
.ticket-board-kolonne-Ny[b-nlcusa3izb] {
    background: color-mix(in srgb, #dbe7f7 55%, var(--itlock-bg) 45%);
}

.ticket-board-kolonne-UnderBehandling[b-nlcusa3izb] {
    background: color-mix(in srgb, #f4e3c7 55%, var(--itlock-bg) 45%);
}

.ticket-board-kolonne-VenterGodkjenning[b-nlcusa3izb] {
    background: color-mix(in srgb, #f0d9f7 55%, var(--itlock-bg) 45%);
}

.ticket-board-kolonne-Lukket[b-nlcusa3izb] {
    background: color-mix(in srgb, #d3ecdb 55%, var(--itlock-bg) 45%);
}

.ticket-board-antall[b-nlcusa3izb] {
    font-variant-numeric: tabular-nums;
}

.ticket-board-tom[b-nlcusa3izb] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    padding: 0 0.25rem;
}

.ticket-board-kort[b-nlcusa3izb] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem 0.8rem;
    text-decoration: none;
    color: inherit;
    cursor: grab;
    box-shadow: 0 6px 14px -14px rgba(41, 41, 39, 0.3);
}

    .ticket-board-kort:hover[b-nlcusa3izb] {
        border-color: var(--itlock-accent);
    }

    .ticket-board-kort:active[b-nlcusa3izb] {
        cursor: grabbing;
    }

    .ticket-board-kort strong[b-nlcusa3izb] {
        font-size: 0.88rem;
    }

.ticket-board-kort-footer[b-nlcusa3izb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

@media (max-width: 900px) {
    .ticket-board[b-nlcusa3izb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .felt-grid[b-nlcusa3izb] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TilbakestillPassord.razor.rz.scp.css */
.login-card[b-7tdjtubqqg] {
    width: 100%;
    max-width: 360px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

h1[b-7tdjtubqqg] {
    font-size: 1.4rem;
    margin: 0 0 0.5rem;
}

.login-error[b-7tdjtubqqg] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

form[b-7tdjtubqqg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

label[b-7tdjtubqqg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

input[b-7tdjtubqqg] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 0.6rem;
}

button[b-7tdjtubqqg] {
    margin-top: 0.5rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    padding: 0.6rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

    button:hover[b-7tdjtubqqg] {
        background: var(--itlock-accent-hover);
    }

.sett-passord-tilbake[b-7tdjtubqqg] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--itlock-accent);
    text-decoration: none;
}

    .sett-passord-tilbake:hover[b-7tdjtubqqg] {
        text-decoration: underline;
    }
/* _content/PortalItlock.Web/Components/Pages/TilbudServiceAvslatt.razor.rz.scp.css */
.back-link[b-tfoeslgfgr] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-tfoeslgfgr] {
        text-decoration: underline;
    }

.side-header[b-tfoeslgfgr] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.3rem;
}

.side-header-ikon[b-tfoeslgfgr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

.side-header-ikon-rod[b-tfoeslgfgr] {
    background: #f7d3d3;
    color: #a32020;
}

    .side-header-ikon[b-tfoeslgfgr]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-tfoeslgfgr] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-tfoeslgfgr] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
    max-width: 620px;
    line-height: 1.5;
}

.sok-felt[b-tfoeslgfgr] {
    display: block;
    max-width: 400px;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
    margin: 0 0 1.25rem;
}

.list-empty[b-tfoeslgfgr] {
    color: var(--itlock-ink-muted);
}

.avtale-liste[b-tfoeslgfgr] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-width: 900px;
}

.avtale-rad[b-tfoeslgfgr] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    transition: border-color 0.15s ease;
    opacity: 0.85;
}

    .avtale-rad:hover[b-tfoeslgfgr] {
        border-color: var(--itlock-accent);
        opacity: 1;
    }

.avtale-lenke[b-tfoeslgfgr] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.avtale-ikon[b-tfoeslgfgr] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .avtale-ikon[b-tfoeslgfgr]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.avtale-info[b-tfoeslgfgr] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex: 1 1 auto;
    min-width: 0;
}

.avtale-navn[b-tfoeslgfgr] {
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: line-through;
    text-decoration-color: var(--itlock-border);
}

.avtale-meta[b-tfoeslgfgr] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

    .avtale-meta .ingen-kunde[b-tfoeslgfgr] {
        opacity: 0.7;
    }

.avtale-sum[b-tfoeslgfgr] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #a32020;
    font-variant-numeric: tabular-nums;
}

.apne-pil[b-tfoeslgfgr] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
}

    .apne-pil[b-tfoeslgfgr]  .icon {
        width: 1rem;
        height: 1rem;
        transform: rotate(180deg);
    }
/* _content/PortalItlock.Web/Components/Pages/TilbudServiceGodkjent.razor.rz.scp.css */
.back-link[b-1g2mva56o8] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.9rem;
}

    .back-link:hover[b-1g2mva56o8] {
        text-decoration: underline;
    }

.side-header[b-1g2mva56o8] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.3rem;
}

.side-header-ikon[b-1g2mva56o8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

.side-header-ikon-gronn[b-1g2mva56o8] {
    background: #d3ecdb;
    color: #2b7a4b;
}

    .side-header-ikon[b-1g2mva56o8]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-1g2mva56o8] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-1g2mva56o8] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
    max-width: 620px;
    line-height: 1.5;
}

.sok-felt[b-1g2mva56o8] {
    display: block;
    max-width: 400px;
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
    margin: 0 0 1.25rem;
}

.list-empty[b-1g2mva56o8] {
    color: var(--itlock-ink-muted);
}

.avtale-liste[b-1g2mva56o8] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-width: 900px;
}

.avtale-rad[b-1g2mva56o8] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    transition: border-color 0.15s ease;
}

    .avtale-rad:hover[b-1g2mva56o8] {
        border-color: var(--itlock-accent);
    }

.avtale-lenke[b-1g2mva56o8] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.avtale-ikon[b-1g2mva56o8] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: #d3ecdb;
    color: #2b7a4b;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .avtale-ikon[b-1g2mva56o8]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.avtale-info[b-1g2mva56o8] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex: 1 1 auto;
    min-width: 0;
}

.avtale-navn[b-1g2mva56o8] {
    font-weight: 700;
    font-size: 0.95rem;
}

.avtale-meta[b-1g2mva56o8] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

    .avtale-meta .ingen-kunde[b-1g2mva56o8] {
        opacity: 0.7;
    }

.avtale-sum[b-1g2mva56o8] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #2b7a4b;
    font-variant-numeric: tabular-nums;
}

.apne-pil[b-1g2mva56o8] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
}

    .apne-pil[b-1g2mva56o8]  .icon {
        width: 1rem;
        height: 1rem;
        transform: rotate(180deg);
    }
/* _content/PortalItlock.Web/Components/Pages/TilbudServiceListe.razor.rz.scp.css */
.side-header[b-ar1q95j3d0] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.3rem;
}

.side-header-ikon[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .side-header-ikon[b-ar1q95j3d0]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-ar1q95j3d0] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-ar1q95j3d0] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
    max-width: 620px;
    line-height: 1.5;
}

/* ---------- Statistikk-kort ---------- */

.stat-rad[b-ar1q95j3d0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1.3rem;
}

@media (max-width: 1100px) {
    .stat-rad[b-ar1q95j3d0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.stat-kort[b-ar1q95j3d0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.1rem;
}

.stat-kort-ikon[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 11px;
    flex-shrink: 0;
}

    .stat-kort-ikon[b-ar1q95j3d0]  .icon {
        width: 1.15rem;
        height: 1.15rem;
    }

.stat-kort-ikon-accent[b-ar1q95j3d0] {
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
}

.stat-kort-ikon-noytral[b-ar1q95j3d0] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.stat-kort-ikon-gul[b-ar1q95j3d0] {
    background: #f4e3c7;
    color: #a1690a;
}

.stat-kort-ikon-gronn[b-ar1q95j3d0] {
    background: #d3ecdb;
    color: #2b7a4b;
}

.stat-kort-tall[b-ar1q95j3d0] {
    display: block;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.stat-kort-lbl[b-ar1q95j3d0] {
    display: block;
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    margin-top: 0.2rem;
}

.stat-kort-spark[b-ar1q95j3d0] {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    color: var(--itlock-border);
}

    .stat-kort-spark svg[b-ar1q95j3d0] {
        width: 22px;
        height: 16px;
        fill: currentColor;
    }

.kort[b-ar1q95j3d0] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
    margin-bottom: 1.3rem;
    max-width: 900px;
}

    .kort h2[b-ar1q95j3d0] {
        margin: 0 0 1rem;
        font-size: 1.05rem;
        font-weight: 700;
    }

.felt-grid[b-ar1q95j3d0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

    .felt-grid label[b-ar1q95j3d0] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        font-size: 0.82rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
    }

    .felt-grid input[b-ar1q95j3d0],
    .felt-grid select[b-ar1q95j3d0] {
        font: inherit;
        font-size: 0.9rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.55rem 0.65rem;
    }

.knapp[b-ar1q95j3d0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.knapp-primaer[b-ar1q95j3d0] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .knapp-primaer:hover[b-ar1q95j3d0] {
        background: var(--itlock-accent-hover);
    }

    .knapp-primaer:disabled[b-ar1q95j3d0] {
        opacity: 0.5;
        cursor: default;
    }

.verktoy-rad[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.sok-boks[b-ar1q95j3d0] {
    position: relative;
    flex: 1 1 260px;
    max-width: 340px;
}

    .sok-boks[b-ar1q95j3d0]  .icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--itlock-ink-muted);
        width: 0.95rem;
        height: 0.95rem;
    }

    .sok-boks input[b-ar1q95j3d0] {
        width: 100%;
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        padding: 0.55rem 0.8rem 0.55rem 2.1rem;
    }

.stat-chip[b-ar1q95j3d0] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

    .stat-chip .dot[b-ar1q95j3d0] {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: var(--itlock-accent);
    }

.list-empty[b-ar1q95j3d0] {
    color: var(--itlock-ink-muted);
}

.avtale-liste[b-ar1q95j3d0] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-width: 900px;
}

.avtale-rad[b-ar1q95j3d0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    transition: border-color 0.15s ease;
}

    .avtale-rad:hover[b-ar1q95j3d0] {
        border-color: var(--itlock-accent);
    }

.avtale-lenke[b-ar1q95j3d0] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.avtale-ikon[b-ar1q95j3d0] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .avtale-ikon[b-ar1q95j3d0]  .icon {
        width: 1.1rem;
        height: 1.1rem;
    }

.avtale-info[b-ar1q95j3d0] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex: 1 1 auto;
    min-width: 0;
}

.avtale-navn[b-ar1q95j3d0] {
    font-weight: 700;
    font-size: 0.95rem;
}

.avtale-meta[b-ar1q95j3d0] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

    .avtale-meta .ingen-kunde[b-ar1q95j3d0] {
        opacity: 0.7;
    }

.apne-pil[b-ar1q95j3d0] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
    color: var(--itlock-ink-muted);
}

    .apne-pil[b-ar1q95j3d0]  .icon {
        width: 1rem;
        height: 1rem;
        transform: rotate(180deg);
    }

/* ---------- Visning: Kanban / Liste-veksler ---------- */

.visning-veksler[b-ar1q95j3d0] {
    display: flex;
    gap: 0.3rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.2rem;
    flex-shrink: 0;
}

.visning-knapp[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: transparent;
    border: none;
    border-radius: 7px;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .visning-knapp[b-ar1q95j3d0]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .visning-knapp:hover[b-ar1q95j3d0] {
        color: var(--itlock-ink);
    }

.visning-knapp-aktiv[b-ar1q95j3d0],
.visning-knapp-aktiv:hover[b-ar1q95j3d0] {
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    box-shadow: 0 1px 3px rgba(41, 41, 39, 0.12);
}

.arkiv-lenke[b-ar1q95j3d0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    flex-shrink: 0;
    transition: border-color 0.15s ease, color 0.15s ease;
}

    .arkiv-lenke[b-ar1q95j3d0]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .arkiv-lenke:hover[b-ar1q95j3d0] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

/* ---------- Kanban-tavle ---------- */

.tilbud-tavle[b-ar1q95j3d0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.1rem;
    align-items: start;
}

@media (max-width: 1100px) {
    .tilbud-tavle[b-ar1q95j3d0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tilbud-kolonne[b-ar1q95j3d0] {
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.tilbud-kolonne-header[b-ar1q95j3d0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.tilbud-kolonne-tittel[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 0.9rem;
}

.tilbud-kolonne-prikk[b-ar1q95j3d0] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--itlock-ink-muted);
}

.tilbud-kolonne-antall[b-ar1q95j3d0] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-ink-muted);
}

.tilbud-kolonne-sum[b-ar1q95j3d0] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tilbud-kolonne-gronn[b-ar1q95j3d0] {
    background: color-mix(in srgb, #d3ecdb 55%, var(--itlock-surface) 45%);
    border-color: color-mix(in srgb, #2b7a4b 25%, var(--itlock-border) 75%);
}

.tilbud-kolonne-gronn .tilbud-kolonne-prikk[b-ar1q95j3d0] {
    background: #2b7a4b;
}

.tilbud-kolonne-gronn .tilbud-kolonne-antall[b-ar1q95j3d0] {
    background: rgba(255, 255, 255, 0.6);
    color: #2b7a4b;
}

.tilbud-kolonne-gul[b-ar1q95j3d0] {
    background: color-mix(in srgb, #f4e3c7 55%, var(--itlock-surface) 45%);
    border-color: color-mix(in srgb, #a1690a 25%, var(--itlock-border) 75%);
}

.tilbud-kolonne-gul .tilbud-kolonne-prikk[b-ar1q95j3d0] {
    background: #a1690a;
}

.tilbud-kolonne-gul .tilbud-kolonne-antall[b-ar1q95j3d0] {
    background: rgba(255, 255, 255, 0.6);
    color: #a1690a;
}

.tilbud-kolonne-rod[b-ar1q95j3d0] {
    background: color-mix(in srgb, #f7d3d3 55%, var(--itlock-surface) 45%);
    border-color: color-mix(in srgb, #a32020 25%, var(--itlock-border) 75%);
}

.tilbud-kolonne-rod .tilbud-kolonne-prikk[b-ar1q95j3d0] {
    background: #a32020;
}

.tilbud-kolonne-rod .tilbud-kolonne-antall[b-ar1q95j3d0] {
    background: rgba(255, 255, 255, 0.6);
    color: #a32020;
}

.tilbud-kolonne-noytral[b-ar1q95j3d0] {
    background: color-mix(in srgb, var(--itlock-bg) 65%, var(--itlock-surface) 35%);
}

.tilbud-kolonne-noytral .tilbud-kolonne-prikk[b-ar1q95j3d0] {
    background: var(--itlock-ink-muted);
}

.tilbud-kolonne-noytral .tilbud-kolonne-antall[b-ar1q95j3d0] {
    background: rgba(255, 255, 255, 0.6);
    color: var(--itlock-ink-muted);
}

.tilbud-kort-stabel[b-ar1q95j3d0] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tilbud-kolonne-tom[b-ar1q95j3d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 1.5rem 0.75rem;
    color: var(--itlock-ink-muted);
    text-align: center;
    font-size: 0.82rem;
    border: 1px dashed var(--itlock-border);
    border-radius: 10px;
}

    .tilbud-kolonne-tom[b-ar1q95j3d0]  .icon {
        width: 1.3rem;
        height: 1.3rem;
        opacity: 0.5;
    }

.tilbud-kort[b-ar1q95j3d0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-left: 4px solid var(--itlock-border);
    border-radius: 10px;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
}

    .tilbud-kort:hover[b-ar1q95j3d0] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.tilbud-kort-gronn[b-ar1q95j3d0] {
    border-left-color: #2b7a4b;
}

.tilbud-kort-gul[b-ar1q95j3d0] {
    border-left-color: #a1690a;
}

.tilbud-kort-rod[b-ar1q95j3d0] {
    border-left-color: #a32020;
}

.tilbud-kort-noytral[b-ar1q95j3d0] {
    border-left-color: var(--itlock-border);
}

.tilbud-kort-tittel[b-ar1q95j3d0] {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.3;
}

.tilbud-kort-linje[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

    .tilbud-kort-linje[b-ar1q95j3d0]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        flex-shrink: 0;
    }

.tilbud-kort-bunn[b-ar1q95j3d0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.1rem;
}

.tilbud-kort-sum[b-ar1q95j3d0] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--itlock-ink);
    font-variant-numeric: tabular-nums;
}

.tilbud-kort-dato[b-ar1q95j3d0] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
}

.tilbud-kort-avatar[b-ar1q95j3d0] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--itlock-accent);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
}
/* _content/PortalItlock.Web/Components/Pages/TilbudSkjema.razor.rz.scp.css */
.tilbud-tilbake-link[b-bee9tyiujc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
}

    .tilbud-tilbake-link[b-bee9tyiujc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .tilbud-tilbake-link:hover[b-bee9tyiujc] {
        color: var(--itlock-accent);
    }

/* ---------- Header ---------- */

.tilbud-editor-header[b-bee9tyiujc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.2rem;
    flex-wrap: wrap;
    margin-bottom: 1.4rem;
    max-width: 900px;
}

.tilbud-editor-header-venstre[b-bee9tyiujc] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    min-width: 0;
    flex: 1 1 260px;
}

.tilbud-editor-header-tekst[b-bee9tyiujc] {
    min-width: 0;
}

.tilbud-editor-header-ikon[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .tilbud-editor-header-ikon[b-bee9tyiujc]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.tilbud-editor-header h1[b-bee9tyiujc] {
    margin: 0 0 0.3rem;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}

.tilbud-editor-meta[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.tilbud-editor-header-actions[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.status-badge[b-bee9tyiujc] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.status-utkast[b-bee9tyiujc] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.status-sendt[b-bee9tyiujc] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.status-godkjent[b-bee9tyiujc] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.status-avslatt[b-bee9tyiujc] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

.tillegg-badge[b-bee9tyiujc] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #a1690a;
    background: rgba(161, 105, 10, 0.12);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
}

/* ---------- Info-chips ---------- */

.tilbud-chiprad[b-bee9tyiujc] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 13px;
    max-width: 1880px;
    margin-bottom: 1.2rem;
}

.tilbud-chip[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 1.1rem;
    flex: 1 1 200px;
    min-width: 0;
    position: relative;
}

    .tilbud-chip + .tilbud-chip[b-bee9tyiujc]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.8rem;
        bottom: 0.8rem;
        width: 1px;
        background: var(--itlock-border);
    }

.tilbud-chip-ikon[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .tilbud-chip-ikon[b-bee9tyiujc]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.tilbud-chip-lbl[b-bee9tyiujc] {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--itlock-ink-muted);
}

.tilbud-chip-verdi[b-bee9tyiujc] {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.tilbud-chip-sub[b-bee9tyiujc] {
    display: block;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

/* ---------- Faner ---------- */

.tilbud-fanerad[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--itlock-border);
    max-width: 1880px;
    margin-bottom: 1.4rem;
}

.tilbud-fane[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: none;
    border-bottom: 2.5px solid transparent;
    margin-bottom: -1px;
    padding: 0.7rem 0.1rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
}

    .tilbud-fane[b-bee9tyiujc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .tilbud-fane.aktiv[b-bee9tyiujc] {
        color: var(--itlock-ink);
        font-weight: 700;
        border-color: var(--itlock-accent);
    }

    .tilbud-fane:hover:not(.aktiv)[b-bee9tyiujc] {
        color: var(--itlock-ink);
    }

/* ---------- Innhold + sidepanel ---------- */

.tilbud-innhold[b-bee9tyiujc] {
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;
    max-width: 1880px;
}

.tilbud-innhold-hoved[b-bee9tyiujc] {
    flex: 1 1 auto;
    min-width: 0;
}

    .tilbud-innhold-hoved .tilbud-panel[b-bee9tyiujc],
    .tilbud-innhold-hoved .varer-panel[b-bee9tyiujc],
    .tilbud-innhold-hoved .tilbud-handling-rad[b-bee9tyiujc] {
        max-width: none;
    }

.tilbud-innhold-side[b-bee9tyiujc] {
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.tilbud-sidepanel[b-bee9tyiujc] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.1rem;
}

    .tilbud-sidepanel h3[b-bee9tyiujc] {
        margin: 0 0 0.7rem;
        font-size: 0.86rem;
        font-weight: 800;
    }

.tilbud-sidepanel-rad[b-bee9tyiujc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.6rem;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.55rem;
}

    .tilbud-sidepanel-rad:last-child[b-bee9tyiujc] {
        margin-bottom: 0;
    }

    .tilbud-sidepanel-rad b[b-bee9tyiujc] {
        color: var(--itlock-ink);
        font-weight: 700;
        white-space: nowrap;
    }

    .tilbud-sidepanel-rad i[b-bee9tyiujc] {
        font-style: normal;
        font-size: 0.72rem;
        color: var(--itlock-ink-muted);
        margin-left: 0.3rem;
    }

    .tilbud-sidepanel-rad.gronn b[b-bee9tyiujc] {
        color: #2b7a4b;
    }

    .tilbud-sidepanel-rad.total[b-bee9tyiujc] {
        padding-top: 0.55rem;
        border-top: 1px solid var(--itlock-border);
        font-weight: 700;
    }

.tilbud-sidepanel-total[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    background: #2a2017;
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    margin-top: 0.4rem;
}

    .tilbud-sidepanel-total span:first-child[b-bee9tyiujc] {
        font-size: 0.72rem;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.72);
    }

    .tilbud-sidepanel-total span:last-child[b-bee9tyiujc] {
        font-size: 0.98rem;
        font-weight: 800;
        color: #fff;
    }

@media (max-width: 1100px) {
    .tilbud-innhold[b-bee9tyiujc] {
        flex-direction: column;
    }

    .tilbud-innhold-side[b-bee9tyiujc] {
        flex: 1 1 auto;
        width: 100%;
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tilbud-sidepanel[b-bee9tyiujc] {
        flex: 1 1 220px;
    }
}

/* ---------- Panel ---------- */

.tilbud-panel[b-bee9tyiujc] {
    max-width: 900px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.25rem 1.4rem 1.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.4rem;
}

/* Varer-tabellen (.varer-table) har mange kolonner og trenger mer enn
   980px for å vise alt uten sidelengs skrolling. Varer-panelet er derfor
   bredere enn de andre (rene info-)panelene - .tilbud-innhold-hoved
   nullstiller for øvrig max-width på alle paneler inni seg, så denne
   grensen gjelder egentlig bare som et minimum/ramme for selve tabellen.
   Selve kompakt-modul-rammen er også utvidet spesifikt på denne siden (se
   MainLayout.razor.css .content-kompakt-indre:has(.tilbud-innhold)), så
   det er faktisk plass til denne bredden. */
.varer-panel[b-bee9tyiujc] {
    max-width: 1480px;
}

.tilbud-panel-header[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.1rem;
}

    .tilbud-panel-header h2[b-bee9tyiujc] {
        margin: 0;
        font-size: 1.02rem;
    }

.tilbud-panel-ikon[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 9px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .tilbud-panel-ikon[b-bee9tyiujc]  .icon {
        width: 1.05rem;
        height: 1.05rem;
    }

.skjema-seksjon[b-bee9tyiujc] {
    margin-bottom: 1.3rem;
}

    .skjema-seksjon:last-child[b-bee9tyiujc] {
        margin-bottom: 0;
    }

.skjema-seksjon-tittel[b-bee9tyiujc] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--itlock-ink-muted);
    margin: 0 0 0.8rem;
}

.field-grid[b-bee9tyiujc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.6rem 1rem;
}

.field-grid label[b-bee9tyiujc] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.2rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    min-width: 0;
}

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

.field-grid input[b-bee9tyiujc],
.field-grid select[b-bee9tyiujc],
.field-grid textarea[b-bee9tyiujc] {
    font: inherit;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.45rem 0.6rem;
    width: 100%;
    min-width: 0;
}

.indikasjon-rad[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem 0.9rem;
    margin-top: 1rem;
    max-width: 420px;
}

.indikasjon-lbl[b-bee9tyiujc] {
    font-size: 0.83rem;
    color: var(--itlock-ink-muted);
}

.indikasjon-verdi[b-bee9tyiujc] {
    font-weight: 700;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.form-actions[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.form-error[b-bee9tyiujc] {
    color: #b5502d;
    font-weight: 600;
}

.save-success[b-bee9tyiujc] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

/* ---------- Sammendrag ---------- */

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

.nokkel-kort[b-bee9tyiujc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 0.9rem 1.05rem;
}

    .nokkel-kort.total[b-bee9tyiujc] {
        background: rgba(131, 94, 65, 0.1);
        border-color: transparent;
    }

.nokkel-ikon[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    margin-bottom: 0.5rem;
}

    .nokkel-ikon[b-bee9tyiujc]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.nokkel-lbl[b-bee9tyiujc] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
}

.nokkel-verdi[b-bee9tyiujc] {
    font-size: 1.1rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

    .nokkel-verdi.gronn[b-bee9tyiujc] {
        color: #2b7a4b;
    }

.nokkel-sub[b-bee9tyiujc] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

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

/* ---------- Buttons ---------- */

.add-button[b-bee9tyiujc],
.save-button[b-bee9tyiujc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.55rem 1.05rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
    height: fit-content;
    text-decoration: none;
}

    .add-button[b-bee9tyiujc]  .icon,
    .save-button[b-bee9tyiujc]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .add-button:disabled[b-bee9tyiujc] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.cancel-button[b-bee9tyiujc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.86rem;
    text-decoration: none;
    color: inherit;
}

    .cancel-button:hover[b-bee9tyiujc] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .cancel-button[b-bee9tyiujc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .cancel-button:disabled[b-bee9tyiujc] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.remove-button[b-bee9tyiujc] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    font-size: 0.8rem;
}

.ikon-btn[b-bee9tyiujc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    border: 1px solid var(--itlock-border);
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .ikon-btn:hover[b-bee9tyiujc] {
        background: rgba(163, 32, 32, 0.08);
        color: #a32020;
        border-color: #a32020;
    }

    .ikon-btn[b-bee9tyiujc]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.tilbud-handling-rad[b-bee9tyiujc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 1.4rem 0;
    max-width: 900px;
}

/* ---------- Varer ---------- */

.varer-toolbar[b-bee9tyiujc] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.varer-legg-til-rad[b-bee9tyiujc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    align-items: flex-start;
    margin-bottom: 1.1rem;
}

.component-search[b-bee9tyiujc] {
    position: relative;
    flex: 1 1 320px;
    max-width: 500px;
}

    .component-search label[b-bee9tyiujc] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-weight: 600;
        font-size: 0.85rem;
    }

.varer-sok-tittel[b-bee9tyiujc] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.35rem;
}

.varer-sok-felt[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.55rem 0.8rem;
}

    .varer-sok-felt[b-bee9tyiujc]  .icon {
        width: 1rem;
        height: 1rem;
        color: var(--itlock-ink-muted);
        flex-shrink: 0;
    }

    .varer-sok-felt input[b-bee9tyiujc] {
        border: none;
        outline: none;
        background: none;
        color: var(--itlock-ink);
        font: inherit;
        font-weight: 400;
        width: 100%;
        padding: 0;
    }

.search-results[b-bee9tyiujc] {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    overflow: hidden;
    max-height: 220px;
    overflow-y: auto;
}

.search-result-item[b-bee9tyiujc] {
    position: relative;
}

/* Vises/skjules av @@onmouseenter/@@onmouseleave i C# (ikke ren CSS :hover) -
   position:absolute relativt til .component-search/.produkt-modal (begge
   position:relative), plassert rett til høyre for HELE søkefeltet - samme
   sted uansett hvilken vare i listen man holder musen over. Ligger som
   direkte barn av den positionerte beholderen (ikke inni .search-results),
   så resultatlistens egen overflow-y:auto klipper den ikke bort. */
.search-result-bilde-forhandsvisning[b-bee9tyiujc] {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 1rem;
    max-width: 40vw;
    max-height: 40vh;
    object-fit: contain;
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    background: var(--itlock-surface);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    pointer-events: none;
}

.search-result[b-bee9tyiujc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
    cursor: pointer;
}

    .search-result:hover[b-bee9tyiujc] {
        background: rgba(131, 94, 65, 0.08);
    }

.search-result-name[b-bee9tyiujc] {
    font-weight: 600;
    font-size: 0.85rem;
}

.search-result-meta[b-bee9tyiujc] {
    font-size: 0.75rem;
    color: var(--itlock-ink-muted);
}

.search-empty[b-bee9tyiujc] {
    color: var(--itlock-ink-muted);
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

.linje-legg-til[b-bee9tyiujc] {
    display: flex;
    gap: 0.6rem;
    flex: 1 1 320px;
    max-width: 500px;
}

    .linje-legg-til input[b-bee9tyiujc] {
        flex: 1 1 auto;
        font: inherit;
        border: 1px solid var(--itlock-border);
        border-radius: 9px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
        padding: 0.55rem 0.7rem;
    }

.list-empty[b-bee9tyiujc] {
    color: var(--itlock-ink-muted);
}

/* ---------- Historikk-tidslinje ---------- */

.tidslinje[b-bee9tyiujc] {
    display: flex;
    flex-direction: column;
}

.hend[b-bee9tyiujc] {
    display: flex;
    gap: 0.9rem;
    position: relative;
    padding-bottom: 1.4rem;
}

    .hend:last-child[b-bee9tyiujc] {
        padding-bottom: 0;
    }

.hend-linje[b-bee9tyiujc] {
    position: absolute;
    left: 1.05rem;
    top: 2.2rem;
    bottom: -0.2rem;
    width: 2px;
    background: var(--itlock-border);
}

    .hend:last-child .hend-linje[b-bee9tyiujc] {
        display: none;
    }

.hend-ikon[b-bee9tyiujc] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
}

    .hend-ikon[b-bee9tyiujc]  .icon {
        width: 0.95rem;
        height: 0.95rem;
    }

.hend-ikon-orange[b-bee9tyiujc] {
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
}

.hend-ikon-blaa[b-bee9tyiujc] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
}

.hend-ikon-teal[b-bee9tyiujc] {
    background: rgba(31, 122, 108, 0.12);
    color: #1f7a6c;
}

.hend-ikon-gronn[b-bee9tyiujc] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.hend-ikon-noytral[b-bee9tyiujc] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.hend-ikon-mork[b-bee9tyiujc] {
    background: rgba(23, 23, 23, 0.1);
    color: #171717;
}

.hend-body[b-bee9tyiujc] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.2rem;
    flex-wrap: wrap;
    padding-top: 0.25rem;
}

.hend-tittel[b-bee9tyiujc] {
    font-size: 0.88rem;
    font-weight: 700;
}

.hend-meta[b-bee9tyiujc] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.15rem;
}

.hend-beskrivelse[b-bee9tyiujc] {
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    text-align: right;
    max-width: 320px;
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    .hend-beskrivelse[b-bee9tyiujc] {
        text-align: left;
        max-width: none;
    }
}

.varer-tabell-kort[b-bee9tyiujc] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
}

.varer-tabell-scroll[b-bee9tyiujc] {
    overflow-x: auto;
}

.varer-table[b-bee9tyiujc] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

    .varer-table th[b-bee9tyiujc],
    .varer-table td[b-bee9tyiujc] {
        text-align: left;
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.85rem;
    }

    .varer-table thead th[b-bee9tyiujc] {
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
        white-space: nowrap;
    }

    .varer-table tbody tr:hover td[b-bee9tyiujc] {
        background: var(--itlock-bg);
    }

    .varer-table tbody tr:last-child td[b-bee9tyiujc] {
        border-bottom: none;
    }

.vare-navn-celle[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 170px;
}

.vare-ikon[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 6px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .vare-ikon[b-bee9tyiujc]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

.vare-ikon-bilde[b-bee9tyiujc] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    overflow: hidden;
    padding: 2px;
    cursor: zoom-in;
}

    .vare-ikon-bilde img[b-bee9tyiujc] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/* Vises/skjules av @@onmouseenter/@@onmouseleave i C# (ikke ren CSS :hover) -
   samme mønster som .search-result-bilde-forhandsvisning. position:fixed
   (ikke absolute) slik at forstørrelsen ikke klippes av .varer-tabell-scroll
   sin overflow-x:auto - posisjonert ved musepekerens skjermkoordinater. */
.vare-bilde-forhandsvisning[b-bee9tyiujc] {
    position: fixed;
    object-fit: contain;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    pointer-events: none;
}

.vare-navn[b-bee9tyiujc] {
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.25;
}

.pris-input[b-bee9tyiujc] {
    max-width: 7rem;
    font: inherit;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--itlock-ink);
    padding: 0.3rem 0.45rem;
}

.antall-input[b-bee9tyiujc] {
    max-width: 4.5rem;
    font: inherit;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--itlock-ink);
    padding: 0.3rem 0.45rem;
}

.pris-input:hover[b-bee9tyiujc],
.antall-input:hover[b-bee9tyiujc] {
    border-color: var(--itlock-border);
}

.pris-input:focus[b-bee9tyiujc],
.antall-input:focus[b-bee9tyiujc] {
    outline: none;
    border-color: var(--itlock-accent);
    background: var(--itlock-bg);
}

select.pris-input[b-bee9tyiujc] {
    cursor: pointer;
}

.input-suffix-wrap[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.input-suffix-wrap input[b-bee9tyiujc] {
    min-width: 0;
    flex: 1 1 auto;
}

.input-suffix[b-bee9tyiujc] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    flex: 0 0 auto;
}

.levert-select[b-bee9tyiujc] {
    max-width: 4.4rem;
    font-weight: 700;
    font-size: 0.78rem;
    border-radius: 999px;
    text-align: center;
    padding: 0.3rem 0.4rem;
}

.levert-select.levert-f[b-bee9tyiujc] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
    border-color: transparent;
}

.levert-select.levert-ld[b-bee9tyiujc] {
    background: rgba(32, 84, 163, 0.1);
    color: #2054a3;
    border-color: transparent;
}

.levert-select.levert-le[b-bee9tyiujc] {
    background: rgba(161, 105, 10, 0.12);
    color: #a1690a;
    border-color: transparent;
}

.totalt-cell[b-bee9tyiujc] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.drag-handle-cell[b-bee9tyiujc] {
    width: 1.5rem;
    cursor: grab;
    color: var(--itlock-ink-muted);
    padding-left: 0.6rem !important;
    padding-right: 0.2rem !important;
}

    .drag-handle-cell:active[b-bee9tyiujc] {
        cursor: grabbing;
    }

.gruppering-row[b-bee9tyiujc] {
    background: var(--itlock-bg);
}

.gruppering-cell[b-bee9tyiujc] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.gruppering-innhold[b-bee9tyiujc] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
}

.gruppering-tittel-input[b-bee9tyiujc] {
    flex: 1 1 40%;
    font: inherit;
    font-weight: 700;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    padding: 0.35rem 0.55rem;
}

.gruppering-beskrivelse-input[b-bee9tyiujc] {
    flex: 1 1 60%;
    font: inherit;
    font-weight: 400;
    font-size: 0.85rem;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    padding: 0.35rem 0.55rem;
    resize: vertical;
    min-height: 2.2rem;
}

.produkt-velg-button[b-bee9tyiujc] {
    background: none;
    border: 1px dashed var(--itlock-border);
    border-radius: 7px;
    color: var(--itlock-accent);
    padding: 0.3rem 0.65rem;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
}

.ny-rad-rad[b-bee9tyiujc] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

/* ---------- Produkt-modal ---------- */

.produkt-modal-overlay[b-bee9tyiujc] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 2rem;
}

.produkt-modal[b-bee9tyiujc] {
    position: relative;
    background: var(--itlock-surface);
    border-radius: 14px;
    width: min(480px, 100%);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.produkt-modal-header[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--itlock-border);
    font-weight: 600;
}

.produkt-modal-close[b-bee9tyiujc] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

.produkt-modal-sok[b-bee9tyiujc] {
    margin: 0.9rem 1.1rem 0;
    font: inherit;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    background: var(--itlock-bg);
    color: var(--itlock-ink);
    padding: 0.5rem 0.65rem;
}

.produkt-modal-resultater[b-bee9tyiujc] {
    list-style: none;
    padding: 0;
    margin: 0.6rem 1.1rem 0;
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    overflow: hidden;
    max-height: 260px;
    overflow-y: auto;
}

.produkt-modal-resultat[b-bee9tyiujc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: var(--itlock-surface);
    border: none;
    border-bottom: 1px solid var(--itlock-border);
    padding: 0.5rem 0.7rem;
    cursor: pointer;
}

    .produkt-modal-resultat:hover[b-bee9tyiujc] {
        background: rgba(131, 94, 65, 0.08);
    }

    .produkt-modal-resultat.valgt[b-bee9tyiujc] {
        background: rgba(131, 94, 65, 0.18);
    }

.produkt-modal-actions[b-bee9tyiujc] {
    display: flex;
    gap: 0.6rem;
    padding: 0.9rem 1.1rem;
    border-top: 1px solid var(--itlock-border);
    margin-top: 0.6rem;
}

/* ---------- Generer-panel ---------- */

.generer-panel[b-bee9tyiujc] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.checkbox-row[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.checkbox-row-indent[b-bee9tyiujc] {
    margin-left: 1.5rem;
}

.byggetrinn-chips[b-bee9tyiujc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.3rem 0;
}

.byggetrinn-chips-lbl[b-bee9tyiujc] {
    flex-basis: 100%;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.2rem;
}

.chip[b-bee9tyiujc] {
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

    .chip:hover[b-bee9tyiujc] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

    .chip.aktiv[b-bee9tyiujc] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
        color: #fff;
    }

.forside-mal-rad[b-bee9tyiujc] {
    display: flex;
    gap: 0.5rem;
}

    .forside-mal-rad select[b-bee9tyiujc] {
        flex: 1 1 auto;
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
    }

@media (max-width: 640.98px) {
    .varer-table[b-bee9tyiujc] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Tilbudsreserve.razor.rz.scp.css */
.back-link[b-5ikz16y376] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-5ikz16y376]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-5ikz16y376] {
        color: var(--itlock-accent);
    }

.side-header[b-5ikz16y376] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-5ikz16y376] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-5ikz16y376]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-5ikz16y376] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-5ikz16y376] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 700px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.list-empty[b-5ikz16y376] {
    color: var(--itlock-ink-muted);
}

.kort[b-5ikz16y376] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.stat-kort[b-5ikz16y376] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 340px;
    margin-bottom: 1.1rem;
}

.stat-label[b-5ikz16y376] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-5ikz16y376] {
    font-size: 1.55rem;
    font-weight: 800;
}

.tabell-kort[b-5ikz16y376] {
    overflow: hidden;
}

.rapport-table[b-5ikz16y376] {
    width: 100%;
    border-collapse: collapse;
}

    .rapport-table th[b-5ikz16y376] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .rapport-table td[b-5ikz16y376] {
        padding: 0.6rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.87rem;
    }

    .rapport-table tbody tr:hover td[b-5ikz16y376] {
        background: rgba(131, 94, 65, 0.03);
    }

    .rapport-table a[b-5ikz16y376] {
        color: var(--itlock-accent);
        font-weight: 600;
        text-decoration: none;
    }

        .rapport-table a:hover[b-5ikz16y376] {
            text-decoration: underline;
        }

.tall-cell[b-5ikz16y376] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.status-pille[b-5ikz16y376] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.22rem 0.55rem;
    border-radius: 4px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.status-utkast[b-5ikz16y376] {
    background: rgba(107, 104, 99, 0.12);
    color: var(--itlock-ink-muted);
}

.status-sendt[b-5ikz16y376] {
    background: rgba(47, 95, 168, 0.1);
    color: #2f5fa8;
}

.status-godkjent[b-5ikz16y376] {
    background: rgba(43, 122, 75, 0.1);
    color: #2b7a4b;
}

.status-avslatt[b-5ikz16y376] {
    background: rgba(163, 32, 32, 0.1);
    color: #a32020;
}

@media (max-width: 640.98px) {
    .rapport-table[b-5ikz16y376] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TilvalgMalListe.razor.rz.scp.css */
.back-link[b-6hybhwe8yb] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-6hybhwe8yb] {
        text-decoration: underline;
    }

.section-hint[b-6hybhwe8yb] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-6hybhwe8yb] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.mal-rutenett[b-6hybhwe8yb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.mal-kort[b-6hybhwe8yb] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.mal-kort-thumb-rad[b-6hybhwe8yb] {
    display: flex;
    gap: 0.3rem;
}

.mal-kort-thumb[b-6hybhwe8yb] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 7px;
    object-fit: cover;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    flex-shrink: 0;
}

.mal-kort-thumb-tom-liten[b-6hybhwe8yb] {
    background: var(--itlock-bg);
}

.mal-kort-thumb-tom[b-6hybhwe8yb] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-style: italic;
}

.mal-kort-navn[b-6hybhwe8yb] {
    font-weight: 700;
    font-size: 1rem;
}

.mal-kort-antall[b-6hybhwe8yb] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    margin-top: 0.1rem;
}

.mal-kort-footer[b-6hybhwe8yb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.6rem;
    border-top: 1px solid var(--itlock-border);
    margin-top: auto;
}

.mal-kort-apne[b-6hybhwe8yb] {
    color: var(--itlock-accent);
    font-weight: 700;
    font-size: 0.83rem;
    text-decoration: none;
}

    .mal-kort-apne:hover[b-6hybhwe8yb] {
        text-decoration: underline;
    }

.mal-kort-slett[b-6hybhwe8yb] {
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    padding: 0.3rem 0.6rem;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}

    .mal-kort-slett:hover[b-6hybhwe8yb] {
        border-color: #a32020;
        color: #a32020;
    }

.ny-mal-kort[b-6hybhwe8yb] {
    border: 1.5px dashed var(--itlock-border);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    font-weight: 600;
    font-size: 0.88rem;
    min-height: 150px;
    background: none;
    cursor: pointer;
    font-family: inherit;
}

    .ny-mal-kort:hover[b-6hybhwe8yb] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.ny-mal-pluss[b-6hybhwe8yb] {
    font-size: 1.5rem;
}

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

@media (max-width: 640.98px) {
    .mal-rutenett[b-6hybhwe8yb] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TilvalgMalSkjema.razor.rz.scp.css */
.back-link[b-267kziygmh] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-267kziygmh] {
        text-decoration: underline;
    }

.form-error[b-267kziygmh] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-267kziygmh] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.tilvalg-section[b-267kziygmh] {
    max-width: 760px;
    margin: 1.5rem 0;
}

.tilvalg-section-bred[b-267kziygmh] {
    max-width: 1040px;
}

.field-grid[b-267kziygmh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.6rem 1rem;
    margin-bottom: 0.75rem;
}

    .field-grid label[b-267kziygmh] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    .field-grid .span-2[b-267kziygmh] {
        grid-column: 1 / -1;
    }

    .field-grid input[b-267kziygmh],
    .field-grid textarea[b-267kziygmh] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.save-button[b-267kziygmh],
.add-button[b-267kziygmh] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
}

.save-button[b-267kziygmh] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
    margin-top: 1rem;
}

.add-button[b-267kziygmh] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-accent);
    color: var(--itlock-accent);
}

.save-success[b-267kziygmh] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin-left: 0.75rem;
}

.alt-rutenett[b-267kziygmh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin: 0.75rem 0;
}

.alt-kort[b-267kziygmh] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.alt-bilde[b-267kziygmh] {
    height: 110px;
    background: var(--itlock-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .alt-bilde img[b-267kziygmh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.alt-bilde-tom[b-267kziygmh] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

.alt-bilde-last-opp[b-267kziygmh] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--itlock-ink);
    cursor: pointer;
    overflow: hidden;
}

    .alt-bilde-last-opp[b-267kziygmh]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
        width: 100%;
    }

.alt-felt-blokk[b-267kziygmh] {
    padding: 0.8rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .alt-felt-blokk input[b-267kziygmh] {
        font: inherit;
        font-size: 0.83rem;
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.6rem;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

.alt-pris-rad[b-267kziygmh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .alt-pris-rad input[b-267kziygmh] {
        flex: 1;
        min-width: 0;
    }

.alt-pris-hint[b-267kziygmh] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.alt-slett[b-267kziygmh] {
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    background: var(--itlock-surface);
    color: var(--itlock-ink-muted);
    width: 1.9rem;
    height: 1.9rem;
    flex-shrink: 0;
    cursor: pointer;
}

    .alt-slett:hover[b-267kziygmh] {
        border-color: #a32020;
        color: #a32020;
    }

.tilvalg-nytt-alternativ[b-267kziygmh] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed var(--itlock-border);
}

    .tilvalg-nytt-alternativ input[b-267kziygmh] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
    }

.delete-button[b-267kziygmh] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    margin-top: 1rem;
}

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

@media (max-width: 640.98px) {
    .alt-rutenett[b-267kziygmh] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TilvalgOversikt.razor.rz.scp.css */
.back-link[b-51s9uzwggj] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .back-link:hover[b-51s9uzwggj] {
        text-decoration: underline;
    }

.section-hint[b-51s9uzwggj] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.list-empty[b-51s9uzwggj] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.tilvalg-tabell-kort[b-51s9uzwggj] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow: hidden;
    margin-top: 1rem;
}

.tilvalg-tabell[b-51s9uzwggj] {
    width: 100%;
    border-collapse: collapse;
}

    .tilvalg-tabell th[b-51s9uzwggj] {
        text-align: left;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        padding: 0.65rem 1rem;
        background: rgba(131, 94, 65, 0.06);
    }

    .tilvalg-tabell td[b-51s9uzwggj] {
        padding: 0.65rem 1rem;
        border-top: 1px solid var(--itlock-border);
        font-size: 0.86rem;
        vertical-align: middle;
    }

.tilvalg-rad-uleste td:first-child[b-51s9uzwggj] {
    border-left: 3px solid var(--itlock-accent);
}

.tilvalg-rad-tittel[b-51s9uzwggj] {
    color: var(--itlock-ink);
    font-weight: 700;
    text-decoration: none;
}

    .tilvalg-rad-tittel:hover[b-51s9uzwggj] {
        color: var(--itlock-accent);
    }

.tilvalg-tabell-prosjekt[b-51s9uzwggj] {
    color: var(--itlock-ink-muted);
    font-size: 0.82rem;
}

.tilvalg-tabell-sum[b-51s9uzwggj] {
    font-weight: 700;
}

.tilvalg-rad-apne[b-51s9uzwggj] {
    color: var(--itlock-accent);
    font-weight: 700;
    font-size: 0.82rem;
    text-decoration: none;
    white-space: nowrap;
}

    .tilvalg-rad-apne:hover[b-51s9uzwggj] {
        text-decoration: underline;
    }

.tilvalg-status[b-51s9uzwggj] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.28rem 0.6rem;
    border-radius: 4px;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.tilvalg-status-Publisert[b-51s9uzwggj] {
    color: #8a6d1f;
    border-color: #d8b84a;
    background: rgba(216, 184, 74, 0.12);
}

.tilvalg-status-Besvart[b-51s9uzwggj] {
    color: #2b7a4b;
    border-color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

@media (max-width: 640.98px) {
    .tilvalg-tabell-kort[b-51s9uzwggj] {
        overflow-x: auto;
    }

    .tilvalg-tabell[b-51s9uzwggj] {
        min-width: 640px;
    }
}
/* _content/PortalItlock.Web/Components/Pages/TilvalgSkjema.razor.rz.scp.css */
.back-link[b-0kfdzu9603] {
    display: inline-block;
    color: var(--itlock-accent);
    font-size: 0.85rem;
    text-decoration: none;
    margin-bottom: 0.75rem;
}

    .back-link:hover[b-0kfdzu9603] {
        text-decoration: underline;
    }

.form-error[b-0kfdzu9603] {
    color: #b5502d;
    font-weight: 600;
}

.list-empty[b-0kfdzu9603] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.section-hint[b-0kfdzu9603] {
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.hero-kort[b-0kfdzu9603] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.2rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.hero-tittel-rad[b-0kfdzu9603] {
    display: flex;
    align-items: baseline;
    gap: 0.8rem;
    flex-wrap: wrap;
}

    .hero-tittel-rad h1[b-0kfdzu9603] {
        margin: 0;
        font-size: 1.4rem;
    }

.tilvalg-status[b-0kfdzu9603] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
}

.tilvalg-status-Publisert[b-0kfdzu9603] {
    color: #8a6d1f;
    border-color: #d8b84a;
    background: rgba(216, 184, 74, 0.12);
}

.tilvalg-status-Besvart[b-0kfdzu9603] {
    color: #2b7a4b;
    border-color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

.stegrad[b-0kfdzu9603] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.steg[b-0kfdzu9603] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.steg-sirkel[b-0kfdzu9603] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 800;
    flex-shrink: 0;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    border: 1px solid var(--itlock-border);
}

.steg-tekst[b-0kfdzu9603] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.steg-linje[b-0kfdzu9603] {
    flex: 1;
    height: 2px;
    background: var(--itlock-border);
    margin: 0 0.6rem;
    min-width: 2rem;
}

.steg-linje-fylt[b-0kfdzu9603] {
    background: #2b7a4b;
}

.steg-fullfort .steg-sirkel[b-0kfdzu9603] {
    background: #2b7a4b;
    border-color: #2b7a4b;
    color: #fff;
}

.steg-fullfort .steg-tekst[b-0kfdzu9603] {
    color: #2b7a4b;
}

.steg-aktiv .steg-sirkel[b-0kfdzu9603] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.steg-aktiv .steg-tekst[b-0kfdzu9603] {
    color: var(--itlock-ink);
}

.tilvalg-layout[b-0kfdzu9603] {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
}

.tilvalg-hoved[b-0kfdzu9603] {
    flex: 1.6 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.tilvalg-sidebar[b-0kfdzu9603] {
    flex: 1 1 0;
    min-width: 0;
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.hoved-kort[b-0kfdzu9603] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.2rem 1.4rem;
}

    .hoved-kort h2[b-0kfdzu9603] {
        font-size: 1rem;
        margin: 0 0 0.6rem;
    }

.field-grid[b-0kfdzu9603] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.6rem 1rem;
    margin-bottom: 0.75rem;
}

    .field-grid label[b-0kfdzu9603] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }

    .field-grid .span-2[b-0kfdzu9603] {
        grid-column: 1 / -1;
    }

    .field-grid input[b-0kfdzu9603],
    .field-grid textarea[b-0kfdzu9603] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.6rem;
    }

.save-button[b-0kfdzu9603],
.add-button[b-0kfdzu9603] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    border-radius: 8px;
}

.save-button[b-0kfdzu9603] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
    margin-top: 0.5rem;
}

.add-button[b-0kfdzu9603] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-accent);
    color: var(--itlock-accent);
}

.save-success[b-0kfdzu9603] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    margin-left: 0.75rem;
}

.tilvalg-alternativ-liste[b-0kfdzu9603] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0.75rem 0;
}

.tilvalg-alternativ-rad[b-0kfdzu9603] {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    gap: 1rem;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.7rem;
}

.tilvalg-alternativ-bilde[b-0kfdzu9603] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: flex-start;
}

    .tilvalg-alternativ-bilde img[b-0kfdzu9603] {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid var(--itlock-border);
    }

    .tilvalg-alternativ-bilde input[type="file"][b-0kfdzu9603] {
        font-size: 0.72rem;
        max-width: 100px;
    }

.tilvalg-bilde-tom[b-0kfdzu9603] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    background: var(--itlock-surface);
    border: 1px dashed var(--itlock-border);
    border-radius: 8px;
    text-align: center;
}

.tilvalg-alternativ-felt[b-0kfdzu9603] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

    .tilvalg-alternativ-felt label[b-0kfdzu9603] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-size: 0.8rem;
        color: var(--itlock-ink-muted);
        min-width: 160px;
    }

    .tilvalg-alternativ-felt input[b-0kfdzu9603] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 7px;
        padding: 0.4rem 0.55rem;
    }

.remove-button[b-0kfdzu9603] {
    background: none;
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.7rem;
    cursor: pointer;
    font-size: 0.78rem;
    align-self: center;
}

.tilvalg-nytt-alternativ[b-0kfdzu9603] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed var(--itlock-border);
}

    .tilvalg-nytt-alternativ input[b-0kfdzu9603] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.45rem 0.6rem;
    }

.tilvalg-alternativ-liste-lesevisning .tilvalg-alternativ-rad-lesevisning[b-0kfdzu9603] {
    grid-template-columns: 80px 1fr auto auto;
}

    .tilvalg-alternativ-liste-lesevisning img[b-0kfdzu9603] {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid var(--itlock-border);
    }

.tilvalg-alternativ-valgt[b-0kfdzu9603] {
    border-color: var(--itlock-accent);
    background: rgba(131, 94, 65, 0.08);
}

.tilvalg-ikke-valgt[b-0kfdzu9603] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.tilvalg-eget-onske h2[b-0kfdzu9603] {
    font-size: 0.95rem;
    margin: 0 0 0.4rem;
}

.tilvalg-eget-onske p[b-0kfdzu9603] {
    white-space: pre-wrap;
    margin: 0;
}

.tilvalg-eget-onske-bilde[b-0kfdzu9603] {
    display: block;
    max-width: 100%;
    max-height: 240px;
    margin-top: 0.5rem;
    border-radius: 8px;
    border: 1px solid var(--itlock-border);
}

.signatur-bilde[b-0kfdzu9603] {
    display: block;
    max-width: 320px;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    background: #fff;
    margin-top: 0.4rem;
}

.sidebar-kort[b-0kfdzu9603] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    padding: 1.1rem 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.sidebar-tittel[b-0kfdzu9603] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--itlock-ink-muted);
}

.sidebar-knapp[b-0kfdzu9603] {
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 0;
    border-radius: 8px;
}

.sum-linje[b-0kfdzu9603] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.sum-total[b-0kfdzu9603] {
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    font-weight: 800;
    padding-top: 0.6rem;
    margin-top: 0.2rem;
    border-top: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
}

.sum-mva-hint[b-0kfdzu9603] {
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

.egenskap-rad[b-0kfdzu9603] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    font-size: 0.85rem;
    padding: 0.35rem 0;
    border-top: 1px solid var(--itlock-border);
}

    .egenskap-rad:first-child[b-0kfdzu9603] {
        border-top: none;
    }

    .egenskap-rad span:first-child[b-0kfdzu9603] {
        color: var(--itlock-ink-muted);
    }

.cancel-button[b-0kfdzu9603] {
    background: none;
    border: 1px solid var(--itlock-border);
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 0.85rem;
}

.delete-button[b-0kfdzu9603] {
    background: #fff;
    color: #b5502d;
    border: 1px solid #b5502d;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

@media (max-width: 900px) {
    .tilvalg-layout[b-0kfdzu9603] {
        flex-direction: column;
    }

    .tilvalg-sidebar[b-0kfdzu9603] {
        width: 100%;
        position: static;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Timegodkjenning.razor.rz.scp.css */
.side-header[b-ot6np9bie0] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.side-header-ikon[b-ot6np9bie0] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-ot6np9bie0]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-ot6np9bie0] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-ot6np9bie0] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.fane-rad[b-ot6np9bie0] {
    display: flex;
    gap: 0.4rem;
    border-bottom: 1px solid var(--itlock-border);
    margin-bottom: 1.1rem;
}

.fane[b-ot6np9bie0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0.2rem;
    margin-right: 1.3rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    border-bottom: 2px solid transparent;
    cursor: pointer;
    user-select: none;
}

.fane-aktiv[b-ot6np9bie0] {
    color: var(--itlock-ink);
    border-color: var(--itlock-accent);
}

.fane-badge[b-ot6np9bie0] {
    background: var(--itlock-accent);
    color: #fff;
    border-radius: 999px;
    padding: 0.1rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.filter-rad[b-ot6np9bie0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.filter-select[b-ot6np9bie0] {
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.45rem 0.6rem;
    font: inherit;
    font-size: 0.85rem;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.uke-nav[b-ot6np9bie0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.3rem 0.5rem;
}

.uke-knapp[b-ot6np9bie0] {
    border: none;
    background: none;
    color: var(--itlock-ink-muted);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

    .uke-knapp:hover[b-ot6np9bie0] {
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

.uke-tekst[b-ot6np9bie0] {
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
    min-width: 7.5rem;
    text-align: center;
}

.btn-liten[b-ot6np9bie0] {
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.44rem 0.8rem;
    font-size: 0.83rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.btn-liten-aktiv[b-ot6np9bie0] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.kort[b-ot6np9bie0] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
}

.godkjenning-layout[b-ot6np9bie0] {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
}

.kategori-rail[b-ot6np9bie0] {
    flex: 0 0 190px;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.rail-item[b-ot6np9bie0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: none;
    background: none;
    border-radius: 9px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    text-align: left;
}

    .rail-item span:first-child[b-ot6np9bie0] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .rail-item[b-ot6np9bie0]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .rail-item:hover[b-ot6np9bie0] {
        background: var(--itlock-bg);
    }

.rail-item-aktiv[b-ot6np9bie0],
.rail-item-aktiv:hover[b-ot6np9bie0] {
    background: var(--itlock-accent);
    color: #fff;
}

.rail-badge[b-ot6np9bie0] {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    padding: 0.05rem 0.5rem;
    font-size: 0.74rem;
}

.rail-item:not(.rail-item-aktiv) .rail-badge[b-ot6np9bie0] {
    background: rgba(163, 32, 32, 0.12);
    color: #a32020;
}

.kommentar-input[b-ot6np9bie0] {
    width: 100%;
    font: inherit;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.6rem 0.7rem;
    resize: vertical;
}

.ko-liste[b-ot6np9bie0] {
    flex: 0 0 360px;
    overflow: hidden;
    max-height: 720px;
    overflow-y: auto;
}

.ko-rad[b-ot6np9bie0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--itlock-border);
    cursor: pointer;
}

    .ko-rad:last-child[b-ot6np9bie0] {
        border-bottom: none;
    }

    .ko-rad:hover[b-ot6np9bie0] {
        background: var(--itlock-bg);
    }

.ko-rad-aktiv[b-ot6np9bie0] {
    background: rgba(131, 94, 65, 0.1);
    border-left: 3px solid var(--itlock-accent);
}

.ko-avatar[b-ot6np9bie0] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--itlock-bg);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.ko-info[b-ot6np9bie0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.ko-navn[b-ot6np9bie0] {
    font-weight: 700;
    font-size: 0.85rem;
}

.ko-detalj[b-ot6np9bie0] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ko-timer[b-ot6np9bie0] {
    font-size: 0.8rem;
    font-weight: 700;
    flex-shrink: 0;
}

.tom-liste[b-ot6np9bie0] {
    padding: 1.3rem;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0;
}

.hoved[b-ot6np9bie0] {
    flex: 1;
    min-width: 0;
}

.detalj-kort[b-ot6np9bie0] {
    padding: 1.3rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.detalj-header[b-ot6np9bie0] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.detalj-avatar[b-ot6np9bie0] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 999px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.detalj-navn[b-ot6np9bie0] {
    font-weight: 700;
    font-size: 1.05rem;
}

.detalj-sub[b-ot6np9bie0] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    text-transform: capitalize;
}

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

.felt[b-ot6np9bie0] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.felt-label[b-ot6np9bie0] {
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
}

.felt-verdi[b-ot6np9bie0] {
    font-size: 0.92rem;
    font-weight: 600;
}

.kommentar-boks[b-ot6np9bie0] {
    background: var(--itlock-bg);
    border-radius: 8px;
    padding: 0.7rem 0.9rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

.knapp-rad[b-ot6np9bie0] {
    display: flex;
    gap: 0.7rem;
}

.knapp[b-ot6np9bie0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 9px;
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    font-size: 0.87rem;
    cursor: pointer;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    flex: 1;
    justify-content: center;
}

.btn-godkjenn[b-ot6np9bie0] {
    background: #2b7a4b;
    border-color: #2b7a4b;
    color: #fff;
}

.btn-avsla[b-ot6np9bie0] {
    background: transparent;
    border-color: #b5502d;
    color: #b5502d;
}

/* Oversikt-fane */

.filter-rad .knapp[b-ot6np9bie0] {
    flex: 0 0 auto;
}

.eksport-hint[b-ot6np9bie0] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    margin: 0.6rem 0 0;
}

.stat-rad[b-ot6np9bie0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1.1rem;
}

.stat-kort[b-ot6np9bie0] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.stat-label[b-ot6np9bie0] {
    font-size: 0.76rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-verdi[b-ot6np9bie0] {
    font-size: 1.6rem;
    font-weight: 800;
}

.stat-verdi-godkjent[b-ot6np9bie0] {
    color: #2b7a4b;
}

.stat-verdi-venter[b-ot6np9bie0] {
    color: #8a6d1f;
}

.oversikt-h2[b-ot6np9bie0] {
    margin: 1.3rem 0 0.6rem;
    font-size: 1.05rem;
}

.list-empty[b-ot6np9bie0] {
    color: var(--itlock-ink-muted);
}

.status-pille[b-ot6np9bie0] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.22rem 0.55rem;
    border-radius: 4px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}

.status-godkjent[b-ot6np9bie0] {
    color: #2b7a4b;
    background: rgba(43, 122, 75, 0.1);
}

.status-avslatt[b-ot6np9bie0] {
    color: #b5502d;
    background: rgba(181, 80, 45, 0.1);
}

.sum-table[b-ot6np9bie0],
.detalj-table[b-ot6np9bie0] {
    width: 100%;
    border-collapse: collapse;
}

    .sum-table th[b-ot6np9bie0],
    .sum-table td[b-ot6np9bie0],
    .detalj-table th[b-ot6np9bie0],
    .detalj-table td[b-ot6np9bie0] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .sum-table tfoot td[b-ot6np9bie0] {
        border-bottom: none;
        border-top: 2px solid var(--itlock-border);
        font-weight: 600;
    }

.sum-total[b-ot6np9bie0] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .godkjenning-layout[b-ot6np9bie0] {
        flex-direction: column;
    }

    .kategori-rail[b-ot6np9bie0] {
        flex: none;
        width: 100%;
        flex-direction: row;
    }

    .rail-item[b-ot6np9bie0] {
        flex: 1;
    }

    .ko-liste[b-ot6np9bie0] {
        flex: none;
        width: 100%;
        max-height: 360px;
    }

    .stat-rad[b-ot6np9bie0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .stat-rad[b-ot6np9bie0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .sum-table[b-ot6np9bie0],
    .detalj-table[b-ot6np9bie0] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .felt-grid[b-ot6np9bie0] {
        grid-template-columns: 1fr;
    }
}
/* _content/PortalItlock.Web/Components/Pages/Timeregistrering.razor.rz.scp.css */
.mobil-tidsreg-wrap[b-lefcq3bel8] {
    display: none;
}

@media (max-width: 640.98px) {
    .side-header[b-lefcq3bel8],
    .hero-rad[b-lefcq3bel8],
    .kort[b-lefcq3bel8] {
        display: none;
    }

    .mobil-tidsreg-wrap[b-lefcq3bel8] {
        display: block;
    }

    .mobil-ukestripe[b-lefcq3bel8] {
        display: flex;
        margin: 0 -1rem 1rem;
        border-bottom: 1px solid var(--itlock-border);
    }

    .mobil-ukedag[b-lefcq3bel8] {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.15rem;
        padding: 0.55rem 0.1rem;
        background: none;
        border: none;
        border-bottom: 3px solid transparent;
        color: var(--itlock-ink-muted);
        font-size: 0.72rem;
        font-weight: 600;
        cursor: pointer;
    }

    .mobil-ukedag.aktiv[b-lefcq3bel8] {
        color: var(--itlock-accent);
        border-bottom-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

    .mobil-ukedag-tall[b-lefcq3bel8] {
        font-size: 1rem;
    }

    .mobil-reg-form[b-lefcq3bel8] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        margin-bottom: 1.25rem;
    }

        .mobil-reg-form label[b-lefcq3bel8] {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
            font-size: 0.85rem;
            color: var(--itlock-ink-muted);
        }

        .mobil-reg-form input[b-lefcq3bel8],
        .mobil-reg-form select[b-lefcq3bel8] {
            font: inherit;
            color: var(--itlock-ink);
            background: var(--itlock-surface);
            border: 1px solid var(--itlock-border);
            padding: 0.5rem 0.6rem;
        }

    .mobil-reg-rad[b-lefcq3bel8] {
        display: flex;
        gap: 0.5rem;
    }

        .mobil-reg-rad label[b-lefcq3bel8] {
            flex: 1 1 0;
            min-width: 0;
        }

    .mobil-reg-knapp[b-lefcq3bel8] {
        width: 100%;
    }

    /* Ingen mellomrom mellom registreringene - samme oppskrift som prosjekt-
       og dørlisten (.prosjekt-list/.mobil-dorer-kort-liste). */
    .mobil-reg-liste[b-lefcq3bel8] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .mobil-ordre-kort[b-lefcq3bel8] {
        border: 1px solid var(--itlock-border);
        border-left: 4px solid var(--itlock-border);
        background: var(--itlock-surface);
        padding: 0.75rem 0.9rem;
    }

    .mobil-ordre-topp[b-lefcq3bel8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin-bottom: 0.3rem;
    }

    .mobil-ordre-tittel[b-lefcq3bel8] {
        font-weight: 700;
    }

    .mobil-ordre-meta[b-lefcq3bel8] {
        font-size: 0.85rem;
        color: var(--itlock-ink-muted);
    }
}

.side-header[b-lefcq3bel8] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.side-header-ikon[b-lefcq3bel8] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-lefcq3bel8]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-lefcq3bel8] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-lefcq3bel8] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 600px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.kort[b-lefcq3bel8] {
    max-width: 1000px;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px -20px rgba(41, 41, 39, 0.35);
    padding: 1.3rem 1.4rem;
    margin-bottom: 1.5rem;
}

.hero-rad[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.1rem;
    max-width: 1300px;
    margin-bottom: 1.5rem;
}

.hero-kort[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    text-align: center;
    margin-bottom: 0;
}

.ring[b-lefcq3bel8] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ring-indre[b-lefcq3bel8] {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background: var(--itlock-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ring-tall[b-lefcq3bel8] {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
}

.ring-label[b-lefcq3bel8] {
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 0.2rem;
}

.hero-sub[b-lefcq3bel8] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--itlock-ink-muted);
}

.form-kort[b-lefcq3bel8] {
    margin-bottom: 0;
}

.kort-tittel-rad[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

    .kort-tittel-rad h2[b-lefcq3bel8] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
    }

.field-grid[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.9rem 1.1rem;
}

.field-grid label[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

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

.field-grid input[b-lefcq3bel8],
.field-grid select[b-lefcq3bel8] {
    font: inherit;
    font-size: 0.9rem;
    color: var(--itlock-ink);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
}

    .field-grid input:focus[b-lefcq3bel8],
    .field-grid select:focus[b-lefcq3bel8] {
        outline: 2px solid var(--itlock-accent);
        outline-offset: 1px;
    }

.form-actions[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.1rem;
    flex-wrap: wrap;
}

.save-button[b-lefcq3bel8] {
    background: var(--itlock-accent);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.6rem 1.1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
}

    .save-button:hover[b-lefcq3bel8] {
        background: var(--itlock-accent-hover);
    }

.save-success[b-lefcq3bel8] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.form-error[b-lefcq3bel8] {
    color: #b5502d;
    font-weight: 600;
    font-size: 0.85rem;
}

.list-empty[b-lefcq3bel8] {
    color: var(--itlock-ink-muted);
}

.sats-felt[b-lefcq3bel8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.4rem 0.7rem 0.4rem 1rem;
}

    .sats-felt input[b-lefcq3bel8] {
        width: 3.6rem;
        font: inherit;
        font-weight: 700;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        border-radius: 6px;
        padding: 0.25rem 0.4rem;
        text-align: right;
    }

.uke-block[b-lefcq3bel8] {
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.1rem;
}

    .uke-block:last-child[b-lefcq3bel8] {
        margin-bottom: 0;
    }

.uke-header[b-lefcq3bel8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background: var(--itlock-bg);
    padding: 0.7rem 1rem;
    font-weight: 700;
    font-size: 0.92rem;
    border-bottom: 1px solid var(--itlock-border);
}

.uke-sum[b-lefcq3bel8] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: var(--itlock-accent);
}

.reg-table[b-lefcq3bel8] {
    width: 100%;
    border-collapse: collapse;
    background: var(--itlock-surface);
}

    .reg-table th[b-lefcq3bel8] {
        text-align: left;
        padding: 0.55rem 0.8rem;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--itlock-ink-muted);
        border-bottom: 1px solid var(--itlock-border);
    }

    .reg-table td[b-lefcq3bel8] {
        text-align: left;
        padding: 0.65rem 0.8rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .reg-table tbody tr:last-child td[b-lefcq3bel8] {
        border-bottom: none;
    }

    .reg-table tbody tr:hover[b-lefcq3bel8] {
        background: color-mix(in srgb, var(--itlock-surface) 90%, var(--itlock-accent) 10%);
    }

    .reg-table a[b-lefcq3bel8] {
        color: var(--itlock-accent);
        text-decoration: none;
        font-weight: 600;
    }

        .reg-table a:hover[b-lefcq3bel8] {
            text-decoration: underline;
        }

.timer-cell[b-lefcq3bel8] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.handling-cell[b-lefcq3bel8] {
    white-space: nowrap;
    display: flex;
    gap: 0.4rem;
}

.btn-liten[b-lefcq3bel8] {
    border-radius: 7px;
    padding: 0.32rem 0.65rem;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 700;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

.btn-slett[b-lefcq3bel8] {
    background: transparent;
    color: var(--itlock-ink-muted);
}

    .btn-slett:hover[b-lefcq3bel8] {
        border-color: #b5502d;
        color: #b5502d;
    }

.status-badge[b-lefcq3bel8] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.status-venter[b-lefcq3bel8] {
    background: rgba(107, 104, 99, 0.12);
    color: var(--itlock-ink-muted);
}

.status-godkjent[b-lefcq3bel8] {
    background: rgba(43, 122, 75, 0.12);
    color: #2b7a4b;
}

.status-avslatt[b-lefcq3bel8] {
    background: rgba(181, 80, 45, 0.12);
    color: #b5502d;
}

@media (max-width: 750px) {
    .reg-table[b-lefcq3bel8] {
        display: block;
        overflow-x: auto;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    .hero-rad[b-lefcq3bel8] {
        grid-template-columns: 1fr;
    }
}

/* ================= Skrivebord: tre visninger ================= */

.tr-side .kort[b-lefcq3bel8] {
    max-width: none;
}

.tr-topbar[b-lefcq3bel8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tr-topbar-knapper[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.tr-knapp[b-lefcq3bel8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
}

    .tr-knapp[b-lefcq3bel8]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .tr-knapp:hover[b-lefcq3bel8] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.tr-knapp-primaer[b-lefcq3bel8] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .tr-knapp-primaer:hover[b-lefcq3bel8] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
        color: #fff;
    }

/* ---------- Hovedfaner ---------- */

.tr-hovedtabs[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    border-bottom: 1px solid var(--itlock-border);
    margin: 1rem 0 1.25rem;
}

    .tr-hovedtabs button[b-lefcq3bel8] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        background: none;
        border: none;
        border-bottom: 2px solid transparent;
        padding: 0.6rem 0.2rem;
        margin-right: 1.2rem;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.88rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .tr-hovedtabs button[b-lefcq3bel8]  .icon {
            width: 0.95rem;
            height: 0.95rem;
        }

        .tr-hovedtabs button.aktiv[b-lefcq3bel8] {
            color: var(--itlock-ink);
            border-bottom-color: var(--itlock-accent);
        }

/* ---------- Statuskort ---------- */

.tr-statrow[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.1rem;
}

.tr-statcard[b-lefcq3bel8] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1rem 1.1rem;
}

.tr-statcard-ic[b-lefcq3bel8] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .tr-statcard-ic[b-lefcq3bel8]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.tr-ic-aksent[b-lefcq3bel8] {
    background: rgba(131, 94, 65, 0.14);
    color: var(--itlock-accent);
}

.tr-ic-blaa[b-lefcq3bel8] {
    background: #dbe7f7;
    color: #0b66e6;
}

.tr-ic-gul[b-lefcq3bel8] {
    background: #fde7d3;
    color: #c2590a;
}

.tr-ic-gronn[b-lefcq3bel8] {
    background: #d3ecdb;
    color: #0c9c5c;
}

.tr-statcard-num[b-lefcq3bel8] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--itlock-ink);
    line-height: 1.1;
}

.tr-statcard-lbl[b-lefcq3bel8] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.tr-statcard-delta[b-lefcq3bel8] {
    font-size: 0.72rem;
    color: #2b7a4b;
    font-weight: 600;
    margin-top: 0.15rem;
}

/* ---------- Dagstripe (Timeføring) ---------- */

.tr-dagstrip-kort[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tr-ukenav[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .tr-ukenav button[b-lefcq3bel8] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.9rem;
        height: 1.9rem;
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        border-radius: 7px;
        cursor: pointer;
        font-family: inherit;
    }

        .tr-ukenav button:first-child[b-lefcq3bel8]  .icon {
            width: 0.8rem;
            height: 0.8rem;
            transform: rotate(90deg);
        }

        .tr-ukenav button:nth-child(2)[b-lefcq3bel8]  .icon {
            width: 0.8rem;
            height: 0.8rem;
            transform: rotate(-90deg);
        }

.tr-idag-knapp[b-lefcq3bel8] {
    width: auto !important;
    padding: 0 0.7rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--itlock-ink);
}

.tr-kalmaned[b-lefcq3bel8] {
    font-size: 0.85rem;
    font-weight: 700;
    min-width: 9rem;
    text-align: center;
}

.tr-dagstrip[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.5rem;
}

.tr-dag[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 10px;
    padding: 0.6rem 0.3rem;
    cursor: pointer;
    font-family: inherit;
}

    .tr-dag.aktiv[b-lefcq3bel8] {
        background: var(--itlock-accent);
        border-color: var(--itlock-accent);
    }

        .tr-dag.aktiv .tr-dag-navn[b-lefcq3bel8],
        .tr-dag.aktiv .tr-dag-tall[b-lefcq3bel8],
        .tr-dag.aktiv .tr-dag-sum[b-lefcq3bel8] {
            color: #fff;
        }

.tr-dag-navn[b-lefcq3bel8] {
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
    text-transform: uppercase;
}

.tr-dag-tall[b-lefcq3bel8] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--itlock-ink);
}

.tr-dag-sum[b-lefcq3bel8] {
    font-size: 0.7rem;
    color: var(--itlock-ink-muted);
}

.tr-dagsum-tekst[b-lefcq3bel8] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--itlock-accent);
}

.tr-td-id[b-lefcq3bel8] {
    color: var(--itlock-ink-muted);
    font-variant-numeric: tabular-nums;
}

/* ---------- Kalender-fane ---------- */

.tr-kalgrid[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0.9rem;
    align-items: start;
}

.tr-kalhoved[b-lefcq3bel8] {
    overflow-x: auto;
}

.tr-kaltoolbar[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 0.9rem;
}

.tr-visningtoggle[b-lefcq3bel8] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
}

    .tr-visningtoggle button[b-lefcq3bel8] {
        border: none;
        background: none;
        padding: 0.35rem 0.75rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .tr-visningtoggle button.aktiv[b-lefcq3bel8] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

.tr-filter-select[b-lefcq3bel8] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
    font-size: 0.82rem;
    color: var(--itlock-ink);
}

.tr-kalukerad[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(110px, 1fr));
    gap: 0.4rem;
    margin-bottom: 0.4rem;
}

.tr-kaldagheader[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.4rem 0;
    border-radius: 8px;
    background: var(--itlock-bg);
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
}

.tr-kaldagtall[b-lefcq3bel8] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--itlock-ink);
}

.tr-kaldagsum[b-lefcq3bel8] {
    font-size: 0.68rem;
}

.tr-kalkolonner[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(110px, 1fr));
    gap: 0.4rem;
    position: relative;
    min-height: 620px;
}

.tr-kalkolonne[b-lefcq3bel8] {
    position: relative;
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--itlock-bg) 55%, var(--itlock-surface) 45%);
}

.tr-kalblokk[b-lefcq3bel8] {
    position: absolute;
    left: 3px;
    right: 3px;
    border-radius: 7px;
    padding: 0.3rem 0.4rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-size: 0.68rem;
    color: var(--itlock-ink);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.tr-kalblokk-tid[b-lefcq3bel8] {
    font-weight: 700;
    font-size: 0.66rem;
}

.tr-kalblokk-navn[b-lefcq3bel8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-kalblokk-timer[b-lefcq3bel8] {
    margin-top: auto;
    font-weight: 700;
}

/* ---------- Kalender-sidebar ---------- */

.tr-kalsidebar[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.tr-minikalender[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tr-minikal-header[b-lefcq3bel8] {
    font-size: 0.85rem;
    font-weight: 700;
    text-align: center;
}

.tr-minikal-ukedager[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 0.68rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
}

.tr-minikal-grid[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.2rem;
}

.tr-minikal-tom[b-lefcq3bel8] {
    height: 1.8rem;
}

.tr-minikal-dag[b-lefcq3bel8] {
    height: 1.8rem;
    border: none;
    background: none;
    border-radius: 6px;
    font-size: 0.78rem;
    font-family: inherit;
    color: var(--itlock-ink);
    cursor: pointer;
}

    .tr-minikal-dag:hover[b-lefcq3bel8] {
        background: var(--itlock-bg);
    }

    .tr-minikal-dag.idag[b-lefcq3bel8] {
        font-weight: 800;
        color: var(--itlock-accent);
    }

    .tr-minikal-dag.valgt[b-lefcq3bel8] {
        background: var(--itlock-accent);
        color: #fff;
    }

.tr-nyreg[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

    .tr-nyreg h3[b-lefcq3bel8] {
        margin: 0;
        font-size: 0.92rem;
        font-weight: 700;
    }

    .tr-nyreg label[b-lefcq3bel8] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
    }

        .tr-nyreg label input[b-lefcq3bel8],
        .tr-nyreg label select[b-lefcq3bel8] {
            font: inherit;
            font-size: 0.85rem;
            padding: 0.4rem 0.6rem;
            border: 1px solid var(--itlock-border);
            border-radius: 7px;
            background: var(--itlock-surface);
            color: var(--itlock-ink);
        }

.tr-nyreg-rad[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.tr-nyreg-knapp[b-lefcq3bel8] {
    width: 100%;
    justify-content: center;
}

/* ---------- Arbeidsordre-fane ---------- */

.tr-aogrid[b-lefcq3bel8] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 0.9rem;
    align-items: start;
}

.tr-aoliste[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tr-aofilter[b-lefcq3bel8] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
}

    .tr-aofilter button[b-lefcq3bel8] {
        border: 1px solid var(--itlock-border);
        background: var(--itlock-surface);
        border-radius: 999px;
        padding: 0.3rem 0.7rem;
        font-size: 0.76rem;
        font-weight: 600;
        color: var(--itlock-ink-muted);
        cursor: pointer;
        font-family: inherit;
    }

        .tr-aofilter button.aktiv[b-lefcq3bel8] {
            background: var(--itlock-accent);
            border-color: var(--itlock-accent);
            color: #fff;
        }

.tr-aorader[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 640px;
    overflow-y: auto;
}

.tr-aorad[b-lefcq3bel8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--itlock-bg);
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

    .tr-aorad.valgt[b-lefcq3bel8] {
        background: var(--itlock-surface);
        border-color: var(--itlock-accent);
    }

.tr-aorad-prikk[b-lefcq3bel8] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.tr-aorad-info[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.tr-aorad-tittel[b-lefcq3bel8] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-aorad-meta[b-lefcq3bel8] {
    font-size: 0.74rem;
    color: var(--itlock-ink-muted);
}

.tr-aorad-timer[b-lefcq3bel8] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.tr-aodetalj[b-lefcq3bel8] {
    display: flex;
    flex-direction: column;
}

.tr-aoheader-topp[b-lefcq3bel8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

    .tr-aoheader-topp h2[b-lefcq3bel8] {
        margin: 0.1rem 0 0.2rem;
        font-size: 1.15rem;
        font-weight: 700;
    }

.tr-aoheader-id[b-lefcq3bel8] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 700;
}

@media (max-width: 1200px) {
    .tr-kalgrid[b-lefcq3bel8],
    .tr-aogrid[b-lefcq3bel8] {
        grid-template-columns: 1fr;
    }
}

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

    .tr-dagstrip[b-lefcq3bel8] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* _content/PortalItlock.Web/Components/Pages/TimerFravarModul.razor.rz.scp.css */
.back-link[b-2y46dkm25m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--itlock-ink-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

    .back-link[b-2y46dkm25m]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .back-link:hover[b-2y46dkm25m] {
        color: var(--itlock-accent);
    }

.side-header[b-2y46dkm25m] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.5rem;
}

.side-header-ikon[b-2y46dkm25m] {
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 11px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .side-header-ikon[b-2y46dkm25m]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.side-header h1[b-2y46dkm25m] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.section-hint[b-2y46dkm25m] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    max-width: 640px;
}

.modul-grid[b-2y46dkm25m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    max-width: 900px;
}

.modul-card[b-2y46dkm25m] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    text-decoration: none;
    color: var(--itlock-ink);
    box-shadow: 0 10px 22px -18px rgba(41, 41, 39, 0.35);
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

    .modul-card:hover[b-2y46dkm25m] {
        border-color: var(--itlock-accent);
        transform: translateY(-2px);
        box-shadow: 0 16px 30px -16px rgba(41, 41, 39, 0.3);
    }

.modul-card-ikon[b-2y46dkm25m] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modul-card-ikon[b-2y46dkm25m]  .icon {
        width: 1.25rem;
        height: 1.25rem;
    }

.modul-card-title[b-2y46dkm25m] {
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--itlock-ink);
}

.modul-card-desc[b-2y46dkm25m] {
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
    line-height: 1.4;
}

@media (max-width: 640.98px) {
    /* Samme tette liste-mønster (kortenes egen kantlinje er skillet, ikke
       et gap) som resten av mobilvisningen ellers bruker. */
    .modul-grid[b-2y46dkm25m] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* _content/PortalItlock.Web/Components/Pages/ToDoListe.razor.rz.scp.css */
.td-side .kort[b-kria3vlgr0] {
    max-width: none;
}

.td-topbar[b-kria3vlgr0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
    flex-wrap: wrap;
}

.td-topbar-tekst h1[b-kria3vlgr0] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.td-topbar-tekst p[b-kria3vlgr0] {
    margin: 0.3rem 0 0;
    color: var(--itlock-ink-muted);
    font-size: 0.88rem;
}

.td-knapp[b-kria3vlgr0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 8px;
    padding: 0.55rem 0.95rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--itlock-ink);
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    flex-shrink: 0;
}

    .td-knapp[b-kria3vlgr0]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .td-knapp:hover[b-kria3vlgr0] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.td-knapp-primaer[b-kria3vlgr0] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

    .td-knapp-primaer:hover[b-kria3vlgr0] {
        background: var(--itlock-accent-hover);
        border-color: var(--itlock-accent-hover);
        color: #fff;
    }

/* ---------- Faner ---------- */

.td-fanerad[b-kria3vlgr0] {
    display: inline-flex;
    align-items: center;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.2rem;
    gap: 0.15rem;
    margin-bottom: 1rem;
}

    .td-fanerad button[b-kria3vlgr0] {
        border: none;
        background: none;
        padding: 0.4rem 0.9rem;
        border-radius: 7px;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.82rem;
        color: var(--itlock-ink-muted);
        cursor: pointer;
    }

        .td-fanerad button.aktiv[b-kria3vlgr0] {
            background: var(--itlock-surface);
            color: var(--itlock-ink);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }

/* ---------- Verktøylinje ---------- */

.td-verktoylinje[b-kria3vlgr0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.td-sok[b-kria3vlgr0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    color: var(--itlock-ink-muted);
    flex: 1;
    min-width: 200px;
}

    .td-sok[b-kria3vlgr0]  .icon {
        width: 0.95rem;
        height: 0.95rem;
        flex-shrink: 0;
    }

    .td-sok input[b-kria3vlgr0] {
        border: none;
        background: none;
        outline: none;
        font: inherit;
        color: var(--itlock-ink);
        flex: 1;
        min-width: 0;
    }

.td-filter-select[b-kria3vlgr0] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.7rem;
    font-size: 0.82rem;
    color: var(--itlock-ink);
    flex-shrink: 0;
}

.td-sorter-knapp[b-kria3vlgr0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 9px;
    padding: 0.5rem 0.8rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    font-family: inherit;
    flex-shrink: 0;
}

    .td-sorter-knapp[b-kria3vlgr0]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .td-sorter-knapp:hover[b-kria3vlgr0] {
        border-color: var(--itlock-accent);
        color: var(--itlock-accent);
    }

.td-tom[b-kria3vlgr0] {
    color: var(--itlock-ink-muted);
    text-align: center;
    padding: 3rem 1rem;
    background: var(--itlock-surface);
    border: 1px dashed var(--itlock-border);
    border-radius: 12px;
}

/* ---------- Fremdriftslinje ---------- */

.td-fremdrift[b-kria3vlgr0] {
    flex: 1;
    height: 0.4rem;
    background: var(--itlock-bg);
    border-radius: 999px;
    overflow: hidden;
    min-width: 80px;
}

.td-fremdrift-liten[b-kria3vlgr0] {
    max-width: 180px;
}

.td-fremdrift-indre[b-kria3vlgr0] {
    display: block;
    height: 100%;
    background: #0c9c5c;
    border-radius: 999px;
}

/* ---------- Gruppert liste ---------- */

.td-gruppe[b-kria3vlgr0] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 0.8rem;
}

.td-gruppe-header[b-kria3vlgr0] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.td-gruppe-chevron[b-kria3vlgr0] {
    display: flex;
    color: var(--itlock-ink-muted);
    transition: transform 0.15s ease;
}

    .td-gruppe-chevron[b-kria3vlgr0]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .td-gruppe-chevron.kollapset[b-kria3vlgr0] {
        transform: rotate(-90deg);
    }

.td-gruppe-navn[b-kria3vlgr0] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--itlock-ink);
    white-space: nowrap;
}

.td-gruppe-frac[b-kria3vlgr0] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.td-gruppe-prosent[b-kria3vlgr0] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #0c9c5c;
    width: 3rem;
    text-align: right;
    flex-shrink: 0;
}

/* ---------- Oppgaverader ---------- */

.td-rader[b-kria3vlgr0] {
    list-style: none;
    margin: 0.8rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.td-rad[b-kria3vlgr0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    background: var(--itlock-bg);
    border-radius: 10px;
    padding: 0.55rem 0.8rem;
}

    .td-rad input[type="checkbox"][b-kria3vlgr0] {
        width: 1.05rem;
        height: 1.05rem;
        accent-color: #0c9c5c;
        flex-shrink: 0;
        cursor: pointer;
    }

.td-rad-tittel[b-kria3vlgr0] {
    flex: 1;
    min-width: 0;
    font-size: 0.88rem;
    color: var(--itlock-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-rad.fullfort .td-rad-tittel[b-kria3vlgr0] {
    color: var(--itlock-ink-muted);
    text-decoration: line-through;
}

.td-rad-avatar[b-kria3vlgr0] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: var(--itlock-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    flex-shrink: 0;
}

.td-rad-gruppe[b-kria3vlgr0] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 999px;
    padding: 0.15rem 0.6rem;
    font-size: 0.72rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.td-rad-frist[b-kria3vlgr0] {
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
    width: 5.2rem;
    flex-shrink: 0;
}

.td-prioritet-pill[b-kria3vlgr0] {
    display: inline-flex;
    align-items: center;
    font-size: 0.74rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.22rem 0.65rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.td-prioritet-gronn[b-kria3vlgr0] {
    background: #d3ecdb;
    color: #2b7a4b;
}

.td-prioritet-gul[b-kria3vlgr0] {
    background: #fde7d3;
    color: #c2590a;
}

.td-prioritet-rod[b-kria3vlgr0] {
    background: #f7d3d3;
    color: #a32020;
}

.td-rad-slett[b-kria3vlgr0] {
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: var(--itlock-ink-muted);
    cursor: pointer;
    border-radius: 6px;
    flex-shrink: 0;
}

    .td-rad-slett[b-kria3vlgr0]  .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .td-rad-slett:hover[b-kria3vlgr0] {
        background: var(--itlock-surface);
        color: #a32020;
    }

/* ---------- Gruppekort (Grupper-fane) ---------- */

.td-gruppegrid[b-kria3vlgr0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.9rem;
}

.td-gruppekort[b-kria3vlgr0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 14px;
    padding: 1.1rem 1.2rem;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

    .td-gruppekort:hover[b-kria3vlgr0] {
        border-color: var(--itlock-accent);
    }

.td-gruppekort-navn[b-kria3vlgr0] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--itlock-ink);
}

.td-gruppekort-frac[b-kria3vlgr0] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
}

.td-gruppekort-prosent[b-kria3vlgr0] {
    align-self: flex-end;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0c9c5c;
}

/* ---------- Ny oppgave-modal ---------- */

.td-modal-overlay[b-kria3vlgr0] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1000;
    padding: 3rem 1rem;
    overflow-y: auto;
}

.td-modal[b-kria3vlgr0] {
    background: var(--itlock-surface);
    border-radius: 14px;
    width: min(480px, 100%);
    padding: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

    .td-modal h2[b-kria3vlgr0] {
        margin: 0 0 1rem;
        font-size: 1.1rem;
        font-weight: 700;
    }

.td-felt[b-kria3vlgr0] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
    margin-bottom: 0.85rem;
}

    .td-felt input[b-kria3vlgr0],
    .td-felt select[b-kria3vlgr0] {
        font: inherit;
        font-size: 0.9rem;
        padding: 0.55rem 0.75rem;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

.td-felt-rad[b-kria3vlgr0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
}

.td-feil[b-kria3vlgr0] {
    color: #a32020;
    font-size: 0.84rem;
    font-weight: 600;
    margin: 0 0 0.8rem;
}

.td-modal-actions[b-kria3vlgr0] {
    display: flex;
    gap: 0.6rem;
}

@media (max-width: 900px) {
    .td-rad[b-kria3vlgr0] {
        flex-wrap: wrap;
    }

    .td-rad-tittel[b-kria3vlgr0] {
        width: 100%;
        order: -1;
        white-space: normal;
    }
}
/* _content/PortalItlock.Web/Components/PdfPreviewModal.razor.rz.scp.css */
.pdf-modal-overlay[b-48sniyz4kr] {
    position: fixed;
    inset: 0;
    background: rgba(41, 41, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 2rem;
}

.pdf-modal[b-48sniyz4kr] {
    background: var(--itlock-surface);
    width: min(900px, 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.pdf-modal-header[b-48sniyz4kr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--itlock-border);
    font-weight: 600;
}

.pdf-modal-actions[b-48sniyz4kr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.pdf-modal-save[b-48sniyz4kr] {
    background: var(--itlock-accent);
    color: #fff;
    border: 1px solid var(--itlock-accent);
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
}

    .pdf-modal-save:disabled[b-48sniyz4kr] {
        opacity: 0.7;
        cursor: default;
    }

.pdf-modal-message[b-48sniyz4kr] {
    margin: 0;
    padding: 0.5rem 1rem;
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--itlock-border);
}

.pdf-modal-close[b-48sniyz4kr] {
    background: none;
    border: 1px solid var(--itlock-border);
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

.pdf-modal-frame[b-48sniyz4kr] {
    flex: 1 1 auto;
    border: none;
    width: 100%;
}
/* _content/PortalItlock.Web/Components/PlantegningerListePanel.razor.rz.scp.css */
.prosjekt-layout[b-sxpdwsa14t] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 900px;
}

.section-hint[b-sxpdwsa14t] {
    color: var(--itlock-ink-muted);
    font-size: 0.9rem;
    margin: 0;
}

.list-empty[b-sxpdwsa14t] {
    color: var(--itlock-ink-muted);
}

.skjult[b-sxpdwsa14t] {
    display: none !important;
}

.knapp[b-sxpdwsa14t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp[b-sxpdwsa14t]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .knapp:hover[b-sxpdwsa14t] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-sxpdwsa14t] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.icon-button[b-sxpdwsa14t] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .icon-button[b-sxpdwsa14t]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .icon-button:hover[b-sxpdwsa14t] {
        color: #a32020;
        border-color: #a32020;
        background: rgba(163, 32, 32, 0.08);
    }

.plan-gruppe-liste[b-sxpdwsa14t] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.plan-gruppe-kort[b-sxpdwsa14t] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 18px -16px rgba(41, 41, 39, 0.3);
}

.plan-gruppe-header[b-sxpdwsa14t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 1rem;
}

.plan-gruppe-toggle[b-sxpdwsa14t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    color: var(--itlock-ink);
    padding: 0;
    flex: 1 1 auto;
    text-align: left;
}

.plan-gruppe-ikon[b-sxpdwsa14t] {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(131, 94, 65, 0.1);
    color: var(--itlock-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .plan-gruppe-ikon[b-sxpdwsa14t]  .icon {
        width: 1rem;
        height: 1rem;
    }

.plan-gruppe-count[b-sxpdwsa14t] {
    font-weight: 400;
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
}

.plan-gruppe-chevron[b-sxpdwsa14t] {
    margin-left: auto;
    color: var(--itlock-ink-muted);
    transition: transform 0.15s ease;
    display: flex;
    flex-shrink: 0;
}

    .plan-gruppe-chevron[b-sxpdwsa14t]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .plan-gruppe-chevron.apen[b-sxpdwsa14t] {
        transform: rotate(180deg);
    }

.plan-gruppe-rename-form[b-sxpdwsa14t] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    .plan-gruppe-rename-form input[b-sxpdwsa14t] {
        font: inherit;
        font-size: 0.87rem;
        padding: 0.4rem 0.6rem;
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        background: var(--itlock-bg);
        color: var(--itlock-ink);
    }

.plan-liste[b-sxpdwsa14t] {
    list-style: none;
    padding: 0.3rem 1rem 0.8rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    border-top: 1px solid var(--itlock-border);
}

.plan-rad[b-sxpdwsa14t] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.5rem 0.2rem;
}

.plan-rad-ikon[b-sxpdwsa14t] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 7px;
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .plan-rad-ikon[b-sxpdwsa14t]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.plan-rad-navn[b-sxpdwsa14t] {
    flex: 1;
    color: var(--itlock-accent);
    font-weight: 600;
    text-decoration: none;
}

    .plan-rad-navn:hover[b-sxpdwsa14t] {
        text-decoration: underline;
    }

.plan-flytt[b-sxpdwsa14t] {
    font-size: 0.8rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 7px;
    padding: 0.3rem 0.5rem;
}

.plan-upload-panel[b-sxpdwsa14t] {
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    padding: 1rem 1.2rem;
}

.plan-upload-felt[b-sxpdwsa14t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

    .plan-upload-felt input[b-sxpdwsa14t] {
        font: inherit;
        font-size: 0.88rem;
        color: var(--itlock-ink);
        background: var(--itlock-bg);
        border: 1px solid var(--itlock-border);
        border-radius: 8px;
        padding: 0.5rem 0.7rem;
        flex: 1 1 200px;
    }

.plan-upload-knapp[b-sxpdwsa14t] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    background: var(--itlock-accent);
    color: #fff;
    flex-shrink: 0;
}

    .plan-upload-knapp[b-sxpdwsa14t]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .plan-upload-knapp[b-sxpdwsa14t]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.form-error[b-sxpdwsa14t] {
    color: #b5502d;
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .plan-upload-felt input[b-sxpdwsa14t] {
        flex: 1 1 100%;
    }
}
/* _content/PortalItlock.Web/Components/ServicePrisingPanel.razor.rz.scp.css */
.prosjekt-layout[b-nts5wu9v9j] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1000px;
}

.prising-layout[b-nts5wu9v9j] {
    gap: 0;
}

.prising-header[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.3rem;
}

    .prising-header h1[b-nts5wu9v9j] {
        margin: 0;
    }

.prising-header-ikon[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .prising-header-ikon[b-nts5wu9v9j]  .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

.prising-panel[b-nts5wu9v9j] {
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    border-radius: 12px;
    padding: 1.25rem 1.4rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.prising-panel-header[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.6rem;
}

    .prising-panel-header h2[b-nts5wu9v9j] {
        margin: 0;
        font-size: 1.05rem;
    }

.prising-panel-ikon[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: rgba(131, 94, 65, 0.12);
    color: var(--itlock-accent);
    flex-shrink: 0;
}

    .prising-panel-ikon[b-nts5wu9v9j]  .icon {
        width: 1.2rem;
        height: 1.2rem;
    }

.section-hint[b-nts5wu9v9j] {
    color: var(--itlock-ink-muted);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.list-empty[b-nts5wu9v9j] {
    color: var(--itlock-ink-muted);
}

.save-success[b-nts5wu9v9j] {
    color: #2b7a4b;
    font-weight: 600;
    font-size: 0.85rem;
}

.varer-toolbar[b-nts5wu9v9j] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

.knapp[b-nts5wu9v9j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9px;
    padding: 0.5rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
}

    .knapp[b-nts5wu9v9j]  .icon {
        width: 0.85rem;
        height: 0.85rem;
    }

    .knapp:hover[b-nts5wu9v9j] {
        border-color: var(--itlock-accent);
    }

.knapp-primaer[b-nts5wu9v9j] {
    background: var(--itlock-accent);
    border-color: var(--itlock-accent);
    color: #fff;
}

.icon-button[b-nts5wu9v9j] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .icon-button[b-nts5wu9v9j]  .icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .icon-button:hover[b-nts5wu9v9j] {
        color: var(--itlock-accent);
        border-color: var(--itlock-accent);
        background: rgba(131, 94, 65, 0.08);
    }

.antall-input[b-nts5wu9v9j] {
    max-width: 4.5rem;
    font: inherit;
    border: 1px solid var(--itlock-border);
    background: var(--itlock-surface);
    color: var(--itlock-ink);
    padding: 0.25rem 0.4rem;
}

.input-suffix-wrap[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.input-suffix[b-nts5wu9v9j] {
    font-size: 0.8rem;
    color: var(--itlock-ink-muted);
    white-space: nowrap;
}

.dorer-table-wrap[b-nts5wu9v9j] {
    max-width: 900px;
    margin-top: 1rem;
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(131, 94, 65, 0.06);
    overflow-x: auto;
}

.dorer-table[b-nts5wu9v9j],
.kategori-tabell[b-nts5wu9v9j] {
    width: 100%;
    border-collapse: collapse;
}

    .dorer-table th[b-nts5wu9v9j],
    .dorer-table td[b-nts5wu9v9j] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.88rem;
    }

    .dorer-table thead th[b-nts5wu9v9j] {
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
    }

    .dorer-table tbody tr:hover td[b-nts5wu9v9j] {
        background: rgba(131, 94, 65, 0.05);
    }

    .dorer-table tbody tr:last-child td[b-nts5wu9v9j] {
        border-bottom: none;
    }

.prising-sum-rad[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    padding: 0.9rem 1.1rem;
    background: var(--itlock-bg);
    border: 1px solid var(--itlock-border);
    font-size: 0.95rem;
}

.timepris-felt[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--itlock-ink-muted);
}

    .timepris-felt .input-suffix-wrap[b-nts5wu9v9j] {
        width: 8rem;
    }

    .kategori-tabell th[b-nts5wu9v9j] {
        text-align: left;
        padding: 0.6rem 0.8rem;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--itlock-ink-muted);
        background: color-mix(in srgb, var(--itlock-surface) 92%, var(--itlock-accent) 8%);
        border-bottom: none;
    }

    .kategori-tabell td[b-nts5wu9v9j] {
        padding: 0.75rem 0.8rem;
        border-bottom: 1px solid var(--itlock-border);
        font-size: 0.95rem;
        vertical-align: middle;
    }

.kategori-rad-tom[b-nts5wu9v9j] {
    color: var(--itlock-ink-muted);
}

.kategori-undertekst[b-nts5wu9v9j] {
    display: block;
    font-size: 0.78rem;
    color: var(--itlock-ink-muted);
    font-weight: 400;
}

.kategori-sum[b-nts5wu9v9j] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kategori-total-rad td[b-nts5wu9v9j] {
    border-bottom: none;
    border-top: 1px solid var(--itlock-border);
    padding-top: 0.9rem;
    font-weight: 600;
    color: var(--itlock-ink-muted);
}

.kategori-egendefinert-navn[b-nts5wu9v9j] {
    font: inherit;
    font-size: 0.95rem;
    color: var(--itlock-ink);
    background: var(--itlock-surface);
    border: 1px solid var(--itlock-border);
    padding: 0.3rem 0.5rem;
    width: 100%;
}

.egen-linje-rad[b-nts5wu9v9j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.9rem;
}

    .egen-linje-rad input[b-nts5wu9v9j] {
        font: inherit;
        color: var(--itlock-ink);
        background: var(--itlock-surface);
        border: 1px solid var(--itlock-border);
        padding: 0.4rem 0.5rem;
        flex: 1 1 280px;
        max-width: 320px;
    }

.kategori-samlet-rad td[b-nts5wu9v9j] {
    border-top: 2px solid var(--itlock-accent);
    padding-top: 1rem;
    font-size: 1.05rem;
    color: var(--itlock-ink);
}

    .kategori-samlet-rad .kategori-sum[b-nts5wu9v9j] {
        color: var(--itlock-accent);
        font-size: 1.15rem;
    }

@media (max-width: 640.98px) {
    /* Tabellene her (service-minutter og kategorisert årspris) er for brede
       til å noensinne kunne krympes ned til mobilbredde - de skal derfor
       skrolle innenfor sitt eget område i stedet for å dra hele siden
       sidevegs, samme prinsipp som andre tabeller i appen. */
    .dorer-table[b-nts5wu9v9j],
    .kategori-tabell[b-nts5wu9v9j] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .prising-sum-rad[b-nts5wu9v9j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .egen-linje-rad[b-nts5wu9v9j] {
        flex-direction: column;
        align-items: stretch;
    }

        .egen-linje-rad input[b-nts5wu9v9j] {
            max-width: none;
        }
}
/* _content/PortalItlock.Web/Components/StatusPill.razor.rz.scp.css */
.status-pill[b-9hbw7dlpou] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.28rem 0.6rem 0.28rem 0.45rem;
    border-radius: 999px;
    white-space: nowrap;
}

    .status-pill[b-9hbw7dlpou]  .icon {
        width: 0.85rem;
        height: 0.85rem;
        flex-shrink: 0;
    }

.status-pill-gronn[b-9hbw7dlpou] {
    background: #d3ecdb;
    color: #2b7a4b;
}

.status-pill-blaa[b-9hbw7dlpou] {
    background: #dbe7f7;
    color: #2054a3;
}

.status-pill-gul[b-9hbw7dlpou] {
    background: #f4e3c7;
    color: #8a5a15;
}

.status-pill-lilla[b-9hbw7dlpou] {
    background: #f0d9f7;
    color: #7a2b96;
}

.status-pill-rod[b-9hbw7dlpou] {
    background: #f7d3d3;
    color: #a32020;
}

.status-pill-noytral[b-9hbw7dlpou] {
    background: var(--itlock-bg);
    color: var(--itlock-ink-muted);
}
/* _content/PortalItlock.Web/Components/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-bmarcntyo5] {
    background: none;
    border: 1px solid var(--itlock-border);
    color: var(--itlock-ink);
    padding: 0.4rem 0.7rem;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

    .theme-toggle:hover[b-bmarcntyo5] {
        background: rgba(131, 94, 65, 0.08);
    }
/* _content/PortalItlock.Web/Components/TriStateSelect.razor.rz.scp.css */
.tri-field[b-9dpyro622d] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.tri-field select[b-9dpyro622d] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.4rem;
}

.tri-field-warn select[b-9dpyro622d] {
    background: #fdf4d6;
    border-color: #c99a1f;
}

.tri-warn-hint[b-9dpyro622d] {
    font-size: 0.72rem;
    color: #8a6a10;
    font-weight: 600;
}