/* Dokumenter (rapport, erklæring, spørgeskema): print til A4 med headless Chromium og visning i browser.
   Samme koncept som siden ("Konnossementet"), men sort-hvid-venlig: orange kun til stempel og streger. */
@font-face { font-family: 'Big Shoulders Display'; font-weight: 600 800; src: url('fonts/BigShouldersDisplay-var.woff2') format('woff2'); }
@font-face { font-family: 'Work Sans'; font-weight: 400 600; src: url('fonts/WorkSans-var.woff2') format('woff2'); }
@font-face { font-family: 'Red Hat Mono'; font-weight: 400 500; src: url('fonts/RedHatMono-var.woff2') format('woff2'); }
@page { size: A4; margin: 14mm 13mm 16mm; }
:root { --blaek: #0B2545; --blaek-2: #3D506A; --linje: #C9D3DF; --accent: #E4572E; --ok: #1D7347; --fejl: #B3261E; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #EEF2F6; color: var(--blaek); font: 400 10pt/1.45 "Work Sans", system-ui, sans-serif; }
.ark { background: #fff; max-width: 210mm; margin: 0 auto; padding: 14mm 13mm; }
@media screen { body { padding: 24px 12px; } .ark { border: 2px solid var(--blaek); box-shadow: 5px 5px 0 var(--blaek); } }
@media print { body { background: #fff; } .ark { padding: 0; max-width: none; } .kunweb { display: none; } }
h1, h2 { font-family: "Big Shoulders Display", "Arial Narrow", sans-serif; font-weight: 800; text-transform: uppercase; line-height: 1; margin: 0 0 6px; }
h1 { font-size: 26pt; } h2 { font-size: 15pt; margin-top: 18px; border-bottom: 2px solid var(--blaek); padding-bottom: 4px; }
p { margin: 0 0 7px; }
.mono, code { font-family: "Red Hat Mono", ui-monospace, Menlo, monospace; }
.hoved { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; border-bottom: 3px solid var(--blaek); padding-bottom: 8px; margin-bottom: 10px; }
.hoved .ref { font: 500 8pt/1.4 "Red Hat Mono", monospace; color: var(--blaek-2); text-align: right; }
.felter { display: grid; grid-template-columns: repeat(4, 1fr); border: 1.5px solid var(--blaek); margin-bottom: 10px; }
.felter div { padding: 6px 8px; border-right: 1px solid var(--linje); min-width: 0; }
.felter div:last-child { border-right: 0; }
.l { display: block; font: 500 6.5pt/1.3 "Red Hat Mono", monospace; text-transform: uppercase; letter-spacing: .07em; color: var(--blaek-2); }
.v { font-weight: 600; overflow-wrap: anywhere; }
.stempel { display: inline-block; border: 2.5px solid var(--accent); color: var(--accent); font: 800 13pt/1 "Big Shoulders Display", sans-serif; letter-spacing: .12em; padding: 4px 10px; transform: rotate(-5deg); text-transform: uppercase; }
.tal { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1.5px solid var(--blaek); margin: 8px 0 10px; }
.tal div { padding: 6px 8px; border-right: 1px solid var(--linje); }
.tal div:last-child { border-right: 0; }
.tal b { display: block; font: 800 20pt/1 "Big Shoulders Display", sans-serif; }
.tal .f b { color: var(--fejl); } .tal .o b { color: var(--ok); }
table { width: 100%; border-collapse: collapse; margin: 6px 0 10px; }
th { font: 500 6.5pt/1.3 "Red Hat Mono", monospace; text-transform: uppercase; letter-spacing: .06em; color: var(--blaek-2); text-align: left; border-bottom: 1.5px solid var(--blaek); padding: 4px 5px; }
td { border-bottom: 1px dashed var(--linje); padding: 5px; vertical-align: top; font-size: 8.6pt; }
tr { page-break-inside: avoid; }
td.k { font: 400 8.2pt/1.35 "Red Hat Mono", monospace; white-space: nowrap; }
.st { display: inline-block; font-weight: 600; font-size: 8pt; padding: 1px 5px; border: 1.2px solid; white-space: nowrap; }
.st--ok { color: var(--ok); } .st--fejl { color: var(--fejl); } .st--advarsel { color: var(--blaek); border-style: dashed; }
ul.n { margin: 3px 0 0; padding-left: 13px; font-size: 8pt; color: var(--blaek-2); }
.boks { border: 1.5px solid var(--blaek); padding: 8px 10px; margin: 8px 0; }
.boks--stiplet { border-style: dashed; }
.citat { border-left: 4px solid var(--accent); padding: 4px 0 4px 10px; margin: 6px 0 10px; font-style: italic; }
.udfyld { display: inline-block; min-width: 55mm; border-bottom: 1px solid var(--blaek); color: var(--blaek-2); font-style: italic; }
.punkt { display: grid; grid-template-columns: 18mm 1fr; gap: 4px 10px; padding: 7px 0; border-bottom: 1px dashed var(--linje); }
.punkt > .l { padding-top: 2px; }
.lille { font-size: 8pt; color: var(--blaek-2); }
.fod { margin-top: 14px; padding-top: 6px; border-top: 1px solid var(--linje); font-size: 7.5pt; color: var(--blaek-2); }
a { color: var(--blaek); }
.kunweb { margin-bottom: 14px; font-size: 10pt; }