/* SCANER / VERIFICAR (ASRN) sobre ContaNik — 2026-10-15.
   Se inyecta desde nginx SOLO en scaner.app / verificar.app.srn-online.online.
   ContaNik (contanik.com) no carga este archivo. Paleta del TPV (tema srn-dark):
   naranja #F97316 / #C2410C, negro #0A0A0A, blanco #FFFFFF. */
:root {
    --brand: #0A0A0A; --brand-h: #15191E;
    --accent: #F97316; --accent-bg: rgba(249,115,22,.13); --accent-dim: rgba(249,115,22,.08);
    --blue: #F97316; --blue-bg: rgba(249,115,22,.1); --blue-text: #C2410C;
    --bg: #FFFFFF; --surface: #FFFFFF; --border: #E4E7EB; --border-mid: #D5D9DE;
    --text-1: #0A0A0A; --text-2: #3F4650; --text-3: #717A85;
}
/* Sin menús de ContaNik */
body.asrn-app #sidebar, body.asrn-app #sidebar-overlay, body.asrn-app #topbar, body.asrn-app #mob-tabs { display: none !important; }
body.asrn-app { background: #FFFFFF; }
body.asrn-app #main-content { margin-left: 0 !important; padding-bottom: 0 !important; width: 100%; }

/* Barra propia: negro + naranja, sin opciones de menú (solo Salir) */
.asrn-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 200; display: flex; align-items: center; gap: 10px;
    height: 48px; padding: 0 14px; background: #0A0A0A; color: #FFFFFF; border-bottom: 3px solid #F97316;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.asrn-bar .asrn-mark { background: #F97316; color: #FFFFFF; font-weight: 800; font-size: 13px; padding: 3px 8px; border-radius: 6px; letter-spacing: .5px; }
.asrn-bar .asrn-name { font-weight: 800; font-size: 15px; letter-spacing: .6px; }
.asrn-bar .asrn-salir { margin-left: auto; color: #FFFFFF; text-decoration: none; font-size: 13px; font-weight: 700;
    border: 1.5px solid #F97316; border-radius: 8px; padding: 5px 12px; }
.asrn-bar .asrn-salir:hover { background: #F97316; }
body.asrn-app #main-content { padding-top: 48px !important; }

body.asrn-app h1, body.asrn-app h2 { color: #0A0A0A; }
body.asrn-app .card { border-color: #E4E7EB; }
/* Botones Lector / Cámara */
body.asrn-app .chip { border-color: #0A0A0A; color: #0A0A0A; background: #FFFFFF; }
body.asrn-app .chip.active { background: #F97316 !important; border-color: #F97316 !important; color: #FFFFFF !important; }
body.asrn-app #tracking:focus { box-shadow: 0 0 0 3px rgba(249,115,22,.18); }

/* Pantalla de acceso (sesión caducada / enlace no válido): sin formulario de contraseña */
body.asrn-app:has(.asrn-login) { background: #0A0A0A !important; }
.asrn-login form { display: none !important; }
.asrn-login { border-top: 5px solid #F97316; }
.asrn-login .logo h1 { color: #0A0A0A !important; }
.asrn-login .asrn-volver { display: block; text-align: center; margin-top: 8px; padding: 13px; border-radius: 8px;
    background: #F97316; color: #FFFFFF; font-weight: 700; text-decoration: none; }
body.asrn-app:has(.asrn-login) .asrn-salir { display: none; }
/* Modo prueba (réplica): aviso fijo bajo la barra */
.asrn-aviso-prueba { display: none; }
body.asrn-prueba .asrn-aviso-prueba { display: block; position: fixed; top: 48px; left: 0; right: 0; z-index: 199;
    background: #F97316; color: #0A0A0A; font-weight: 700; font-size: 12.5px; line-height: 1.35; padding: 6px 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
body.asrn-prueba .asrn-aviso-prueba a { color: #0A0A0A; text-decoration: underline; white-space: nowrap; }
body.asrn-prueba #main-content { padding-top: 92px !important; }

/* Botón INICIO (casa) -> portal GRUPO ASRN. Pequeño, a la derecha de la barra. 2026-10-15 */
.asrn-bar .asrn-inicio { margin-left: auto; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
    border: 1.5px solid #F97316; border-radius: 9px; color: #FFFFFF; text-decoration: none; flex: 0 0 auto; }
.asrn-bar .asrn-inicio:hover, .asrn-bar .asrn-inicio:active { background: #F97316; }
.asrn-bar .asrn-inicio svg { width: 18px; height: 18px; display: block; }

/* LUPA de búsqueda manual dentro del campo del lector (lector.js) */
.asrn-con-lupa { position: relative; }
.asrn-con-lupa input { padding-right: 54px !important; }
.asrn-lupa { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 9px;
    background: #0A0A0A; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0;
    -webkit-tap-highlight-color: transparent; }
.asrn-lupa.is-on { background: #F97316; }
.asrn-lupa svg { display: block; }