/* NexSell — Mejoras de uso 2026-10-25 (canales, menú y colores).
 * Solo presentación: tabla "Por canal" con columnas principales + detalle plegable,
 * grupo plegable "Otros canales disponibles" en Configuración → Canales y un ajuste
 * de la marca para que no aparezca dos veces. Usa variables de tema (claro/oscuro).
 * Cargado al final para ganar en empate de especificidad. No toca lógica ni datos.
 */

/* ------------------------------------------------------------------ */
/* Tabla "Por canal" (Análisis): columnas principales y "Ver detalle"  */
/* ------------------------------------------------------------------ */
.nx-ana-cols-btn {
    margin: 2px 0 8px;
}
.nx-ana-cols-btn[aria-expanded="true"] {
    border-color: var(--accent-primary);
    color: var(--text-primary);
}
/* Con el detalle cerrado solo quedan Canal, Ventas, Ingresos y Ganancia. */
.nx-ana-cols:not(.is-full) .nx-col-sec {
    display: none;
}
/* En celular la tabla mínima entra sin scroll horizontal de página; el detalle
   completo scrollea dentro de su contenedor, nunca la página entera. */
.nx-ana-cols .rend-scroll {
    -webkit-overflow-scrolling: touch;
}

/* ------------------------------------------------------------------ */
/* Configuración → Canales: "Otros canales disponibles" (plegable)     */
/* ------------------------------------------------------------------ */
.nx-hub-otros {
    margin-top: 4px;
}
.nx-hub-otros > summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0 6px;
    user-select: none;
}
.nx-hub-otros > summary::-webkit-details-marker {
    display: none;
}
.nx-hub-otros > summary::before {
    content: "\25B8"; /* ▸ */
    font-size: 11px;
    color: var(--text-muted);
    transition: transform .15s ease;
}
.nx-hub-otros[open] > summary::before {
    transform: rotate(90deg);
}
.nx-hub-otros-n {
    font-weight: 800;
    font-size: 11px;
    color: var(--text-muted);
    background: var(--bg-tertiary);
    border-radius: 999px;
    padding: 1px 8px;
}

/* ------------------------------------------------------------------ */
/* Marca: una sola a la vez                                            */
/* ------------------------------------------------------------------ */
/* En PC el riel está a la vista, así que el título de la barra superior se oculta
   (ya lo hacía nexsell-app.css; se repite acá por si cambia el orden de carga). */
@media (min-width: 1025px) {
    .topbar .topbar-title { display: none; }
}