@import '_content/Visit.Web.Shared/Visit.Web.Shared.to3yc55s3x.bundle.scp.css';

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.bi-shield-fill-nav-menu[b-dg5vdvvmwa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-shield-fill' viewBox='0 0 16 16'%3E%3Cpath d='M5.072.56C6.157.265 7.29 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z'/%3E%3C/svg%3E");
}

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

.bi-person-lines-fill-nav-menu[b-dg5vdvvmwa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-lines-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z'/%3E%3C/svg%3E");
}
/* /Components/Pages/Admin/AddLocalTenantAdmin.razor.rz.scp.css */
.content-wrapper[b-4hbs67sru9] {
    max-width: 880px;
    margin: 0 auto;
}

.back-link[b-4hbs67sru9] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--primary-strong);
    font-size: var(--text-base);
    text-decoration: none;
    margin-bottom: var(--space-4);
}

.back-link:hover[b-4hbs67sru9] {
    text-decoration: underline;
}

.form-actions[b-4hbs67sru9] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    align-items: center;
}

.form-grid[b-4hbs67sru9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}
/* /Components/Pages/Admin/AdminGroupMappings.razor.rz.scp.css */
.desc-text[b-3wnq5wdgas] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    max-width: 720px;
    line-height: 1.6;
    margin-bottom: var(--space-4);
}
/* /Components/Pages/Admin/AdminLocalUserDetail.razor.rz.scp.css */
.detail-outer[b-45kkmmhaeu] {
    max-width: 980px;
    margin: 0 auto;
}

/* ── Hero ─────────────────────────────────────────────────────────────── */

.hero-row[b-45kkmmhaeu] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

.hero-info[b-45kkmmhaeu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.hero-username[b-45kkmmhaeu] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0;
    line-height: 1.2;
}

.hero-meta[b-45kkmmhaeu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* ── Inline-panel (e-post-redigering under hero) ──────────────────────── */

.inline-panel[b-45kkmmhaeu] {
    background: var(--bg-app);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: var(--space-4) var(--space-5);
}

/* ── Sektion-header ───────────────────────────────────────────────────── */

.section-header[b-45kkmmhaeu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.section-title[b-45kkmmhaeu] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0;
}

/* ── Roll-rader ───────────────────────────────────────────────────────── */

.role-item[b-45kkmmhaeu] {
    display: flex;
    flex-direction: column;
}

.role-item--border[b-45kkmmhaeu] {
    border-top: 1px solid var(--border);
}

.role-row[b-45kkmmhaeu] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-5);
}

.role-icon-circle[b-45kkmmhaeu] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary-soft);
    color: var(--primary-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.role-expand[b-45kkmmhaeu] {
    padding: var(--space-3) var(--space-5) var(--space-4);
    background: var(--bg-app);
    border-top: 1px solid var(--border);
}

.role-expand--danger[b-45kkmmhaeu] {
    background: var(--danger-100);
    border-top-color: var(--danger-600);
}

/* ── Säkerhets-rader ──────────────────────────────────────────────────── */

.security-item[b-45kkmmhaeu] {
    display: flex;
    flex-direction: column;
}

.security-item--border[b-45kkmmhaeu] {
    border-top: 1px solid var(--border);
}

.security-row[b-45kkmmhaeu] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-5);
}

.security-expand[b-45kkmmhaeu] {
    padding: var(--space-3) var(--space-5) var(--space-4);
    background: var(--bg-app);
    border-top: 1px solid var(--border);
}

.security-expand--success[b-45kkmmhaeu] {
    background: var(--success-100);
    border-top-color: var(--success-600);
}

.security-expand--danger[b-45kkmmhaeu] {
    background: var(--danger-100);
    border-top-color: var(--danger-600);
}

/* ── Gemensamma expand-knappar ────────────────────────────────────────── */

.expand-actions[b-45kkmmhaeu] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

/* ── Kontor-card-rader ────────────────────────────────────────────────── */

.office-card-row[b-45kkmmhaeu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    background: var(--bg-surface);
    cursor: pointer;
    font-size: var(--text-base);
}
/* /Components/Pages/Admin/AdminLocalUsers.razor.rz.scp.css */
.filter-bar[b-o545vpd9l7] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: var(--space-4);
}

.pill[b-o545vpd9l7] {
    padding: 7px 14px;
    border-radius: 999px;
    font-size: var(--text-sm);
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.pill--active[b-o545vpd9l7] {
    background: var(--primary);
    color: var(--fg-on-primary);
    border: none;
}

.pill--inactive[b-o545vpd9l7] {
    background: var(--bg-surface);
    color: var(--fg-strong);
    border: 1px solid var(--border);
}

.pill-count[b-o545vpd9l7] {
    font-size: var(--text-xs);
    padding: 1px 6px;
    border-radius: 99px;
    background: var(--bg-soft);
}

.pill-count--active[b-o545vpd9l7] {
    background: rgba(255, 255, 255, .25);
}

.search-wrapper[b-o545vpd9l7] {
    margin-left: auto;
    min-width: 240px;
}

.user-cell[b-o545vpd9l7] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.role-row[b-o545vpd9l7] {
    margin-bottom: var(--space-1);
}

.role-row:last-child[b-o545vpd9l7] {
    margin-bottom: 0;
}
/* /Components/Pages/Admin/AdminOffices.razor.rz.scp.css */
/* Kontorstabell */

.offices-card-body th[b-812kjcqcp4] {
    padding: 12px 18px;
    letter-spacing: 0.06em;
}

.offices-card-body td[b-812kjcqcp4] {
    padding: 14px 18px;
}

.offices-name[b-812kjcqcp4] {
    font-weight: 600;
}

.offices-muted[b-812kjcqcp4] {
    color: var(--fg-muted);
}

.notif-on[b-812kjcqcp4] {
    color: var(--success-600);
    font-size: 13px;
}

.notif-off[b-812kjcqcp4] {
    color: var(--fg-muted);
    font-size: 13px;
}

.offices-actions[b-812kjcqcp4] {
    text-align: right;
    white-space: nowrap;
}

/* Kiosk-status */

.kiosk-on[b-812kjcqcp4] {
    color: var(--success-600);
    font-size: 13px;
}

.kiosk-off[b-812kjcqcp4] {
    color: var(--fg-muted);
    font-size: 13px;
}
/* /Components/Pages/Admin/AssignLocalUserRole.razor.rz.scp.css */
.assign-outer[b-b5e1df2dgf] {
    max-width: 680px;
    margin: 0 auto;
}

.assign-heading[b-b5e1df2dgf] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-2);
}

.assign-sub[b-b5e1df2dgf] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0 0 var(--space-6);
}

