/* Paleta de comandos (Ctrl+K), app/paleta.js */
.tzk-overlay { position: fixed; inset: 0; z-index: 4000; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; background: rgba(15, 23, 42, .45); }
.tzk-box { width: min(640px, 100%); max-height: 70vh; display: flex; flex-direction: column; border-radius: var(--tz-r-md); background: var(--surface, #fff); color: var(--ink, #172033); box-shadow: 0 30px 80px rgba(15, 23, 42, .35); overflow: hidden; }
.tzk-input { width: 100%; box-sizing: border-box; padding: 16px 18px; border: 0; border-bottom: 1px solid var(--line, #e7ebf2); background: transparent; color: inherit; font-size: 16px; outline: none; }
.tzk-list { margin: 0; padding: 6px; list-style: none; overflow-y: auto; }
.tzk-group { padding: 10px 12px 4px; color: var(--muted, #7c889c); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.tzk-item { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 12px; border-radius: var(--tz-r-md); cursor: pointer; font-size: 14px; }
.tzk-item span { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tzk-item small { color: var(--muted, #7c889c); flex-shrink: 0; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tzk-item.on { background: var(--blue2, #eef4ff); color: var(--blue, #2563eb); }
.tzk-empty { padding: 22px 12px; text-align: center; color: var(--muted, #7c889c); font-size: 14px; }
.tzk-foot { display: flex; gap: 16px; padding: 9px 14px; border-top: 1px solid var(--line, #e7ebf2); color: var(--muted, #7c889c); font-size: 12px; }
.tzk-foot kbd { display: inline-block; min-width: 18px; margin-right: 4px; padding: 1px 5px; border: 1px solid var(--line, #e7ebf2); border-radius: 5px; background: var(--bg, #f8fafc); font: inherit; font-size: 11px; text-align: center; }
@media (max-width: 760px) { .tzk-overlay { padding-top: 8vh; } .tzk-foot { display: none; } }