/* «Skriv ut» (PLAN-V3 TXE.4): CF21 «Så fungerar fördelningen» (and CF21.publik) on paper as a light page, without the app's chrome, the
   moving background or the print card itself. Hand-written; only loaded for print (index.html, media="print"). */
@page { margin: 16mm; }
html, body, #screen-outlet { background: #fff !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
#map-layer, #overlay-outlet, #toastContainer { display: none !important; }
[data-screen^="CF21"] .aurora-bg,
[data-screen^="CF21"] header,
[data-screen^="CF21"] [data-part="print-card"],
[data-screen^="CF21"] [data-action="contact-support"] svg { display: none !important; }
[data-screen^="CF21"],
[data-screen^="CF21"] * {
  color: #111 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}
[data-screen^="CF21"] > div,
[data-screen^="CF21"] .min-h-screen { min-height: 0 !important; overflow: visible !important; max-width: none !important; }
[data-screen^="CF21"] .glass-card { border: 1px solid #bbb !important; border-radius: 10px !important; break-inside: avoid; }
[data-screen^="CF21"] .rounded-full { border: 1px solid #999 !important; }

/* EP3.skylt «Skriv ut A4» (sector-book salon-tv): the door sign's paper alone, as its preview draws it, scaled up to fill the
   A4 page inside the margins (290 × 410 px × 2.25 is 173 × 244 mm); the header, the preview's label, the buttons and the
   moving background stay off the paper (data-print="hide" in the template). */
#screen-outlet > [data-screen="EP3.skylt"],
[data-screen="EP3.skylt"] > div,
[data-screen="EP3.skylt"] [data-print="sheet"] { min-height: 0 !important; background: #fff !important; overflow: visible !important; }
[data-screen="EP3.skylt"] [data-print="hide"] { display: none !important; }
[data-screen="EP3.skylt"] [data-print="sheet"] { max-width: none !important; padding: 0 !important; display: block !important; }
[data-screen="EP3.skylt"] [data-print="paper"] { width: 290px !important; max-width: 290px !important; zoom: 2.25; box-shadow: none !important;
  border: 0 !important; border-radius: 0 !important; break-inside: avoid; }

/* DP1 «Skriv ut» (FOOD-18): one order as a kitchen ticket on an 80 mm roll (72 mm printable), black on white. The ticket is a node
   of its own on <body> while html[data-print="ticket"] is set (js/flows/food/d-mat-kitchen.js printTicket); the app is not printed. */
@page ticket { margin: 3mm 4mm; }
html[data-print="ticket"] body > *:not([data-print-ticket]) { display: none !important; }
html[data-print="ticket"], html[data-print="ticket"] body { background: #fff !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
[data-print-ticket] { display: none; }
html[data-print="ticket"] [data-print-ticket] { display: block !important; page: ticket; width: 72mm; color: #000; background: #fff;
  font: 12pt/1.35 system-ui, sans-serif; }
[data-print-ticket] p { margin: 0 0 1.5mm; overflow-wrap: anywhere; }
[data-print-ticket] .kt-head { font-size: 13pt; font-weight: 700; text-align: center; }
[data-print-ticket] .kt-ref { font-size: 22pt; font-weight: 800; text-align: center; margin: 1mm 0 2mm; }
[data-print-ticket] .kt-mode { font-weight: 700; text-transform: uppercase; border-bottom: 1px dashed #000; padding-bottom: 2mm; }
[data-print-ticket] .kt-lines { border-bottom: 1px dashed #000; margin: 2mm 0; padding-bottom: 1mm; }
[data-print-ticket] .kt-lines p { font-size: 13pt; font-weight: 700; }
[data-print-ticket] .kt-lines .kt-sub { font-size: 10pt; font-weight: 400; padding-inline-start: 4mm; }
[data-print-ticket] .kt-note { font-weight: 600; }