.role-cards[b-b5e1df2dgf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.role-card[b-b5e1df2dgf] {
    padding: var(--space-4) var(--space-5);
    border-radius: var(--radius-card);
    border: 1px solid var(--border);
    background: var(--bg-surface);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.12s, background 0.12s;
    width: 100%;
}

.role-card:hover:not(:disabled)[b-b5e1df2dgf] {
    border-color: var(--primary);
}

.role-card--selected[b-b5e1df2dgf] {
    border-color: var(--primary);
    background: var(--primary-soft);
}

.role-card--disabled[b-b5e1df2dgf] {
    opacity: 0.55;
    cursor: not-allowed;
}

.role-card__name[b-b5e1df2dgf] {
    font-weight: 700;
    font-size: var(--text-base);
    color: var(--fg-strong);
    margin-bottom: var(--space-1);
}

.role-card__desc[b-b5e1df2dgf] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.role-card__already[b-b5e1df2dgf] {
    display: inline-block;
    margin-top: var(--space-1);
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fg-muted);
    background: var(--border);
    padding: 2px 8px;
    border-radius: 999px;
}

.office-card-row[b-b5e1df2dgf] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    background: var(--bg-surface);
    cursor: pointer;
    font-size: var(--text-base);
}

.submit-footer[b-b5e1df2dgf] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/Admin/CreateEntraTenant.razor.rz.scp.css */
.content-wrapper[b-k2n246atou] {
    max-width: 880px;
    margin: 0 auto;
}

.back-link[b-k2n246atou] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--primary-strong);
    font-size: var(--text-base);
    text-decoration: none;
    margin-bottom: var(--space-4);
}

.back-link:hover[b-k2n246atou] {
    text-decoration: underline;
}

.page-title-row[b-k2n246atou] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
}

.page-title-text[b-k2n246atou] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
}

.form-actions[b-k2n246atou] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    align-items: center;
}

.form-grid[b-k2n246atou] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}
/* /Components/Pages/Admin/CreateGroupMapping.razor.rz.scp.css */
.create-outer[b-g1mk7njky0] {
    max-width: 680px;
    margin: 0 auto;
}

.create-heading[b-g1mk7njky0] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-2);
}

.create-desc[b-g1mk7njky0] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0 0 var(--space-6);
}

.role-cards[b-g1mk7njky0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.role-card[b-g1mk7njky0] {
    padding: var(--space-4) var(--space-5);
    border-radius: var(--radius-card);
    border: 1px solid var(--border);
    background: var(--bg-surface);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.12s, background 0.12s;
    width: 100%;
}

.role-card:hover[b-g1mk7njky0] {
    border-color: var(--primary);
}

.role-card--selected[b-g1mk7njky0] {
    border: 1px solid var(--primary);
    background: var(--primary-soft);
}

.role-card__name[b-g1mk7njky0] {
    font-weight: 700;
    font-size: var(--text-base);
    color: var(--fg-strong);
    margin-bottom: var(--space-1);
}

.role-card__desc[b-g1mk7njky0] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.submit-footer[b-g1mk7njky0] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/Admin/CreateLocalTenant.razor.rz.scp.css */
.content-wrapper[b-x2h093b1m5] {
    max-width: 880px;
    margin: 0 auto;
}

.back-link[b-x2h093b1m5] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--primary-strong);
    font-size: var(--text-base);
    text-decoration: none;
    margin-bottom: var(--space-4);
}

.back-link:hover[b-x2h093b1m5] {
    text-decoration: underline;
}

.page-title-row[b-x2h093b1m5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
}

.page-title-text[b-x2h093b1m5] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
}

.form-actions[b-x2h093b1m5] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    align-items: center;
}

.form-grid[b-x2h093b1m5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}
/* /Components/Pages/Admin/CreateLocalUser.razor.rz.scp.css */
.create-outer[b-ru5e1skdim] {
    max-width: 640px;
    margin: 0 auto;
}

.create-heading[b-ru5e1skdim] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-2);
}

.create-sub[b-ru5e1skdim] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0 0 var(--space-6);
}

.submit-footer[b-ru5e1skdim] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/Admin/CreateOffice.razor.rz.scp.css */
.create-office-outer[b-uoskpbrvr1] {
    max-width: 760px;
    margin: 0 auto;
}

:deep(.nb-card)[b-uoskpbrvr1] {
    padding: var(--space-8);
}

.create-office-heading[b-uoskpbrvr1] {
    font-family: var(--font-display, var(--font-sans));
    font-size: 22px;
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-2) 0;
}

.create-office-sub[b-uoskpbrvr1] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    margin: 0 0 var(--space-6) 0;
}

.create-office-row2[b-uoskpbrvr1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

:deep(.create-office-slug-field)[b-uoskpbrvr1] {
    margin-bottom: 22px;
}

.slug-group[b-uoskpbrvr1] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    overflow: hidden;
}

.slug-prefix[b-uoskpbrvr1] {
    display: flex;
    align-items: center;
    padding: 0 var(--space-3);
    background: var(--bg-soft);
    color: var(--fg-muted);
    font-size: var(--text-sm);
    white-space: nowrap;
    flex-shrink: 0;
    border-right: 1px solid var(--border);
}

.slug-input[b-uoskpbrvr1] {
    flex: 1;
    min-width: 0;
    border: none;
    border-radius: 0;
    padding: 12px 14px;
    font-size: var(--text-base);
    background: var(--bg-surface);
    color: var(--fg-strong);
    outline: none;
}

.slug-input[b-uoskpbrvr1]::placeholder {
    color: var(--fg-muted);
}

.slug-input:focus[b-uoskpbrvr1] {
    box-shadow: none;
}

.slug-group:has(.slug-input:focus)[b-uoskpbrvr1] {
    border-color: var(--primary);
    box-shadow: var(--shadow-focus);
}

.create-office-toggle-section[b-uoskpbrvr1] {
    padding: var(--space-4);
    background: var(--bg-soft);
    border-radius: var(--radius-card);
    margin-bottom: 28px;
}

.create-office-actions[b-uoskpbrvr1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: var(--space-5);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/Admin/CreateTenant.razor.rz.scp.css */
.content-wrapper[b-0qg2nm4eoi] {
    max-width: 880px;
    margin: 0 auto;
}

.type-select-heading[b-0qg2nm4eoi] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    margin: 0 0 var(--space-1);
    color: var(--fg-strong);
}

.type-select-desc[b-0qg2nm4eoi] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0 0 var(--space-6);
}

.type-cards[b-0qg2nm4eoi] {
    display: flex;
    gap: var(--space-4);
}

.type-card[b-0qg2nm4eoi] {
    flex: 1;
    cursor: pointer;
    padding: var(--space-6);
    border-radius: var(--radius-card);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-height: 220px;
    border: 2px solid var(--border);
    background: var(--bg-surface);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s;
}

.type-card:hover[b-0qg2nm4eoi] {
    border-color: var(--primary);
}

.type-card__icon-circle[b-0qg2nm4eoi] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-input);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-soft);
    color: var(--primary-strong);
    font-size: 20px;
    flex-shrink: 0;
}

.type-card__eyebrow[b-0qg2nm4eoi] {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--primary-strong);
    text-transform: uppercase;
}

.type-card__title[b-0qg2nm4eoi] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--fg-strong);
}

