/* public/portal/dokumentkontrol.css — Dokumentkontrol-siden (public/portal/dokumentkontrol.js), bygget
   som rapporten: afsnit 1 (tabel med opgavebånd), afsnit 2 (matrix på tværs af projekter)
   og historik. Det fælles (tal-kort, faner, filtre, hjælp) står i ../gt-ui/app-side.css. Kun farver fra DESIGN.md: statusfarverne og rapportfarverne herunder. */
/* Rapportfarver fra Fælledbys rapportlayout (DESIGN.md), kun på denne side. */
#dk { --rapport-skov: #41584a; --rapport-indigo: #2a3789; --rapport-siena: #ab6628; --rapport-tabelhoved: #3d4a42; --rapport-blaa: #2f3a63; --app-tal-farve: var(--rapport-blaa); }
/* Afsnit 1: filtre og tabel */
.dk-tabel { padding: 0; overflow: hidden; }
.dk-rk { display: grid; grid-template-columns: 48px minmax(0, 1fr) 80px 104px 104px 24px; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--gt-kant); align-items: start; font-size: 14px; }
.dk-rk:first-child { border-top: none; }
.dk-hoved-rk { background: var(--rapport-tabelhoved); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .5px; padding-block: 8px; }
.dk-pkt, .dk-dato { font-variant-numeric: tabular-nums; }
.dk-pkt { color: var(--gt-tekst2); }
.dk-navn { font-weight: 600; }
.dk-fil { font-size: 12px; color: var(--gt-tekst2); overflow-wrap: anywhere; }
.dk-note { font-size: 13px; font-style: italic; color: var(--gt-tekst2); }
.dk-roed { color: var(--gt-tone-fejl); font-weight: 700; }
.dk-mobil { display: none; }
.dk-prik { display: inline-block; width: 12px; height: 12px; border-radius: 99px; vertical-align: -1px; }
.dk-rk .dk-prik { margin-top: 4px; }
.dk-prik.dk-G { background: var(--gt-tone-ok); } .dk-prik.dk-A { background: var(--gt-tone-advarsel); } .dk-prik.dk-R { background: var(--gt-tone-fejl); }
.dk-prik.dk-U { border: 2px solid var(--gt-tekst2); }
.dk-opg { padding: 8px 16px 8px 76px; font-size: 13px; }
.dk-opg b { margin-right: 4px; }
.dk-opg.dk-A { background: color-mix(in srgb, var(--gt-tone-advarsel) 20%, var(--gt-flade)); }
.dk-opg.dk-R { background: color-mix(in srgb, var(--gt-tone-fejl) 14%, var(--gt-flade)); }

/* Afsnit 2: matrix */
.dk-matrix-ramme { padding: 0; overflow-x: auto; }
.dk-matrix { border-collapse: collapse; font-size: 13px; width: 100%; }
.dk-matrix th { background: var(--rapport-tabelhoved); color: #fff; font-weight: 600; padding: 8px; white-space: nowrap; }
.dk-matrix thead th:not(:first-child) { writing-mode: vertical-rl; transform: rotate(180deg); text-align: left; height: 136px; }
.dk-matrix td { border-top: 1px solid var(--gt-kant); padding: 4px 8px; text-align: center; font-weight: 700; }
.dk-matrix td:first-child, .dk-matrix thead th:first-child { text-align: left; position: sticky; left: 0; white-space: nowrap; max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
.dk-matrix td:first-child { background: var(--gt-flade); font-weight: 500; }
.dk-matrix thead th:first-child { vertical-align: bottom; }
.dk-matrix tbody tr:nth-child(even) td { background: var(--gt-flade2); }
.dk-s3 { color: var(--gt-tone-ok); } .dk-s1 { color: var(--rapport-siena); } .dk-s2 { color: var(--rapport-indigo); }
.dk-s4 { color: var(--rapport-skov); } .dk-s0 { color: var(--gt-kant); }

/* Historik-fanen genbruger app-sidens udvikling og kørselsliste. */
#dk-fane-historik > .gt-sektion { margin-top: 0; margin-bottom: 24px; }

@media (max-width: 760px) {
  .dk-hoved-rk { display: none; }
  .dk-rk { grid-template-columns: 32px minmax(0, 1fr) 16px; grid-template-areas: "pkt navn prik" "pkt mobil mobil"; row-gap: 4px; }
  .dk-rk > .dk-pkt { grid-area: pkt; } .dk-rk > .dk-celle-navn { grid-area: navn; } .dk-rk > .dk-prik { grid-area: prik; }
  .dk-rk > .dk-ansv, .dk-rk > .dk-dato { display: none; }
  .dk-rk > .dk-mobil { display: block; grid-area: mobil; font-size: 12px; color: var(--gt-tekst2); }
  .dk-opg { padding-left: 60px; }
  .dk-matrix td:first-child { max-width: 160px; }

}
@media print {
  .dk-rk, .dk-opg, .dk-matrix tr { break-inside: avoid; }
  .dk-matrix-ramme { overflow: visible; }
}