@import url("main.css");


.side-tittel { color: var(--color-blue-primary) }
.liten-tekst { color: var(--color-neutral-light-grey) }

.nøkkel-bolker { display: flex; gap: var(--space-4); margin-bottom: var(--space-6); flex-wrap: wrap; }
.nøkkel-boks {
    background: var(--color-neutral-white); border-radius: var(--radius-5);
    padding: var(--space-5) var(--space-6); box-shadow: var(--shadow-e1);
    flex: 1; min-width: 140px;
}
.boks-verdi { font-size: 1.8rem; font-weight: var(--font-weight-bold); color: var(--color-blue-primary); }
.boks-label { font-size: var(--font-size-body-4); color: var(--color-neutral-grey); margin-top: var(--space-1); text-transform: uppercase; letter-spacing: 0.04em; }

.kort { margin-bottom: var(--space-5); }
.kort h2 {
    font-size: var(--font-size-body-2); text-transform: uppercase; color: var(--color-blue-primary);
}

.forespørsel-liste { list-style: none; }
.forespørsel-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 0; border-bottom: 1px solid #f0f0f0; gap: var(--space-4);
}
.forespørsel-item:last-child { border-bottom: none; }
.forespørsel-info { display: flex; flex-direction: column; gap: 3px; }
.forespørsel-epost { font-size: 0.9rem; font-weight: 500; }
.forespørsel-dato { font-size: var(--font-size-body-4); color: var(--color-neutral-light-grey); }
.forespørsel-knapper { display: flex; gap: var(--space-2); flex-shrink: 0; }

table { width: 100%; border-collapse: collapse; font-size: var(--font-size-body-3); }
th {
    text-align: left; font-size: var(--font-size-body-4); font-weight: var(--font-weight-semibold);
    color: var(--color-neutral-grey); text-transform: uppercase; letter-spacing: 0.04em;
    padding: 0 12px 10px 0; border-bottom: 1px solid #f0f0f0;
}
td { padding: 12px 12px 12px 0; border-bottom: 1px solid #f5f5f5; vertical-align: middle; }
tr:last-child td { border-bottom: none; }

.kommune-navn { font-size: var(--font-size-body-3); font-weight: 500; }
.kommune-orgnr { font-size: var(--font-size-body-4); color: var(--color-neutral-light-grey); margin-top: var(--space-0); }
.dato { font-size: 0.82rem; color: var(--color-neutral-grey); }
.badge { display: inline-block; background: #f0f0f0; color: #555; border-radius: var(--radius-full); padding: 2px 10px; font-size: 0.78rem; font-weight: 500; }

.sok-rad { margin-bottom: 14px; }
.sok-rad input {
    width: 100%;
    padding: 14px var(--space-4);
    border: 1px solid #E0E5ED;
    border-radius: var(--radius-5);
    font-size: 0.9375rem;
    background: #F9FAFB;
    color: var(--color-neutral-soft-black);
    font-family: var(--font-family-base);
}
.sok-rad input:focus {
    outline: none;
    border-color: var(--color-blue-primary);
    box-shadow: 0 0 0 3px var(--color-blue-10);
}

.bruker-liste { list-style: none; }
.bruker-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 0; border-bottom: 1px solid #f0f0f0; gap: var(--space-4);
}
.bruker-item:last-child { border-bottom: none; }

.bruker-epost { font-size: var(--font-size-body-3); font-weight: 500; }
.bruker-meta { font-size: var(--font-size-body-4); color: var(--color-neutral-light-grey); margin-top: var(--space-0); }

.passord-boks {
    background: #e8f5e9; border: 1px solid #a5d6a7; border-radius: var(--radius-3);
    padding: 10px 14px; font-size: 0.85rem; color: #1b5e20;
    margin-top: var(--space-2); display: none;
}
.passord-boks strong { font-family: monospace; font-size: var(--font-size-body-2); }

.varsel {
    background: #fff3e0; border-left: 3px solid #f57c00;
    border-radius: var(--radius-2); padding: 12px var(--space-4);
    font-size: 0.85rem; color: #e65100; margin-bottom: var(--space-5); display: none;
}
.tom { color: var(--color-neutral-light-grey); font-size: var(--font-size-body-3); padding: var(--space-2) 0; }
.laster { color: var(--color-neutral-light-grey); font-size: var(--font-size-body-3); }