.type-card__desc[b-0qg2nm4eoi] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    line-height: 1.55;
    flex: 1;
    margin: 0;
}

.type-card__cta[b-0qg2nm4eoi] {
    margin-top: auto;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: var(--text-base);
    font-weight: 600;
    text-align: center;
    background: transparent;
    color: var(--fg-strong);
    border: 1px solid var(--border);
    display: block;
}

.type-card-footer[b-0qg2nm4eoi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--space-6);
}
/* /Components/Pages/Admin/EditGroupMapping.razor.rz.scp.css */
.edit-outer[b-whide8kg7m] {
    max-width: 720px;
    margin: 0 auto;
}

/* ── Hero ──────────────────────────────────────────────────────────────── */

.hero-row[b-whide8kg7m] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-bottom: var(--space-2);
}

.hero-name[b-whide8kg7m] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0;
    line-height: 1.2;
}

.hero-guid[b-whide8kg7m] {
    margin-bottom: var(--space-6);
}

/* ── Kort-sektionsrubrik ───────────────────────────────────────────────── */

.section-title[b-whide8kg7m] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-1);
}

.section-desc[b-whide8kg7m] {
    color: var(--fg-muted);
    font-size: var(--text-sm);
    margin: 0;
}

/* ── Kontor-card-rader ─────────────────────────────────────────────────── */

.office-card-row[b-whide8kg7m] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    background: var(--bg-surface);
    cursor: pointer;
    font-size: var(--text-base);
}

/* ── Footer knappar ────────────────────────────────────────────────────── */

.submit-footer[b-whide8kg7m] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}

/* ── Ta bort-kort ──────────────────────────────────────────────────────── */

.delete-row[b-whide8kg7m] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.delete-confirm[b-whide8kg7m] {
    padding: var(--space-1) 0;
}

.delete-actions[b-whide8kg7m] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}
/* /Components/Pages/Admin/EditOffice.razor.rz.scp.css */
.edit-office-outer[b-gvcjr2hger] {
    max-width: 880px;
    margin: 0 auto;
}

.eo-general-card[b-gvcjr2hger] {
    padding: 32px;
}

.eo-qr-card[b-gvcjr2hger] {
    padding: 24px;
}

.eo-section-heading[b-gvcjr2hger] {
    font-family: var(--font-display, var(--font-sans));
    font-size: 18px;
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 22px 0;
}

.eo-field-row[b-gvcjr2hger] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

:deep(.eo-slug-field)[b-gvcjr2hger] {
    margin-bottom: 22px;
}

.slug-group[b-gvcjr2hger] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    overflow: hidden;
}

.slug-prefix[b-gvcjr2hger] {
    display: flex;
    align-items: center;
    padding: 0 var(--space-3);
    background: var(--bg-soft);
    color: var(--fg-muted);
    font-size: var(--text-sm);
    white-space: nowrap;
    flex-shrink: 0;
    border-right: 1px solid var(--border);
}

.slug-input[b-gvcjr2hger] {
    flex: 1;
    min-width: 0;
    border: none;
    border-radius: 0;
    padding: 12px 14px;
    font-size: var(--text-base);
    background: var(--bg-soft);
    color: var(--fg-muted);
    outline: none;
}

.slug-input:disabled[b-gvcjr2hger] {
    cursor: not-allowed;
}

.eo-toggle-section[b-gvcjr2hger] {
    padding: var(--space-4);
    background: var(--bg-soft);
    border-radius: var(--radius-card);
}

.eo-qr-row[b-gvcjr2hger] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eo-qr-eyebrow[b-gvcjr2hger] {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--fg-muted);
    margin: 0 0 var(--space-1) 0;
}

.eo-qr-desc[b-gvcjr2hger] {
    font-size: 14px;
    color: var(--fg-strong);
    margin: 0;
}

.eo-footer[b-gvcjr2hger] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-2);
}

.eo-footer-meta[b-gvcjr2hger] {
    font-size: 12px;
    color: var(--fg-muted);
}

.eo-footer-actions[b-gvcjr2hger] {
    display: flex;
    gap: 10px;
}
/* /Components/Pages/Admin/EmailPreview.razor.rz.scp.css */
.preview-layout[b-2sd9sgjeiy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    height: 100%;
}

.controls-bar[b-2sd9sgjeiy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: center;
}

.template-pills[b-2sd9sgjeiy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.tenant-select-wrapper[b-2sd9sgjeiy] {
    min-width: 220px;
}

.preview-frame[b-2sd9sgjeiy] {
    width: 100%;
    min-height: 640px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: white;
}
/* /Components/Pages/Admin/GdprErasure.razor.rz.scp.css */
/* ── Layout ── */

.gdpr-layout[b-gqmyghgcpd] {
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 20px;
    align-items: flex-start;
}

.gdpr-left[b-gqmyghgcpd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gdpr-right[b-gqmyghgcpd] {
    position: sticky;
    top: 0;
}

.gdpr-right--idle[b-gqmyghgcpd] {
    opacity: 0.5;
    pointer-events: none;
}

/* ── Info-banner ── */

.gdpr-info-banner[b-gqmyghgcpd] {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    background: var(--danger-100);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--danger-600);
}

.gdpr-info-icon[b-gqmyghgcpd] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--danger-600);
    color: var(--fg-on-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gdpr-info-text[b-gqmyghgcpd] {
    font-size: var(--text-sm);
    color: var(--fg-strong);
    line-height: 1.55;
    margin: 0;
}

/* ── Sök-kort ── */

.nb-card.gdpr-search-card[b-gqmyghgcpd] {
    margin-bottom: 0;
}

.gdpr-section-title[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--primary-strong);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.gdpr-help-text[b-gqmyghgcpd] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    line-height: 1.6;
    margin: 0 0 16px;
}

.gdpr-search-grid[b-gqmyghgcpd] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: end;
}

.gdpr-search-grid--sa[b-gqmyghgcpd] {
    grid-template-columns: 220px 1fr auto;
}

.gdpr-search-btn-wrap[b-gqmyghgcpd] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 1px;
}

/* ── Resultat-rad ── */

.gdpr-results-header[b-gqmyghgcpd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.gdpr-results-meta[b-gqmyghgcpd] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.gdpr-bulk-actions[b-gqmyghgcpd] {
    display: flex;
    gap: 8px;
}

/* ── Kategori-cards ── */

.nb-card.gdpr-cat-card[b-gqmyghgcpd] {
    padding: 0;
    overflow: hidden;
}

.nb-card.gdpr-cat-card--empty[b-gqmyghgcpd] {
    opacity: 0.55;
}

.gdpr-cat-header[b-gqmyghgcpd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}

.gdpr-cat-icon[b-gqmyghgcpd] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: var(--radius-sm);
    background: var(--primary-soft);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gdpr-cat-label[b-gqmyghgcpd] {
    font-weight: 700;
    font-size: var(--text-sm);
    flex: 1;
}

.gdpr-cat-badge[b-gqmyghgcpd] {
    padding: 2px 9px;
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 600;
}

.gdpr-no-hits[b-gqmyghgcpd] {
    padding: 16px 18px;
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

/* ── SubjectRow ── */

.gdpr-subject-row[b-gqmyghgcpd] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--border);
    background: transparent;
}

