/* ============== Command Palette (Ctrl+Shift+P) ============== */
#hyper-cmd-palette {
    position: fixed; inset: 0;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    z-index: 10000;
    display: grid; place-items: start center;
    padding-top: 80px;
    animation: cmdpFadeIn .15s ease;
}
@keyframes cmdpFadeIn { from {opacity:0} to {opacity:1} }

.cmdp-wrap {
    width: 600px; max-width: 92vw;
    background: var(--c-card);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.3);
    animation: cmdpSlide .18s ease;
}
@keyframes cmdpSlide { from {transform:translateY(-12px);opacity:0} to {transform:translateY(0);opacity:1} }

.cmdp-input-wrap {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--c-border);
    background: var(--c-bg);
}
.cmdp-input-wrap .material-symbols-rounded { color: var(--c-text-muted); font-size: 22px; }
.cmdp-input-wrap input {
    flex: 1; border: 0; background: transparent;
    color: var(--c-text); font-size: 16px; font-family: inherit;
    outline: none;
}
.cmdp-hint {
    color: var(--c-text-faint);
    font-size: 11px;
    white-space: nowrap;
}

.cmdp-results {
    max-height: 50vh;
    overflow-y: auto;
    padding: 6px;
}
.cmdp-item {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: var(--c-text);
    transition: background .1s;
}
.cmdp-item.active { background: rgba(99, 102, 241, .12); }
.cmdp-item .material-symbols-rounded {
    color: var(--c-primary);
    font-size: 20px;
}
.cmdp-empty {
    padding: 32px; text-align: center;
    color: var(--c-text-muted);
    font-size: 13px;
}