/* static/css/desk/paper.css — the desktop app, board E · Minimal Paper, built 1:1 (canvas P34EiftT3zn5RHxmBp3zTS:
   MN_Paper_Dash = top line + sheet + Messenger open, MN_Paper_Team = Messenger folded to the rail). Values are the
   board's own. The team accent comes from --dk-acc / --dk-acc2 on <body>. */
:root{--dk-paper:#EDE3C8;--dk-paper2:#E3D7B7;--dk-card:#F8F2E1;--dk-back:#F3EBD6;--dk-ink:#1C1A14;--dk-ink2:#3F3A2D;--dk-muted:#6E6751;
  --dk-rule:rgba(28,26,20,.16);--dk-rule2:rgba(28,26,20,.30);--dk-dot:1px dotted rgba(28,26,20,.32);--dk-gold:#E8A020;--dk-gold-t:#A86A00;
  --dk-red:#B3261E;--dk-green:#1C7A48;--dk-nav-h:52px;--dk-msg-w:380px;--dk-rail-w:56px;
  --dk-display:'Oswald',sans-serif;--dk-label:'IBM Plex Mono',monospace;--dk-body:'IBM Plex Sans',sans-serif}
html.dk,html.dk body{height:100%}
body.dk{margin:0;background:var(--dk-paper);color:var(--dk-ink);font:400 13px/1.45 var(--dk-body);overflow:hidden;
  display:grid;grid-template-rows:var(--dk-nav-h) minmax(0,1fr);grid-template-columns:minmax(0,1fr) var(--dk-msg-w)}
