/* Layout: Umschalter oben; "Keller-PC" als Bildschirm im Rahmen (Stempel-Terminal), "Büro" als Arbeitsfläche mit Seitenleiste. Beide teilen dieselben Daten. Optik wie Lager-App / Arbeitsbericht-App. */
:root{
  --bg:#f2f1f1; --surface:#ffffff; --surface-2:#f7f6f6; --fg:#1d1a1b; --muted:#6c6466; --line:#e2dddf;
  --accent:#bf1a2c; --accent-ink:#ffffff; --accent-soft:#f9e6e8;
  --ok:#1d7349; --ok-bg:#e3f2ea; --warn:#9a5b00; --warn-bg:#fbeed6; --crit:#b3151f; --crit-bg:#fbe3e3; --info:#2f5d8a; --info-bg:#e2ecf6;
  --sw:#5b4a8a; --sw-bg:#ece7f6;
  --frame:#2a2627; --screen:#f7f6f6;
  --f-display:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"Barlow","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#141213; --surface:#1e1b1c; --surface-2:#252122; --fg:#efeaeb; --muted:#a89fa1; --line:#383234;
  --accent:#e2404f; --accent-ink:#ffffff; --accent-soft:#3a1d21;
  --ok:#5cc48f; --ok-bg:#183326; --warn:#e8ab4a; --warn-bg:#3a2c13; --crit:#ff7a7a; --crit-bg:#3d1b1c; --info:#7fb2e6; --info-bg:#1b2a3a;
  --sw:#b9a6ee; --sw-bg:#2a2340;
  --frame:#000000; --screen:#191617; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#141213; --surface:#1e1b1c; --surface-2:#252122; --fg:#efeaeb; --muted:#a89fa1; --line:#383234;
  --accent:#e2404f; --accent-ink:#ffffff; --accent-soft:#3a1d21;
  --ok:#5cc48f; --ok-bg:#183326; --warn:#e8ab4a; --warn-bg:#3a2c13; --crit:#ff7a7a; --crit-bg:#3d1b1c; --info:#7fb2e6; --info-bg:#1b2a3a;
  --sw:#b9a6ee; --sw-bg:#2a2340;
  --frame:#000000; --screen:#191617; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.45}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:.01em;text-wrap:balance;margin:0}
.mono{font-family:var(--f-mono);font-size:.86em}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:18px 40px;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:16px}

