:root{--marino:#2a3180;--navy:#171b4d;--teal:#159c9c;--celeste:#6cbce3;--fondo:#f4f6fa;--tarjeta:#fff;--texto:#1c2233;--muted:#6b7280;--borde:#e2e6ee;--verde:#1f9d55;--amarillo:#d69e2e;--rojo:#c53030;--azul:#2b6cb0;--gris:#8a94a6}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);margin:0;padding:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--marino);text-decoration:none}a:hover{text-decoration:underline}h1{color:var(--navy);margin:0 0 12px;font-size:22px}h2{color:var(--navy);margin:0 0 10px;font-size:16px}h3{color:var(--navy);margin:0 0 8px;font-size:14px}.barra{background:var(--navy);color:#fff;align-items:center;gap:18px;height:52px;padding:0 20px;display:flex}.barra .marca{letter-spacing:.3px;color:#fff;font-weight:700}.barra .marca span{color:var(--celeste)}.barra nav{flex:1;gap:14px;display:flex}.barra nav a{color:#dfe6f3}.barra nav a:hover{color:#fff;text-decoration:none}.barra .quien{color:#c7d0e0;font-size:13px}.barra button{color:#c7d0e0;cursor:pointer;background:0 0;border:1px solid #3d4680;border-radius:6px;padding:4px 10px}.barra button:hover{color:#fff;border-color:#fff}.contenido{max-width:1180px;margin:0 auto;padding:22px 20px 60px}.fila{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.col{flex:320px;min-width:0}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;margin-bottom:16px;padding:16px 18px}.tarjeta.compacta{padding:12px 14px}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.muted{color:var(--muted)}.peq{font-size:12px}.mono{font-family:ui-monospace,Consolas,monospace}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:middle;padding:8px 10px}th{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:12px;font-weight:600}tr:hover td{background:#f9fafc}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.grid{gap:10px 14px;display:grid}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:760px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}}label{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}input[type=text],input[type=date],input[type=number],input[type=password],input[type=email],select,textarea{width:100%;font:inherit;color:var(--texto);background:#fff;border:1px solid #cfd6e2;border-radius:6px;padding:7px 9px}input:focus,select:focus,textarea:focus{outline:2px solid var(--celeste);border-color:var(--celeste)}textarea{resize:vertical;min-height:70px}.campo{margin-bottom:8px}.check{color:var(--texto);align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:auto}.btn{border:1px solid var(--marino);background:var(--marino);color:#fff;font:inherit;cursor:pointer;border-radius:6px;padding:7px 14px;display:inline-block}.btn:hover{background:var(--navy);text-decoration:none}.btn.sec{color:var(--marino);background:#fff}.btn.sec:hover{background:#eef1f8}.btn.peligro{color:var(--rojo);border-color:var(--rojo);background:#fff}.btn.peligro:hover{background:#fdf2f2}.btn.teal{background:var(--teal);border-color:var(--teal)}.btn.teal:hover{background:#0f7d7d}.btn.chico{padding:4px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{color:var(--navy);background:#eef1f8;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.chip.ABIERTO{color:#8a5a00;background:#fff6e0}.chip.COMPLETO{color:#14652f;background:#e3f7ea}.chip.ENVIADO{color:#1e4e8c;background:#e2edfa}.chip.DOC_ADICIONAL{color:#9a4b00;background:#fff1dc}.chip.PAGADO_PARCIAL{color:#9b1c1c;background:#fde8e8}.chip.APROBADO{color:#14652f;background:#e3f7ea}.chip.RECHAZADO{color:#9b1c1c;background:#fde8e8}.chip.PAGADO{color:#4a5568;background:#eceff4}.sem{vertical-align:middle;border-radius:50%;width:12px;height:12px;display:inline-block}.sem.verde{background:var(--verde)}.sem.amarillo{background:var(--amarillo)}.sem.rojo{background:var(--rojo)}.sem.azul{background:var(--azul)}.sem.gris{background:var(--gris)}.barra-progreso{vertical-align:middle;background:#e6eaf1;border-radius:999px;width:110px;height:8px;display:inline-block;overflow:hidden}.barra-progreso>span{background:var(--teal);height:100%;display:block}.casillas{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.casilla{background:#fafbfd;border:2px dashed #c9d1de;border-radius:10px;padding:12px}.casilla.llena{background:#f3fbf6;border-style:solid;border-color:#b6e2c6}.casilla.ilegible{background:#fff5f5;border-color:#f3b7b7}.casilla.aparte{box-shadow:inset 4px 0 0 var(--celeste)}.casilla h3{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.casilla .etq{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:400}.casilla .desc{color:var(--muted);margin-bottom:8px;font-size:12px}.casilla .doc{font-size:13px}.casilla .acciones{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.casilla input[type=file]{max-width:100%;font-size:12px}.aviso{border-radius:6px;margin:8px 0;padding:9px 12px;font-size:13px}.aviso.error{color:#9b1c1c;background:#fde8e8;border:1px solid #f5c2c2}.aviso.ok{color:#14652f;background:#e3f7ea;border:1px solid #b6e2c6}.aviso.info{color:#1e4e8c;background:#e8f3fb;border:1px solid #c3dcf2}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--borde);background:#fff;border-radius:10px;padding:12px 14px}.kpi .v{color:var(--navy);font-size:24px;font-weight:700}.kpi .l{color:var(--muted);font-size:12px}.login{max-width:380px;margin:80px auto}.login .marca{text-align:center;margin-bottom:18px}.login .marca b{color:var(--navy);font-size:20px;display:block}.filtros{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;display:flex}.filtros .campo{min-width:160px;margin:0}.lista-faltantes{margin:0;padding-left:18px;font-size:13px}.dl{grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px;display:grid}.dl dt{color:var(--muted)}.dl dd{margin:0}details summary{cursor:pointer;color:var(--marino);font-weight:600}
