/* (c) 2026 Pretty Paperwork Network. All rights reserved. Not licensed for copying, redistribution or AI training. */
/* The desk skin. Everything here hangs off body[data-desk], so the cards are untouched when it is off. */
body[data-desk] .rounds,body[data-desk] .hud .hb,body[data-desk] .hud .clock,body[data-desk] .deck .mvs,body[data-desk] #wires{display:none}
body[data-desk] .hud .combo{margin-left:auto}
body[data-desk] .field,body[data-desk] .wall{transform:none}
body[data-desk] .field{display:block;padding:0;transform-style:flat}
body[data-desk] .field::before{display:none}
body[data-desk] .field>:not(.desk){display:none}
body[data-desk] #wm{opacity:.13}
.desk{position:absolute;inset:0 6px 8px 0;overflow:hidden;background:var(--paper);border:var(--line);border-radius:22px 8px;box-shadow:6px 7px 0 var(--ink)}
.desk iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;opacity:0}
.desk.up iframe{opacity:1}
.dk-load{position:absolute;inset:0;display:grid;place-items:center;font:italic 700 20px/1 'Josefin Sans',sans-serif;color:var(--ink)}
.desk.up .dk-load{display:none}
/* the toggle: a time card in a slot. The stamp block slides between Bot and You */
.dk-tg{position:relative;flex:none;width:176px;height:44px;padding:0;border:3px solid var(--paper);border-radius:10px 4px;background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);cursor:pointer;overflow:visible}
.dk-tg[hidden]{display:none}
.dk-sl{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:center;font:italic 700 13px/1 'Josefin Sans',sans-serif;background:repeating-linear-gradient(90deg,transparent 0 9px,color-mix(in srgb,var(--ink) 18%,transparent) 9px 10px)}
.dk-sl i{padding-top:2px}
.dk-kn{position:absolute;top:-3px;bottom:-3px;left:-4px;width:50%;display:grid;place-items:center;padding:2px 4px 0;background:var(--accent);color:var(--accent-ink);border:3px solid var(--ink);border-radius:8px 3px;box-shadow:3px 3px 0 var(--ink);font:700 13.5px/1 'Josefin Sans',sans-serif;white-space:nowrap;transform:translateX(0) rotate(-2deg);transition:transform .32s cubic-bezier(.3,1.6,.5,1)}
.dk-tg.off .dk-kn{transform:translateX(calc(100% + 6px)) rotate(2deg)}
.dk-tg:hover .dk-kn{box-shadow:4px 4px 0 var(--ink)}
.dk-tg:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.dk-ask{flex:none;display:flex;align-items:center;gap:8px;color:var(--paper);font-weight:700;font-size:14px}
.dk-ask .btn{min-height:38px;padding:3px 14px 1px;border-color:var(--paper)}
/* the left panel */
.deskfeed{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.deskfeed .wall-k{align-self:flex-start;margin:0}
.deskfeed .lt{align-self:flex-start}.deskfeed .ln{max-width:100%}.deskfeed .bb p{font-size:13.5px}.deskfeed .av{font-size:10px}
/* the shift report */
.dk-res{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--ink) 58%,transparent)}
.dk-card{width:min(460px,100%);transform:rotate(-.6deg)}
.dk-card h3{font-size:17px}
.dk-nx{margin-top:6px;font-size:14px;color:var(--sub)}
/* the manual mode pass: one rainbow sweep with sparkles, then gone */
.dk-rb{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 12% 30%,#fff 0 3px,transparent 4px),radial-gradient(circle at 38% 72%,#fff 0 2px,transparent 3px),radial-gradient(circle at 63% 22%,#fff 0 4px,transparent 5px),radial-gradient(circle at 86% 64%,#fff 0 3px,transparent 4px),linear-gradient(100deg,transparent 18%,#ff3b5c 30%,#ffb02e 38%,#f7ef4f 46%,#42d67e 54%,#3f9cff 62%,#a45cff 70%,transparent 82%);background-size:100% 100%;opacity:.72;animation:dk-rb .95s cubic-bezier(.3,.1,.3,1) both}
@keyframes dk-rb{from{transform:translateX(-105%)}to{transform:translateX(105%)}}
@media (prefers-reduced-motion:reduce){.dk-kn{transition:none}}