.offline-app .app-shell{max-width:1160px}.offline-app .offline-back{color:#335c68;font-size:12px;font-weight:650;text-decoration:none;display:flex;align-items:center;gap:9px}.offline-back span{font-size:20px}.offline-app .offline-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;padding:35px 38px;align-items:center}.offline-app .offline-hero h1{font-size:34px;max-width:580px}.offline-app .offline-hero>div>p{max-width:590px;line-height:1.8}.offline-network-card{border:1px solid #ffffff26;border-radius:16px;padding:19px;background:#ffffff0d}.offline-app .offline-network-card p{font-size:11px;color:#e5f0ee;margin:12px 0;line-height:1.7}.offline-local-note{display:block;color:#b5d9cf;font-size:10px}.offline-app #offline-conexion{display:inline-flex;align-items:center;gap:8px;background:#d7f2e4;color:#225c49}.offline-app #offline-conexion:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.offline-app #offline-conexion.is-offline{background:#ffe8bb;color:#835b19}.offline-app #offline-conexion.is-unreachable{background:#f8ddd5;color:#8a4531}.offline-app #offline-conexion.is-checking{background:#e4edf3;color:#456176}.offline-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.offline-step{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #dce6eb;border-radius:13px;padding:17px;background:#fff;color:#36505c;cursor:pointer;font:inherit;position:relative}.offline-step:focus-visible,.offline-back:focus-visible{outline:3px solid #15908065;outline-offset:3px}.offline-step.is-current{border-color:#56a699;background:#f1faf7;box-shadow:0 3px 12px #167f7810}.offline-step.is-complete .offline-step-number{background:#e0f0e8;color:#297353}.offline-step-number{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;background:#edf2f5;font-weight:750;font-size:15px}.offline-step.is-current .offline-step-number{background:#187d73;color:#fff}.offline-step b{display:block;font-size:13px}.offline-step small{display:block;font-size:10px;color:#73838c;margin-top:3px}.offline-step-tag{font-size:9px;color:#6b8481;position:absolute;top:6px;right:10px}.offline-app #offline-estado{border-left-width:4px}.offline-app #offline-disponibilidad{font-size:11px;padding:10px 14px}.offline-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 8px}.offline-overview article{display:flex;align-items:center;gap:13px;padding:17px 20px;border:1px solid #dce6eb;border-radius:13px;background:#fff}.offline-overview b{display:block;font-size:17px;font-weight:750;color:#244450}.offline-overview small{display:block;font-size:10px;color:#798891;margin-top:2px}.offline-stat-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;font-size:22px;background:#eaf0f7;color:#467097}.offline-stat-pending{background:#fff0d6;color:#ad7c29}.offline-stat-sent{background:#e3f4e9;color:#387d57}.offline-session-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 2px 18px}.offline-session-bar>small{color:#6e818b;font-size:10px}.offline-section{scroll-margin-top:20px;margin:20px 0 30px}.offline-section-title,.offline-capture-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.offline-section-title{margin:0 0 16px}.offline-section-title h2{font-size:23px;line-height:1.2;margin:6px 0}.offline-section-help{font-size:10px;color:#74858d}.offline-download{border:1px solid #dae6eb;border-radius:14px;background:#fff;margin-bottom:22px;overflow:hidden}.offline-download>summary{padding:17px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;color:#345560;font-weight:650;font-size:12px}.offline-download>summary::-webkit-details-marker{display:none}.offline-download>summary:after{content:"+";font-size:18px;font-weight:400;line-height:1}.offline-download[open]>summary:after{content:"−"}.offline-download>summary small{font-size:10px;font-weight:400;color:#7d8e96;margin-left:auto}.offline-download[open]>summary{border-bottom:1px solid #edf1f4}.offline-download-content{padding:18px 20px 3px}.offline-help{font-size:11px;color:#71848d;margin:0 0 15px}.offline-app #offline-elegir-codigo{border:0;background:#f3f7f9;margin:0 0 18px;padding:14px;align-items:flex-end}.offline-app #offline-elegir-codigo .form-field{flex:1;max-width:520px}.offline-app #offline-elegir-codigo label{font-size:11px}.offline-app #offline-elegir-codigo input{font-size:12px;padding:9px 11px;min-height:38px}.offline-app #offline-elegir-codigo .button{padding:9px 13px;font-size:11px}.offline-app #offline-formularios{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.offline-app #offline-formularios .event-card{padding:20px;box-shadow:none;border-radius:11px;background:#fafcfc;gap:9px}.offline-app #offline-formularios .event-card h2{font-size:16px}.offline-app #offline-formularios .event-card p{font-size:10px}.offline-app #offline-formularios .badge{align-self:flex-start;font-size:9px;padding:4px 9px}.offline-app #offline-formularios .button{font-size:11px;padding:10px}.offline-subheading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 2px 12px}.offline-subheading h3{font-size:13px;margin:0}.offline-subheading>span{font-size:10px;color:#7b8b93}.offline-app .package-row{padding:19px 20px;border-radius:13px}.offline-app .package-row.is-active{border-color:#75b8a7;background:#f5fbf8;box-shadow:0 2px 12px #1d867310}.offline-app .package-row b{font-size:13px}.offline-app .package-row small{font-size:10px;margin-top:4px}.offline-package-tag{display:inline-block;padding:3px 8px;border-radius:20px;font-size:9px;background:#e3f2eb;color:#297456;margin-right:6px}.offline-package-tag.is-closed{background:#fff0dc;color:#926626}.offline-package-meta{margin-top:8px;font-size:10px;color:#67818a}.offline-package-meta strong{color:#bd7c29;font-weight:600}.offline-app .package-row .button{font-size:11px;padding:9px 12px}.offline-app .package-row .button-secondary{border:0;background:transparent;font-size:10px;color:#73858e}.offline-empty-guide{display:flex;align-items:center;gap:18px;border:1px dashed #c7d9df;border-radius:14px;padding:24px;background:#eaf2f4;margin:20px 0}.offline-empty-guide>span{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:#fff;border:1px solid #d2e2e7;border-radius:13px;color:#72909a;font-size:19px;font-weight:700}.offline-empty-guide>div{flex:1}.offline-empty-guide h2{font-size:15px;margin:0 0 5px}.offline-empty-guide p{font-size:11px;color:#71838d;margin:0}.offline-app #offline-captura{scroll-margin-top:20px;border-top:4px solid #1c8a7b}.offline-app #offline-captura .form-heading h2{font-size:26px}.offline-app .offline-capture-heading .button{font-size:11px;flex-shrink:0;padding:10px 14px}.offline-app .offline-saved-label{font-size:10px;background:#e8f5ed;color:#35805a;padding:5px 9px;border-radius:6px;display:inline-block;margin-top:8px}.offline-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e7eef1;padding-top:20px}.offline-save-bar>small{font-size:10px;color:#82939a}.offline-app #offline-envios{scroll-margin-top:20px}.offline-app #offline-envios .form-heading h2{font-size:24px}.offline-queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.offline-filter-group{display:flex;border:1px solid #dce6eb;background:#f5f8fa;border-radius:8px;padding:3px;gap:3px}.offline-filter-group button{border:0;border-radius:5px;background:transparent;color:#71858e;padding:7px 12px;cursor:pointer;font:600 10px system-ui}.offline-filter-group button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #315a7014;color:#287166}.offline-app .queue-row{border-left:4px solid #d3a34d;background:#fffcf7;padding:15px 17px}.offline-app .queue-row.queue-success{background:#f8fcf9;border-left-color:#4b986c}.offline-app .queue-row.queue-error{background:#fff9f8;border-left-color:#bb675b}.offline-app .queue-row small{font-size:10px;margin-top:3px}.offline-app .queue-row .button{font-size:10px;padding:8px 11px}.offline-app .queue-message{font-size:10px}.offline-app .empty-state{font-size:11px;background:#f9fbfc;padding:23px}.offline-app .app-footer{max-width:750px;margin:auto;line-height:1.8;font-size:10px}@media(max-width:850px){.offline-app .offline-hero{grid-template-columns:1fr;gap:20px;padding:30px}.offline-network-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px}.offline-app .offline-network-card p{margin:0;flex:1;min-width:200px}.offline-local-note{display:none}.offline-step{padding:19px 11px 13px;gap:9px}.offline-step-number{width:29px;height:29px;border-radius:9px;font-size:13px}.offline-step-tag{font-size:8px}.offline-step small{font-size:9px}.offline-overview article{padding:15px 12px;gap:10px}.offline-overview b{font-size:14px}.offline-overview small{font-size:9px}.offline-save-bar{align-items:flex-start;flex-direction:column}.offline-empty-guide{flex-wrap:wrap}.offline-empty-guide .button{margin-left:61px}}@media(max-width:600px){.offline-app .app-header{gap:10px;align-items:flex-start}.offline-app .brand{gap:8px}.offline-app .brand small{font-size:9px}.offline-app .brand>span:last-child{font-size:12px}.offline-app .brand-mark{width:33px;height:33px;font-size:19px;border-radius:10px}.offline-app .offline-back{font-size:10px;max-width:110px;line-height:1.4}.offline-app .offline-hero{padding:25px}.offline-app .offline-hero h1{font-size:28px}.offline-app .offline-hero>div>p{font-size:12px}.offline-steps{gap:6px}.offline-step{align-items:flex-start;padding:13px 10px;gap:8px;flex-direction:column}.offline-step small{display:none}.offline-step-tag{display:none}.offline-step b{font-size:11px}.offline-overview{gap:6px}.offline-overview article{flex-direction:column;align-items:flex-start;padding:13px 10px;gap:8px}.offline-overview b{font-size:12px}.offline-overview small{font-size:8px;line-height:1.6}.offline-stat-icon{width:28px;height:28px;border-radius:8px;font-size:17px}.offline-section-title,.offline-subheading{align-items:flex-start;flex-direction:column;gap:7px}.offline-section-title h2{font-size:21px}.offline-download>summary{padding:15px;align-items:center}.offline-download>summary small{display:none}.offline-download-content{padding:15px 13px 0}.offline-app #offline-elegir-codigo .form-field{width:100%}.offline-app #offline-elegir-codigo .toolbar{flex-wrap:nowrap}.offline-app .package-row{padding:17px}.offline-app .package-row .toolbar{width:100%}.offline-app .package-row .button-primary{flex:1}.offline-app .offline-capture-heading{align-items:flex-start;flex-direction:column;gap:9px}.offline-app #offline-captura .form-heading h2{font-size:22px}.offline-app .offline-capture-heading .button{padding:8px 11px;font-size:10px}.offline-app #offline-envios .offline-capture-heading{flex-direction:row;align-items:center;gap:10px}.offline-app #offline-envios .form-heading h2{font-size:20px}.offline-app #offline-envios #offline-sincronizar{max-width:130px;font-size:10px;padding:9px}.offline-empty-guide{padding:18px;gap:12px}.offline-empty-guide>span{width:33px;height:33px;font-size:16px}.offline-empty-guide>div{min-width:170px}.offline-empty-guide .button{margin-left:45px;font-size:10px}.offline-queue-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.offline-filter-group{width:100%}.offline-filter-group button{flex:1}.offline-save-bar .toolbar{width:100%}.offline-save-bar #offline-guardar{width:100%;font-size:11px}.offline-app .queue-row{gap:12px}.offline-app .queue-row .button{align-self:flex-end}}
/* Vista de captura: los roles sin administración sólo trabajan con su formulario. */
.offline-app.offline-modo-simple .app-shell{max-width:880px}
.offline-app.offline-modo-simple [data-offline-admin]{display:none!important}
.offline-app.offline-modo-admin #offline-preparacion-rapida{display:none!important}
.offline-app .offline-access{display:none}
.offline-app.offline-sin-sesion .app-shell{min-height:100vh;display:grid;place-items:center}
.offline-app.offline-sin-sesion .app-shell>:not(#offline-acceso){display:none!important}
.offline-app.offline-sin-sesion .offline-access{display:flex;justify-content:center;align-items:center}
.offline-app.offline-sin-sesion #offline-ingresar{min-width:170px;padding:13px 24px}
.offline-compact-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;background:#fff;border:1px solid #dbe6e9;border-radius:12px;margin:0 0 14px}
.offline-compact-status{display:flex;align-items:center;flex-wrap:wrap;gap:11px}
.offline-compact-status>small{font-size:10px;color:#657f87}
.offline-compact-bar .toolbar{flex-shrink:0}
.offline-compact-bar .button{font-size:11px;padding:9px 13px}
.offline-app.offline-modo-simple .app-header{margin-bottom:20px}
.offline-app.offline-modo-simple #offline-estado{font-size:11px;margin:12px 0;padding:11px 14px}
.offline-quick-prepare{padding:27px 29px;border:1px solid #d9e6e8;border-radius:16px;background:#fff;margin:18px 0}
.offline-quick-prepare h1{font-size:25px;line-height:1.25;margin:10px 0}
.offline-quick-prepare p{font-size:12px;color:#6c828a;margin:0 0 22px}
.offline-quick-controls{display:flex;align-items:flex-end;gap:13px}
.offline-quick-controls .form-field{flex:1;min-width:0}
.offline-quick-controls label{font-size:11px}
.offline-quick-controls select{font-size:12px;min-height:42px}
.offline-quick-controls .button{white-space:nowrap;min-height:42px}
.offline-download-progress{padding:21px 24px;border:1px solid #bcded5;border-radius:13px;background:#f0faf6;margin:15px 0}
.offline-download-progress b{display:block;font-size:13px;color:#286557}
.offline-download-progress span{display:block;font-size:11px;color:#56786d;margin:7px 0 12px}
.offline-download-progress progress{display:block;width:100%;height:9px;border:none;border-radius:9px;overflow:hidden;accent-color:#167e70;background:#daece5}
.offline-download-progress progress::-webkit-progress-bar{background:#daece5;border-radius:9px}
.offline-download-progress progress::-webkit-progress-value{background:#167e70;border-radius:9px;transition:width .2s}
.offline-download-progress progress::-moz-progress-bar{background:#167e70;border-radius:9px}
.offline-download-progress>small{display:block;font-size:10px;color:#708b7d;margin-top:11px}
.offline-app.offline-modo-simple #offline-captura{margin-top:16px;padding:26px}
.offline-app.offline-modo-simple #offline-captura .form-heading h2{font-size:25px}
.offline-app.offline-modo-simple .offline-saved-label{display:none}
.offline-app.offline-modo-simple .offline-save-bar>small{font-size:10px}
@media(max-width:600px){
    .offline-compact-bar{align-items:flex-start;gap:12px;padding:12px;flex-direction:column}
    .offline-compact-status{width:100%;align-items:flex-start;flex-direction:column;gap:7px}
    .offline-compact-bar .toolbar{align-self:flex-end}
    .offline-compact-bar .button{font-size:10px;padding:8px 11px}
    .offline-quick-prepare{padding:22px 20px}
    .offline-quick-prepare h1{font-size:23px}
    .offline-quick-controls{align-items:stretch;flex-direction:column;gap:12px}
    .offline-quick-controls .form-field,.offline-quick-controls .button{width:100%}
    .offline-download-progress{padding:18px}
    .offline-app.offline-modo-simple #offline-captura{padding:21px}
}