/* Admin Desk (site/js/desk.js). Uses the site's color tokens, so light/dark both work. */
.dk-fab{position:fixed;left:18px;bottom:18px;z-index:40;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:9px 14px;font-weight:600;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer}
.dk-fab:hover{background:var(--sunk)}
.dk-fab span{color:var(--accent);margin-right:2px}
.dk-pop{position:fixed;left:18px;bottom:66px;z-index:41;width:min(440px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.dk-pop header{margin-bottom:10px;align-items:flex-start}
.dk-send textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);resize:vertical}
.dk-send-foot{margin-top:8px}
.dk-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.dk-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;text-align:left;color:var(--ink)}
.dk-stat b{font-size:22px;line-height:1}
.dk-stat span{font-size:12px;color:var(--muted)}
.dk-stat.warn b{color:var(--warn)}
.dk-tabs{overflow-x:auto}
.dk-filters{margin:12px 0}
.dk-filters input[type=search]{flex:1;min-width:160px}
.dk-items{display:grid;gap:8px}
.dk-item{display:block;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r);background:var(--surface);color:inherit;text-decoration:none}
a.dk-item:hover{background:var(--sunk)}
.dk-item.k-problem{border-left-color:var(--down)} .dk-item.k-win{border-left-color:var(--up)} .dk-item.k-idea{border-left-color:var(--accent)} .dk-item.k-decision,.dk-item.k-question{border-left-color:var(--warn)}
.dk-theme.closed{opacity:.65}
.dk-line1{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.dk-kind{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dk-title{font-weight:600}
.dk-meta{margin-top:4px}
.dk-next{margin-top:4px;color:var(--ink)}
.dk-late{color:var(--down);font-weight:600}
.badge.dk-urgent{background:var(--down-soft);color:var(--down)}
.dk-st{margin-left:auto;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.dk-st.st-new{background:var(--accent-soft);color:var(--accent)} .dk-st.st-working{background:var(--warn-soft);color:var(--warn)} .dk-st.st-done{background:var(--up-soft);color:var(--up)}
.dk-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.dk-h1{overflow-wrap:anywhere}
.dk-raw{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;line-height:1.5}
.dk-ai{background:var(--accent-soft);border-color:transparent}
.dk-ai p{margin:6px 0}
.dk-notes{display:grid;gap:10px;margin-top:8px}
.dk-note{display:flex;gap:8px;align-items:flex-start}
.dk-note>div:last-child{white-space:pre-wrap;overflow-wrap:anywhere}
.dk-side input:not([type=checkbox]),.dk-side select,.dk-side textarea{width:100%;box-sizing:border-box}
.dk-side label.note{display:flex;gap:6px;align-items:flex-start}
.dk-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dk-closebox{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:10px}
.dk-ways{margin:8px 0;padding-left:18px;line-height:1.6}
.dk-phone{max-width:560px;margin:0 auto}
.dk-phone textarea{font-size:16px}
@media (max-width:860px){.dk-detail{grid-template-columns:1fr}.dk-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.dk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-fab{left:12px;bottom:12px;padding:8px 12px}.dk-pop{left:12px;bottom:58px}}
@media print{.dk-fab,.dk-pop{display:none}}
