.audit-tabs{border-bottom:1px solid #e8ecf0;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding-bottom:10px;display:flex}.audit-tabs button{cursor:pointer;color:var(--gris-med);background:0 0;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:12.5px}.audit-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--blanco);font-weight:700}.audit-checklist{gap:10px;display:grid}.audit-checklist-item label{align-items:center;gap:10px;font-size:13.5px;display:flex}.audit-checklist-item input[type=checkbox]{width:18px;height:18px}.audit-computed-row{color:var(--gris-med);background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;flex-wrap:wrap;gap:18px;margin-top:4px;padding:12px 16px;font-size:13px;display:flex}.audit-diff-warn{color:var(--rojo)}.audit-list-item{border-bottom:1px solid #edf0f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 0;display:flex}.audit-list-item:last-child{border-bottom:none}.audit-step-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.audit-step-nav-label{color:var(--gris-med);text-align:center;order:-1;width:100%;font-size:12.5px}@media (width>=481px){.audit-step-nav-label{order:0;width:auto}}.audit-autosave-status{color:var(--gris-med);text-align:right;margin-bottom:10px;font-size:11.5px}.audit-photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.audit-photo-tile{border:1px solid #e8ecf0;border-radius:8px;padding:8px}.audit-photo-tile-header{color:var(--gris-med);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.audit-photo-thumb{aspect-ratio:4/3;object-fit:cover;background:#f8fafc;border-radius:6px;width:100%}.audit-photo-empty{aspect-ratio:4/3;width:100%;color:var(--gris-med);background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}:root{--azul-oscuro:#0d2137;--azul-med:#1a4b7a;--azul-claro:#2e78c8;--accent:#00a8e8;--verde:#27ae60;--rojo:#e74c3c;--amarillo:#f39c12;--gris-claro:#f0f4f8;--gris-med:#bdc3c7;--blanco:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--gris-claro);color:#2c3e50;font-family:Segoe UI,Calibri,Arial,sans-serif}button{font-family:inherit}a{color:var(--azul-claro)}.login-overlay{z-index:9999;background:linear-gradient(135deg, var(--azul-oscuro) 0%, var(--azul-med) 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.login-card{background:var(--blanco);border-radius:14px;width:380px;max-width:100%;padding:44px 48px;box-shadow:0 20px 60px #00000059}@media (width<=480px){.login-card{padding:32px 24px}}.login-brand{text-align:center;margin-bottom:24px}.login-brand .b1{color:var(--gris-med);letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:700}.login-brand .b2{color:var(--azul-oscuro);margin-top:6px;font-size:19px;font-weight:800}.login-brand .b3{color:var(--gris-med);margin-top:3px;font-size:12px}.login-brand img{object-fit:contain;background:#fff;border-radius:12px;width:64px;height:64px;margin:0 auto 12px;padding:5px;display:block}.login-sep{background:#eee;height:1px;margin:16px 0}.login-error{color:var(--rojo);text-align:center;margin-top:8px;font-size:12px}.login-footer{color:var(--gris-med);text-align:center;margin-top:18px;font-size:11px}.login-dev-note{color:var(--amarillo);text-align:center;border-top:1px dashed #eee;margin-top:14px;padding-top:14px;font-size:11px}.dev-login-buttons{flex-direction:column;gap:8px;margin-top:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:700}.btn-primary{background:var(--accent);color:var(--blanco)}.btn-primary:hover{background:var(--azul-med)}.btn-primary:disabled{background:var(--gris-med);cursor:not-allowed}.btn-outline{background:var(--blanco);border:1.5px solid var(--azul-med);color:var(--azul-med)}.btn-outline:hover{background:var(--azul-med);color:var(--blanco)}.btn-danger{background:var(--blanco);border:1.5px solid var(--rojo);color:var(--rojo)}.btn-danger:hover{background:var(--rojo);color:var(--blanco)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.app-header{background:linear-gradient(135deg, var(--azul-oscuro) 0%, var(--azul-med) 100%);border-bottom:4px solid var(--accent);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.app-header-brand{align-items:center;min-width:0;display:flex}.app-header-brand>div{min-width:0}.app-logo{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin-right:16px;padding:4px;display:flex;box-shadow:0 1px 4px #00000040}.app-logo img{object-fit:contain;width:100%;height:100%}.app-header h1{color:var(--blanco);letter-spacing:.5px;font-size:18px;font-weight:700}.app-header .role-badge{border:1px solid var(--accent);color:var(--accent);background:#00a8e833;border-radius:20px;margin-top:4px;padding:3px 10px;font-size:11px;display:inline-block}.app-nav{align-items:center;gap:6px;display:flex}.app-nav a{color:var(--gris-med);border-radius:6px;padding:8px 12px;font-size:13px;text-decoration:none}.app-nav a:hover,.app-nav a.active{color:var(--blanco);background:#ffffff1a}.btn-logout{color:var(--gris-med);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:7px 14px;font-size:12px}.btn-logout:hover{color:var(--blanco);background:#fff3}.nav-toggle{color:var(--blanco);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;flex-shrink:0;width:40px;height:40px;font-size:18px;line-height:1;display:none}.app-content{max-width:1100px;margin:0 auto;padding:28px 40px}.app-content--wide{max-width:1600px}@media print{.app-header,.app-nav{display:none!important}}@media (width<=1100px){.app-header{flex-wrap:wrap;padding:14px 16px}.app-header h1{font-size:15px}.app-logo{width:38px;height:38px;margin-right:10px}.nav-toggle{display:block}.app-nav{background:var(--azul-oscuro);z-index:20;flex-direction:column;align-items:stretch;gap:2px;padding:10px 14px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 20px #00000040}.app-nav.open{display:flex}.app-nav a{padding:12px 14px;font-size:14px}.btn-logout{text-align:left;margin-top:6px}.app-content,.app-content--wide{max-width:100%;padding:16px}}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--azul-med);border-left:4px solid var(--accent);margin-bottom:16px;padding-left:10px;font-size:13px;font-weight:700}.card{background:var(--blanco);border:1px solid #e8ecf0;border-radius:12px;margin-bottom:18px;padding:20px 22px;box-shadow:0 2px 12px #00000012}.card h2{text-transform:uppercase;letter-spacing:.6px;color:var(--azul-med);border-left:4px solid var(--accent);margin-bottom:16px;padding-left:10px;font-size:13px;font-weight:700}.field-label{color:var(--gris-med);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.field-input,.field-select{background:var(--blanco);border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:10px 13px;font-size:14px}.field-input:focus,.field-select:focus{border-color:var(--azul-claro)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:0 16px;display:grid}.form-grid-inline{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--gris-med);border-bottom:2px solid #edf0f4;padding:10px 12px;font-size:10.5px}.table td{border-bottom:1px solid #edf0f4;padding:10px 12px}.table tr:nth-child(2n) td{background:#f8fafc}.table tr:hover td{background:#eaf4fb}.badge{white-space:nowrap;border-radius:12px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-block}.badge-role-admin{color:var(--verde);background:#eafaf1}.badge-role-auditor{color:var(--azul-med);background:#e8f4fb}.badge-role-jefe_maquina{color:#7d5a00;background:#fff3cd}.badge-role-cliente{color:#6c3fb0;background:#f0e8fb}.badge-active-1{color:var(--verde);background:#eafaf1}.badge-active-0{color:var(--rojo);background:#fdedec}.msg{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.msg-ok{color:var(--verde);background:#eafaf1}.msg-err{color:var(--rojo);background:#fdedec}.msg-info{color:var(--azul-med);background:#e8f4fb}.admin-home-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.admin-home-card{color:inherit;cursor:pointer;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}.admin-home-card:hover{transform:translateY(-1px);box-shadow:0 4px 18px #0000001f}.placeholder-page{text-align:center;color:var(--gris-med);padding:80px 20px}.placeholder-page h2{color:var(--azul-med);margin-bottom:8px;font-size:18px}.center-screen{min-height:100vh;color:var(--gris-med);justify-content:center;align-items:center;display:flex}