body.dk.dk-folded{grid-template-columns:minmax(0,1fr) var(--dk-rail-w)}
.dk *,.dk *::before,.dk *::after{box-sizing:border-box}
.dk a{color:inherit;text-decoration:none}
.dk button,.dk input{font:inherit;color:inherit}
.dk button{background:none;border:0;padding:0;cursor:pointer}
.dk-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dk-lab{font:500 10px/1.2 var(--dk-label);letter-spacing:.12em;text-transform:uppercase;color:var(--dk-muted)}
.dk :focus-visible{outline:2px solid var(--dk-acc,#5D3F8E);outline-offset:2px}

/* ── top nav — one thin line (board .mp-nav) ── */
.dk-nav{grid-column:1/-1;grid-row:1;display:flex;align-items:center;padding:0 24px 0 16px;border-bottom:1px solid var(--dk-rule);background:var(--dk-paper);position:relative;z-index:20;min-width:0}
.dk-all{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--dk-ink2);flex:none}
.dk-all:hover{background:var(--dk-paper2)}
.dk-word{font:600 21px/1 var(--dk-display);letter-spacing:.08em;margin:0 30px 0 10px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.dk-word i{width:7px;height:7px;border-radius:50%;background:var(--dk-acc,#5D3F8E);display:block}
.dk-links{display:flex;gap:26px;height:var(--dk-nav-h)}
.dk-links a{display:flex;align-items:center;gap:6px;font:500 13px/1 var(--dk-body);color:var(--dk-ink2);position:relative;white-space:nowrap}
.dk-links a.on{color:var(--dk-ink);font-weight:600}
.dk-links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dk-acc,#5D3F8E)}
.dk-links .dk-dot{width:7px;height:7px;border-radius:50%;background:#C4531B}
.dk-links .dk-dot.red{background:var(--dk-red)}
.dk-links .dk-dot[hidden]{display:none}
.dk-search{margin-left:34px;width:270px;flex:0 1 270px;min-width:140px;height:32px;display:flex;align-items:center;gap:8px;padding:0 8px 0 11px;border:1px solid var(--dk-rule);border-radius:6px;background:var(--dk-card);color:var(--dk-muted);cursor:text}
.dk-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:12.5px;color:var(--dk-ink);text-overflow:ellipsis}
.dk-search input::placeholder{color:var(--dk-muted)}
.dk-kbd{flex:none;font:500 10px/1 var(--dk-label);border:1px solid var(--dk-rule2);border-radius:4px;padding:3px 5px;color:var(--dk-ink2)}
.dk-stat{margin-left:auto;display:flex;align-items:center;gap:22px;padding-left:16px}
.dk-st{position:relative;display:flex;align-items:baseline;gap:6px;font:500 11px/1 var(--dk-label);color:var(--dk-ink2);letter-spacing:.04em;white-space:nowrap}
.dk-st b{font:600 15px/1 var(--dk-display);letter-spacing:.03em;color:var(--dk-ink)}
.dk-st .x2{font:600 10px/1 var(--dk-label);color:var(--dk-ink);background:var(--dk-gold);border-radius:3px;padding:3px 4px}
.dk-st .x2[hidden],.dk-st[hidden]{display:none}
.dk-sep{width:1px;height:20px;background:var(--dk-rule)}
.dk-inb{position:relative;display:flex;align-items:center;gap:6px;color:var(--dk-ink2);font:500 11px/1 var(--dk-label)}
.dk-av{width:30px;height:30px;border-radius:50%;background:var(--dk-acc,#5D3F8E);color:#fff;display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--dk-label);box-shadow:0 0 0 2px var(--dk-paper),0 0 0 3px var(--dk-acc2,#F9A01B);flex:none}
/* the PP pill (partials/pp_fx.html, one copy) sits invisibly over the PP figure: a tap on it is a tap on the pill
   (gym bubble, the daily hand), and "+PP" chips fly to it */
.dk-st .ppx-pill{position:absolute!important;inset:-8px -6px!important;width:auto!important;height:auto!important;opacity:0!important;transform:none!important;z-index:1}
.dk #ppfx .ppx-bub{bottom:auto;top:58px}
/* the daily hand's peeking deck would sit on the Messenger composer; on desktop the hand opens from the PP figure (gym bubble → hand) */
.dk #ppfx .ppx-stack{display:none!important}

/* ── the sheet (board .mp-sheet) ── */
.dk-main{grid-column:1;grid-row:2;overflow:auto;min-width:0;padding:24px 32px}
.dk-sheet{max-width:1120px;min-height:100%;margin:0 auto;background:var(--dk-card);border:1px solid var(--dk-rule);border-radius:6px;
  box-shadow:0 1px 0 rgba(28,26,20,.06),0 10px 28px rgba(28,26,20,.10);padding:40px 56px 40px}
.dk-loading .dk-sheet{opacity:.55;transition:opacity .12s .08s}

/* ── Messenger, open (board .mp-msg) ── */
.dk-msg{grid-column:2;grid-row:2;position:relative;background:var(--dk-back);border-left:1px solid var(--dk-rule);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.dk-mh{height:52px;flex:none;display:flex;align-items:center;padding:0 12px 0 20px;gap:10px}
.dk-mh .t{font:500 17px/1 var(--dk-display);letter-spacing:.05em;text-transform:uppercase}
.dk-mh .sp{flex:1}
.dk-ib{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--dk-ink2);position:relative}
.dk-ib:hover,.dk-ib[aria-expanded="true"]{background:var(--dk-paper2)}
.dk-tabs{display:flex;padding:0 20px;gap:16px;border-bottom:1px solid var(--dk-rule);height:34px;flex:none}
.dk-tabs button{display:flex;align-items:center;gap:5px;font:500 10.5px/1 var(--dk-label);letter-spacing:.06em;text-transform:uppercase;color:var(--dk-muted);position:relative;white-space:nowrap}
.dk-tabs button.on{color:var(--dk-ink)}
.dk-tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dk-acc,#5D3F8E)}
.dk-tabs .n{font-size:9.5px;color:var(--dk-ink);background:var(--dk-gold);border-radius:8px;padding:2px 5px}
.dk-tabs .n[hidden]{display:none}
.dk-tabs .ai{font-size:8.5px;color:var(--dk-acc,#5D3F8E);border:1px solid rgba(93,63,142,.5);border-radius:3px;padding:1px 3px}
.dk-panes{flex:1;position:relative;min-height:0}
.dk-thread #dkTabs{display:none}
/* board EP_Staff: the staff room needs 540px — the pane slides out over the sheet instead of reflowing it */
.dk.dk-wide:not(.dk-folded) .dk-msg{margin-left:-160px;z-index:15;box-shadow:-18px 0 36px rgba(28,26,20,.12)}
.dk-panes iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:var(--dk-back)}
.dk-panes iframe[hidden]{display:none}
/* the ⋯ menu: the Messenger tools the board leaves off (feed filters, commissioner nudges, who's on, help) */
.dk-more{position:absolute;right:12px;top:46px;z-index:40;width:250px;background:var(--dk-card);border:1px solid var(--dk-rule2);border-radius:8px;box-shadow:0 10px 28px rgba(28,26,20,.18);padding:6px 0}
.dk-more[hidden]{display:none}
.dk-more .h{padding:8px 14px 4px}
.dk-more button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 14px;font:400 12.5px/1.3 var(--dk-body);color:var(--dk-ink);text-align:left}
.dk-more button:hover{background:var(--dk-paper2)}
.dk-more button.on{font-weight:600}
.dk-more button.on::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--dk-acc,#5D3F8E)}
.dk-more hr{border:0;border-top:1px solid var(--dk-rule);margin:5px 0}
.dk-more .m{font:400 11px/1.4 var(--dk-label);color:var(--dk-muted);padding:4px 14px 6px}

/* ── Messenger, folded (board MN_Paper_Team .mp-rail) ── */
.dk-rail{display:none}
.dk-folded .dk-mh,.dk-folded .dk-tabs,.dk-folded .dk-panes,.dk-folded .dk-more{display:none}
.dk-folded .dk-rail{display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:4px;height:100%;overflow:auto}
.dk-ri{position:relative;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--dk-ink2);flex:none}
.dk-ri:hover{background:var(--dk-paper2)}
.dk-ri .n{position:absolute;right:1px;top:2px;min-width:16px;height:16px;border-radius:8px;background:var(--dk-gold);color:var(--dk-ink);font:600 9.5px/16px var(--dk-label);text-align:center;padding:0 4px}
.dk-ri .d{position:absolute;right:6px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--dk-acc,#5D3F8E)}
.dk-ri .t{position:absolute;bottom:2px;left:0;right:0;text-align:center;font:500 7.5px/1 var(--dk-label);letter-spacing:.06em;color:var(--dk-muted);text-transform:uppercase}
.dk-ri .n[hidden],.dk-ri .d[hidden]{display:none}
.dk-ri.tab svg{margin-top:-8px}
.dk-rl{width:24px;height:1px;background:var(--dk-rule);margin:6px 0;flex:none}
.dk-face{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 9.5px/1 var(--dk-label);color:#fff;margin:3px 0;flex:none}
.dk-face .n{position:absolute;right:-5px;top:-4px;min-width:15px;height:15px;border-radius:8px;background:var(--dk-gold);color:var(--dk-ink);font:600 9px/15px var(--dk-label);text-align:center;padding:0 3px;box-shadow:0 0 0 2px var(--dk-back)}
.dk-face .ai{position:absolute;left:-5px;bottom:-4px;font:600 7px/1 var(--dk-label);color:var(--dk-acc,#5D3F8E);background:var(--dk-back);border:1px solid rgba(93,63,142,.5);border-radius:3px;padding:1px 2px}

/* the Start drawer (partials/mobile_start_menu.html) as a left slide-out on paper: templates/desk/start_skin.html */

/* ── shared pieces of desk pages (board values) ── */
.dk-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border:2px solid var(--dk-ink)!important;border-radius:6px;background:var(--dk-card);box-shadow:0 3px 0 var(--dk-ink);
  font:600 12px/1 var(--dk-label)!important;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.dk-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--dk-ink)}
.dk-btn.pri{background:var(--dk-acc,#5D3F8E);color:#fff}
.dk-tl{font:500 12px/1 var(--dk-body);color:var(--dk-acc,#5D3F8E);border-bottom:1px solid rgba(93,63,142,.4);padding-bottom:2px}
.dk-wl{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--dk-display);border:1.5px solid;flex:none}
.dk-wl.w{color:var(--dk-green);border-color:var(--dk-green)}
.dk-wl.l{color:var(--dk-red);border-color:var(--dk-red)}

@media (max-width:1300px){ .dk-search{width:200px;flex-basis:200px;margin-left:24px} .dk-links{gap:20px} .dk-word{margin-right:22px} }
@media (max-width:1180px){ .dk-search{display:none} .dk-main{padding:20px} }
@media (max-width:1060px){ :root{--dk-msg-w:320px} .dk-stat{gap:14px} }