/* Command palette and its header button (U-3) */
.cmd-trigger {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; cursor: pointer; font-size: 12px;
  color: var(--text-muted); background: rgba(255, 255, 255, 0.04); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md); transition: var(--transition-fast);
}
.cmd-trigger:hover { color: var(--text-main); border-color: rgba(252, 241, 208, 0.35); }
.cmd-trigger svg { width: 16px; height: 16px; }
.cmd-trigger kbd { font-size: 10px; padding: 0 5px; border: 1px solid var(--border-subtle); border-radius: 4px; font-family: var(--font-mono); }

.cmd-palette[hidden] { display: none; }
.cmd-palette {
  position: fixed; inset: 0; z-index: 1200; display: flex; justify-content: center; align-items: flex-start;
  padding-top: 12vh; background: rgba(1, 7, 54, 0.62); backdrop-filter: blur(3px);
}
.cmd-panel {
  width: min(560px, calc(100vw - 32px)); max-height: 70vh; display: flex; flex-direction: column; overflow: hidden;
  background: var(--bg-card, #0B1747); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}
.cmd-panel input {
  width: 100%; box-sizing: border-box; padding: 14px 18px; font-size: 15px; color: var(--text-main);
  background: transparent; border: 0; border-bottom: 1px solid var(--border-subtle); outline: none;
}
.cmd-panel ul { list-style: none; margin: 0; padding: 6px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(252, 241, 208, 0.3) transparent; }
.cmd-group { padding: 8px 12px 4px; font-size: 10.5px; letter-spacing: 0.6px; text-transform: uppercase; color: var(--text-dim, #8A93B8); }
.cmd-item { padding: 9px 12px; border-radius: var(--radius-sm); font-size: 14px; color: var(--text-main); cursor: pointer; }
.cmd-item[aria-selected="true"] { background: rgba(252, 241, 208, 0.13); }
.cmd-empty { padding: 14px 12px; font-size: 13px; color: var(--text-muted); }
.cmd-hint { padding: 8px 14px; font-size: 11px; color: var(--text-muted); border-top: 1px solid var(--border-subtle); }
