/* ============================================================
   STARGATE — PALETA DE COMANDOS
   ------------------------------------------------------------
   Centro de mando universal (Ctrl+K). Vive fuera de #deck, por
   lo que puede usar backdrop-filter sin afectar la exportación.
   Solo usa tokens del sistema (--panel-a, --line, --accent…),
   así que hereda automáticamente el tema día / noche.
   ============================================================ */

#cmd-palette{
  position:fixed;inset:0;z-index:1400;
  display:none;align-items:flex-start;justify-content:center;
  padding:clamp(50px,11vh,120px) 14px 24px;
  background:rgba(3,5,12,.72);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
}
#cmd-palette.is-open{display:flex;animation:cmdFade .16s ease both}
@keyframes cmdFade{from{opacity:0}to{opacity:1}}

.cmd-card{
  width:min(660px,100%);
  display:flex;flex-direction:column;
  max-height:min(70vh,620px);
  border-radius:18px;overflow:hidden;
  background:linear-gradient(170deg,var(--panel-a),var(--panel-b));
  border:1px solid var(--stroke,var(--line));
  box-shadow:0 44px 100px rgba(0,0,0,.66),0 0 0 1px rgba(var(--accent-rgb),.12);
  animation:cmdRise .2s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes cmdRise{from{transform:translateY(-12px) scale(.985);opacity:0}to{transform:none;opacity:1}}

/* ---------- Campo de búsqueda ---------- */
.cmd-head{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;border-bottom:1px solid var(--line);
  flex:0 0 auto;
}
.cmd-head > i{font-size:15px;color:var(--accent);flex:0 0 auto}
#cmd-input{
  flex:1 1 auto;min-width:0;
  background:transparent;border:0;outline:none;
  color:var(--text);font-family:var(--font);
  font-size:clamp(14px,2vw,16.5px);font-weight:600;letter-spacing:-.01em;
}
#cmd-input::placeholder{color:var(--text-dim);font-weight:500}
.cmd-head .close{
  flex:0 0 auto;width:28px;height:28px;border-radius:8px;cursor:pointer;
  border:1px solid var(--line);background:var(--glass);
  color:var(--text-soft);font-size:12px;
}
.cmd-head .close:hover{background:rgba(230,57,70,.22);color:#fff}

/* ---------- Resultados ---------- */
#cmd-list{
  flex:1 1 auto;overflow-y:auto;padding:8px 8px 10px;
  scrollbar-width:thin;
}
#cmd-list::-webkit-scrollbar{width:9px}
#cmd-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.28);border-radius:9px}

.cmd-group{
  padding:10px 10px 5px;
  font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-dim);
}
.cmd-item{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:9px 11px;margin:1px 0;
  border:0;border-radius:10px;cursor:pointer;
  background:transparent;color:var(--text-soft);
  font-family:var(--font);font-size:13px;text-align:left;
  transition:background .12s ease,color .12s ease;
}
.cmd-item:hover{background:rgba(var(--accent-rgb),.09)}
.cmd-item.is-on{
  background:rgba(var(--accent-rgb),.17);
  color:var(--text);
  box-shadow:inset 2.5px 0 0 var(--accent);
}
.ci-name{
  flex:1 1 auto;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-weight:600;
}
.cmd-item.is-on .ci-name{font-weight:750}
.ci-hint{
  flex:0 0 auto;
  padding:3px 7px;border-radius:6px;
  border:1px solid var(--line);background:var(--glass);
  font-size:9.5px;font-weight:700;letter-spacing:.04em;
  color:var(--text-dim);white-space:nowrap;
}
.cmd-item.is-on .ci-hint{border-color:rgba(var(--accent-rgb),.45);color:var(--accent)}

#cmd-empty{
  padding:26px 16px;text-align:center;
  font-size:12.5px;line-height:1.7;color:var(--text-dim);
}

/* ---------- Pie con las teclas ---------- */
.cmd-foot{
  flex:0 0 auto;
  display:flex;flex-wrap:wrap;gap:12px;
  padding:9px 14px;border-top:1px solid var(--line);
  font-size:10px;color:var(--text-dim);
}
.cmd-foot span{display:inline-flex;align-items:center;gap:5px}
.cmd-foot kbd{
  padding:2px 5px;border-radius:5px;
  border:1px solid var(--line);background:var(--glass);
  font-family:var(--font);font-size:9.5px;font-weight:700;color:var(--text-soft);
}

@media (max-width:640px){
  #cmd-palette{padding:16px 10px 10px;align-items:stretch}
  .cmd-card{max-height:none;height:100%}
  .cmd-foot{display:none}
  .ci-hint{display:none}
}