:root{--verde:#009240;--verde-oscuro:#007533;--texto:#1f2933;--texto-suave:#5f6b7a;--borde:#d9dee5;--fondo:#fff;--fondo-suave:#f4f6f8;--rojo:#c62828;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}h1{color:var(--verde);margin:0 0 .5rem;font-size:1.4rem}.centrado{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.tarjeta{text-align:center;flex-direction:column;gap:.75rem;width:100%;max-width:380px;display:flex}.tarjeta-logo{width:min(240px,70vw);margin:0 auto .5rem}.encabezado{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.encabezado-logo img{height:28px;display:block}.encabezado-usuario{text-align:right;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.encabezado-usuario small{color:var(--texto-suave);display:block}.contenido{flex-direction:column;align-items:flex-start;gap:1rem;max-width:720px;margin:0 auto;padding:1rem;display:flex}.formulario{text-align:left;flex-direction:column;gap:.75rem;width:100%;display:flex}.formulario label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input,select{font:inherit;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:6px;padding:.6rem .7rem}input:focus,select:focus{outline:2px solid var(--verde);outline-offset:1px}.formulario .opcion,.opcion{flex-direction:row;align-items:center;gap:.5rem}.opciones{border:1px solid var(--borde);border-radius:6px;gap:.35rem;padding:.5rem .75rem;display:grid}.opciones small{color:var(--texto-suave)}.panel{border:1px solid var(--borde);background:var(--fondo-suave);border-radius:8px;padding:1rem}.boton,.boton-secundario{font:inherit;cursor:pointer;text-align:center;border-radius:6px;padding:.6rem 1rem;text-decoration:none;display:inline-block}.boton{background:var(--verde);color:#fff;border:1px solid var(--verde);font-weight:600}.boton:hover{background:var(--verde-oscuro)}.boton:disabled{opacity:.6;cursor:default}.boton-secundario{background:var(--fondo);color:var(--texto);border:1px solid var(--borde)}.boton-texto{font:inherit;color:var(--verde);cursor:pointer;background:0 0;border:none;padding:.25rem}.enlace{color:var(--verde)}.ayuda{color:var(--texto-suave);margin:0}.error{color:var(--rojo);margin:0}.lista{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.item{border:1px solid var(--borde);border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.item-inactivo{opacity:.6}.item-titulo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.item-detalle{color:var(--texto-suave);font-size:.9rem}.item-acciones{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.etiqueta{background:var(--fondo-suave);border:1px solid var(--borde);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}h2{margin:.5rem 0;font-size:1.1rem}textarea{font:inherit;border:1px solid var(--borde);resize:vertical;border-radius:6px;padding:.6rem .7rem}.ancho{width:100%}.exito{color:var(--verde-oscuro);margin:0}.peligro{color:var(--rojo);border-color:var(--rojo)}.boton.peligro{background:var(--rojo);color:#fff}.item-enlace{color:inherit;text-decoration:none}.item-enlace:hover{border-color:var(--verde)}.items{gap:.75rem;width:100%}.item-editable{border-bottom:1px dashed var(--borde);flex-direction:column;gap:.35rem;padding-bottom:.75rem;display:flex}.item-editable-fila{grid-template-columns:1fr 7rem auto;align-items:center;gap:.5rem;display:grid}.estado-preparado{background:#eef2f6}.estado-en_transito{background:#e3f0fb;border-color:#9cc7ec}.estado-demorado{background:#fff1db;border-color:#f0b85c}.estado-recibido_ok{background:#e3f4ea;border-color:#8fd0a9}.estado-con_diferencias{color:var(--rojo);background:#fde5e5;border-color:#e99a9a;font-weight:600}.estado-cerrado,.estado-cancelado{color:var(--texto-suave)}.fotos{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-bottom:.5rem;display:grid}.foto{flex-direction:column;align-items:center;margin:0;display:flex}.foto img{aspect-ratio:1;object-fit:cover;border:1px solid var(--borde);border-radius:6px;width:100%}.historial{gap:.25rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.panel-rojo{background:#fde5e5;border-color:#e99a9a}.avisos{background:#fff8ec;border:1px solid #f0b85c;border-radius:8px;gap:.4rem;width:100%;padding:.75rem;display:grid}.avisos a{color:var(--texto)}.aviso-diferencias{color:var(--rojo);font-weight:600}