.gdpr-subject-row--checked[b-gqmyghgcpd] {
    background: var(--primary-soft);
}

.gdpr-subject-row:last-child[b-gqmyghgcpd] {
    border-bottom: none;
}

.gdpr-check[b-gqmyghgcpd] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    accent-color: var(--primary);
    cursor: pointer;
}

.gdpr-subject-info[b-gqmyghgcpd] {
    flex: 1;
    min-width: 0;
}

.gdpr-subject-name[b-gqmyghgcpd] {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--fg-strong);
}

.gdpr-subject-email[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-top: 2px;
}

.gdpr-subject-meta[b-gqmyghgcpd] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.gdpr-meta-text[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.gdpr-tenant-label[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    color: var(--primary);
    font-weight: 600;
}

.gdpr-mono[b-gqmyghgcpd] {
    font-family: var(--font-mono);
}

/* ── Resultat-sektion (efter erasure) ── */

.gdpr-result-header[b-gqmyghgcpd] {
    margin-bottom: var(--space-4);
}

/* ── Bekräftelse-panel ── */

.nb-card.gdpr-confirm-card[b-gqmyghgcpd] {
    padding: 0;
    overflow: hidden;
    border-color: var(--danger-600);
}

.gdpr-confirm-strip[b-gqmyghgcpd] {
    height: 3px;
    background: var(--danger-600);
}

.gdpr-confirm-inner[b-gqmyghgcpd] {
    padding: 22px;
}

.gdpr-confirm-title[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--danger-600);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.gdpr-confirm-summary[b-gqmyghgcpd] {
    font-size: var(--text-sm);
    color: var(--fg-strong);
    line-height: 1.55;
    margin: 0 0 16px;
}

.gdpr-confirm-subjects[b-gqmyghgcpd] {
    padding: 12px 14px;
    background: var(--bg-soft);
    border-radius: var(--radius-sm);
    margin-bottom: 16px;
    font-size: var(--text-sm);
}

.gdpr-confirm-subject-row[b-gqmyghgcpd] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}

.gdpr-confirm-subject-type[b-gqmyghgcpd] {
    color: var(--fg-muted);
}

.gdpr-confirm-subject-id[b-gqmyghgcpd] {
    font-family: var(--font-mono);
    color: var(--fg-strong);
}

.gdpr-confirm-more[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    padding-top: 4px;
}

.gdpr-forced-block[b-gqmyghgcpd] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    background: var(--warning-100);
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-bottom: 16px;
}

.gdpr-forced-text[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    color: var(--fg-strong);
    line-height: 1.55;
}

.gdpr-type-confirm-input[b-gqmyghgcpd] {
    font-family: var(--font-mono);
    letter-spacing: 0.1em;
}

.gdpr-too-many[b-gqmyghgcpd] {
    font-size: var(--text-xs);
    color: var(--danger-600);
    margin-bottom: 12px;
}

.gdpr-confirm-actions[b-gqmyghgcpd] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
/* /Components/Pages/Audit.razor.rz.scp.css */
/* 2-kolumns grid-layout för audit-sidan */
.audit-layout[b-zi1hkxkl25] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: var(--space-5);
    align-items: start;
}

/* ── Filter-sidebar ─────────────────────────────────────────────────── */

.sidebar-divider[b-zi1hkxkl25] {
    border-top: 1px solid var(--border);
    margin: var(--space-4) 0;
}

.period-list[b-zi1hkxkl25] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-top: var(--space-2);
}

.period-btn[b-zi1hkxkl25] {
    text-align: left;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-input);
    border: none;
    cursor: default;
    font-size: var(--text-sm);
    width: 100%;
    background: transparent;
    color: var(--fg-default);
    font-weight: 500;
}

.period-btn--active[b-zi1hkxkl25] {
    background: var(--primary-soft);
    color: var(--primary-strong);
    font-weight: 600;
}

.category-list[b-zi1hkxkl25] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.category-row[b-zi1hkxkl25] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    cursor: default;
}

.category-count[b-zi1hkxkl25] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-left: auto;
}

.actor-section[b-zi1hkxkl25] {
    margin-top: var(--space-2);
}

.actor-autocomplete[b-zi1hkxkl25] {
    position: relative;
}

.actor-suggestions[b-zi1hkxkl25] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    list-style: none;
    margin: 2px 0 0 0;
    padding: var(--space-1) 0;
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    box-shadow: var(--shadow-md);
    max-height: 200px;
    overflow-y: auto;
}

.actor-suggestion[b-zi1hkxkl25] {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    cursor: default;
    color: var(--fg-default);
}

.actor-suggestion:hover[b-zi1hkxkl25] {
    background: var(--primary-soft);
    color: var(--primary-strong);
}

.actor-pill[b-zi1hkxkl25] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-soft);
    border-radius: var(--radius-input);
    font-size: var(--text-sm);
}

.actor-pill__name[b-zi1hkxkl25] {
    flex: 1;
    font-weight: 600;
    color: var(--primary-strong);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actor-pill__clear[b-zi1hkxkl25] {
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: default;
    color: var(--primary-strong);
    font-size: var(--text-md);
    line-height: 1;
    padding: 0;
    opacity: 0.7;
}

.actor-pill__clear:hover[b-zi1hkxkl25] {
    opacity: 1;
}

/* ── Rose-prick (säkerhetshändelse-indikator) ─────────────────────── */

.rose-dot[b-zi1hkxkl25] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: var(--danger-600);
    flex-shrink: 0;
}

/* ── Händelsetabell ─────────────────────────────────────────────────── */

.audit-summary[b-zi1hkxkl25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-5);
    border-bottom: 1px solid var(--border);
    font-size: var(--text-sm);
}

.audit-row--security[b-zi1hkxkl25] {
    background: rgba(179, 65, 58, 0.03);
}

.action-badge[b-zi1hkxkl25] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 6px;
    white-space: nowrap;
}

.th-tid[b-zi1hkxkl25] {
    width: 150px;
}

.th-icon[b-zi1hkxkl25] {
    width: 24px;
}

/* ── Paginering ─────────────────────────────────────────────────────── */

.audit-pagination[b-zi1hkxkl25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-5);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/Auditor/AuditorVisitDetail.razor.rz.scp.css */
.detail-grid[b-0vjp5qjdl1] {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr 1fr;
    gap: var(--space-4);
    align-items: stretch;
}

.section-header[b-0vjp5qjdl1] {
    margin-bottom: var(--space-3);
}

.detail-list[b-0vjp5qjdl1] {
    margin: 0;
}

.detail-list > div[b-0vjp5qjdl1] {
    padding: var(--space-2) 0;
    border-top: 1px solid var(--border);
}

.detail-list > div:first-child[b-0vjp5qjdl1] {
    border-top: none;
    padding-top: 0;
}

