.offline-page{gap:18px;display:grid}.offline-hero{justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.offline-hero h2{color:#0f3057;margin:6px 0 8px;font-size:clamp(1.35rem,2vw,2rem)}.offline-hero p{color:#52677c;max-width:780px;margin:0}.offline-status{background:#ffffffd6;border:1px solid #14537324;border-radius:18px;justify-items:center;gap:3px;min-width:170px;padding:15px 18px;display:grid;box-shadow:0 12px 26px #081f3614}.offline-status.online svg,.offline-status.online strong{color:#0f7a4f}.offline-status.offline svg,.offline-status.offline strong{color:#b45309}.offline-status span{color:#6b7f91;font-size:.82rem}.offline-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.offline-stats article{background:linear-gradient(145deg,#ffffffeb,#e8f4fac7);border:1px solid #11527b1f;border-radius:20px;gap:4px;padding:17px;display:grid;box-shadow:0 14px 32px #07264014}.offline-stats article svg{color:#0f6f9f}.offline-stats article span{color:#5f7285;font-size:.84rem}.offline-stats article strong{color:#0f3057;font-size:1.7rem}.offline-actions{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.offline-actions strong{color:#0f3057;margin-bottom:3px;display:block}.offline-actions p{color:#607487;margin:0}.offline-list{gap:13px;display:grid}.offline-card{justify-content:space-between;align-items:center;gap:16px;padding:17px;display:flex}.offline-card-main{gap:7px;min-width:0;display:grid}.offline-type{color:#0f638e;background:#0f6f9f1a;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.offline-type.cierre_movil{color:#14723e;background:#16a34a1f}.offline-type.agenda_evento{color:#1d4ed8;background:#2563eb1f}.offline-type.evidencia_tarea{color:#7e22ce;background:#9333ea1c}.offline-card h3{color:#102f4f;margin:0;font-size:1.05rem}.offline-card p{color:#607487;margin:0}.offline-meta{flex-wrap:wrap;gap:8px;display:flex}.offline-meta span{color:#52677c;background:#1030570f;border-radius:999px;padding:5px 8px;font-size:.78rem}.offline-error{color:#991b1b;background:#dc262614;border-radius:12px;align-items:center;gap:7px;padding:8px 10px;font-size:.84rem;display:flex}.qbi-light-btn.danger{color:#991b1b;border-color:#dc262640}.qbi-offline-indicator{cursor:pointer;color:#0f638e;background:#0f6f9f1a;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-weight:800;display:inline-flex}.qbi-offline-indicator.is-offline{color:#92400e;background:#b453091f}.qbi-offline-indicator.has-pending{box-shadow:inset 0 0 0 1px #0f6f9f38}@media (width<=900px){.offline-hero,.offline-actions,.offline-card{flex-direction:column;align-items:stretch}.offline-status{width:100%}.offline-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.offline-stats{grid-template-columns:1fr}.qbi-offline-indicator span{display:none}}.offline-stats-advanced{grid-template-columns:repeat(5,minmax(130px,1fr))}.offline-actions-row,.offline-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.offline-card-headline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.offline-state{color:#1f2937;background:#ffffffd1;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.offline-state.pendiente{color:#075985;background:#e0f2fe}.offline-state.fallido{color:#9a3412;background:#ffedd5}.offline-state.conflicto{color:#991b1b;background:#fee2e2}.offline-state.sincronizando{color:#1d4ed8;background:#dbeafe}.offline-state.enviado{color:#166534;background:#dcfce7}.offline-card.status-conflicto{border-color:#dc26264d;box-shadow:0 24px 60px #dc262614}.offline-card.status-fallido{border-color:#f9731647}.offline-log{margin-top:18px;padding:18px}.offline-log-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.offline-log-head strong{color:#0f172a;font-size:1rem;display:block}.offline-log-head p,.offline-log-empty{color:#64748b;margin:4px 0 0;font-size:.88rem}.offline-log-list{gap:8px;display:grid}.offline-log-row{background:#ffffffbd;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:125px minmax(170px,.8fr) 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:.84rem;display:grid}.offline-log-row span{color:#64748b}.offline-log-row strong{color:#0f172a}.offline-log-row em{color:#475569;font-style:normal}.offline-log-row.conflicto,.offline-log-row.fallido{background:#fff7ed}.offline-log-row.enviado{background:#ecfdf5}@media (width<=1120px){.offline-stats-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.offline-log-row{grid-template-columns:1fr}}@media (width<=640px){.offline-stats-advanced{grid-template-columns:1fr}.offline-actions-row,.offline-card-actions{justify-content:stretch}.offline-actions-row button,.offline-card-actions button{justify-content:center;width:100%}}