/* CAPA PREMIUM DEL SHELL — «Procedimientos» sale de la cabecera y vive en Administración › General
   (tarjeta «Ayuda y procedimientos») y en el menú Cuenta (entrada contextual). Tokens del ERP con
   fallbacks; objetivos táctiles >= 44px; foco visible. No modifica styles.css ni app.js. */

/* La cabecera se limpia: el botón canónico sigue en el DOM (app.js lo encuentra por id y conserva sus
   manejadores) pero deja de ocupar la barra en escritorio, en la fila del shell v3 y en el header móvil.
   El acceso vive en Administración › General, en Cuenta y en el drawer móvil. */
.topbar-actions #assistantOpenBtn { display: none; }
.mobile-header #assistantMobileOpenBtn { display: none; }

/* ---- Administración › General: tarjeta de ayuda ----------------------------------------------- */
.premium-ayuda {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 18px;
  max-width: 560px;
  margin-top: var(--inv-espacio-5, 20px);
  padding: 16px 18px;
  border: 1px solid var(--line, #e3ebe7);
  border-left: 3px solid var(--accent, #126b5f);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
}
.premium-ayuda[hidden] { display: none; }
.premium-ayuda-texto { min-width: 0; flex: 1 1 260px; }
.premium-eyebrow {
  display: block;
  margin-bottom: 2px;
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent, #126b5f);
}
.premium-ayuda-texto strong { display: block; font-size: 0.95rem; color: var(--ink, #14201c); }
.premium-ayuda-texto p { margin: 4px 0 0; max-width: 48ch; font-size: 0.84rem; color: var(--muted, #64736d); }
.premium-ayuda-accion { flex: 0 0 auto; }
.premium-ayuda .premium-ayuda-boton {
  min-height: 44px;
  padding: 10px 16px;
  font-weight: 600;
}
.premium-ayuda .premium-ayuda-boton:focus-visible { outline: 2px solid var(--accent, #126b5f); outline-offset: 2px; }

/* ---- Cuenta: entrada contextual --------------------------------------------------------------- */
.topbar-actions .premium-cuenta-ayuda[hidden] { display: none; }
.topbar-actions .premium-cuenta-ayuda .premium-cuenta-item { min-height: 44px; }

@media (max-width: 768px) {
  .premium-ayuda { max-width: none; }
  .premium-ayuda-accion { width: 100%; }
  .premium-ayuda .premium-ayuda-boton { width: 100%; }
}