.detail-list dt[b-0vjp5qjdl1] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    font-weight: 500;
    margin-bottom: 2px;
}

.detail-list dd[b-0vjp5qjdl1] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-default);
    margin: 0;
    word-break: break-word;
}

.detail-mono[b-0vjp5qjdl1] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

.visit-id-label[b-0vjp5qjdl1] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-top: var(--space-3);
    margin-bottom: 0;
}

/* Audit-timeline (WP-144) */
.audit-timeline[b-0vjp5qjdl1] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.audit-timeline__event[b-0vjp5qjdl1] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-top: 1px solid var(--border);
    position: relative;
}

.audit-timeline__event:first-child[b-0vjp5qjdl1] {
    border-top: none;
    padding-top: 0;
}

.audit-timeline__dot[b-0vjp5qjdl1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
}

.audit-timeline__dot--success[b-0vjp5qjdl1] {
    background: var(--success-600);
}

.audit-timeline__dot--warn[b-0vjp5qjdl1] {
    background: var(--warning-500);
}

.audit-timeline__dot--neutral[b-0vjp5qjdl1] {
    background: var(--fg-muted);
}

.audit-timeline__content[b-0vjp5qjdl1] {
    flex: 1;
    min-width: 0;
}

.audit-timeline__label[b-0vjp5qjdl1] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-default);
}

.audit-timeline__actor[b-0vjp5qjdl1] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-top: 1px;
}

.audit-timeline__time[b-0vjp5qjdl1] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    font-family: var(--font-mono);
    margin-top: 2px;
}

.audit-timeline__sub[b-0vjp5qjdl1] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-top: 1px;
}

.timeline-empty[b-0vjp5qjdl1] {
    font-size: var(--text-sm);
    margin: var(--space-2) 0 0;
}
/* /Components/Pages/Auditor/AuditorVisits.razor.rz.scp.css */
.filter-row[b-my2jbj4fw1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: flex-end;
}

.filter-actions[b-my2jbj4fw1] {
    display: flex;
    gap: var(--space-2);
    align-items: flex-end;
    padding-bottom: 1px;
}

.result-text[b-my2jbj4fw1] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.visit-row[b-my2jbj4fw1] {
    cursor: pointer;
}

.visitor-cell[b-my2jbj4fw1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.pagination-row[b-my2jbj4fw1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--divider);
}

.pill-row[b-my2jbj4fw1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
    padding-top: var(--space-2);
    border-top: 1px solid var(--divider);
}

.pill-row__label[b-my2jbj4fw1] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.filter-pill[b-my2jbj4fw1] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-btn);
    border: 1px solid var(--border);
    background: var(--bg-surface);
    color: var(--fg-default);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.filter-pill:hover[b-my2jbj4fw1] {
    background: var(--bg-soft);
    border-color: var(--primary);
    color: var(--primary);
}

.filter-pill--active[b-my2jbj4fw1] {
    background: var(--primary);
    color: var(--fg-on-primary);
    border-color: var(--primary);
}

.filter-pill--active:hover[b-my2jbj4fw1] {
    background: var(--primary);
    color: var(--fg-on-primary);
    border-color: var(--primary);
}
/* /Components/Pages/Dashboard/HomeFallback.razor.rz.scp.css */
.nb-home-fallback[b-t3rarskzyc] {
    max-width: 520px;
    margin: var(--space-12) auto;
    padding: var(--space-8) var(--space-6);
}

.nb-home-fallback__title[b-t3rarskzyc] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--fg-strong);
    margin: 0 0 var(--space-3);
}

.nb-home-fallback__text[b-t3rarskzyc] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    margin: 0;
    line-height: 1.6;
}
/* /Components/Pages/Dashboard/SystemAdminDashboard.razor.rz.scp.css */
.kpi-strip-wrapper[b-j6atp5zugu] {
    margin-bottom: var(--space-8);
}
/* /Components/Pages/Dashboard/TenantAdminDashboard.razor.rz.scp.css */
/* ── MFA-banner ────────────────────────────────────────────────────── */

.mfa-banner[b-h4yt18atph] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-5);
    background: var(--danger-100);
    border-radius: var(--radius-md);
    flex-wrap: wrap;
}

.mfa-banner__icon-circle[b-h4yt18atph] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--danger-600);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mfa-banner__body[b-h4yt18atph] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.mfa-banner__title[b-h4yt18atph] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--danger-600);
}

.mfa-banner__desc[b-h4yt18atph] {
    font-size: var(--text-sm);
    color: var(--fg-default);
}

/* ── Two-column layout ──────────────────────────────────────────────── */

.dashboard-columns[b-h4yt18atph] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

@media (max-width: 900px) {
    .dashboard-columns[b-h4yt18atph] {
        grid-template-columns: 1fr;
    }
}

/* ── Section header ─────────────────────────────────────────────────── */

.section-header[b-h4yt18atph] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.section-header__title[b-h4yt18atph] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--fg-strong);
}

.section-header__link[b-h4yt18atph] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    text-decoration: none;
    white-space: nowrap;
}

.section-header__link:hover[b-h4yt18atph] {
    color: var(--fg-default);
}

/* ── Att göra ───────────────────────────────────────────────────────── */

.todo-list[b-h4yt18atph] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.todo-card[b-h4yt18atph] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--fg-default);
    transition: background 0.15s ease;
}

.todo-card:hover[b-h4yt18atph] {
    background: var(--bg-soft);
}

.todo-card__icon-circle[b-h4yt18atph] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bg-soft);
    color: var(--fg-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.todo-card__content[b-h4yt18atph] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.todo-card__content strong[b-h4yt18atph] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-strong);
}

.todo-card__content span[b-h4yt18atph] {
    font-size: var(--text-xs);
}

.todo-card__chevron[b-h4yt18atph] {
    flex-shrink: 0;
    color: var(--fg-muted);
}

/* ── Kontor-lista ───────────────────────────────────────────────────── */

.office-list[b-h4yt18atph] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.office-list-item[b-h4yt18atph] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--fg-default);
    transition: background 0.15s ease;
}

.office-list-item:hover[b-h4yt18atph] {
    background: var(--bg-soft);
}

.office-list-item__info[b-h4yt18atph] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.office-list-item__name[b-h4yt18atph] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-strong);
}

.office-list-item__stat[b-h4yt18atph] {
    font-size: var(--text-xs);
}

.office-list-item__qr-warning[b-h4yt18atph] {
    font-size: var(--text-xs);
    color: var(--warning-500);
}

.office-list-item__sparkline[b-h4yt18atph] {
    width: 80px;
    height: 32px;
}

/* ── Gruppmappnings-kort ────────────────────────────────────────────── */

.group-mapping-list[b-h4yt18atph] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.group-mapping-card[b-h4yt18atph] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.group-mapping-card__icon-circle[b-h4yt18atph] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary-soft);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-mapping-card__content[b-h4yt18atph] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.group-mapping-card__name[b-h4yt18atph] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-strong);
}

