/* ── 5. Command menu ─────────────────────────────────── */
.s5 { height: 600px; background: var(--gray-870); color: var(--gray-80); }
.k-app { position: absolute; inset: 0; display: grid; grid-template-columns: 232px minmax(0, 1fr); }
.k-side { background: var(--gray-890); border-right: 1px solid color-mix(in srgb, var(--gray-0) 6%, transparent); padding: 14px 10px; font-size: 13px; }
.k-ws { display: flex; align-items: center; gap: 9px; padding: 6px 8px 14px; font-weight: 550; }
.k-av { width: 20px; height: 20px; border-radius: 6px; background: linear-gradient(135deg, var(--violet-400), var(--aqua-300)); display: grid; place-items: center; font-size: 11px; color: var(--gray-0); font-weight: 550; }
.k-trig { width: 100%; display: flex; align-items: center; gap: 8px; padding: 7px 9px; margin: 0 0 12px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--gray-0) 7%, transparent); background: color-mix(in srgb, var(--gray-0) 3%, transparent); color: var(--gray-350); cursor: default; font-size: 13px; text-align: left; }
.k-trig:is(:hover, [data-hover]) { background: color-mix(in srgb, var(--gray-0) 6%, transparent); }
.k-trig svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; flex: none; }
.k-trig2 { display: none; margin: 0 0 0 auto; width: auto; }
.s5 kbd { font: 500 11px/1 var(--font); padding: 3px 5px; border-radius: 4px; background: color-mix(in srgb, var(--gray-0) 8%, transparent); color: var(--gray-300); }
.k-trig kbd { margin-left: auto; }
.k-nav a { display: flex; align-items: center; gap: 10px; padding: 6px 9px; border-radius: 6px; color: var(--gray-150); text-decoration: none; }
.k-nav a.on { background: color-mix(in srgb, var(--gray-0) 6%, transparent); color: var(--gray-0); }
.k-nav svg, .k-it svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.k-top { height: 48px; display: flex; align-items: center; padding: 0 20px; border-bottom: 1px solid color-mix(in srgb, var(--gray-0) 6%, transparent); font-size: 13px; font-weight: 550; }
.k-crumb { transition: opacity .18s; }
.k-row { display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 20px; border-bottom: 1px solid color-mix(in srgb, var(--gray-0) 4%, transparent); font-size: 13px; color: var(--gray-150); }
.k-row .id { color: var(--gray-450); font-variant-numeric: tabular-nums; width: 70px; flex: none; }
.k-row .st { width: 13px; height: 13px; border-radius: 50%; border: 1.6px solid var(--gray-450); flex: none; }
.k-row .st.p { border-color: var(--yellow-200); border-left-color: transparent; transform: rotate(45deg); }
.k-row .st.d { background: var(--violet-400); border-color: var(--violet-400); }
.k-row .t { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-row .pr { width: 18px; height: 18px; border-radius: 50%; flex: none; }
.k-veil { position: absolute; inset: 0; z-index: 30; background: color-mix(in srgb, var(--gray-900) 50%, transparent); opacity: 0; pointer-events: none; }
.k-pal { position: absolute; left: 50%; top: 70px; z-index: 31; width: min(640px, calc(100cqw - 24px)); background: var(--gray-820); border: 1px solid color-mix(in srgb, var(--gray-0) 9%, transparent); border-radius: 12px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--gray-900) 40%, transparent), var(--e3); opacity: 0; pointer-events: none; overflow: hidden; transform-origin: 50% 0; }
.k-in { display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 18px; border-bottom: 1px solid color-mix(in srgb, var(--gray-0) 6%, transparent); color: var(--gray-350); }
.k-in svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; flex: none; }
.k-in input { flex: 1; min-width: 0; background: none; border: 0; outline: none; color: var(--gray-50); font: 15px var(--font); caret-color: var(--violet-400); }
.k-in input::placeholder { color: var(--gray-450); }
.k-list { position: relative; height: 0; overflow-y: auto; scrollbar-width: none; overscroll-behavior: contain; }
.k-list::-webkit-scrollbar { display: none; }
.k-items { position: relative; padding: 4px 8px 8px; }
.k-grp { font-size: 12px; color: var(--gray-450); padding: 10px 10px 6px; }
.k-it { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 10px; border-radius: 8px; color: var(--gray-200); font-size: 13px; cursor: default; }
.k-it.on { color: var(--gray-0); }
.k-it.hit { background: color-mix(in srgb, var(--violet-400) 28%, transparent); }
.k-it b { font-weight: 550; color: var(--gray-0); }
.k-sc { margin-left: auto; display: flex; gap: 4px; }
.k-hl { position: absolute; left: 8px; right: 8px; top: 0; height: 40px; border-radius: 8px; background: color-mix(in srgb, var(--gray-0) 7.5%, transparent); z-index: 0; }
.k-empty { padding: 22px 12px; color: var(--gray-350); font-size: 13px; }
.k-foot { display: flex; gap: 16px; padding: 10px 16px; border-top: 1px solid color-mix(in srgb, var(--gray-0) 6%, transparent); font-size: 12px; color: var(--gray-450); }
@container (max-width: 700px) { .k-app { grid-template-columns: 1fr; } .k-side { display: none; } .k-trig2 { display: flex; } .k-row .id { display: none; } }