/* RBAC-rolle-matrise (Spor 14 Fase 4) — vises i Modal når en rolle redigeres.
   Grupperer rettigheter per kategori med subtil h4-header. Hver rettighet =
   en label med checkbox + navn + dempet beskrivelse. */

.rolle-matrise {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--avstand-4);
  max-height: 60vh;
  overflow-y: auto;
  padding: var(--avstand-2);
  background: var(--farge-overflate);
  border: 1px solid var(--farge-kant);
  border-radius: var(--radius);
}

@media (max-width: 48rem) {
  .rolle-matrise { grid-template-columns: 1fr; }
}

.rolle-kategori__tittel {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--farge-tekst-dempet);
  margin: 0 0 var(--avstand-2) 0;
  padding-bottom: var(--avstand-1);
  border-bottom: 1px solid var(--farge-kant);
}

.rolle-kategori__items {
  display: flex;
  flex-direction: column;
  gap: var(--avstand-1);
}

.rolle-rettighet {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--avstand-1) var(--avstand-2);
  align-items: baseline;
  padding: var(--avstand-1) var(--avstand-2);
  border-radius: var(--radius-liten);
  cursor: pointer;
}

.rolle-rettighet:hover { background: var(--farge-bakgrunn); }

.rolle-rettighet input[type="checkbox"] {
  grid-row: 1 / span 2;
  margin: 0;
}

.rolle-rettighet input[type="checkbox"]:disabled {
  cursor: not-allowed;
}

.rolle-rettighet__navn {
  font-weight: 500;
}

.rolle-rettighet__beskrivelse {
  font-size: 0.85rem;
  line-height: 1.3;
}

/* Hengelås-ikon ved siden av forhåndsdefinerte roller (Spor 14 Fase 6) —
   subtil indikator i stedet for tung «System»-pille. */
.rolle-las-wrap {
  display: inline-flex;
  align-items: center;
  margin-left: var(--avstand-2);
  color: var(--farge-tekst-dempet);
  vertical-align: middle;
}
.rolle-las {
  display: inline-block;
}