.group-mapping-card__meta[b-h4yt18atph] {
    font-size: var(--text-xs);
}

.group-mapping-card__count[b-h4yt18atph] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    line-height: 1;
}
/* /Components/Pages/Dashboard/VisitAuditorDashboard.razor.rz.scp.css */
/* ── Sök-kort (FK-6–FK-9) ───────────────────────────────────────────── */

.search-card__label[b-ppfw2757ww] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fg-muted);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.search-card__row[b-ppfw2757ww] {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-3);
    align-items: center;
}

.search-card__input-wrapper[b-ppfw2757ww] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.search-card__range-wrapper[b-ppfw2757ww] {
    flex: 0 0 220px;
}

.search-card__icon[b-ppfw2757ww] {
    position: absolute;
    left: var(--space-3);
    top: 50%;
    transform: translateY(-50%);
    color: var(--fg-muted);
    pointer-events: none;
}

.search-card__input-wrapper[b-ppfw2757ww]  input {
    padding-left: var(--space-8);
    width: 100%;
}


.search-card__pills[b-ppfw2757ww] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
}

.search-card__pills-label[b-ppfw2757ww] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.search-card__pill[b-ppfw2757ww] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: 9999px;
    background: var(--bg-surface);
    color: var(--fg-default);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.search-card__pill:hover[b-ppfw2757ww] {
    background: var(--bg-soft);
    border-color: var(--primary);
    color: var(--primary);
}

.search-card__pill--active[b-ppfw2757ww] {
    background: var(--primary);
    color: var(--fg-on-primary);
    border-color: var(--primary);
}

.search-card__pill--active:hover[b-ppfw2757ww] {
    background: var(--primary);
    color: var(--fg-on-primary);
    border-color: var(--primary);
    opacity: 0.9;
}

/* ── Hälsning ───────────────────────────────────────────────────────── */

.dashboard-greeting[b-ppfw2757ww] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

/* ── KPI-tile: månads-delta ─────────────────────────────────────────── */

.kpi-value-main[b-ppfw2757ww] {
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--fg-strong);
    line-height: 1;
}

.kpi-delta[b-ppfw2757ww] {
    font-size: var(--text-sm);
    font-weight: 600;
    margin-left: var(--space-2);
}

.kpi-delta--up[b-ppfw2757ww] {
    color: var(--success-600);
}

.kpi-delta--down[b-ppfw2757ww] {
    color: var(--danger-600);
}

/* ── Two-column layout 1.4fr / 1fr ──────────────────────────────────── */

.dashboard-columns[b-ppfw2757ww] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: var(--space-4);
    align-items: start;
}

@media (max-width: 900px) {
    .dashboard-columns[b-ppfw2757ww] {
        grid-template-columns: 1fr;
    }
}

/* ── Section header ──────────────────────────────────────────────────── */

.section-header[b-ppfw2757ww] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
}

.section-header__title[b-ppfw2757ww] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--fg-strong);
}

.section-header__link[b-ppfw2757ww] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    text-decoration: none;
    white-space: nowrap;
}

.section-header__link:hover[b-ppfw2757ww] {
    color: var(--fg-default);
}

/* ── Avvikelse-tabell ───────────────────────────────────────────────── */

.anomaly-table[b-ppfw2757ww] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.anomaly-table th[b-ppfw2757ww] {
    padding: var(--space-2) var(--space-4);
    text-align: left;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fg-muted);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    border-bottom: 1px solid var(--border);
}

.anomaly-table td[b-ppfw2757ww] {
    padding: var(--space-3) var(--space-4);
    vertical-align: middle;
    border-bottom: 1px solid var(--border);
    color: var(--fg-default);
}

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

.anomaly-table__empty[b-ppfw2757ww] {
    text-align: center;
    color: var(--fg-muted);
    padding: var(--space-8) var(--space-4);
    font-size: var(--text-sm);
}

/* ── Besökare-cell ──────────────────────────────────────────────────── */

.visitor-cell[b-ppfw2757ww] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    white-space: nowrap;
}

.visitor-cell strong[b-ppfw2757ww] {
    font-weight: 600;
    color: var(--fg-strong);
}

/* ── Avvikelse-punkt ────────────────────────────────────────────────── */

.anomaly-dot[b-ppfw2757ww] {
    margin-right: var(--space-1);
    font-size: 10px;
    line-height: 1;
}

.anomaly-dot--danger[b-ppfw2757ww] {
    color: var(--danger-600);
}

.anomaly-dot--warning[b-ppfw2757ww] {
    color: var(--warning-500);
}

/* ── Tid-kolumn ─────────────────────────────────────────────────────── */

.anomaly-time[b-ppfw2757ww] {
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

/* ── Besök per dag ──────────────────────────────────────────────────── */

.visits-total[b-ppfw2757ww] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
}

.visits-total__number[b-ppfw2757ww] {
    font-size: 28px;
    font-weight: 700;
    color: var(--fg-strong);
    font-family: var(--font-display, inherit);
    line-height: 1;
}

.delta-text[b-ppfw2757ww] {
    font-size: var(--text-sm);
    font-weight: 600;
}

.delta-text--up[b-ppfw2757ww] {
    color: var(--success-600);
}

.delta-text--down[b-ppfw2757ww] {
    color: var(--danger-600);
}

.visits-sparkline[b-ppfw2757ww] {
    width: 100%;
    height: 56px;
}

.peak-text[b-ppfw2757ww] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin: 0;
}

/* ── Divider ────────────────────────────────────────────────────────── */

.section-divider[b-ppfw2757ww] {
    height: 1px;
    background: var(--border);
    margin: var(--space-4) 0;
}

/* ── Per-kontor-bars ────────────────────────────────────────────────── */

.office-bars[b-ppfw2757ww] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.office-bar-row[b-ppfw2757ww] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.office-bar-row__name[b-ppfw2757ww] {
    width: 110px;
    font-size: var(--text-sm);
    color: var(--fg-default);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.office-bar-row__track[b-ppfw2757ww] {
    flex: 1;
    height: 6px;
    background: var(--bg-soft);
    border-radius: 99px;
    overflow: hidden;
}

.office-bar-row__fill[b-ppfw2757ww] {
    height: 100%;
    background: var(--primary);
    border-radius: 99px;
}

.office-bar-row__count[b-ppfw2757ww] {
    width: 40px;
    text-align: right;
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--fg-strong);
    flex-shrink: 0;
}

/* ── Tom-state ──────────────────────────────────────────────────────── */

.empty-center[b-ppfw2757ww] {
    text-align: center;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.cards-grid[b-dbz7pedi57] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-6);
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* auth-container replaced by NbLoginShell split-layout */
/* /Components/Pages/OfficeQrCode.razor.rz.scp.css */
.qr-page-outer[b-qex8rmbzw2] {
    max-width: 900px;
    margin: 0 auto;
}

.qr-main-card[b-qex8rmbzw2] {
    padding: 36px;
}

.qr-grid[b-qex8rmbzw2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
}

