/* Mi taller › Inspección (inspeccion.js). Primero el celular de 375 px, en EMIR (oscuro) y EMIR Claro.
   Semáforo con colores fijos en todos los modos (el menta cambia con el modo): verde, amarillo de verdad y rojo. Sin naranja. */
:root{--in-verde:#1E8E3E;--in-amarillo:#EAB308;--in-rojo:#D93025;--in-sobre-amarillo:#1F1A00}
#inRaiz{min-width:0}
#inRaiz label{display:block}
.in-guardado{font-size:var(--t-2);font-weight:700;letter-spacing:.06em;color:var(--gris)}
.in-cab{margin-bottom:12px}

/* resumen: chips con su punto de color */
.in-resumen{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.in-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radio-pildora);background:var(--fondo);border:1px solid var(--linea2);font:600 var(--t-2)/1.2 var(--f);color:var(--texto)}
.in-chip i{width:9px;height:9px;border-radius:50%;background:var(--gris)}
.in-chip.e-verde i{background:var(--in-verde)}.in-chip.e-amarillo i{background:var(--in-amarillo)}.in-chip.e-rojo i{background:var(--in-rojo)}
.ob-sec .in-resumen{margin:0 0 6px}

/* puntos */
.in-puntos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.in-p{--edo:var(--linea2);background:var(--sup);background-image:radial-gradient(circle,var(--edo) 0 5px,transparent 5.5px);background-repeat:no-repeat;background-position:right 12px top 12px;background-size:12px 12px;border:1px solid var(--linea);border-radius:var(--radio-2);padding:10px 12px;min-width:0;scroll-margin:90px 0}
.in-p.e-verde{--edo:var(--in-verde)}.in-p.e-amarillo{--edo:var(--in-amarillo)}.in-p.e-rojo{--edo:var(--in-rojo)}
.in-p-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.in-p-cab b{font:800 var(--t-3)/1.25 var(--f);color:var(--tinta);overflow-wrap:anywhere;min-width:0}
.in-quitar{display:block;margin:10px 0 0 auto;background:none;border:0;padding:6px 2px;color:var(--gris);font:600 var(--t-2) var(--f);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.in-sem{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.in-sem button{min-height:44px;padding:8px 2px;border-radius:var(--radio-1);background:var(--fondo);border:1px solid var(--linea2);color:var(--texto);font:700 13px/1.15 var(--f);white-space:nowrap;cursor:pointer}
.in-sem button::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px}
@media(min-width:400px){.in-sem button{font-size:var(--t-3)}}
.in-sem .e-verde::before{background:var(--in-verde)}.in-sem .e-amarillo::before{background:var(--in-amarillo)}.in-sem .e-rojo::before{background:var(--in-rojo)}
.in-sem button[aria-checked="true"]{color:#fff;border-color:transparent}
.in-sem button[aria-checked="true"]::before{background:currentColor}
.in-sem .e-verde[aria-checked="true"]{background:var(--in-verde)}
.in-sem .e-amarillo[aria-checked="true"]{background:var(--in-amarillo);color:var(--in-sobre-amarillo)}
.in-sem .e-rojo[aria-checked="true"]{background:var(--in-rojo)}
.in-sem button:disabled{cursor:default;opacity:1}
.in-sem button:disabled:not([aria-checked="true"]){opacity:.45}
.in-nota-fila{display:flex;gap:8px;align-items:flex-start;margin-top:10px}
.in-nota-fila textarea{flex:1;min-width:0;margin:0;min-height:44px;resize:vertical}
.in-dicta{flex:none;width:44px;height:44px;border-radius:var(--radio-1);border:1px solid var(--linea2);background:var(--fondo);color:var(--texto);display:grid;place-items:center;cursor:pointer;padding:0}
.in-dicta svg{width:22px;height:22px}
.in-dicta.activo{background:var(--menta);color:var(--sobre-menta,#06231c);border-color:transparent}
.in-nota{margin:10px 0 0;color:var(--texto);font-size:var(--t-3);white-space:pre-line;overflow-wrap:anywhere}

/* códigos del escáner */
.in-cods{display:grid;gap:6px;margin-top:10px}
.in-cod{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:8px 10px;border-radius:var(--radio-1);background:var(--fondo);border:1px solid var(--linea2)}
.in-cod b{font:800 var(--t-3)/1 var(--num,var(--f));letter-spacing:.04em;color:var(--tinta)}
.in-cod small{color:var(--texto);font-size:var(--t-2);min-width:0;overflow-wrap:anywhere}
.in-cod button{background:none;border:0;color:var(--gris);font-size:var(--t-3);cursor:pointer;padding:4px}
.in-cod-mas{display:flex;gap:8px}
.in-cod-mas input{flex:1;min-width:0;text-transform:uppercase}
.in-cod-mas input::placeholder{text-transform:none}
.in-cod-mas .btn{flex:none;width:auto;margin:0}

/* fotos: hasta 2 por punto, cuadros fijos de 76 px en una fila (la foto no empuja nada: va encima de su caja) */
.in-fotos{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:10px}
.in-foto,.in-foto-mas{position:relative;flex:none;width:76px;height:76px;margin:0;border-radius:var(--radio-1);overflow:hidden;background:var(--fondo);border:1px solid var(--linea2);box-sizing:border-box}
.in-foto>a,.in-foto>img{position:absolute;inset:0;display:block;width:100%;height:100%}
.in-foto img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.in-foto em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:var(--t-2);color:var(--gris)}
.in-foto button{position:absolute;top:3px;right:3px;width:26px;height:26px;padding:0;border-radius:50%;border:0;background:rgba(0,0,0,.62);color:#fff;font-size:12px;line-height:26px;cursor:pointer}
#inRaiz .in-foto-mas{display:grid;place-items:center;align-content:center;gap:2px;border-style:dashed;color:var(--texto);font-size:var(--t-2);font-weight:700;cursor:pointer}
.in-foto-mas svg{width:22px;height:22px}
.in-archivo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* agregar punto y mandar */
.in-agregar{display:flex;gap:8px;margin-top:12px}
.in-agregar input{flex:1;min-width:0}
.in-agregar .btn{flex:none;width:auto;margin:0}
.in-mandar{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:14px 16px;margin-top:14px;display:grid;gap:10px}
.in-mandar>.btn{margin:0}
.in-mandar-fila{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.in-mandar-fila .btn{width:auto;margin:0}
.in-mandar-fila .btn.wa{display:inline-flex;align-items:center;gap:8px}
.in-mandar .hint{margin:0}
@media(min-width:1024px){#inRaiz{max-width:760px}}

/* grupos, avance y lista corta */
.in-det[hidden],#inPuntos .in-puntos[hidden]{display:none!important}
.in-grupos{display:grid;gap:14px}
.in-g-cab{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.in-g-tit{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;background:none;border:0;padding:6px 0;color:var(--tinta);cursor:pointer;text-align:left;font:inherit}
.in-g-tit b{font:800 var(--t-4)/1.2 var(--f);overflow-wrap:anywhere}
.in-g-tit span{flex:none;font:700 var(--t-2)/1 var(--f);color:var(--gris)}
.in-g-tit::after{content:'';flex:none;margin-left:auto;width:8px;height:8px;border-right:2px solid var(--gris);border-bottom:2px solid var(--gris);transform:rotate(45deg) translateY(-3px)}
.in-g-tit[aria-expanded="false"]::after{transform:rotate(-45deg)}
.in-g.completo .in-g-tit span{color:var(--in-verde)}
.in-g-bien{flex:none;width:auto!important;margin:0!important}
.in-mas{flex:none;background:none;border:0;padding:6px 0 6px 6px;color:var(--gris);font:600 var(--t-2) var(--f);cursor:pointer;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.in-avance{position:sticky;top:var(--in-top,0px);z-index:5;background:var(--fondo);padding:8px 0 10px;margin:0 0 6px;border-bottom:1px solid var(--linea)}
.in-av-fila{display:flex;align-items:center;justify-content:space-between;gap:8px}
.in-av-txt{margin:0;font-size:var(--t-3);color:var(--texto)}
.in-av-txt b{color:var(--tinta)}
.in-av-barra{height:6px;border-radius:3px;background:var(--linea2);overflow:hidden;margin-top:8px}
.in-av-barra i{display:block;height:100%;width:0;background:var(--in-verde);transition:width .25s}
.in-voz-btn{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;margin:0!important}
.in-voz-btn svg{width:18px;height:18px}
.in-voz-btn.activo{background:var(--menta);color:var(--sobre-menta,#06231c);border-color:transparent}
.in-voz-dice{margin:8px 0 0;font:700 var(--t-3)/1.3 var(--f);color:var(--tinta)}
.in-camara{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:10px 0 0!important;min-height:56px;font-size:var(--t-4)}
.in-camara svg{width:24px;height:24px}
.in-p.in-voz{outline:3px solid var(--menta);outline-offset:2px}
.in-corta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:10px 12px;margin:0 0 10px}
.in-corta p{margin:0;font-size:var(--t-3);color:var(--texto)}
.in-corta .btn{width:auto;margin:0}