*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#16a34a;--red-dark:#15803d;--red-light:#22c55e;--red-soft:#f0fdf4;--danger:#dc2626;--danger-dark:#991b1b;--danger-soft:#fef2f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--white:#ffffff;--shadow-sm:0 1px 3px rgba(0,0,0,.10);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.16);--radius:12px;--radius-sm:8px;--transition:180ms ease;--bg:#f3f4f6;--bg-card:#ffffff;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--border-sub:#f3f4f6;--input-bg:#ffffff}[data-theme=dark]{--bg:#0f1117;--bg-card:#1a1f2e;--text:#f1f5f9;--text-muted:#64748b;--border:#2d3748;--border-sub:#1e2535;--input-bg:#0f1117;--red-soft:rgba(22,163,74,.15)}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .card{background:var(--bg-card)}[data-theme=dark] .card__header{border-bottom-color:var(--border)}[data-theme=dark] .card__title{color:var(--text)}[data-theme=dark] .card__subtitle{color:var(--text-muted)}[data-theme=dark] .card__icon-wrap{background:rgba(22,163,74,.18)}[data-theme=dark] .checklist-item{background:#1e2535}[data-theme=dark] .checklist-item:hover{background:#252d40}[data-theme=dark] .checklist-item.checked{background:rgba(22,163,74,.18);border-color:var(--red)}[data-theme=dark] .checklist-item__label{color:var(--text)}[data-theme=dark] .input,[data-theme=dark] .textarea{background:var(--input-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .input::placeholder,[data-theme=dark] .textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .input:focus,[data-theme=dark] .textarea:focus{border-color:var(--red)}[data-theme=dark] .form-label{color:#94a3b8}[data-theme=dark] .btn-ghost{background:#1e2535;color:#e2e8f0}[data-theme=dark] .btn-ghost:hover{background:#252d40}[data-theme=dark] .btn-outline{background:var(--bg-card);color:var(--red);border-color:var(--red)}[data-theme=dark] .btn-outline:hover{background:rgba(22,163,74,.15)}[data-theme=dark] .alert-success{background:#063a28;color:#6ee7b7}[data-theme=dark] .alert-error{background:rgba(220,38,38,.18);color:#fca5a5}[data-theme=dark] .alert-info{background:#0c2a4a;color:#93c5fd}[data-theme=dark] .divider{color:var(--text-muted)}[data-theme=dark] .divider:after,[data-theme=dark] .divider:before{background:var(--border)}[data-theme=dark] .inspecao-tag-banner{background:rgba(22,163,74,.15);border-left-color:var(--red)}[data-theme=dark] .scanner-placeholder{color:var(--text-muted)}[data-theme=dark] .spinner-dark{border-color:var(--border);border-top-color:var(--red)}[data-theme=dark] .hist-entry{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .hist-header{color:var(--text)}[data-theme=dark] .hist-header:hover{background:#1e2535}[data-theme=dark] .hist-body{border-top-color:var(--border)}[data-theme=dark] .hist-row{color:var(--text)}[data-theme=dark] .hist-row span{color:var(--text-muted)}[data-theme=dark] .hist-obs{background:#1e2535;color:#94a3b8}[data-theme=dark] .hist-itens-toggle{color:var(--red)}[data-theme=dark] .hist-item{background:#1e2535;color:var(--text)}[data-theme=dark] .qty-btn{background:var(--bg-card);border-color:var(--border);color:var(--text)}[data-theme=dark] .qty-btn:hover{background:#1e2535;border-color:var(--red)}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;transition:background var(--transition),color var(--transition)}.page{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:480px;margin-inline:auto;padding-inline:1rem}.header{background:var(--red);color:var(--white);padding:1.25rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header__icon{width:2.25rem;height:2.25rem;flex-shrink:0}.header__title{font-size:1.125rem;font-weight:700;line-height:1.2}.header__subtitle{font-size:.75rem;opacity:.85}.header__back{background:none;border:none;color:var(--white);cursor:pointer;padding:.375rem;display:flex;align-items:center;border-radius:50%;transition:background var(--transition)}.header__back:hover{background:rgba(255,255,255,.15)}.header__spacer{flex:1 1}.theme-toggle{background:none;border:none;color:var(--white);cursor:pointer;padding:.375rem;display:flex;align-items:center;border-radius:50%;transition:background var(--transition);flex-shrink:0}.theme-toggle:hover{background:rgba(255,255,255,.15)}.theme-toggle svg{width:1.25rem;height:1.25rem}.hero{background:linear-gradient(160deg,var(--red) 0,var(--red-dark) 100%);color:var(--white);text-align:center;padding:2.5rem 1.5rem 3rem}.hero__badge{display:inline-flex;align-items:center;gap:.375rem;background:rgba(255,255,255,.15);border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:1rem}.hero__icon-wrap{width:5rem;height:5rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.hero__title{font-size:1.625rem;font-weight:800;margin-bottom:.5rem}.hero__desc{font-size:.9rem;opacity:.85;line-height:1.6;max-width:320px;margin:0 auto}.actions{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1rem;margin-top:-1.5rem}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.card__header{gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-sub)}.card__header,.card__icon-wrap{display:flex;align-items:center}.card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--red-soft);justify-content:center;flex-shrink:0;color:var(--red)}.card__icon-wrap svg{width:1.25rem;height:1.25rem}.card__title{font-size:.9375rem;font-weight:600;color:var(--text)}.card__subtitle{font-size:.8rem;color:var(--text-muted);margin-top:.125rem}.card__body{padding:1.25rem}.hidrant-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.hidrant-tag{font-size:1.25rem;font-weight:800;letter-spacing:.04em;color:var(--red)}.hidrant-info-row,.hidrant-tag{display:flex;align-items:center;gap:.5rem}.hidrant-info-row{font-size:.9rem;color:var(--text)}.hidrant-info-row span{color:var(--text-muted);font-size:.8rem}.hidrant-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-top:.25rem}.scanner-viewport{width:100%;border-radius:var(--radius-sm);overflow:hidden;background:var(--gray-800);position:relative}#qr-reader{width:100%!important;border:none!important}#qr-reader video,#qr-reader__scan_region{border-radius:var(--radius-sm)}#qr-reader__dashboard_section_csr button{border-color:var(--red)!important;font-weight:600!important}#qr-reader__camera_permission_button,#qr-reader__dashboard_section_csr button{background:var(--red)!important;border-radius:var(--radius-sm)!important}.scanner-placeholder{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-size:.875rem;text-align:center}.scanner-placeholder svg{width:3rem;height:3rem;opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);width:100%;text-decoration:none;line-height:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);color:var(--white);box-shadow:0 2px 8px rgba(22,163,74,.35)}.btn-primary:hover{background:var(--red-dark);box-shadow:0 4px 12px rgba(22,163,74,.45)}.btn-success{background:#059669;color:var(--white);box-shadow:0 2px 8px rgba(5,150,105,.3)}.btn-success:hover{background:#047857}.btn-neutral{background:#334155;color:#e2e8f0}.btn-neutral:hover{background:#475569}.btn-outline{background:var(--bg-card);color:var(--red);border:2px solid var(--red)}.btn-outline:hover{background:var(--red-soft)}.btn-ghost{background:var(--gray-100);color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-200)}.btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-weight:500;color:var(--text);background:var(--input-bg);outline:none;transition:border-color var(--transition),box-shadow var(--transition);letter-spacing:.05em}.input::placeholder{color:var(--text-muted);font-weight:400;letter-spacing:0}.input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(22,163,74,.15)}.input-row{display:flex;gap:.625rem;align-items:stretch}.input-row .input{flex:1 1}.input-row .btn{width:auto;flex-shrink:0;padding-inline:1rem}.divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.8125rem;font-weight:500;margin-block:.5rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.alert{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.5}.alert svg{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:.0625rem}.alert-success{background:#ecfdf5;color:#065f46}.alert-error{background:var(--danger-soft);color:var(--danger-dark)}.alert-info{background:#eff6ff;color:#1e40af}.spinner{width:1.25rem;height:1.25rem;border:2.5px solid rgba(255,255,255,.35);border-top:2.5px solid var(--white);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.spinner-dark{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}.inspecao-tag-banner{background:var(--red-soft);border-left:4px solid var(--red);padding:.75rem 1rem;display:flex;align-items:center;gap:.625rem;font-size:.875rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.inspecao-tag-banner strong{font-size:1rem;letter-spacing:.04em}.checklist{display:flex;flex-direction:column;gap:.5rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--gray-50);border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition),background var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checklist-item:hover{background:var(--gray-100)}.checklist-item.checked{border-color:var(--red);background:var(--red-soft)}.checklist-item__check{width:1.375rem;height:1.375rem;border:2px solid var(--gray-200);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),background var(--transition)}.checklist-item.checked .checklist-item__check{border-color:var(--red);background:var(--red)}.checklist-item.checked .checklist-item__check svg{display:block}.checklist-item__check svg{display:none;width:.875rem;height:.875rem;color:var(--white)}.checklist-item__label{font-size:.9rem;font-weight:500;color:var(--gray-800);flex:1 1}.textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;color:var(--text);background:var(--input-bg);outline:none;resize:vertical;min-height:5rem;transition:border-color var(--transition),box-shadow var(--transition)}.textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(22,163,74,.15)}.textarea::placeholder{color:var(--text-muted)}.form-label{font-size:.8125rem;font-weight:600;color:var(--gray-600);margin-bottom:.375rem;display:block}.qty-ctrl{gap:.25rem}.qty-btn,.qty-ctrl{display:flex;align-items:center;flex-shrink:0}.qty-btn{width:2.25rem;height:2.25rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:1.25rem;font-weight:700;line-height:1;padding:0;cursor:pointer;justify-content:center;transition:border-color var(--transition),background var(--transition)}.qty-btn:hover:not(:disabled){border-color:var(--red);background:var(--red-soft);color:var(--red)}.qty-btn:active{transform:scale(.92)}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-val{min-width:2.5rem;text-align:center;font-size:1rem;font-weight:700;color:var(--text-muted);transition:color var(--transition)}.qty-val.active{color:var(--red)}.hist-list{display:flex;flex-direction:column;gap:.75rem}.hist-entry{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.hist-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;transition:background var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text)}.hist-header:hover{background:var(--border-sub)}.hist-header-left{display:flex;flex-direction:column;gap:.1rem}.hist-usuario{font-weight:700;font-size:.9375rem}.hist-data{font-size:.75rem;color:var(--text-muted)}.hist-chevron{transition:transform var(--transition);color:var(--text-muted)}.hist-chevron.open{transform:rotate(180deg)}.hist-body{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.625rem}.hist-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text)}.hist-row span{color:var(--text-muted);min-width:7rem}.hist-obs{background:var(--gray-50);border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:.85rem;color:var(--gray-600);line-height:1.5}.hist-itens-toggle{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:var(--red);cursor:pointer;padding:.25rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;border:none}.hist-itens-toggle svg{transition:transform var(--transition)}.hist-itens-toggle.open svg{transform:rotate(180deg)}.hist-itens{display:flex;flex-direction:column;gap:.375rem;margin-top:.25rem}.hist-item{display:flex;align-items:center;justify-content:space-between;background:var(--gray-50);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8125rem}.hist-item-nome{color:var(--text);font-weight:500}.hist-item-qtd{color:var(--text-muted);font-size:.75rem}@media (min-width:600px){.hero{padding-block:3.5rem}.hero__title{font-size:2rem}.actions{padding-inline:1.5rem}}@media (max-width:360px){.hero__title{font-size:1.375rem}.hero__icon-wrap{width:4rem;height:4rem}}