.qr-office-title[b-qex8rmbzw2] {
    font-family: var(--font-display, var(--font-sans));
    font-size: 24px;
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-3) 0;
}

.qr-description[b-qex8rmbzw2] {
    font-size: 14px;
    color: var(--fg-muted);
    line-height: 1.6;
    margin: 0 0 var(--space-4) 0;
}

.qr-url-box[b-qex8rmbzw2] {
    padding: 16px;
    background: var(--bg-soft);
    border-radius: var(--radius-card);
}

.qr-url-eyebrow[b-qex8rmbzw2] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--fg-muted);
    margin: 0 0 var(--space-1) 0;
}

.qr-url-text[b-qex8rmbzw2] {
    font-size: 12px;
    color: var(--fg-strong);
    word-break: break-all;
    display: block;
}

.qr-actions[b-qex8rmbzw2] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.qr-warning-banner[b-qex8rmbzw2] {
    margin-top: 22px;
    padding: 14px 16px;
    background: var(--warning-100);
    border-left: 3px solid var(--warning-500);
    border-radius: var(--radius-card);
    font-size: var(--text-sm);
    color: var(--fg-strong);
}

.qr-right[b-qex8rmbzw2] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-code-wrapper[b-qex8rmbzw2]  svg {
    width: 260px;
    height: 260px;
    display: block;
}

.qr-scan-hint[b-qex8rmbzw2] {
    margin-top: var(--space-3);
    font-size: 13px;
    color: var(--fg-muted);
    text-align: center;
}

/* Print */

.print-only[b-qex8rmbzw2] {
    display: none;
}

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

    .print-only[b-qex8rmbzw2] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .qr-print-office-name[b-qex8rmbzw2] {
        font-size: var(--text-xl);
        font-weight: 700;
        margin-bottom: var(--space-6);
        text-align: center;
    }

    .qr-code-wrapper[b-qex8rmbzw2]  svg {
        width: 400px;
        height: 400px;
    }

    .qr-print-instruction[b-qex8rmbzw2] {
        margin-top: var(--space-5);
        font-size: var(--text-md);
        color: var(--fg-default);
        text-align: center;
    }

    .qr-print-url[b-qex8rmbzw2] {
        font-size: var(--text-sm);
        color: var(--fg-muted);
        text-align: center;
        word-break: break-all;
        max-width: 380px;
    }

    /* Print-tokens (PL-beslut): garanterar svart text på vitt papper oavsett tema. Se nobeli.css --fg-print/--bg-print. */
    .print-only[b-qex8rmbzw2],
    .print-only *[b-qex8rmbzw2] {
        color: var(--fg-print) !important;
    }
}
/* /Components/Pages/SignOutCallback.razor.rz.scp.css */
.signout-card[b-my3x4cxl5d] {
    padding: 36px;
    text-align: center;
}

.signout-icon[b-my3x4cxl5d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background: var(--success-100);
    color: var(--success-600);
    margin: 0 auto var(--space-6);
}

.signout-title[b-my3x4cxl5d] {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--fg-strong);
    margin: 0 0 var(--space-3);
    text-align: center;
}

.signout-body[b-my3x4cxl5d] {
    font-size: 14px;
    color: var(--fg-muted);
    line-height: 1.55;
    max-width: 360px;
    margin: 0 auto var(--space-6);
    text-align: center;
}
/* /Components/Pages/SystemCreateGroupMapping.razor.rz.scp.css */
.create-outer[b-17s79uar6u] {
    max-width: 680px;
    margin: 0 auto;
}

.create-heading[b-17s79uar6u] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-2);
}

.create-desc[b-17s79uar6u] {
    color: var(--fg-muted);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0 0 var(--space-6);
}

.role-cards[b-17s79uar6u] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.role-card[b-17s79uar6u] {
    padding: var(--space-4) var(--space-5);
    border-radius: var(--radius-card);
    border: 1px solid var(--border);
    background: var(--bg-surface);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.12s, background 0.12s;
    width: 100%;
}

.role-card:hover[b-17s79uar6u] {
    border-color: var(--primary);
}

.role-card--selected[b-17s79uar6u] {
    border: 1px solid var(--primary);
    background: var(--primary-soft);
}

.role-card__name[b-17s79uar6u] {
    font-weight: 700;
    font-size: var(--text-base);
    color: var(--fg-strong);
    margin-bottom: var(--space-1);
}

.role-card__desc[b-17s79uar6u] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.submit-footer[b-17s79uar6u] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/SystemEditGroupMapping.razor.rz.scp.css */
.edit-outer[b-nbwf4x5ddx] {
    max-width: 720px;
    margin: 0 auto;
}

/* ── Hero ──────────────────────────────────────────────────────────────── */

.hero-row[b-nbwf4x5ddx] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-bottom: var(--space-2);
}

.hero-name[b-nbwf4x5ddx] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0;
    line-height: 1.2;
}

.hero-guid[b-nbwf4x5ddx] {
    margin-bottom: var(--space-6);
}

/* ── Kort-sektionsrubrik ───────────────────────────────────────────────── */

.section-title[b-nbwf4x5ddx] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 700;
    color: var(--fg-strong);
    margin: 0 0 var(--space-1);
}

.section-desc[b-nbwf4x5ddx] {
    color: var(--fg-muted);
    font-size: var(--text-sm);
    margin: 0;
}

/* ── Kontor-card-rader ─────────────────────────────────────────────────── */

.office-card-row[b-nbwf4x5ddx] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    background: var(--bg-surface);
    cursor: pointer;
    font-size: var(--text-base);
}

/* ── Footer knappar ────────────────────────────────────────────────────── */

.submit-footer[b-nbwf4x5ddx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}

/* ── Ta bort-kort ──────────────────────────────────────────────────────── */

.delete-row[b-nbwf4x5ddx] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.delete-confirm[b-nbwf4x5ddx] {
    padding: var(--space-1) 0;
}

.delete-actions[b-nbwf4x5ddx] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}
/* /Components/Pages/SystemTenantAudit.razor.rz.scp.css */
/* 2-kolumns grid-layout för audit-sidan */
.audit-layout[b-yeekg6el0l] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: var(--space-5);
    align-items: start;
}

/* ── Filter-sidebar ─────────────────────────────────────────────────── */

.sidebar-divider[b-yeekg6el0l] {
    border-top: 1px solid var(--border);
    margin: var(--space-4) 0;
}

.period-list[b-yeekg6el0l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-top: var(--space-2);
}

.period-btn[b-yeekg6el0l] {
    text-align: left;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-input);
    border: none;
    cursor: default;
    font-size: var(--text-sm);
    width: 100%;
    background: transparent;
    color: var(--fg-default);
    font-weight: 500;
}

.period-btn--active[b-yeekg6el0l] {
    background: var(--primary-soft);
    color: var(--primary-strong);
    font-weight: 600;
}

.category-list[b-yeekg6el0l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.category-row[b-yeekg6el0l] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    cursor: default;
}

