:root{--color-primary:#1a56db;--color-primary-dark:#1240a8;--color-text:#1f2937;--color-muted:#6b7280;--color-bg:#f3f4f6;--color-card:#fff;--color-border:#e5e7eb;--color-error:#b91c1c;--color-error-bg:#fef2f2;--color-ok:#166534;--color-ok-bg:#f0fdf4;--color-warn-bg:#fef3c7;--color-warn-text:#92400e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.header{background:var(--color-primary);color:#fff;padding:.75rem 1rem}.header-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.header-stats{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.header-stat{flex-direction:column;gap:.2rem;display:flex}.header-stat-right{text-align:right;align-items:flex-end}.header-stat-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3;font-size:.6875rem}.header-stat-value{font-size:1rem;font-weight:700}.header-stat-weight{align-items:center;gap:.3rem;display:inline-flex}.header-stat-weight svg{opacity:.85;width:.875rem;height:.875rem}.header-stat-date{color:#ffffffb3;margin-top:.2rem;font-size:.75rem;font-weight:500;display:block}.brand{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:700;overflow:hidden}.brand-mark{align-items:center;min-width:0;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:.375rem;width:auto;max-width:12rem;height:auto;max-height:2rem;padding:.15rem .35rem;display:block}.badge-sandbox{background:var(--color-warn-bg);color:var(--color-warn-text);letter-spacing:.05em;border-radius:.375rem;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.lang-toggle{border:1px solid #ffffff80;border-radius:.375rem;flex-shrink:0;display:inline-flex;overflow:hidden}.lang-btn{color:inherit;font:inherit;letter-spacing:.05em;cursor:pointer;opacity:.7;background:0 0;border:0;padding:.2rem .45rem;font-size:.7rem;font-weight:700}.lang-btn-active{opacity:1;background:#ffffff40}.container>.lang-toggle{border-color:var(--color-border);color:var(--color-muted);background:var(--color-card);align-self:flex-end}.container>.lang-toggle .lang-btn-active{background:var(--color-border);color:var(--color-text)}.sandbox-note{background:var(--color-warn-bg);color:var(--color-warn-text);text-align:center;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.container{flex-direction:column;gap:1rem;max-width:30rem;margin:0 auto;padding:1rem;display:flex}.center-screen{justify-content:center;align-items:center;min-height:70vh}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.section-title{margin:0;font-size:1.125rem;font-weight:700}.section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.75rem;font-weight:700}.muted{color:var(--color-muted);margin:0;font-size:.9375rem}.note{font-size:.8125rem}.foot-note{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);margin:0;padding-top:.875rem;font-family:ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.6875rem;line-height:1.6}.toast{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--color-text);color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:30;opacity:0;pointer-events:none;border-radius:999px;max-width:calc(100vw - 2rem);margin:0;padding:.625rem 1rem;font-size:.75rem;font-weight:600;animation:.25s forwards toast-in;position:fixed;overflow:hidden;transform:translate(-50%,.5rem)}@keyframes toast-in{to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{opacity:1;animation:none;transform:translate(-50%)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{text-align:center;cursor:pointer;border:0;border-radius:.5rem;width:100%;min-height:2.75rem;padding:.875rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:block}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-card);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-tertiary{color:var(--color-muted);border:1px dashed var(--color-border);background:0 0;font-weight:500}.btn:disabled{opacity:.45;cursor:not-allowed}.toolbar{gap:.5rem;display:flex}.tool-btn{border:1px solid var(--color-border);background:var(--color-card);min-height:2.75rem;color:var(--color-text);font:inherit;text-align:center;cursor:pointer;border-radius:.625rem;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:.625rem .25rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tool-btn svg{width:1.125rem;height:1.125rem}.tool-btn-confirm{color:var(--color-ok)}.tool-btn-doc{color:var(--color-primary)}.tool-btn-incident{color:var(--color-warn-text)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.select-input{border:1px solid var(--color-border);background:var(--color-card);width:100%;min-height:2.75rem;color:var(--color-text);border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:1rem}.select-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.plate-card{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border:0;padding:0;overflow:hidden}.plate-card-done{background:var(--color-card);border:1px solid var(--color-border)}.plate-summary{color:#fff;width:100%;min-height:2.75rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.625rem;padding:1rem;display:flex}.plate-card-done .plate-summary{color:var(--color-text);cursor:default}.plate-icon{background:#ffffff2e;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.plate-card-done .plate-icon{background:var(--color-ok-bg);color:var(--color-ok)}.plate-icon svg{width:1rem;height:1rem}.plate-text{flex:1;font-weight:700}.plate-chevron{opacity:.85;flex-shrink:0;font-size:.75rem}.plate-edit{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-primary);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:600;display:flex}.plate-edit svg{width:.75rem;height:.75rem}.plate-fields{flex-wrap:wrap;gap:.625rem;padding:0 1rem 1rem;display:flex}.plate-field{flex-direction:column;flex:1;gap:.25rem;min-width:7rem;display:flex}.plate-field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem}.plate-chip{border:1.5px solid var(--color-text);background:#fff;border-radius:.4375rem;align-items:stretch;display:flex;overflow:hidden}.plate-chip-band{background:var(--color-primary);flex-shrink:0;width:.625rem}.plate-chip-num{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;padding:.375rem .5rem;font-weight:800;overflow:hidden}.plate-chip-empty{border-style:dashed;border-color:var(--color-border)}.plate-chip-empty .plate-chip-band{background:var(--color-border)}.plate-chip-empty .plate-chip-num{color:var(--color-muted);font-style:italic;font-weight:500}.plate-form{flex-direction:column;gap:.625rem;padding:0 1rem 1rem;display:flex}.plate-card:not(.plate-card-done) .plate-form .field-label,.plate-card:not(.plate-card-done) .plate-form .text-input::placeholder{color:#ffffffd9}.plate-card:not(.plate-card-done) .plate-form .text-input{color:#fff;background:#ffffff24;border-color:#0000}.plate-save{width:100%;min-height:2.75rem;color:var(--color-primary-dark);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:.5rem;padding:.75rem 1rem;font-weight:700}.plate-save:disabled{opacity:.6;cursor:not-allowed}.parties{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.625rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.party-row{align-items:center;gap:.625rem;display:flex}.party-icon{width:2rem;height:2rem;color:var(--color-primary);background:#e7edfc;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.party-icon svg{width:1rem;height:1rem}.party-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.party-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem}.party-value{overflow-wrap:anywhere;font-weight:700}.meta{flex-direction:column;gap:.375rem;margin:0;display:flex}.meta-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.meta-row dt{color:var(--color-muted);flex-shrink:0;font-size:.875rem}.meta-row dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.status-chip{border-radius:999px;padding:.125rem .625rem;font-size:.875rem;font-weight:700;display:inline-block}.status-active{background:var(--color-ok-bg);color:var(--color-ok)}.status-completed{background:var(--color-border);color:var(--color-text)}.route-line{align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.route-point{flex:1;min-width:0}.route-point-dest{text-align:right}.route-city{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.route-cc{letter-spacing:.03em;color:var(--color-muted);margin-top:.125rem;font-size:.75rem}.route-track{color:var(--color-primary);flex:none;align-items:center;display:flex}.route-track svg{width:1rem;height:1rem}.more-route{border-top:1px dashed var(--color-border);padding-top:.5rem}.more-route-toggle{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600}.route-legs{flex-direction:column;gap:.375rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.route-leg{align-items:baseline;gap:.5rem;font-size:.875rem;display:flex}.route-leg-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;align-self:center;width:.4375rem;height:.4375rem}.route-leg.done .route-leg-dot{background:var(--color-ok)}.route-leg-cities{overflow-wrap:anywhere;flex:1}.route-leg-status{color:var(--color-muted);flex-shrink:0;font-size:.75rem}.qr-block{flex-direction:column;align-items:center;padding-top:.5rem;padding-bottom:.25rem;display:flex}.qr-tap{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:1.25rem;min-height:2.75rem;margin:0 auto;padding:.875rem;transition:transform .15s;display:block}.qr-tap:active{transform:scale(.97)}.qr-preview{width:12rem;height:12rem;display:block}.qr-placeholder{background:var(--color-border);border-radius:.5rem;width:12rem;height:12rem;margin:0 auto}.qr-hint{text-align:center;color:var(--color-muted);justify-content:center;align-items:center;gap:.3rem;margin:.5rem 0 0;font-size:.75rem;display:flex}.qr-hint svg{flex-shrink:0;width:.75rem;height:.75rem}.qr-overlay{z-index:10;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;animation:.28s cubic-bezier(.2,.8,.2,1) qr-overlay-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.qr-overlay-img{width:min(90vw,80vh);max-width:30rem;height:auto;image-rendering:pixelated;transform-origin:50%;animation:.32s cubic-bezier(.2,.8,.2,1) qr-grow}@keyframes qr-overlay-in{0%{opacity:0}}@keyframes qr-grow{0%{opacity:.4;transform:scale(.55)}}@media (prefers-reduced-motion:reduce){.qr-overlay,.qr-overlay-img{animation:none}}.qr-overlay-hint{text-align:center;margin:0;font-size:1rem;font-weight:600}.qr-overlay-close{color:var(--color-muted);text-align:center;margin:0;font-size:.875rem}.incident-form{flex-direction:column;gap:.625rem;display:flex}.field-label{font-size:.9375rem;font-weight:600}.required-mark{color:var(--color-muted);font-size:.8125rem;font-weight:400}.textarea{border:1px solid var(--color-border);resize:vertical;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.file-input{border:1px dashed var(--color-border);background:var(--color-bg);border-radius:.5rem;width:100%;min-height:2.75rem;padding:.5rem;font-size:.9375rem}.text-input{border:1px solid var(--color-border);background:var(--color-card);border-radius:.5rem;width:100%;min-height:2.75rem;padding:.75rem;font-family:inherit;font-size:1rem}.text-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.fill-field{flex-direction:column;gap:.375rem;display:flex}.alert{border-radius:.5rem;margin:0;padding:.625rem .75rem;font-size:.9375rem;font-weight:600}.alert-ok{background:var(--color-ok-bg);color:var(--color-ok)}.alert-error{background:var(--color-error-bg);color:var(--color-error)}.alert-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.alert-empty{display:none}.sig-pad{flex-direction:column;gap:.5rem;display:flex}.sig-canvas{border:1px dashed var(--color-primary);background:var(--color-card);touch-action:none;cursor:crosshair;border-radius:.5rem;width:100%;height:10rem}.sig-actions{gap:.5rem;display:flex}.sig-actions .btn{flex:1;width:auto}.cta-box{border:1px dashed var(--color-primary);background:var(--color-ok-bg);border-radius:.5rem;margin-top:.5rem;padding:.75rem}.cta-title{color:var(--color-primary-dark);margin:0 0 .25rem;font-weight:700}.modal-backdrop{z-index:20;background:#11182799;justify-content:center;align-items:flex-end;animation:.2s modal-backdrop-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{background:var(--color-card);width:100%;max-width:30rem;padding:1.5rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));border-radius:1.25rem 1.25rem 0 0;flex-direction:column;gap:.75rem;animation:.28s cubic-bezier(.2,.8,.2,1) modal-sheet-in;display:flex}.modal-card:before{content:"";background:var(--color-border);border-radius:999px;width:2.25rem;height:.25rem;margin:-.5rem auto .25rem;display:block}.modal-card p{margin:0}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}.incident-screen{z-index:25;background:var(--color-bg);padding-top:env(safe-area-inset-top,0px);flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) incident-screen-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.incident-topbar{align-items:center;gap:.625rem;padding:1rem;display:flex}.incident-topbar h2{margin:0;font-size:1.0625rem;font-weight:700}.incident-back{border:1px solid var(--color-border);background:var(--color-card);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.incident-back svg{width:1.125rem;height:1.125rem}.incident-screen .incident-form{padding:0 1rem 1.5rem}@keyframes incident-screen-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.incident-screen{animation:none}}.error-card{border-color:var(--color-error)}.error-title{color:var(--color-error);margin:0;font-size:1.25rem}.footer{text-align:center;padding:1rem}.footer p{color:var(--color-muted);margin:0;font-size:.75rem}@media (min-width:40rem){.container{padding:1.5rem}}