/* PDA de campo: movil primero, tactil, alto contraste. Sin estilos en linea (CSP). */
:root{--navy:#123044;--azul:#1677ff;--verde:#16744d;--rojo:#b42318;--ambar:#9a5b00;--gris:#5b6672;--linea:#d7dee4;--fondo:#f4f7f9}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body.pda{margin:0;min-height:100vh;background:var(--fondo);color:#1f2937;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.4;padding-bottom:env(safe-area-inset-bottom)}
.pda-cabecera{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--navy);color:#fff}
.pda-cabecera h1{margin:0;font-size:19px}
.pda-cabecera-app{z-index:20;display:block;padding:7px 10px;padding-top:calc(7px + env(safe-area-inset-top))}
.pda-cab-superior{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pda-identidad{min-width:0}
.pda-identidad-meta{display:flex;min-width:0;gap:7px;align-items:center;color:#d8e7ef;font-size:12px;white-space:nowrap}
.pda-identidad-meta span:first-child{overflow:hidden;text-overflow:ellipsis}
.pda-sub{margin:0;font-size:14px;color:var(--gris)}
.pda-cabecera .pda-sub{color:#b9ccd8}
.pda-cab-acciones{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.pda-configuracion{position:relative}
.pda-configuracion summary{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#1c4057;color:#fff;font-size:23px;cursor:pointer;list-style:none;touch-action:manipulation}
.pda-configuracion summary::-webkit-details-marker{display:none}
.pda-configuracion summary:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.pda-configuracion[open] summary{background:var(--azul)}
.pda-configuracion-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(285px,calc(100vw - 20px));max-height:calc(100vh - 78px - env(safe-area-inset-top));max-height:calc(100dvh - 78px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid #36566b;border-radius:14px;background:var(--navy);box-shadow:0 12px 30px rgba(0,0,0,.28);display:grid;gap:8px}
.pda-configuracion-menu button,.pda-configuracion-menu .pda-enlace-boton{width:100%;justify-content:flex-start;text-align:left;min-height:48px;padding:9px 12px;font-size:15px}
.pda-principal{max-width:720px;margin:0 auto;padding:12px 12px 82px}
.pda-mensaje{margin:8px 0;padding:12px 14px;border-radius:12px;background:#e8f1ff;color:#0b4fb3}
.pda-mensaje.error{background:#fde8e8;color:var(--rojo)}
.pda-mensaje.ok{background:#e8f7ef;color:var(--verde)}
.pda-mensaje.aviso{background:#fff4e0;color:var(--ambar)}
.pda-etiqueta{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:12px;background:#e8f7ef;color:var(--verde)}
.pda-etiqueta.sin-red{background:#fff4e0;color:var(--ambar)}
button,.pda-enlace-boton{font:inherit;font-weight:700;border:0;border-radius:14px;padding:14px 18px;min-height:52px;background:var(--azul);color:#fff;cursor:pointer;touch-action:manipulation}
button:disabled{opacity:.5}
button:focus-visible,.pda-enlace-boton:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.pda-boton-secundario{background:#1c4057;min-height:40px;padding:8px 14px;font-size:14px}
.pda-enlace-boton{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.pda-boton-claro{background:#fff;color:var(--navy);border:2px solid var(--linea)}
.pda-boton-grande{width:100%;min-height:64px;font-size:21px}
.pda-boton-prueba{width:100%;margin:4px 0 12px;background:#fff;color:var(--navy);border:2px solid var(--azul)}
.pda-boton-peligro{background:var(--rojo)}
.pda-resumen{margin:6px 0 12px}
.pda-resumen h2{margin:0;font-size:20px;color:var(--navy)}
progress{width:100%;height:14px;margin-top:6px}
.pda-paradas,.pda-lista-simple{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pda-seleccion h2{margin:6px 0 2px;color:var(--navy)}
.pda-seleccion>.pda-sub{margin-bottom:14px}
.pda-ruta-opcion{width:100%;min-height:82px;text-align:left;background:#fff;color:var(--navy);border:2px solid var(--linea);display:grid;gap:2px;align-content:center}
.pda-ruta-opcion strong{font-size:22px}
.pda-ruta-opcion span{font-size:14px;color:var(--gris);font-weight:600}
.pda-buscador{margin:12px 0 16px;padding:12px;background:#eef4f7;border-radius:12px}
.pda-buscador label{display:block;font-weight:700;margin-bottom:6px}
.pda-buscador-fila{display:flex;gap:8px;align-items:stretch}
.pda-buscador input{min-width:0;flex:1;font-size:16px;padding:12px;border:1px solid var(--linea);border-radius:10px;background:#fff}
.pda-buscador-fila button{flex:0 0 auto}
.pda-buscador-cabecera{margin:7px 0 0;padding:0;background:transparent;border-radius:0}
.pda-buscador-cabecera input{min-height:48px;padding:8px 11px}
.pda-buscador-cabecera button{min-height:48px;padding:7px 10px;font-size:13px}
.pda-buscador-cabecera p{min-height:17px;margin:3px 2px 0;color:#d8e7ef;font-size:12px}
.pda-solo-lector{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pda-parada{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:14px;display:grid;gap:8px}
.pda-parada h3{margin:0;font-size:18px;color:var(--navy)}
.pda-parada p{margin:0}
.pda-direccion{color:var(--gris);font-size:15px}
.pda-trabajos{font-size:14px;color:#334155}
.pda-acciones{display:grid;gap:8px}
.pda-ayuda-foto{text-align:center;color:var(--navy);font-weight:700;font-size:14px}
.pda-acciones-fila{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pda-estado-parada{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:12px;background:#eef2f6;color:#334155}
.pda-estado-parada.aceptada_campo,.pda-estado-parada.confirmada,.pda-estado-parada.corregida{background:#e8f7ef;color:var(--verde)}
.pda-estado-parada.local_pendiente,.pda-estado-parada.enviando{background:#fff4e0;color:var(--ambar)}
.pda-estado-parada.rechazada,.pda-estado-parada.repeticion_solicitada,.pda-estado-parada.atencion{background:#fde8e8;color:var(--rojo)}
.pda-panel{scroll-margin-top:calc(72px + env(safe-area-inset-top));background:#fff;border:2px solid var(--azul);border-radius:16px;padding:14px;display:grid;gap:12px;margin-top:12px}
.pda-panel h2{margin:0;font-size:20px;color:var(--navy)}
.pda-tipos{display:grid;gap:6px;border:0;padding:0;margin:0}
.pda-tipos legend{font-weight:700;margin-bottom:4px}
.pda-tipos label{display:flex;align-items:center;gap:10px;font-size:17px;padding:10px;border:2px solid var(--linea);border-radius:12px}
.pda-tipos input{width:22px;height:22px}
.pda-campo{display:grid;gap:4px;font-weight:700;font-size:15px}
.pda-campo textarea,.pda-campo select,.pda-campo input[type=text]{font:inherit;padding:12px;border:2px solid var(--linea);border-radius:12px;width:100%}
.pda-fotos{display:flex;gap:8px;flex-wrap:wrap}
.pda-foto{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--linea);background:#eef2f6}
.pda-prueba-foto{width:100%;max-height:320px;object-fit:contain;border-radius:12px;border:1px solid var(--linea);background:#eef2f6}
.pda-captura{border:1px solid var(--linea);border-radius:12px;padding:10px;display:grid;gap:6px}
.pda-captura p{margin:0}
.pda-nota{font-size:15px;background:var(--fondo);padding:6px 10px;border-radius:8px}
.pda-pendientes{background:#fff4e0;color:var(--ambar);border-radius:12px;padding:10px 14px;margin:8px 0;display:grid;gap:6px}
.pda-pendientes ul{margin:0;padding-left:18px}
.pda-pendientes button{justify-self:start}
.pda-actualizacion{background:#fff4e0;color:var(--ambar);border:2px solid #e8a23a;border-radius:14px;padding:12px 14px;margin:8px 0 12px;display:grid;gap:8px}
.pda-actualizacion p{margin:0;font-weight:700}
.pda-diagnostico{display:grid;gap:8px}
.pda-diagnostico dl{display:grid;grid-template-columns:minmax(125px,1fr) minmax(0,1.4fr);gap:7px 10px;margin:0}
.pda-diagnostico dt{font-weight:700;color:var(--gris)}
.pda-diagnostico dd{margin:0;overflow-wrap:anywhere}
.pda-diagnostico pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--fondo);padding:10px;border-radius:10px;font-size:13px}
.pda-subir{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:15;width:52px;height:52px;min-height:52px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 5px 18px rgba(0,0,0,.3);font-size:28px;line-height:1}
@media (prefers-reduced-motion:no-preference){button{transition:filter .15s}button:active{filter:brightness(.9)}}
@media (max-width:560px){.pda-cabecera:not(.pda-cabecera-app){align-items:flex-start}.pda-etiqueta{font-size:11px}.pda-cabecera-app h1{font-size:18px}.pda-configuracion-menu button,.pda-configuracion-menu .pda-enlace-boton{font-size:15px}}
@media (min-width:700px){.pda-principal{padding:20px 20px 90px}}