.top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:38px;height:38px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:20px;flex:none}
.brand h1{font-size:22px;line-height:1.1}
.brand p{margin:0;font-size:13px;color:var(--muted)}
.seg{display:inline-flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.seg button{border:0;background:transparent;padding:8px 14px;border-radius:7px;font-weight:600;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.seg.small button{padding:5px 10px;font-size:13.5px}
.hint{font-size:13.5px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:8px;padding:9px 12px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.hint b{color:var(--fg)}

.pill{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.p-ok{color:var(--ok);background:var(--ok-bg)} .p-warn{color:var(--warn);background:var(--warn-bg)} .p-crit{color:var(--crit);background:var(--crit-bg)}
.p-info{color:var(--info);background:var(--info-bg)} .p-mute{color:var(--muted);background:var(--surface-2)} .p-sw{color:var(--sw);background:var(--sw-bg)}

.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;justify-content:center}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn.ghost:hover{color:var(--fg)}
.btn.small{padding:5px 10px;font-size:13.5px}
.btn:disabled{opacity:.45;cursor:not-allowed}
input[type=text],input[type=number],input[type=time],select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;width:100%;min-width:0}
label.f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.note{font-size:13.5px;border-radius:10px;padding:9px 12px;background:var(--warn-bg);color:var(--warn)}
.note.info{background:var(--info-bg);color:var(--info)} .note.ok{background:var(--ok-bg);color:var(--ok)} .note.crit{background:var(--crit-bg);color:var(--crit)}

/* ===== Keller-PC (Terminal) ===== */
.monitor{border:12px solid var(--frame);border-radius:18px;background:var(--screen);box-shadow:0 24px 50px -26px rgba(0,0,0,.5);overflow:hidden;position:relative;min-height:640px;display:flex;flex-direction:column}
.monitor-foot{width:180px;height:16px;background:var(--frame);margin:-4px auto 0;border-radius:0 0 10px 10px}
.k-head{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding:18px 26px;background:var(--surface);border-bottom:1px solid var(--line)}
.k-clock{font-family:var(--f-display);font-weight:700;font-size:64px;line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.k-clock small{font-size:30px;color:var(--muted);font-weight:600}
.k-date{font-size:17px;font-weight:600}
.k-date small{display:block;color:var(--muted);font-weight:500;font-size:14.5px}
.k-body{flex:1;padding:22px 26px 26px;display:flex;flex-direction:column;gap:16px}
.k-body h2{font-size:24px}
.k-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.k-tile{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center;text-align:left;min-height:104px}
.k-tile:hover{border-color:var(--muted)}
.k-tile .av{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:22px;flex:none;background:var(--surface-2)}
.k-tile.in .av{background:var(--ok-bg);color:var(--ok)}
.k-tile.out .av{background:var(--info-bg);color:var(--info)}
.k-tile.abs .av{background:var(--surface-2);color:var(--muted)}
.k-tile b{display:block;font-family:var(--f-display);font-size:21px;line-height:1.1}
.k-tile .s{display:flex;flex-direction:column;gap:6px;min-width:0}
.k-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--screen) 92%,transparent);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5;overflow:auto}
.dlg{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;width:min(560px,100%);display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px -24px rgba(0,0,0,.45)}
.dlg.wide{width:min(760px,100%)}
.dlg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.dlg-head h3{font-size:26px;line-height:1.1}
.dlg-head p{margin:2px 0 0;color:var(--muted)}
.pin-dots{display:flex;gap:14px;justify-content:center}
.pin-dots i{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted)}
.pin-dots i.on{background:var(--fg);border-color:var(--fg)}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:330px;margin:0 auto;width:100%}
.keypad button{height:66px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);font-family:var(--f-display);font-size:28px;font-weight:700}
.keypad button:hover{border-color:var(--muted)}
.bigact{border:0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;text-align:left;width:100%}
.bigact b{font-family:var(--f-display);font-size:30px;line-height:1}
.bigact small{display:block;font-size:14px;opacity:.88;margin-top:4px}
.bigact .ic{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.bigact.go{background:var(--ok);color:#fff}
.bigact.leave{background:var(--accent);color:var(--accent-ink)}
:root[data-theme="dark"] .bigact.go{color:#0d1f16}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bigact.go{color:#0d1f16}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px}
.chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sumbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sumbox > div{background:var(--surface-2);border-radius:12px;padding:12px 14px}
.sumbox small{display:block;color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.sumbox b{font-family:var(--f-display);font-size:30px;font-variant-numeric:tabular-nums}
.stepper{display:flex;align-items:center;gap:10px}
.stepper button{width:54px;height:54px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-size:24px;font-weight:700}
.stepper .v{font-family:var(--f-display);font-size:34px;font-weight:700;min-width:110px;text-align:center}
.mini-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mini-list > div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;font-size:14px}
.mini-list > div + div{border-top:1px solid var(--line)}
.done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 6px}
.done .check{width:84px;height:84px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center}
.done h3{font-size:30px}

/* ===== Büro ===== */
.pc{display:grid;grid-template-columns:220px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:700px}
.pc-nav{background:var(--surface-2);border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:3px}
.pc-nav .who{padding:4px 10px 14px;font-size:13px;color:var(--muted)}
.pc-nav .who b{display:block;color:var(--fg);font-size:14.5px}
.pc-nav button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-weight:500}
.pc-nav button:hover{background:var(--surface)}
.pc-nav button[aria-current="page"]{background:var(--surface);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}
.badge{background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;border-radius:999px;padding:0 7px;min-width:22px;text-align:center}
.pc-main{padding:22px 24px 30px;display:flex;flex-direction:column;gap:18px;min-width:0;position:relative}
.pc-main h2{font-size:26px}
.pc-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-end}
.pc-head p{margin:2px 0 0;color:var(--muted);max-width:72ch}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tile{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;background:var(--surface)}
.tile .n{font-family:var(--f-display);font-size:34px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.tile small{color:var(--muted);font-size:13px}
.tile.warn .n{color:var(--warn)} .tile.crit .n{color:var(--crit)} .tile.ok .n{color:var(--ok)}
.cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0;background:var(--surface)}
.panel > header{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-2)}
.panel > header h3{font-size:16.5px}
.panel .body{padding:14px;display:flex;flex-direction:column;gap:12px}
.att{display:flex;gap:12px;padding:11px 14px;align-items:center;border-top:1px solid var(--line)}
.att:first-of-type{border-top:0}
.att .stripe{width:4px;align-self:stretch;border-radius:2px;flex:none}
.att .t{flex:1;min-width:0;font-size:14px}
.att .t small{display:block;color:var(--muted);font-size:12.5px}
.tbl-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}
td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
tr.click{cursor:pointer} tr.click:hover td{background:var(--surface-2)}
td.r,th.r{text-align:right}
td small{color:var(--muted);display:block;font-size:12.5px}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.toolbar select{width:auto}