.category-count[b-yeekg6el0l] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-left: auto;
}

.actor-section[b-yeekg6el0l] {
    margin-top: var(--space-2);
}

/* ── Rose-prick (säkerhetshändelse-indikator) ─────────────────────── */

.rose-dot[b-yeekg6el0l] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: var(--danger-600);
    flex-shrink: 0;
}

/* ── Händelsetabell ─────────────────────────────────────────────────── */

.audit-summary[b-yeekg6el0l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-5);
    border-bottom: 1px solid var(--border);
    font-size: var(--text-sm);
}

.audit-row--security[b-yeekg6el0l] {
    background: rgba(179, 65, 58, 0.03);
}

.action-badge[b-yeekg6el0l] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 6px;
    white-space: nowrap;
}

.th-tid[b-yeekg6el0l] {
    width: 150px;
}

.th-icon[b-yeekg6el0l] {
    width: 24px;
}

/* ── Paginering ─────────────────────────────────────────────────────── */

.audit-pagination[b-yeekg6el0l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-5);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/SystemTenantDetail.razor.rz.scp.css */
.tenant-detail-wrapper[b-vzuqy6qp7n] {
    max-width: 980px;
    margin: 0 auto;
}

.tenant-hero[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.tenant-hero__name[b-vzuqy6qp7n] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--fg-strong);
}

.tenant-grid[b-vzuqy6qp7n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

.section-title[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.section-title__text[b-vzuqy6qp7n] {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--primary-strong);
    text-transform: uppercase;
}

.kvc-field[b-vzuqy6qp7n] {
    padding: 10px 0;
    border-top: 1px solid var(--border);
}

.kvc-label[b-vzuqy6qp7n] {
    display: block;
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: .02em;
    margin-bottom: var(--space-1);
}

.kvc-value[b-vzuqy6qp7n] {
    display: block;
    color: var(--fg-strong);
    font-size: var(--text-base);
}

.kvc-value--mono[b-vzuqy6qp7n] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    word-break: break-all;
    line-height: 1.45;
}

.shield-icon[b-vzuqy6qp7n] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-input);
    background: var(--bg-soft);
    color: var(--fg-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.mfa-section-body[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.mfa-text-block[b-vzuqy6qp7n] {
    flex: 1;
}

.source-derived[b-vzuqy6qp7n] {
    color: var(--fg-muted);
    font-style: italic;
}

/* ── Livscykel-rader (WP-164) ────────────────────────────────────────── */

.lifecycle-item[b-vzuqy6qp7n] {
    display: flex;
    flex-direction: column;
}

.lifecycle-item--border[b-vzuqy6qp7n] {
    border-top: 1px solid var(--border);
}

.lifecycle-row[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-5);
}

.lifecycle-expand[b-vzuqy6qp7n] {
    padding: var(--space-3) var(--space-5) var(--space-4);
    background: var(--bg-app);
    border-top: 1px solid var(--border);
}

.lifecycle-expand--danger[b-vzuqy6qp7n] {
    background: var(--danger-100);
    border-top-color: var(--danger-600);
}

.lifecycle-expand-actions[b-vzuqy6qp7n] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.branding-fields[b-vzuqy6qp7n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.branding-color-row[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.branding-color-input[b-vzuqy6qp7n] {
    width: 44px;
    height: 38px;
    padding: 2px;
    border: 1px solid var(--border);
    border-radius: var(--radius-input);
    background: var(--bg-surface);
    cursor: pointer;
    flex-shrink: 0;
}

.branding-hex-input[b-vzuqy6qp7n] {
    width: 116px;
    flex-shrink: 0;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
}

.branding-hex-input--error[b-vzuqy6qp7n] {
    border-color: var(--danger-600);
}

.branding-actions[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

/* ── Kontor & kiosker (WP-257) ──────────────────────────────────────────── */

.kiosk-office-header[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--bg-soft);
    border-bottom: 1px solid var(--border);
}

.kiosk-office-header__left[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.kiosk-expand-btn[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: var(--fg-default);
    font-size: var(--text-base);
}

.kiosk-expand-btn:hover .kiosk-office-name[b-vzuqy6qp7n] {
    color: var(--primary);
}

.kiosk-expand-btn__icon[b-vzuqy6qp7n] {
    color: var(--fg-muted);
    font-size: var(--text-sm);
    width: 14px;
}

.kiosk-office-name[b-vzuqy6qp7n] {
    font-weight: 600;
    color: var(--fg-strong);
}

.kiosk-count-badge[b-vzuqy6qp7n] {
    background: var(--bg-app);
    border: 1px solid var(--border);
    border-radius: 99px;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--fg-muted);
    padding: 1px 8px;
}

.kiosk-register-form[b-vzuqy6qp7n] {
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--border);
    background: var(--bg-app);
}

.kiosk-list[b-vzuqy6qp7n] {
    display: flex;
    flex-direction: column;
}

.kiosk-empty[b-vzuqy6qp7n] {
    padding: var(--space-4) var(--space-5);
    color: var(--fg-muted);
    font-size: var(--text-sm);
}

.kiosk-row[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-5);
    border-top: 1px solid var(--border);
    gap: var(--space-4);
}

.kiosk-row--inactive[b-vzuqy6qp7n] {
    opacity: 0.55;
}

.kiosk-row__info[b-vzuqy6qp7n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.kiosk-row__name[b-vzuqy6qp7n] {
    font-weight: 500;
    color: var(--fg-strong);
    font-size: var(--text-base);
}

.kiosk-row__thumb[b-vzuqy6qp7n] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--fg-muted);
    letter-spacing: .03em;
}

.kiosk-row__actions[b-vzuqy6qp7n] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}
/* /Components/Pages/SystemTenants.razor.rz.scp.css */
.filter-bar[b-gwwjkqgq2i] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: var(--space-4);
}

.pill[b-gwwjkqgq2i] {
    padding: 7px 14px;
    border-radius: 999px;
    font-size: var(--text-sm);
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.pill--active[b-gwwjkqgq2i] {
    background: var(--primary);
    color: var(--fg-on-primary);
    border: none;
}

.pill--inactive[b-gwwjkqgq2i] {
    background: var(--bg-surface);
    color: var(--fg-strong);
    border: 1px solid var(--border);
}

.pill--okand.pill--inactive[b-gwwjkqgq2i] {
    color: var(--danger-600);
}

.pill-count[b-gwwjkqgq2i] {
    font-size: var(--text-xs);
    padding: 1px 6px;
    border-radius: 99px;
    background: var(--bg-soft);
}

.pill-count--active[b-gwwjkqgq2i] {
    background: rgba(255, 255, 255, .25);
}

.search-wrapper[b-gwwjkqgq2i] {
    margin-left: auto;
    min-width: 300px;
}
/* /Components/Shared/AuditTable.razor.rz.scp.css */
.filter-grid[b-znpwdy2gp8] {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 2fr 1fr;
    gap: var(--space-3);
    margin-top: var(--space-2);
    align-items: end;
}