/* ============================================================================
   VibeOS — ⌘K command palette (shared overlay)
   Loaded on every app-shell screen. Uses vibeos-tokens vars. Prefixed .cmdk-*.
   ========================================================================== */
.cmdk-ov{position:fixed;inset:0;z-index:500;display:none;align-items:flex-start;justify-content:center;
  background:rgba(5,4,9,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.cmdk-ov.show{display:flex}
.cmdk{width:580px;max-width:calc(100% - 28px);margin-top:11vh;background:var(--surface);border:1px solid var(--hair);
  border-radius:16px;overflow:hidden;box-shadow:0 44px 100px -34px rgba(0,0,0,.85);
  font-family:var(--font-ui);transform:translateY(-8px);opacity:0;transition:.16s cubic-bezier(.23,1,.32,1)}
.cmdk-ov.show .cmdk{transform:translateY(0);opacity:1}
.cmdk-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--hair)}
.cmdk-in svg{width:18px;height:18px;stroke:var(--ink-3);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.cmdk-in input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:16px;font-family:inherit}
.cmdk-in input::placeholder{color:var(--ink-3)}
.cmdk-in .esc{font-family:var(--font-mono);font-size:10px;border:1px solid var(--hair);border-radius:4px;padding:2px 7px;color:var(--ink-3)}
.cmdk-list{max-height:52vh;overflow-y:auto;padding:7px}
.cmdk-grp{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:13px 12px 6px}
.cmdk-it{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:9px;cursor:pointer;color:var(--ink-2);transition:background .12s ease}
.cmdk-it.sel{background:var(--surface-2);color:var(--ink)}
.cmdk-it .ic{width:30px;height:30px;border:1px solid var(--hair);border-radius:8px;display:grid;place-items:center;color:var(--ink-3);flex-shrink:0;font-family:var(--font-display);font-size:12px;font-weight:600}
.cmdk-it .ic svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cmdk-it.sel .ic{border-color:var(--accent);color:var(--accent)}
.cmdk-it .lb{flex:1;font-size:14px;min-width:0}
.cmdk-it .lb small{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}
.cmdk-it .en{font-family:var(--font-mono);font-size:10px;color:var(--accent);opacity:0;flex-shrink:0}
.cmdk-it.sel .en{opacity:1}
.cmdk-empty{padding:34px;text-align:center;color:var(--ink-3);font-size:14px}
.cmdk-ft{display:flex;gap:18px;padding:11px 16px;border-top:1px solid var(--hair);font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}
.cmdk-ft span b{color:var(--ink-2);font-weight:400;border:1px solid var(--hair);border-radius:4px;padding:1px 6px;margin-right:6px}
@media(max-width:600px){.cmdk{margin-top:7vh}.cmdk-list{max-height:62vh}.cmdk-ft{display:none}.cmdk-in input{font-size:16px}}