/* Monatsraster */
.grid-m{border-collapse:separate;border-spacing:0;font-size:12.5px;width:auto}
.grid-m th,.grid-m td{padding:0;border-bottom:1px solid var(--line);text-align:center}
.grid-m th{padding:6px 2px;font-size:11px;letter-spacing:0;min-width:44px}
.grid-m th.we{color:var(--muted);opacity:.7}
.grid-m th.wi{box-shadow:inset 0 -3px 0 var(--info)}
.grid-m td.name,.grid-m th.name{text-align:left;padding:8px 12px;position:sticky;left:0;background:var(--surface);z-index:1;min-width:170px;white-space:nowrap}
.grid-m th.name{background:var(--surface-2)}
.grid-m td.name small{display:block;color:var(--muted);font-size:11.5px}
.grid-m td.sum{padding:6px 10px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.cell{width:44px;height:40px;border:0;border-left:1px solid var(--line);background:transparent;font-size:12px;font-variant-numeric:tabular-nums;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.cell:hover{outline:2px solid var(--accent);outline-offset:-2px}
.cell.we{background:var(--surface-2)}
.cell i{font-style:normal;font-size:9.5px;color:var(--muted)}
.c-U{background:var(--info-bg);color:var(--info);font-weight:700}
.c-K,.c-K6{background:var(--crit-bg);color:var(--crit);font-weight:700}
.c-F{background:var(--ok-bg);color:var(--ok);font-weight:700}
.c-SW{background:var(--sw-bg);color:var(--sw);font-weight:700}
.c-UU{background:var(--surface-2);color:var(--muted);font-weight:700}
.c-miss{background:var(--warn-bg);color:var(--warn);font-weight:700}
.c-flag{box-shadow:inset 0 -3px 0 var(--warn)}
.legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12.5px;color:var(--muted);align-items:center}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:14px;height:14px;border-radius:4px;display:inline-block}

/* Jahresleiste */
.yr{display:grid;grid-template-columns:44px repeat(31,minmax(0,1fr));gap:2px;font-size:10.5px;min-width:640px}
.yr .m{color:var(--muted);font-weight:600;display:flex;align-items:center}
.yr .d{height:18px;border-radius:3px;background:var(--surface-2)}
.yr .d.we{opacity:.35}
.yr .d.x{background:transparent}
.yr .d.W{background:color-mix(in srgb,var(--muted) 18%,var(--surface-2))}
.yr .d.U{background:var(--info)} .yr .d.K,.yr .d.K6{background:var(--crit)} .yr .d.F{background:var(--ok)} .yr .d.SW{background:var(--sw)} .yr .d.UU{background:var(--muted)}
.yr .d.plan{background:transparent;box-shadow:inset 0 0 0 2px var(--info)}

