/* ---------- Diálogos (shared/dialogo.js) ----------
   Reemplazo de confirm()/prompt() nativos. Archivo propio porque lo usan tanto las vistas
   públicas (que cargan components.css) como los paneles (que cargan panel-components.css),
   y no hay una hoja que compartan las cinco. */
.dlg-overlay{
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;
  background:color-mix(in srgb,#000 62%,transparent);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  animation:dlg-entra .18s var(--glide,ease);
}
@keyframes dlg-entra{from{opacity:0}to{opacity:1}}

.dlg-card{
  width:min(440px,100%);border:1px solid var(--line);border-radius:16px;
  background:var(--card);box-shadow:0 24px 60px rgba(0,0,0,.5);
  padding:22px;animation:dlg-sube .22s var(--glide,ease);
}
@keyframes dlg-sube{from{transform:translateY(10px)}to{transform:none}}

.dlg-titulo{font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1.3;color:var(--bone);margin:0 0 10px}
.dlg-texto{font-size:13.5px;line-height:1.55;color:var(--bone-dim);margin:0;white-space:pre-wrap}
.dlg-etiqueta{display:block;margin:14px 0 6px;font-family:var(--font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-faint)}
.dlg-campo{
  width:100%;resize:vertical;padding:10px 12px;border-radius:10px;
  border:1px solid var(--line);background:var(--card-2);color:var(--bone);
  font:inherit;font-size:13.5px;line-height:1.5;
}
.dlg-campo:focus{outline:none;border-color:var(--amber)}

.dlg-acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.dlg-acciones button{padding:10px 18px;border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:12.5px;cursor:pointer;border:1px solid var(--line);transition:.18s var(--glide,ease)}
.dlg-cancelar{background:none;color:var(--bone-dim)}
.dlg-cancelar:hover{color:var(--bone);border-color:var(--bone-faint)}
.dlg-ok{background:var(--amber);color:var(--on-amber,#1a1a1d);border-color:transparent}
.dlg-ok:hover{filter:brightness(1.08)}
/* Acciones destructivas: el botón principal deja de ser ámbar para que no se confirme por inercia. */
.dlg-ok.peligro{background:var(--danger,#e0605b);color:#fff}
.dlg-ok:focus-visible,.dlg-cancelar:focus-visible,.dlg-campo:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 32%,transparent)}