/* Asesor de personas · cuenta de consultas por responder en el botón «Asesor» (04-11-2026). Hoja aparte para no tocar las
   reglas de la barra que viven al inicio de asesor-panel-v1.css. Solo tokens de la Constitución Visual (cv-componentes.css). */
.ng-help-entry.ap-entrada { position: relative; }
.ap-entrada-cuenta { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 var(--cv-space-5); border-radius: var(--cv-radius-13); background: var(--cv-primary); color: var(--cv-on-primary); font-size: 11px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.ap-entrada-cuenta.ap-urgente { background: var(--cv-danger); }
/* identidad-sistema-hxm oculta con !important todo span del botón por debajo de 380 px; la cuenta debe verse igual. */
body .ng-help-entry.ap-entrada .ap-entrada-cuenta, body.ng-system-identity .ng-help-entry.ap-entrada .ap-entrada-cuenta { display: inline-flex !important; }
/* En el teléfono el botón es solo el ícono: la cuenta va en la esquina. */
@media (max-width: 899px) { .ng-help-entry.ap-entrada .ap-entrada-cuenta { position: absolute; top: -5px; right: -5px; box-shadow: 0 0 0 2px var(--cv-surface); } }

/* Bandeja «Consultas» (fase 1, 05-11-2026): su entrada va junto a Alma, en una columna propia de la rejilla de la barra
   híbrida (marca, dominios, consultas, Alma, cuenta). Solo existe para quien puede recibir consultas; sin ella la rejilla
   queda como estaba. La cuenta pasa de Alma a esta entrada. */
html body.ng-hibrida .ng-harmony-nav > .cq-entrada { grid-area: consultas; justify-self: end; text-decoration: none; }
.cq-entrada .ng-hb-aro { position: relative; }
.cq-entrada .ap-entrada-cuenta { position: absolute; top: -2px; right: -5px; box-shadow: 0 0 0 2px var(--cv-surface); }
@media screen and (min-width: 1280px) {
 html body.ng-hibrida #ngGlobalRoot .ng-global-nav.ng-harmony-nav.ng-harmony-nav:has(> .cq-entrada) { grid-template-columns: 110px minmax(0, 1fr) auto auto auto !important; grid-template-areas: "brand modules consultas help account" !important; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
 html body.ng-hibrida #ngGlobalRoot .ng-global-nav.ng-harmony-nav.ng-harmony-nav:has(> .cq-entrada) { grid-template-columns: 110px minmax(0, 1fr) auto auto auto !important; grid-template-areas: "brand . consultas help account" "modules modules modules modules modules" !important; }
}
@media screen and (max-width: 767px) {
 html body.ng-hibrida #ngGlobalRoot .ng-global-nav.ng-harmony-nav.ng-harmony-nav:has(> .cq-entrada) { grid-template-columns: 100px minmax(0, 1fr) auto auto auto !important; grid-template-areas: "brand . consultas help account" !important; }
 html body.ng-hibrida .ng-harmony-nav > .cq-entrada { min-height: 44px; padding: var(--cv-space-3); }
 html body.ng-hibrida .cq-entrada .ng-hb-etiqueta { display: none; }
}

/* Avisos push de Consultas (fase 2, 05-11-2026): caja «Activar avisos» en la bandeja y en Mis gestiones de Alma. */
.apu { display: flex; flex-direction: column; gap: var(--cv-space-5); padding: var(--cv-space-13); border-radius: var(--cv-radius-8); background: var(--cv-wash); color: var(--cv-ink); font-size: 13px; line-height: 21px; }
.apu[hidden] { display: none; }
.apu-fila { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cv-space-13); }
.apu-ic { width: 21px; height: 21px; flex: none; fill: none; stroke: var(--cv-primary); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.apu-texto { flex: 1 1 200px; min-width: 0; }
.apu-acciones { display: flex; flex-wrap: wrap; gap: var(--cv-space-8); }
.apu-boton { min-height: 34px; padding: var(--cv-space-5) var(--cv-space-13); border: 1px solid var(--cv-line-strong); border-radius: var(--cv-radius-5); background: var(--cv-surface); color: var(--cv-ink); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.apu-boton--primario { background: var(--cv-primary); border-color: var(--cv-primary); color: var(--cv-on-primary); }
.apu-boton:disabled { opacity: 0.55; cursor: not-allowed; }
.apu-boton:focus-visible { outline: 2px solid var(--cv-focus); outline-offset: 2px; }
.apu-estado { margin: 0; color: var(--cv-ink-muted); }
.apu-estado[hidden] { display: none; }