.modal-bg{position:fixed;inset:0;background:rgba(20,18,19,.45);display:flex;align-items:flex-start;justify-content:center;padding:max(30px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 30px max(16px,env(safe-area-inset-left,0px));z-index:50;overflow:auto}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.log{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.log div{display:flex;gap:8px}
.set-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.set-grid .full{grid-column:1/-1}
.inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inl input[type=number]{width:80px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:max(22px,env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:600;z-index:60;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}

@media (max-width:980px){
  .k-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cols,.set-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .pc{grid-template-columns:minmax(0,1fr)}
  .pc-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}
  .pc-nav .who{width:100%;padding-bottom:6px}
  .pc-main{padding:16px}
  .k-grid{grid-template-columns:minmax(0,1fr)}
  .k-clock{font-size:46px}
  .k-head,.k-body{padding-inline:16px}
  .monitor{border-width:7px}
  .sumbox{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:no-preference){.dlg,.toast{animation:pop .18s ease-out}@keyframes pop{from{transform:translateY(6px);opacity:.6}}}
.toast{animation:none}

/* ===== App-Ergänzungen ===== */
html,body{margin:0;min-height:100%}
[hidden]{display:none!important}
.loading{padding:60px 20px;text-align:center;color:var(--muted)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}
.login{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;width:min(440px,100%);display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px -30px rgba(0,0,0,.4)}
.login img{width:84px;height:auto;align-self:center}
.login h1{font-size:26px;text-align:center}
.login p{margin:0;color:var(--muted);font-size:14px;text-align:center}
.login .err,.err{color:var(--crit);font-weight:600;font-size:14px}
.login details{font-size:14px;color:var(--muted)}
.login details summary{cursor:pointer;font-weight:600}
.btn.big{padding:12px 18px;font-size:16px}
.k-topbtns{display:flex;gap:8px;align-items:center}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:max(22px,env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:600;z-index:60;box-shadow:0 10px 30px -10px rgba(0,0,0,.4);max-width:calc(100vw - 32px)}
.toast:empty{display:none}
.pinlist{font-family:var(--f-mono);font-size:18px}
.pinlist div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;border-bottom:1px solid var(--line)}
@media print{.pc-nav,.top,.toolbar,.btn{display:none!important}.pc{border:0}.modal-bg{position:static;background:none}}
.drop{border:2px dashed var(--line);border-radius:12px;padding:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.k-body .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:720px){.k-body .cols{grid-template-columns:minmax(0,1fr)}}
/* Echter PC: kein Geräterahmen wie im Entwurf */
.monitor{border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -30px rgba(0,0,0,.35);min-height:calc(100vh - 60px)}
.monitor-foot{display:none}
/* Logo ist rot/weiß auf durchsichtigem Grund: auf Dunkel ohne Hintergrund, auf Hell mit dunklem Feld */
.brand img{background:transparent;padding:0}
:root[data-theme="light"] .brand img{background:#1d1a1b;border-radius:8px;padding:4px}
@media (prefers-color-scheme: light){:root:not([data-theme]) .brand img{background:#1d1a1b;border-radius:8px;padding:4px}}
/* Terminal: Markenrot wie im Entwurf */
.k-head{box-shadow:inset 0 -3px 0 var(--accent)}
.k-tile:hover,.k-tile:focus-visible{border-color:var(--accent)}
.k-tile.in{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.pin-dots i.on{background:var(--accent);border-color:var(--accent)}
.keypad button:hover,.keypad button:active{border-color:var(--accent);background:var(--accent-soft)}
.k-body h2{color:var(--fg)}
.k-body h2::before{content:"";display:inline-block;width:6px;height:22px;border-radius:3px;background:var(--accent);margin-right:10px;vertical-align:-3px}
.login{border-top:4px solid var(--accent)}

/* ===== Druck: Start-PINs – nur die Abschnitte, nichts von der Seite ===== */
#print-pins{display:none}
@media print{
  body.druck-pins{background:#fff!important;color:#000}
  body.druck-pins #app,body.druck-pins #toast,body.druck-pins .modal-bg>.dlg{display:none!important}
  body.druck-pins .modal-bg{position:static;background:none;padding:0;display:block;overflow:visible}
  body.druck-pins #print-pins{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .slip{border:1px dashed #888;padding:7mm 8mm;break-inside:avoid;page-break-inside:avoid;display:flex;flex-direction:column;gap:2mm;color:#000;background:#fff;font-family:Arial,sans-serif}
  .slip-h{display:flex;align-items:center;gap:3mm;font-size:9pt;font-weight:700}
  .slip-h img{width:12mm;height:12mm;object-fit:contain;background:#1d1a1b;border-radius:2mm;padding:1mm}
  .slip-h small{font-weight:400;color:#555}
  .slip-n{font-size:15pt;font-weight:700;margin-top:2mm}
  .slip-l{font-size:9pt;color:#555;text-transform:uppercase;letter-spacing:.08em}
  .slip-p{font-family:"IBM Plex Mono",Consolas,monospace;font-size:30pt;font-weight:700;letter-spacing:.3em;color:#bf1a2c}
  .slip-t{font-size:8.5pt;line-height:1.35;color:#333}
  @page{margin:12mm}
}