/* Ajustes de las apps del personal (mozos, cocina, repartidores) y pantallas de acceso sobre ui.css.
   Mismo lenguaje que los paneles: acción principal en color primario con texto blanco, sin degradados ni neón. */

/* Acción principal de cada pantalla */
.ui-app :is(.cyber-btn, .btn-hero, .btn-login, .btn-print-full, .btn-pos-confirm, .btn-confirm-merge, .btn-quick-order, .btn-start-shift) {
    background: var(--ui-primary-strong) !important;
    border: 1px solid var(--ui-primary-strong) !important;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--ui-primary) 28%, transparent) !important;
    border-radius: 10px !important;
    letter-spacing: 0.01em !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff;
    transition: background-color .15s ease, transform .1s ease;
}
.ui-app :is(.cyber-btn, .btn-hero, .btn-login, .btn-print-full, .btn-pos-confirm, .btn-confirm-merge, .btn-quick-order, .btn-start-shift) * {
    -webkit-text-fill-color: #ffffff;
}
.ui-app :is(.cyber-btn, .btn-hero, .btn-login, .btn-print-full, .btn-pos-confirm, .btn-confirm-merge, .btn-quick-order, .btn-start-shift):hover {
    background: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
}
.ui-app :is(.cyber-btn, .btn-hero, .btn-login, .btn-print-full, .btn-pos-confirm, .btn-confirm-merge, .btn-quick-order):active { transform: scale(0.98); }
.ui-app :is(.cyber-btn, .btn-hero, .btn-login)::before, .ui-app :is(.cyber-btn, .btn-hero, .btn-login)::after { display: none !important; }

/* Pestañas y filtros: el activo en color primario */
.ui-app :is(.zone-tab, .cat-pill, .tab-btn) { text-transform: none; letter-spacing: 0; font-weight: 600; }
.ui-app :is(.zone-tab, .cat-pill, .tab-btn).active {
    background: var(--ui-primary-strong) !important;
    border-color: var(--ui-primary-strong) !important;
    box-shadow: none !important;
    -webkit-text-fill-color: #ffffff;
}
.ui-app :is(.zone-tab, .cat-pill, .tab-btn).active * { -webkit-text-fill-color: #ffffff; }
.ui-app :is(.zone-tab, .cat-pill, .tab-btn).active :is(i, [class*="material-"]) { -webkit-text-fill-color: #ffffff; color: #ffffff; }

/* Marca de cada app: nombre de la plataforma + área */
.ui-app .highlight { -webkit-text-fill-color: var(--ui-muted); font-weight: 600; }

/* Pantallas de acceso: títulos sin mayúsculas forzadas */
.ui-auth :is(.form-label, label) { letter-spacing: 0.02em; }

/* Landing "peltre": barra de navegación y franja final sobre fondo cobalto con textura → texto blanco. */
.ui-app :is(.nav-plate, .close-call), .ui-app :is(.nav-plate, .close-call) *:not(.btn-enamel):not(.btn-enamel *) { -webkit-text-fill-color: #ffffff; }
.ui-app :is(.nav-plate, .close-call) :is(i, svg) { -webkit-text-fill-color: currentColor; }