:root { color-scheme: dark; }
.shell { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; padding:10px 12px; border:1px solid #4b3a72; border-radius:14px; background:linear-gradient(180deg, rgba(38,30,63,.7), rgba(22,19,38,.78)); }
.shell-left { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.shell-right { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.shell-nav { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.shell-auth { display:flex; gap:8px; }

/* Botones unificados (misma forma/tamaño/color en todo el header) */
.shell-nav a,
.shell-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid #3a4475;
  background:#17162a;
  color:#d6dcff !important;
  font-size:12px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
}

.shell-nav a:hover,
.shell-pill:hover {
  border-color:#5866a8;
  color:#ffffff !important;
}

.shell-pill a {
  border:none !important;
  background:transparent !important;
  padding:0 !important;
  min-height:auto !important;
  line-height:1 !important;
  color:inherit !important;
  text-decoration:none;
}
.shell-logo { width:40px; height:40px; object-fit:cover; border-radius:10px; border:none; box-shadow:none; background:transparent; }
.ui-empty,.ui-error { border:1px dashed #4a3c72; border-radius:10px; padding:12px; color:#c6bdd8; }
.ui-error { color:#ffb1b1; border-color:#7a3d3d; }