/* 8 Nov 2026 · Website Desk port of the Mac Desk Phase 1 look (after LuxAlgo Vela's chrome): tighter corners,
   uppercase section labels, a flat active row with an accent bar, quick motion, clear keyboard focus.
   Loaded last; delete this file's import in DeskLayout.astro to roll back. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:90ms;--dur-med:160ms}
.dk-app{--radius:12px}
.dk-colm{border-radius:14px}
.dk-body section.dk-panel{border-radius:var(--radius)}
.dk-card{border-radius:12px}
.dk-ib{border-radius:9px}
.dk-body .btn.sm,.dk-seg{border-radius:8px}.dk-seg button{border-radius:6px}
.dk-nh{font:650 10.5px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--faint);padding:14px 12px 6px}
.dk-snav .dk-nav a{min-height:34px;border-radius:7px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.dk-snav .dk-nav a[aria-current=page]{background:var(--g-soft);border-color:transparent;box-shadow:inset 2px 0 0 var(--g)}
:where(.dk-app) :where(button,a,summary,[role=tab]):focus-visible{outline:2px solid var(--g);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.dk-snav .dk-nav a{transition:none}}

/* 8 Nov 2026 · keyboard command box, shortcut sheet and Objects button (port of the Mac Desk Phase 3). */
.wt-command,.wt-keys{position:fixed;z-index:1100;top:84px;left:50%;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));background:var(--card,#101316);color:var(--ink,#eef1f5);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:12px;font:12px var(--sans)}
.wt-command[hidden],.wt-keys[hidden]{display:none}
.wt-command input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:transparent;color:inherit;font:13px var(--sans)}
.wt-command p{margin:8px 2px 0;color:#e0506c;font-size:11px}.wt-command p:empty{display:none}
.wt-keys{width:min(420px,calc(100vw - 24px))}.wt-keys header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wt-keys header button{background:none;border:0;color:var(--dim);font-size:18px;cursor:pointer}
.wt-keys dl{margin:0;display:grid;gap:6px}.wt-keys dl div{display:grid;grid-template-columns:80px 1fr;gap:10px}.wt-keys dt,.wt-keys dd{margin:0}.wt-keys dd{color:var(--dim)}
.wt-keys kbd{font:500 11px/1 var(--mono);padding:3px 6px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}
.wt-objects{font:11px var(--sans);color:inherit;background:transparent;border:1px solid var(--line);border-radius:4px;min-height:30px;padding:0 10px;cursor:pointer}.wt-objects:hover{background:var(--bg2)}
@media(hover:none){.wt-command,.wt-keys{top:64px}}