/* B-209: Mørk tilstand for driftsportalen, login og "Opret dig". Følger styresystemets indstilling.
   Indlæses via partials/drift-theme efter drift.css og sidernes egne <style>-blokke, så de fleste regler
   vinder på rækkefølge. Overstyringerne starter med :root for at vinde over sidernes egne klasser.
   Kun på skærm: udskrifter, QR-mærkater og PDF'er forbliver lyse.
   --navy beholdes som mørkeblå, fordi den er baggrund på knapper og topbjælke; tekst i navy får en lys blå. */

:root{color-scheme:light dark}

@media screen and (prefers-color-scheme:dark){
  /* GENERERET: node scripts/drift-dark-css.mjs */
  :root a{color:var(--link)}
  :root .eyebrow{color:var(--link)}
  :root .notice,:root .success{background:hsl(152 55% 15%)}
  :root .error{background:hsl(0 55% 15%);color:hsl(0 74% 80%)}
  :root .warning{background:hsl(33 55% 15%);border:1px solid hsl(32 40% 32%);color:hsl(15 75% 80%)}
  :root .card{background:var(--surface)}
  :root .count{color:var(--link)}
  :root .fact{background:var(--surface)}
  :root .item{background:var(--surface)}
  :root .item:hover{border-color:hsl(212 40% 32%)}
  :root .row p{color:hsl(215 19% 82%)}
  :root .reasons{color:hsl(215 19% 82%)}
  :root .pill,:root .status{color:var(--link)}
  :root .pill.red{background:hsl(0 55% 15%)}
  :root .pill.yellow{background:hsl(48 55% 15%);color:hsl(23 75% 80%)}
  :root .pill.green{background:hsl(152 55% 15%)}
  :root .pl-block{border:1px solid hsl(214 32% 32%);background:var(--surface)}
  :root .pl-block.none{border-left:4px solid hsl(215 20% 32%)}
  :root .pl-row{border-top:1px solid hsl(210 40% 32%)}
  :root .pl-chips{color:hsl(215 19% 82%)}
  :root .pe-item{border-top:1px solid hsl(210 40% 32%)}
  :root .pe-edit{border:1px solid hsl(213 40% 32%);color:var(--link)}
  :root .pe-item[open]>summary{border-bottom:1px dashed hsl(213 27% 32%)}
  :root .pe-add>summary{border:1px dashed hsl(216 40% 32%);background:var(--surface);color:var(--link)}
  :root .pending{color:hsl(35 75% 80%);background:hsl(48 55% 15%)}
  :root .secondary{background:var(--surface);color:var(--link);border:1px solid hsl(213 40% 32%)}
  :root .danger{background:var(--surface);border:1px solid hsl(0 40% 32%)}
  :root input,:root select,:root textarea{border:1px solid hsl(213 27% 32%);background:var(--surface)}
  :root input:focus-visible,:root select:focus-visible,:root textarea:focus-visible{border-color:hsl(212 40% 32%)}
  :root .add-supply summary,:root .add-luminaire summary{color:var(--link)}
  :root .supply-list{border-left:3px solid hsl(213 40% 32%)}
  :root .skip-link{background:var(--surface);color:var(--link)}
  :root .tn-company{border-left:1px solid var(--line-2)}
  :root .tn-menu a:hover{background:var(--surface)}
  :root .tn-menu a:focus-visible{background:var(--surface)}
  :root .tn-menu a[aria-current=page]{background:var(--surface);color:var(--link)}
  :root .tn-account:hover,:root .tn-account[aria-current="page"]{background:var(--surface)}
  :root .tn-out button{border:1px solid var(--line-2)}
  :root .tn-crumb a{color:var(--link)}
  :root .tn-bottom{background:var(--surface)}
  :root .tn-bottom a[aria-current=page]{color:var(--link)}
  :root .code-key{color:var(--link)}
  :root .error-codes dd{color:hsl(215 25% 80%)}
  :root .task-row{border-left:4px solid hsl(213 27% 32%);background:var(--surface)}
  :root .task-go{background:hsl(214 55% 15%);color:var(--link)}
  :root .task-row:hover{border-color:hsl(212 40% 32%);background:var(--surface)}
  :root .offline-bar{border:1px solid hsl(46 40% 32%);background:hsl(48 55% 15%);color:hsl(22 75% 80%)}
  :root .offline-bar .offline-rejected{color:hsl(0 70% 80%)}
  :root .explanation{border:1px solid hsl(213 40% 32%);background:var(--surface)}
  :root .explanation summary{color:hsl(224 64% 80%)}
  :root .explanation .explanation-meta{color:hsl(215 16% 82%)}
  :root .link-summary{color:var(--link)}
  :root .card.first-test{border-color:hsl(31 40% 32%);background:hsl(33 55% 15%)}
  :root .card.first-test .meta{color:var(--muted)}
  :root .notice.soon{background:hsl(48 55% 15%);color:hsl(23 75% 80%)}
  :root .catalog-search{background:hsl(210 40% 15%)}
  :root .catalog-browse{border:1px solid hsl(213 27% 32%);background:var(--surface);color:var(--link)}
  :root .catalog-browse[aria-expanded="true"]{background:hsl(219 55% 15%)}
  :root .catalog-options{background:var(--surface);border:1px solid hsl(213 27% 32%)}
  :root .catalog-options [role="option"]:hover{background:hsl(210 40% 15%)}
  :root .catalog-options [role="option"][aria-selected="true"]{background:hsl(219 55% 15%)}
  :root .catalog-nav .catalog-title{color:var(--link)}
  :root .about-control>summary{color:var(--link)}
  :root .legacy-warning{background:hsl(33 55% 15%);border:1px solid hsl(32 40% 32%);color:hsl(15 75% 80%)}
  :root .brand{color:var(--link)}
  :root .tag{color:var(--link)}
  :root input{border:1px solid hsl(213 27% 32%)}
  :root .company{background:var(--surface)}
  :root .logout{color:var(--link)}
  :root .warn{background:hsl(48 55% 15%);border:1px solid hsl(46 40% 32%);color:hsl(23 75% 80%)}
  :root .badge{background:hsl(48 55% 15%);color:hsl(35 75% 80%)}
  :root .badge.verified{background:hsl(152 55% 15%)}
  :root .badge.rejected{background:hsl(0 55% 15%)}
  :root .sheet{background:var(--surface)}
  :root .stat{background:var(--surface)}
  :root .count,:root .health{background:hsl(214 55% 15%);color:var(--link)}
  :root .task p{color:hsl(215 19% 82%)}
  :root .filter select{border:1px solid hsl(213 27% 32%);background:var(--surface)}
  :root .panel ul{color:hsl(215 19% 82%)}
  :root .health.red{background:hsl(0 55% 15%)}
  :root .health.yellow{background:hsl(48 55% 15%);color:hsl(23 75% 80%)}
  :root .health.green{background:hsl(152 55% 15%)}
  :root .later summary{color:hsl(224 64% 80%)}
  :root .choice:has(input:checked){background:hsl(214 55% 15%)}
  :root .choice:has(input:checked) small{color:hsl(215 19% 82%)}
  :root .status.pending{background:hsl(48 55% 15%)}
  :root .status.approved{background:hsl(152 55% 15%)}
  :root .status.rejected{background:hsl(0 55% 15%)}
  :root .doc{background:var(--surface)}
  :root .pick{background:var(--surface)}
  :root .pick:hover,:root .pick:focus-visible{border-color:hsl(212 40% 32%)}
  :root .need{color:hsl(215 25% 80%)}
  :root .tip{background:hsl(214 55% 15%);color:hsl(224 64% 80%)}
  :root .all summary{color:var(--link)}
  :root details.edit-card>summary h2{color:var(--link)}
  :root details.edit-card>summary::after{color:var(--link)}
  :root .progress{background:hsl(214 32% 15%)}
  :root .step{background:var(--surface);background:hsl(219 55% 15%);color:hsl(211 28% 80%)}
  :root .step.done{background:hsl(138 55% 15%);border-color:hsl(141 40% 32%)}
  :root .step.next{border-color:hsl(212 40% 32%)}
  :root .num{background:hsl(214 55% 15%);color:var(--link)}
  :root .step p{color:hsl(215 19% 82%)}
  :root .good-to-know{color:hsl(215 19% 82%)}
  :root .proposal.off{background:hsl(210 40% 15%)}
  :root .flag{background:hsl(33 55% 15%);border:1px solid hsl(32 40% 32%);color:hsl(15 75% 80%)}
  :root pre{background:hsl(210 40% 15%)}
  :root .supplies{color:hsl(215 19% 82%)}
  :root .supply-kind{background:hsl(210 40% 15%);color:hsl(215 25% 80%)}
  :root .catalog-image img{border:1px solid hsl(214 32% 32%);background:var(--surface)}
  :root .catalog-image figcaption{color:hsl(215 19% 82%)}
  :root .catalog-note{color:hsl(215 16% 82%)}
  :root .panel-status{background:hsl(152 55% 15%);color:hsl(163 75% 80%)}
  :root .panel-status.yellow{background:hsl(48 55% 15%);color:hsl(23 75% 80%)}
  :root .panel-status.red{background:hsl(0 55% 15%);color:hsl(0 70% 80%)}
  :root .more>summary{color:var(--link)}
  :root .more-menu{border:1px solid hsl(214 32% 32%);background:var(--surface)}
  :root .more-menu a{color:var(--link)}
  :root .more-menu a:hover{background:hsl(214 55% 15%)}
  :root .todo-row{border:1px solid hsl(214 32% 32%);background:var(--surface)}
  :root .fold>summary{color:var(--link)}
  :root .tool{border-top:1px solid hsl(214 32% 32%)}
  :root .tool-link{border-top:1px solid hsl(214 32% 32%)}
  :root .prefab{background:var(--surface);border:1px solid var(--line,hsl(216 38% 32%))}
  :root .photo-first{background:var(--surface);border:1px solid var(--line,hsl(216 38% 32%))}
  :root .manual>summary{color:var(--link)}
  :root .info-box{background:hsl(214 55% 15%);border:1px solid hsl(213 40% 32%);color:hsl(224 64% 80%)}
  :root .step strong{color:var(--link)}
  :root .help{color:hsl(224 64% 80%)}
  :root .entry{border:1px solid hsl(213 27% 32%);background:var(--surface)}
  :root .entry-title{color:var(--link)}
  :root .remove{border:1px solid hsl(0 40% 32%);background:var(--surface)}
  :root .add{border:1px dashed hsl(216 40% 32%);background:var(--surface);color:var(--link)}
  :root .error-box{background:hsl(0 55% 15%);border:1px solid hsl(0 40% 32%)}
  :root .section-divider{border-top:1px solid hsl(214 40% 32%)}
  :root .custom-brand summary{color:var(--link)}
  :root .supply-more summary{color:var(--link)}
  :root .remove-supply{border:1px solid hsl(0 40% 32%);background:var(--surface)}
  :root th,:root td{border-bottom:1px solid var(--line-2)}
  :root .muted{color:hsl(215 16% 82%)}
  :root .tips{color:hsl(215 25% 80%)}
  :root .photos a{background:hsl(210 40% 15%)}
  :root .ask{background:hsl(48 55% 15%);border:1px solid hsl(46 40% 32%)}
  :root .feedback{border-color:hsl(212 40% 32%)}
  :root .rating span{border:1px solid hsl(213 27% 32%);background:var(--surface)}
  :root .label-card{background:var(--surface)}
  :root .label-card img{border:1px dashed hsl(213 27% 32%)}
  :root .measure-banner{background:hsl(48 55% 15%);color:hsl(22 75% 80%);border:1px solid hsl(46 40% 32%)}
  :root .measure-late{background:hsl(0 55% 15%);border-color:hsl(0 40% 32%)}
  :root .next{border:1px solid hsl(213 40% 32%);background:hsl(214 55% 15%)}
  :root .next.acute{border-color:hsl(0 40% 32%);background:hsl(0 55% 15%)}
  :root .next.contact_installer{border-color:hsl(48 40% 32%);background:hsl(48 55% 15%)}
  :root .measure-form summary{color:var(--link)}
  :root .due{background:hsl(48 55% 15%);color:hsl(23 75% 80%)}
  :root .instruction{background:hsl(214 55% 15%)}
  :root .instruction p{color:hsl(215 25% 80%)}
  :root .pending p{color:hsl(215 25% 80%)}
  :root .choice{border:1px solid hsl(213 27% 32%)}
  :root .guidance{color:hsl(23 75% 80%)}
  :root .results li{border-top:1px solid hsl(48 40% 32%)}
  :root .res-failed{color:hsl(0 74% 80%)}
  :root .res-passed{color:hsl(163 75% 80%)}
  :root .previous{background:hsl(210 40% 15%);color:hsl(215 25% 80%)}
  :root .status{color:hsl(163 75% 80%);background:hsl(152 55% 15%)}
  :root .links a{color:var(--link)}
  :root .forgot{color:var(--link)}
  :root .rule-box{background:hsl(210 40% 15%);border:1px solid var(--line,hsl(216 38% 32%))}
  :root .rail-no{color:var(--link)}
  :root .move{border:1px solid var(--line,hsl(213 27% 32%));background:var(--surface);color:var(--link)}
  :root .rail-add-label{color:var(--link)}
  :root .room{background:hsl(219 55% 15%);color:var(--link)}
  :root .room-remove:hover{background:hsl(218 55% 15%)}
  :root .protected-by{color:hsl(143 64% 80%)}
  :root .protected-by.warn{color:hsl(15 75% 80%)}
  :root .type{border:1px solid hsl(213 27% 32%)}
  :root .type:has(input:checked){background:hsl(214 55% 15%)}
  :root .type:has(input:checked) small{color:hsl(215 19% 82%)}
  :root .login-link{color:var(--link)}
  :root button.show-pw{background:var(--surface);color:var(--link);border:1px solid hsl(213 27% 32%)}
  /* SLUT GENERERET */

  :root{
    --canvas:#0c1322;--surface:#131c30;--ink:#e8edf7;--muted:#9eabc2;--line:#26344f;--line-2:#34466b;--sky:#18264a;
    --link:#a9c1f7;--red:#fca5a5;--orange:#fcd34d;--amber:#fcd34d;--green:#6ee7b7;--blue:#8fb0f5;
  }
  body{background:var(--canvas);color:var(--ink)}
  :root a{color:var(--link)}
  :root .eyebrow,:root .tag,:root .brand{color:var(--link)}
  :root .brand svg circle{stroke:#8fb0f5}

  /* Flader */
  :root .card,:root .fact,:root .item,:root .task-row,:root main.auth,:root .skip-link{background:var(--surface);border-color:var(--line);color:var(--ink)}
  :root .row p,:root .reasons,:root .error-codes dd{color:var(--muted)}
  @media (hover:hover){:root .item:hover,:root .task-row:hover{background:var(--sky);border-color:var(--line-2)}}
  /* B-328: Fristens farve i venstre kant skal overleve, at kanten ovenfor bliver mørk. */
  :root .task-row.overdue{border-left-color:var(--red)}:root .task-row.soon{border-left-color:var(--orange)}:root .task-row.awaiting{border-left-color:var(--link)}

  /* Beskeder og status: samme betydning, mørke flader */
  :root .notice,:root .success,:root .status,:root .pill.green{background:#0f3b2e;color:var(--green)}
  :root .error,:root .pill.red{background:#3b1215;color:var(--red)}
  :root .warning,:root .offline-bar{background:#2a1f05;border-color:#6b5310;color:#fde68a}
  :root .pill.yellow{background:#2a1f05;color:#fde68a}
  :root .pending{color:var(--amber)}
  :root .offline-bar .offline-rejected{color:var(--red)}

  /* Knapper og felter */
  :root .secondary{background:transparent;color:var(--link);border-color:var(--line-2)}
  :root .danger{background:transparent;color:var(--red);border-color:#7f1d1d}
  :root input,:root select,:root textarea{background:var(--canvas);color:var(--ink);border-color:var(--line-2)}
  :root select option,:root select optgroup{background-color:var(--surface);color:var(--ink)}
  :root .task-go{background:var(--sky);color:var(--link)}
  :root .supply-list{border-color:var(--line-2)}

  /* Navigation */
  :root .tn{background:#0a1a45}
  :root .tn-menu a[aria-current=page]{background:var(--ink);color:#0a1a45}
  :root .tn-bottom{background:var(--surface);border-color:var(--line)}

  /* Login, glemt adgangskode og "Opret dig" (partials/drift-auth-style og signup) */
  :root body:has(> main .brand){background:linear-gradient(135deg,#0a1530,var(--canvas) 55%)}
  :root body > main:has(> .brand){background:var(--surface);border-color:var(--line);box-shadow:0 20px 45px rgb(0 0 0 / .4)}
  :root .type{border-color:var(--line-2)}
  :root .type:has(input:checked){background:var(--sky);border-color:var(--link);box-shadow:none}
  :root .type:has(input:checked) small{color:var(--muted)}
  :root .forgot,:root .links a{color:var(--link)}

  /* B-327: Vælg kunde og de sidste faste farver */
  :root .company{background:var(--canvas);border-color:var(--line-2);color:var(--ink)}
  :root .company small{color:var(--muted)}
  :root .company:hover,:root .company:focus-visible{border-color:var(--link);outline-color:var(--line-2)}
  :root .company.selected{border-color:var(--link)}
  :root .step.done .num{background:var(--green);color:#052e22}
}