/* ═══════════════════════════════════════════════════════════════════════════
   COMMAND PALETTE — NON MODIFICARE
   Fa parte di uicore/core: al prossimo riallineamento questo file viene
   sovrascritto.
   ═══════════════════════════════════════════════════════════════════════════

   Ricerca rapida da tastiera (Ctrl/Cmd + K). È opzionale: si attiva solo se
   il progetto registra dei comandi.

   Sta in ALTO, non al centro: si apre mentre si scrive, e un pannello che
   cresce verso il basso non sposta quello che si è già letto.
   ═══════════════════════════════════════════════════════════════════════════ */

.ui-palette-backdrop {
    position: fixed;
    inset: 0;
    z-index: var(--ui-z-modal);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ui-duration-fast) var(--ui-ease);
}
.ui-palette-backdrop.is-open { opacity: 1; pointer-events: auto; }

.ui-palette {
    position: fixed;
    z-index: calc(var(--ui-z-modal) + 1);
    left: 50%;
    top: 12vh;
    width: min(620px, calc(100vw - 32px));
    max-height: 66vh;
    display: flex;
    flex-direction: column;
    border-radius: var(--ui-radius-lg);
    overflow: hidden;
    transform: translate(-50%, -10px) scale(.98);
    opacity: 0;
    visibility: hidden;
    transition:
        transform var(--ui-duration-base) var(--ui-ease),
        opacity var(--ui-duration-base) var(--ui-ease),
        visibility 0s linear var(--ui-duration-base);
}
.ui-palette.is-open {
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
    visibility: visible;
    transition:
        transform var(--ui-duration-base) var(--ui-ease-spring),
        opacity var(--ui-duration-base) var(--ui-ease),
        visibility 0s;
}

.ui-palette-search {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    padding: var(--ui-space-4);
    border-bottom: 1px solid var(--bs-border-color);
}
.ui-palette-search i { opacity: .5; }
.ui-palette-search input {
    flex: 1;
    border: none;
    background: transparent;
    color: inherit;
    font-size: var(--ui-text-lg);
    font-family: var(--ui-font-body);
}
.ui-palette-search input:focus { outline: none; }

.ui-palette-list {
    overflow-y: auto;
    padding: var(--ui-space-2);
}

.ui-palette-hint {
    flex-shrink: 0;
    display: flex;
    gap: var(--ui-space-4);
    padding: var(--ui-space-2) var(--ui-space-4);
    border-top: 1px solid var(--bs-border-color);
    font-size: var(--ui-text-2xs);
    color: var(--ui-ink-muted);
}
.ui-palette-hint kbd {
    padding: 1px 5px;
    border-radius: 4px;
    border: 1px solid var(--bs-border-color);
    background: color-mix(in oklab, var(--ui-ink) 5%, transparent);
    font-family: var(--ui-font-mono);
    font-size: 10px;
}

/* Su mobile non c'è tastiera fisica e la scorciatoia non esiste: se il
   progetto la apre da un pulsante, il pannello occupa quasi tutto. */
@media (max-width: 767.98px) {
    .ui-palette { top: 8vh; max-height: 78vh; }
    .ui-palette-hint { display: none; }
}