/* FireGuardian Pro — app UI */ .login-footer{text-align:center;padding:14px 28px 22px;color:rgba(255,255,255,0.35);font-size:0.76rem;border-top:1px solid rgba(255,255,255,0.07);} .info-box{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:10px;font-size:0.86rem;margin-bottom:16px;} .info-box i{flex-shrink:0;margin-top:1px;} .fotos-upload-area{border:2px dashed var(--border);border-radius:12px;padding:18px 16px;text-align:center;margin-bottom:12px;transition:all 0.25s;cursor:pointer;background:#fafafa;} .fotos-upload-area:hover{border-color:var(--primary);background:#fff5f5;} .fotos-upload-area i{font-size:2.2rem;color:var(--text-sub);} .fotos-upload-area p{margin:8px 0 4px;font-size:0.88rem;color:var(--text-main);} .fotos-upload-area small{font-size:0.74rem;color:var(--text-sub);line-height:1.5;display:block;} .fotos-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:8px;} .foto-thumb{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1;background:#f0f0f0;border:1px solid var(--border);} .foto-thumb img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;} .foto-thumb .btn-remove-foto{position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.7);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.7rem;transition:all 0.2s;} .foto-thumb .btn-remove-foto:hover{background:var(--danger);transform:scale(1.1);} .foto-thumb .btn-download-foto{position:absolute;top:4px;left:4px;background:rgba(0,0,0,0.7);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.68rem;transition:all 0.2s;} .foto-thumb .btn-download-foto:hover{background:#2e7d32;transform:scale(1.1);} /* Convidado: só visualização — sem download de imagens */ body[data-role="convidado"] .btn-download-foto, body[data-role="convidado"] .foto-thumb-download, body[data-role="convidado"] #lightbox-download { display: none !important; } .foto-thumb .foto-index{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,0.6);color:#fff;padding:2px 7px;border-radius:10px;font-size:0.65rem;pointer-events:none;} .empty-state{text-align:center;padding:55px 20px;color:var(--text-sub);} .empty-state i{font-size:3.5rem;margin-bottom:13px;color:#ddd;display:block;} .empty-state p{font-size:1rem;margin:8px 0;} .d-none{display:none!important;} #lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,1);display:none;align-items:center;justify-content:center;z-index:99999;flex-direction:column;padding:0;overscroll-behavior:contain;} #lightbox-overlay.active{display:flex;animation:fadeInLightbox 0.25s ease;} @keyframes fadeInLightbox{from{opacity:0;}to{opacity:1;}} #lightbox-img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;touch-action:none;cursor:default;} #lightbox-img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-select:none;pointer-events:none;box-shadow:0 0 40px rgba(0,0,0,0.6);} #lightbox-close{position:fixed;top:calc(env(safe-area-inset-top,20px) + 16px);right:20px;background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.25);color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100002;transition:all 0.2s;backdrop-filter:blur(6px);} #lightbox-close:hover{background:var(--danger);transform:scale(1.1);} #lightbox-download{position:fixed;top:calc(env(safe-area-inset-top,20px) + 16px);right:76px;background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.25);color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100002;transition:all 0.2s;backdrop-filter:blur(6px);} #lightbox-download:hover{background:#2e7d32;transform:scale(1.1);} #lightbox-download:active{transform:scale(0.94);} #lightbox-counter{position:fixed;bottom:calc(env(safe-area-inset-bottom,20px) + 4px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.55);color:#fff;font-size:0.88rem;padding:6px 18px;border-radius:20px;font-weight:600;backdrop-filter:blur(6px);z-index:100001;pointer-events:none;} #lightbox-prev,#lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.35);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100001;transition:all 0.2s;backdrop-filter:blur(6px);} #lightbox-prev{left:15px;} #lightbox-next{right:15px;} #lightbox-prev:hover,#lightbox-next:hover{background:rgba(255,255,255,0.22);scale:1.1;} #lightbox-zoom-indicator{position:fixed;top:calc(env(safe-area-inset-top,20px) + 70px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.6);color:#fff;padding:5px 16px;border-radius:20px;font-size:0.95rem;font-weight:700;z-index:100001;opacity:0;transition:opacity 0.25s;pointer-events:none;backdrop-filter:blur(6px);font-family:'Rajdhani',sans-serif;letter-spacing:0.5px;} #lightbox-hint{position:fixed;bottom:calc(env(safe-area-inset-bottom,20px) + 48px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.65);color:rgba(255,255,255,0.95);padding:9px 20px;border-radius:20px;font-size:0.8rem;z-index:100001;opacity:0;transition:opacity 0.4s;pointer-events:none;white-space:nowrap;backdrop-filter:blur(6px);} .foto-modal-thumb{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1;background:#f0f0f0;border:2px solid var(--border);cursor:pointer;transition:all 0.2s;} .foto-modal-thumb:hover{border-color:var(--primary);transform:scale(1.04);} .foto-modal-thumb img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;} .foto-thumb-download{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,0.65);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.68rem;transition:all 0.2s;z-index:2;} .foto-thumb-download:hover{background:#2e7d32;transform:scale(1.12);} #modal-confirm .modal-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));} #modal-confirm .modal-header h3{color:#fff;} .confirm-icon{font-size:3.6rem;color:var(--primary);margin-bottom:13px;animation:pulseConfirm 1.8s infinite;} @keyframes pulseConfirm{0%,100%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.1);opacity:1;}} @media(max-width:480px){.modal-content{width:96%;}.nav-btn{min-width:62px;padding:8px 10px;font-size:0.72rem;}.sub-tab{font-size:0.82rem;padding:10px 8px;}} /* ===== LISTA EQUIPAMENTOS — layout profissional ===== */ .lista-filtros-panel{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 16px 12px;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,0.04);} .lista-filtros-panel .lf-label{font-size:0.72rem;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:0.45px;margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px dashed var(--border);} .lista-filtros-panel .lf-label.insp{color:#e65100;border-bottom-color:#ffe0b2;} .lf-label-sub{font-size:0.66rem;font-weight:500;text-transform:none;color:#9aa7b0;letter-spacing:0;} .chip-count{background:rgba(0,0,0,0.08);color:inherit;font-size:0.68rem;font-weight:800;padding:1px 7px;border-radius:20px;margin-left:2px;min-width:18px;text-align:center;display:inline-block;line-height:1.5;} .filter-chip.active .chip-count{background:rgba(255,255,255,0.28);} .filter-chip[data-filter="manual-aprovado"] .chip-count{background:#2e7d32;color:#fff;} .filter-chip[data-filter="manual-reprovado"] .chip-count{background:#c62828;color:#fff;} .filter-chip[data-filter="manual-ressalvas"] .chip-count{background:#e65100;color:#fff;} .filter-chip[data-filter="manual-aprovado"].active .chip-count,.filter-chip[data-filter="manual-reprovado"].active .chip-count,.filter-chip[data-filter="manual-ressalvas"].active .chip-count{background:rgba(255,255,255,0.3);} .lista-contador-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;background:linear-gradient(135deg,#f8fafc,#edf0f3);border-radius:12px;border:1px solid var(--border);margin-bottom:14px;} .lista-contador-bar strong{font-size:0.9rem;color:var(--text-main);} .lista-contador-bar span{font-size:0.76rem;color:var(--text-sub);} #lista .filter-chip{border-radius:20px;padding:7px 12px;font-size:0.78rem;} #lista .form-type-selector{margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,0.04);} /* ===== FIX LAYOUT WEBVIEW ANDROID — centralização ===== */ @media screen { html, body { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: hidden !important; } .container, .card, .main-nav-wrap, .app-header, .tab-content { box-sizing: border-box !important; max-width: 100% !important; } .container { width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; position: relative !important; left: 0 !important; right: 0 !important; transform: none !important; } .tab-content, .tab-content.active { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; transform: none !important; } /* Cadastro: impede empurrão para a direita */ #cadastro, #cadastro .card, #cadastro .cadastro-split { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; } .app-header h1, .app-header p, .app-version { text-align: center; } .main-nav { justify-content: flex-start; -webkit-overflow-scrolling: touch; } } /* Safe area (notch / barras do sistema no Android) — só no chrome, sem somar no container */ @supports (padding: env(safe-area-inset-left)) { .app-header { padding-left: calc(20px + env(safe-area-inset-left, 0px)); padding-right: calc(20px + env(safe-area-inset-right, 0px)); } .main-nav-wrap { padding-left: calc(12px + env(safe-area-inset-left, 0px)); padding-right: calc(12px + env(safe-area-inset-right, 0px)); } .container { padding-left: 14px; padding-right: 14px; } } /* Performance — listas longas */ /* content-visibility desativado em listas de área — causava piscar ao expandir */ .mini-item-card{content-visibility:auto;contain-intrinsic-size:0 48px;} #lista .item-list .item-card{content-visibility:auto;contain-intrinsic-size:0 88px;} .stat-card,.btn-save,.nav-btn{touch-action:manipulation;} img{content-visibility:auto;} /* ===== FireGuardian Pro v2.5 — inspeções, áreas e WebView ===== */ .notif-permission-btn{border:1px solid #bbdefb;background:#e3f2fd;color:#0d47a1;border-radius:8px;padding:8px 10px;font-weight:700;font-size:.74rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;} .notif-permission-btn:hover{background:#bbdefb;} .area-header.open{border-bottom-left-radius:0;border-bottom-right-radius:0;} /* area-content-wrapper.open — controlled only by grid-template-rows */ .area-section{border:1px solid #dce4ec;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);box-shadow:0 6px 18px rgba(25,42,70,.08);overflow:hidden;margin:0 0 16px;} .area-header{padding:16px 18px;background:linear-gradient(135deg,#ffffff 0%,#f3f7fb 100%);border-bottom:1px solid #e2e8f0;} .area-header strong{font-family:'Rajdhani',sans-serif;font-size:1.05rem;letter-spacing:.3px;color:#263238;} .area-header .badge{font-size:.68rem;padding:4px 8px;border-radius:8px;} .area-content{padding:14px 16px 16px;background:rgba(248,250,252,.72);} .area-content .item-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;} .area-content .item-card{margin:0;min-height:118px;align-items:flex-start;} .area-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed #cbd5e1;} .area-action-btn{border:0;border-radius:10px;padding:10px 12px;font-weight:700;font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .2s,filter .2s;} .area-action-btn:hover{transform:translateY(-1px);filter:brightness(.97);} .area-action-btn.diaria{background:#e8eaf6;color:#283593;} .area-action-btn.mensal{background:#e0f7fa;color:#006064;} .area-action-btn.recarga{background:#e8f5e9;color:#1b5e20;} .area-action-btn.semestral{background:#e3f2fd;color:#0d47a1;} .area-action-btn.excluir{background:#ffebee;color:#b71c1c;margin-left:auto;} .inspecoes-hero{background:linear-gradient(135deg,#263238 0%,#455a64 52%,#0d47a1 100%);color:#fff;border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 10px 28px rgba(38,50,56,.22);position:relative;overflow:hidden;} .inspecoes-hero:after{content:'';position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);} .inspecoes-hero h3{font-family:'Rajdhani',sans-serif;font-size:1.55rem;margin:0 0 6px;position:relative;z-index:1;} .inspecoes-hero p{font-size:.82rem;line-height:1.55;color:#e3f2fd;max-width:720px;position:relative;z-index:1;} .inspecoes-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;position:relative;z-index:1;} .insp-summary-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:11px;text-align:center;} .insp-summary-pill strong{display:block;font-size:1.35rem;font-family:'Rajdhani',sans-serif;} .insp-summary-pill span{font-size:.7rem;color:#e3f2fd;} .inspecao-andar-card{background:#fff;border:1px solid #dce4ec;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 5px 16px rgba(30,41,59,.07);} .inspecao-andar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #edf2f7;padding-bottom:12px;margin-bottom:12px;} .inspecao-andar-title{display:flex;align-items:center;gap:10px;} .inspecao-andar-title .floor-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;font-size:1.2rem;} .inspecao-andar-title h4{margin:0;color:#263238;font-size:1rem;} .inspecao-andar-title p{margin:3px 0 0;color:#607d8b;font-size:.76rem;} .inspecao-metricas{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px;} .inspecao-metrica{border-radius:9px;padding:7px 9px;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;} .inspecao-metrica.pendente{background:#fff8e1;color:#e65100;} .inspecao-metrica.ok{background:#e8f5e9;color:#2e7d32;} .inspecao-metrica.neutro{background:#f1f5f9;color:#546e7a;} .inspecao-andar-actions{display:flex;flex-wrap:wrap;gap:8px;} .inspecao-andar-actions button{flex:1;min-width:145px;border:0;border-radius:10px;padding:11px 10px;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 3px 8px rgba(0,0,0,.10);} .btn-insp-diaria{background:linear-gradient(135deg,#3949ab,#1a237e);} .btn-insp-mensal{background:linear-gradient(135deg,#00838f,#006064);} .inspecao-preview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;margin-top:12px;} .inspecao-preview-item{display:flex;align-items:center;gap:8px;border:1px solid #edf2f7;border-radius:10px;padding:8px 10px;background:#fafcff;min-width:0;} .inspecao-preview-item strong{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .inspecao-preview-item span{display:block;color:#78909c;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .inspecao-status-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#b0bec5;} .inspecao-status-dot.conforme{background:#43a047;}.inspecao-status-dot.nao-conforme{background:#e53935;}.inspecao-status-dot.nao-verificado{background:#90a4ae;} .modal-inspecao-area{max-width:860px;width:96%;} .inspecao-modal-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;} .inspecao-modal-toolbar strong{color:#263238;}.inspecao-modal-toolbar span{font-size:.75rem;color:#607d8b;} .inspecao-area-list{padding:14px 16px;max-height:58vh;overflow:auto;background:#fff;} .inspecao-item-row{border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:10px;background:#fbfdff;} .inspecao-item-row:last-child{margin-bottom:0;} .inspecao-item-ident{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;} .inspecao-item-ident strong{font-size:.84rem;color:#263238;}.inspecao-item-ident span{font-size:.7rem;color:#607d8b;text-align:right;} .inspecao-status-group{display:flex;flex-wrap:wrap;gap:6px;} .inspecao-status-btn{border:1px solid #cfd8dc;background:#fff;color:#546e7a;border-radius:8px;padding:8px 10px;font-size:.7rem;font-weight:700;cursor:pointer;} .inspecao-status-btn.active[data-status="conforme"]{background:#2e7d32;color:#fff;border-color:#2e7d32;}.inspecao-status-btn.active[data-status="nao-conforme"]{background:#c62828;color:#fff;border-color:#c62828;}.inspecao-status-btn.active[data-status="nao-verificado"]{background:#546e7a;color:#fff;border-color:#546e7a;} .inspecao-item-row textarea{margin-top:8px;min-height:52px;padding:8px 10px;font-size:.78rem;} .inspecao-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;} .inspecao-modal-footer button{border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer;} @media(max-width:620px){.area-content .item-list{grid-template-columns:1fr;}.area-action-btn.excluir{margin-left:0;}.inspecao-andar-actions button{min-width:130px;}.inspecao-item-ident{align-items:flex-start;flex-direction:column;}.inspecao-item-ident span{text-align:left;}} /* ===== REDESIGN VISUAL — ÁREAS E MANUTENÇÃO ANUAL ===== */ .areas-module-card,.anual-module-card{padding:22px 22px 24px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);} .module-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #e8edf3;position:relative;} .module-heading-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 8px 18px rgba(37,56,88,.13);} .areas-heading .module-heading-icon{background:linear-gradient(135deg,#e3f2fd,#90caf9);color:#1565c0;} .anual-heading .module-heading-icon{background:linear-gradient(135deg,#ede7f6,#b39ddb);color:#4527a0;} .module-heading-copy{min-width:0;flex:1;} .module-eyebrow{display:block;margin-bottom:3px;color:#78909c;font-size:.67rem;font-weight:800;letter-spacing:.8px;} .module-heading h3{margin:0;color:#263238;font-family:'Rajdhani',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.2px;line-height:1.1;} .module-heading p{margin:5px 0 0;color:#607d8b;font-size:.8rem;line-height:1.45;} .module-cycle-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:#f1ecfb;color:#5e35b1;border:1px solid #d8cbed;font-size:.67rem;font-weight:800;letter-spacing:.35px;white-space:nowrap;} .area-info-box,.anual-info-box{border:1px solid transparent;border-left-width:4px;box-shadow:0 3px 10px rgba(37,56,88,.05);} .area-info-box{background:linear-gradient(135deg,#eef7ff,#e3f2fd);border-color:#bbdefb;border-left-color:#1976d2;color:#27445f;} .area-info-box i{color:#1565c0;} .anual-info-box{background:linear-gradient(135deg,#f7f3ff,#ede7f6);border-color:#d1c4e9;border-left-color:#5e35b1;color:#4b3a71;} .anual-info-box i{color:#5e35b1;} .areas-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 20px;} .areas-summary-card{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid #e4eaf1;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(37,56,88,.05);} .areas-summary-card i{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:.82rem;flex:0 0 30px;} .areas-summary-card strong{display:block;color:#263238;font-family:'Rajdhani',sans-serif;font-size:1.22rem;line-height:1;} .areas-summary-card span{display:block;margin-top:3px;color:#78909c;font-size:.68rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .areas-summary-card.blue i{background:#e3f2fd;color:#1565c0;}.areas-summary-card.purple i{background:#ede7f6;color:#5e35b1;}.areas-summary-card.orange i{background:#fff3e0;color:#e65100;}.areas-summary-card.green i{background:#e8f5e9;color:#2e7d32;} .areas-section-label,.module-subheading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .areas-section-label{margin:0 0 11px;padding-bottom:9px;border-bottom:1px solid #edf2f7;color:#37474f;font-size:.8rem;font-weight:800;letter-spacing:.2px;} .areas-section-label>span:first-child{display:inline-flex;align-items:center;gap:7px;}.areas-section-label>span:first-child i{color:#1565c0;} .areas-hint{color:#90a4ae;font-size:.7rem;font-weight:500;} .area-section{border:1px solid #dce4ec;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(25,42,70,.07);overflow:hidden;margin:0 0 12px;} .area-section:hover{border-color:#90caf9;box-shadow:0 8px 22px rgba(25,42,70,.11);} .area-header{min-height:74px;padding:13px 15px 13px 16px;background:linear-gradient(135deg,#ffffff 0%,#f5f8fb 100%);border-bottom:1px solid #e7edf3;gap:12px;} .area-header:hover{background:linear-gradient(135deg,#f8fbff 0%,#eef4f9 100%);} .area-header-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;} .area-header-main .area-chevron-wrap{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eef3f7;color:#607d8b;flex:0 0 26px;} .area-header-main .area-chevron{font-size:.72rem;} .area-header.open .area-chevron-wrap{background:#e3f2fd;color:#1565c0;} .area-header-main .area-pin{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;font-size:.98rem;flex:0 0 38px;} .area-header-copy{min-width:0;display:flex;flex-direction:column;gap:2px;} .area-eyebrow{color:#90a4ae;font-size:.61rem;font-weight:800;letter-spacing:.65px;line-height:1;} .area-header strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263238;font-family:'Rajdhani',sans-serif;font-size:1.08rem;line-height:1.15;letter-spacing:.3px;} .area-header-copy small{color:#78909c;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .area-header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;} .area-status-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px;} .area-status-badge,.area-total-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;font-size:.64rem;font-weight:800;white-space:nowrap;} .area-status-badge.ok{background:#e8f5e9;color:#2e7d32;}.area-status-badge.warn{background:#fff3e0;color:#e65100;}.area-status-badge.expired{background:#ffebee;color:#c62828;}.area-status-badge.nodata{background:#eceff1;color:#546e7a;}.area-status-badge.marker{background:#fff3e0;color:#ef6c00;} .area-total-badge{background:#263238;color:#fff;} .area-total-badge i{font-size:.62rem;} .area-header .area-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);} .area-content{padding:14px 16px 16px;background:linear-gradient(180deg,#f8fafc 0%,#f5f8fb 100%);border-top:0;} .area-content .item-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;} .area-content .item-card{margin:0;min-height:118px;background:#fff;} .area-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding:14px 0 0;border-top:1px dashed #cbd5e1;background:transparent;} .area-action-btn{min-width:0;border:1px solid transparent;border-radius:10px;padding:10px 9px;font-weight:800;font-size:.72rem;line-height:1.15;} .area-action-btn.diaria{background:#e8eaf6;color:#283593;border-color:#c5cae9;}.area-action-btn.mensal{background:#e0f7fa;color:#006064;border-color:#b2ebf2;}.area-action-btn.recarga{background:#e8f5e9;color:#1b5e20;border-color:#c8e6c9;}.area-action-btn.semestral{background:#e3f2fd;color:#0d47a1;border-color:#bbdefb;}.area-action-btn.excluir{background:#ffebee;color:#b71c1c;border-color:#ffcdd2;margin-left:0;}.area-action-btn:hover{filter:brightness(.98);box-shadow:0 4px 10px rgba(37,56,88,.11);} .anual-heading{align-items:flex-start;}.anual-heading .module-heading-copy{padding-top:2px;} .module-subheading{margin:0 0 10px;padding:0 2px;color:#37474f;} .module-subheading>span{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:800;}.module-subheading>span i{color:#5e35b1;}.module-subheading small{color:#90a4ae;font-size:.68rem;font-weight:500;} .anual-stats-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px;} .anual-stats-row .stat-card{min-height:96px;border-radius:14px;padding:14px 10px;} .anual-stats-row .stat-card strong{font-size:2rem;}.anual-stats-row .stat-card span{font-size:.72rem;font-weight:600;} .anual-filters-shell,.anual-actions-shell{padding:15px;border:1px solid #e5eaf0;border-radius:14px;background:#f8fafc;margin-bottom:18px;} .anual-filters-shell .lista-filtros-panel{margin:0;background:#fff;box-shadow:0 2px 8px rgba(37,56,88,.04);} .anual-actions-shell{background:linear-gradient(135deg,#fbfaff,#f5f1fc);border-color:#e0d7f0;} .anual-actions-shell .module-subheading>span i{color:#e65100;}.anual-actions-shell .module-subheading{margin-bottom:12px;} .anual-acoes-bar{margin:0;gap:9px;}.anual-acao-btn{min-height:45px;border-radius:10px;font-size:.76rem;box-shadow:0 3px 9px rgba(37,56,88,.10);} .anual-counter-bar{margin-bottom:14px;background:linear-gradient(135deg,#f5f2fc,#ede7f6);border-color:#d8cbed;}.anual-counter-bar strong{color:#4527a0;}.anual-counter-bar span{color:#6d5b91;} .anual-mes-header{margin:18px 0 9px;padding:11px 13px;border:1px solid #d8cbed;border-radius:12px;background:linear-gradient(135deg,#f5f2fc,#ede7f6);color:#4527a0;} .anual-mes-header:first-child{margin-top:0;}.anual-mes-title{display:inline-flex;align-items:center;gap:9px;}.anual-mes-title>i{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;color:#5e35b1;}.anual-mes-title small{display:block;color:#7968a0;font-size:.59rem;letter-spacing:.55px;font-weight:800;line-height:1;}.anual-mes-title strong{display:block;margin-top:3px;color:#4527a0;font-family:'Rajdhani',sans-serif;font-size:.98rem;text-transform:capitalize;}.anual-mes-total{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;background:#5e35b1;color:#fff;font-size:.66rem;font-weight:800;white-space:nowrap;} .anual-item-card{position:relative;overflow:hidden;border:1px solid #e1e7ef;border-radius:12px;padding:12px 13px 12px 12px;margin-bottom:8px;background:#fff;box-shadow:0 2px 8px rgba(37,56,88,.04);} .anual-item-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#b0bec5;}.anual-item-card.hidrante:before{background:#1976d2;}.anual-item-card.extintor:before{background:#e65100;}.anual-item-card.outros:before{background:#5e35b1;}.anual-item-card:hover{border-color:#b39ddb;box-shadow:0 5px 14px rgba(94,53,177,.11);transform:translateY(-1px);}.anual-item-card.selecionado{border-color:#7e57c2;background:#fbf9ff;box-shadow:0 4px 12px rgba(94,53,177,.10);} .anual-item-check{width:28px;height:28px;border-radius:8px;border:2px solid #c5b9df;}.anual-item-check.checked{background:#5e35b1;border-color:#5e35b1;box-shadow:0 3px 8px rgba(94,53,177,.25);} .anual-item-info h4{font-size:.92rem;color:#263238;}.anual-item-info h4 span{font-size:.76rem!important;}.anual-item-info p{font-size:.74rem;color:#607d8b;}.anual-item-info p i{color:#78909c;font-size:.68rem;} .anual-item-kicker{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px;}.anual-item-kicker span{display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:.59rem;font-weight:800;letter-spacing:.35px;text-transform:uppercase;}.anual-item-area{background:#eef3f7;color:#546e7a;}.anual-item-category{background:#f1ecfb;color:#5e35b1;} .anual-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto;}.anual-item-side small{color:#90a4ae;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.35px;}.anual-vencimento-pill{font-size:.68rem;padding:5px 9px;border-radius:8px;}.anual-vencimento-pill.status-vencido{background:#ffebee;color:#c62828;}.anual-vencimento-pill.status-proximo{background:#fff3e0;color:#e65100;}.anual-vencimento-pill.status-em-dia{background:#e8f5e9;color:#2e7d32;}.anual-vencimento-pill.status-programado{background:#eceff1;color:#546e7a;} @media(max-width:900px){.areas-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.anual-stats-row{grid-template-columns:repeat(3,minmax(0,1fr));}.area-actions{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:620px){.module-heading{align-items:flex-start;}.module-heading h3{font-size:1.3rem;}.module-cycle-badge{display:none;}.areas-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.areas-summary-card{padding:9px 10px;}.areas-summary-card span{font-size:.62rem;}.area-header{padding:12px;}.area-header-main .area-pin{width:34px;height:34px;flex-basis:34px;}.area-header-right{gap:5px;}.area-status-badge{padding:4px 6px;font-size:.58rem;}.area-total-badge{display:none;}.area-actions{grid-template-columns:1fr 1fr;}.area-action-btn{font-size:.68rem;padding:10px 7px;}.anual-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));}.anual-item-card{align-items:flex-start;}.anual-item-side{align-items:flex-start;}.anual-item-side small{display:none;}.anual-vencimento-pill{font-size:.64rem;padding:5px 7px;}.module-subheading small{display:none;}} @media(max-width:420px){.areas-module-card,.anual-module-card{padding:18px 14px 20px;}.module-heading-icon{width:44px;height:44px;flex-basis:44px;font-size:1.1rem;border-radius:13px;}.module-heading{gap:10px;}.area-actions{grid-template-columns:1fr;}.anual-acao-btn{min-width:100%;}.areas-summary-card i{width:26px;height:26px;flex-basis:26px;font-size:.74rem;}} /* ===== AJUSTES FINAIS — ÁREAS FECHADAS E ESTADOS COM CONTRASTE ===== */ /* Correção v2.5: evita que max-height/opacity bloqueiem a abertura no WebView Android. */ .area-content-wrapper{display:grid;grid-template-rows:0fr;max-height:none;opacity:1;overflow:hidden;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);} .area-content-wrapper.open{grid-template-rows:1fr;max-height:none;opacity:1;} /* Fallback para WebViews Android muito antigos sem suporte a grid-template-rows. */ @supports not (grid-template-rows:0fr){ .area-content-wrapper{display:block;max-height:0;opacity:0;transition:max-height .35s ease,opacity .22s ease;} .area-content-wrapper.open{max-height:2400px;opacity:1;} } .area-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:112px;padding:18px 20px;gap:16px;} .area-header-main{align-items:flex-start;} .area-header-copy strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:1.16rem;} .area-header-copy small{white-space:normal;line-height:1.3;} .area-header-right{align-self:stretch;align-items:center;} .area-status-badges{max-width:100%;} .area-total-badge{padding:7px 10px;} /* Os atalhos da inspeção manual usam a própria cor do status quando selecionados. */ #lista .filter-chip[data-filter^="manual-"], #busca .filter-chip[data-filter^="manual-"]{background:#fff;border-width:1.5px;} #lista .filter-chip[data-filter="manual-aprovado"], #busca .filter-chip[data-filter="manual-aprovado"]{border-color:#2e7d32!important;color:#1b5e20!important;} #lista .filter-chip[data-filter="manual-reprovado"], #busca .filter-chip[data-filter="manual-reprovado"]{border-color:#c62828!important;color:#b71c1c!important;} #lista .filter-chip[data-filter="manual-ressalvas"], #busca .filter-chip[data-filter="manual-ressalvas"]{border-color:#e65100!important;color:#bf360c!important;} #lista .filter-chip[data-filter="manual-aprovado"].active, #busca .filter-chip[data-filter="manual-aprovado"].active{background:#e8f5e9!important;color:#1b5e20!important;border-color:#2e7d32!important;box-shadow:inset 0 0 0 2px #2e7d32,0 3px 10px rgba(46,125,50,.22);} #lista .filter-chip[data-filter="manual-reprovado"].active, #busca .filter-chip[data-filter="manual-reprovado"].active{background:#ffebee!important;color:#b71c1c!important;border-color:#c62828!important;box-shadow:inset 0 0 0 2px #c62828,0 3px 10px rgba(198,40,40,.22);} #lista .filter-chip[data-filter="manual-ressalvas"].active, #busca .filter-chip[data-filter="manual-ressalvas"].active{background:#fff3e0!important;color:#bf360c!important;border-color:#e65100!important;box-shadow:inset 0 0 0 2px #e65100,0 3px 10px rgba(230,81,0,.22);} #lista .filter-chip[data-filter^="manual-"] i, #busca .filter-chip[data-filter^="manual-"] i{color:inherit!important;} .status-btn.active{filter:none;border-width:3px;box-shadow:0 0 0 3px rgba(38,50,56,.12),0 3px 10px rgba(0,0,0,.14);} .status-btn.reprovado.active{background:#c62828;color:#fff;border-color:#8e0000;} .status-btn.ressalvas.active{background:#e65100;color:#fff;border-color:#bf360c;} .toast-duplicate{background:linear-gradient(135deg,#546e7a,#263238);} .toast-duplicate strong{display:block;font-weight:800;margin-bottom:2px;} .toast-duplicate span{font-size:.8rem;opacity:.96;} @media(max-width:900px){ .area-header{grid-template-columns:1fr;align-items:stretch;min-height:0;} .area-header-right{align-self:auto;justify-content:flex-start;} .area-status-badges{justify-content:flex-start;} } @media(max-width:620px){ .area-header{padding:17px 15px;gap:13px;} .area-header-main{gap:9px;} .area-header-main .area-pin{width:40px;height:40px;flex-basis:40px;} .area-header-copy strong{font-size:1.18rem;} .area-header-copy small{font-size:.72rem;} .area-status-badge,.area-total-badge{font-size:.68rem;padding:6px 8px;} .area-total-badge{display:inline-flex;} } /* ===== PADRÃO VISUAL PROFISSIONAL — INSPEÇÕES APLICADO ÀS DEMAIS SEÇÕES ===== */ .module-card{padding:22px 22px 24px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);} .module-card .module-heading{margin-bottom:18px;} .busca-heading .module-heading-icon{background:linear-gradient(135deg,#e3f2fd,#90caf9);color:#1565c0;} .lista-heading .module-heading-icon{background:linear-gradient(135deg,#e8eaf6,#9fa8da);color:#3949ab;} .export-heading .module-heading-icon{background:linear-gradient(135deg,#fff3e0,#ffcc80);color:#e65100;} .relatorios-heading .module-heading-icon{background:linear-gradient(135deg,#ffebee,#ef9a9a);color:#c62828;} .busca-cycle-badge{background:#e3f2fd;color:#1565c0;border-color:#bbdefb;} .lista-cycle-badge{background:#eef2ff;color:#3949ab;border-color:#c5cae9;} .export-cycle-badge{background:#fff3e0;color:#e65100;border-color:#ffcc80;} .relatorios-cycle-badge{background:#ffebee;color:#c62828;border-color:#ffcdd2;} .busca-module-card .search-box{padding:10px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.05);} .busca-module-card .search-box input{background:#fff;border-color:#d7e0e8;} .busca-module-card .busca-avancada-filtros{padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.04);} .busca-module-card .lista-filtros-panel{border-color:#dfe7ef;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.04);} .busca-module-card #busca-results{padding-top:2px;} .lista-module-card .lista-filtros-panel{box-shadow:0 3px 10px rgba(37,56,88,.04);} .lista-module-card .lista-contador-bar{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-color:#dfe7ef;} .export-module-card .export-info-box{background:linear-gradient(135deg,#eef7ff,#e3f2fd);border-color:#bbdefb;border-left-color:#1976d2;color:#27445f;box-shadow:0 3px 10px rgba(37,56,88,.05);} .export-module-card .export-filters{gap:14px;} .export-module-card .export-filter-group{background:#fff;border-color:#dfe7ef;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.04);} .export-module-card .export-filter-group:hover{border-color:#90caf9;box-shadow:0 7px 18px rgba(37,56,88,.10);} .export-module-card .export-preview{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.05);} .export-module-card .export-stat{border:1px solid #e4eaf1;box-shadow:0 3px 10px rgba(37,56,88,.05);} .relatorios-module-card .module-heading{margin-bottom:20px;} .export-complete-panel{padding:18px;border:1px solid #e5d5d8;border-left:4px solid #c62828;border-radius:16px;background:linear-gradient(135deg,#fffafa 0%,#fff3f3 100%);box-shadow:0 6px 18px rgba(80,35,45,.08);} .export-complete-panel-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px;} .export-complete-icon{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;font-size:1.15rem;box-shadow:0 5px 12px rgba(198,40,40,.14);} .export-complete-panel h4{margin:2px 0 5px;color:#263238;font-family:'Rajdhani',sans-serif;font-size:1.2rem;line-height:1.1;} .export-complete-panel p{margin:0;color:#607d8b;font-size:.78rem;line-height:1.5;} .export-complete-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px dashed #e3bfc4;} .btn-export-complete{margin:0;min-height:46px;background:linear-gradient(135deg,#ef5350,#c62828);box-shadow:0 5px 16px rgba(198,40,40,.24);} .btn-export-complete:hover{background:linear-gradient(135deg,#e53935,#b71c1c);box-shadow:0 8px 22px rgba(198,40,40,.34);} .toast-msg .toast-text{min-width:0;display:block;overflow-wrap:anywhere;} .toast-msg.toast-duplicate{align-items:flex-start;text-align:left;padding:13px 16px;} .toast-msg.toast-duplicate .toast-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35;overflow-wrap:anywhere;} .toast-msg.toast-duplicate .toast-copy strong{display:block;font-weight:800;margin:0;color:#fff;} .toast-msg.toast-duplicate .toast-copy span{display:block;font-size:.8rem;opacity:.96;line-height:1.45;} /* Estados ativos: cor clara, texto sólido e números sempre legíveis. */ #lista .filter-chip[data-filter="manual-aprovado"].active,#busca .filter-chip[data-filter="manual-aprovado"].active{background:#e8f5e9!important;color:#1b5e20!important;border-color:#2e7d32!important;} #lista .filter-chip[data-filter="manual-reprovado"].active,#busca .filter-chip[data-filter="manual-reprovado"].active{background:#ffcdd2!important;color:#8e0000!important;border-color:#c62828!important;box-shadow:inset 0 0 0 2px #c62828,0 4px 12px rgba(198,40,40,.22)!important;} #lista .filter-chip[data-filter="manual-ressalvas"].active,#busca .filter-chip[data-filter="manual-ressalvas"].active{background:#fff3e0!important;color:#bf360c!important;border-color:#e65100!important;} #lista .filter-chip[data-filter^="manual-"] .chip-count,#busca .filter-chip[data-filter^="manual-"] .chip-count{opacity:1!important;visibility:visible!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:22px;background:#fff!important;color:inherit!important;border:1px solid currentColor;} #lista .filter-chip[data-filter="manual-reprovado"].active .chip-count,#busca .filter-chip[data-filter="manual-reprovado"].active .chip-count{background:#c62828!important;color:#fff!important;border-color:#c62828!important;} #lista .filter-chip[data-filter="manual-aprovado"].active .chip-count,#busca .filter-chip[data-filter="manual-aprovado"].active .chip-count{background:#2e7d32!important;color:#fff!important;border-color:#2e7d32!important;} #lista .filter-chip[data-filter="manual-ressalvas"].active .chip-count,#busca .filter-chip[data-filter="manual-ressalvas"].active .chip-count{background:#e65100!important;color:#fff!important;border-color:#e65100!important;} #anual [data-sel-anual].active{opacity:1!important;color:#fff!important;border-width:2px!important;} #anual [data-sel-anual="selecionados"].active{background:#7e57c2!important;border-color:#5e35b1!important;box-shadow:0 4px 12px rgba(94,53,177,.22);} #anual [data-sel-anual="nao-selecionados"].active{background:#ef5350!important;border-color:#c62828!important;box-shadow:0 4px 12px rgba(198,40,40,.20);} #anual [data-sel-anual].active .chip-count{background:#fff!important;color:#4527a0!important;border:1px solid currentColor;opacity:1!important;} #anual [data-sel-anual="nao-selecionados"].active .chip-count{color:#b71c1c!important;} .status-btn.reprovado.active{background:#ef5350!important;color:#fff!important;border-color:#b71c1c!important;box-shadow:0 0 0 3px rgba(239,83,80,.22),0 4px 12px rgba(198,40,40,.25)!important;} .status-btn.aprovado.active{background:#43a047!important;color:#fff!important;border-color:#1b5e20!important;} .status-btn.ressalvas.active{background:#fb8c00!important;color:#fff!important;border-color:#e65100!important;} @media(max-width:620px){.module-card{padding:18px 14px 20px;}.module-heading{gap:10px;}.module-heading h3{font-size:1.3rem;}.module-cycle-badge{display:none;}.export-complete-panel{padding:15px;}.export-complete-panel-head{gap:10px;}.export-complete-actions .btn-export-complete{width:100%;}.busca-module-card .search-box{padding:8px;}} /* ===== v2.5 — Admin sincronização / Usuários ===== */ .fg-admin-cloud-panel{margin-top:18px;padding:0;border:0;background:transparent;} .fg-admin-hero{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#0f2027 0%,#203a43 45%,#2c5364 100%);color:#fff;margin-bottom:14px;box-shadow:0 10px 28px rgba(15,32,39,.25);} .fg-admin-hero-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:1.4rem;} .fg-admin-hero h3{margin:0;font-family:Rajdhani,sans-serif;font-size:1.35rem;font-weight:700;} .fg-admin-hero p{margin:4px 0 0;font-size:.78rem;opacity:.9;line-height:1.4;} .fg-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;} .fg-admin-card{background:#fff;border:1px solid #dce4ec;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(30,41,59,.06);} .fg-admin-card h4{margin:0 0 8px;font-size:.95rem;color:#263238;display:flex;align-items:center;gap:8px;} .fg-admin-card p{margin:0 0 12px;font-size:.78rem;color:#607d8b;line-height:1.45;} .fg-admin-status{font-size:.8rem;color:#546e7a;line-height:1.5;min-height:2.4em;padding:8px 10px;background:#f4f7fa;border-radius:10px;border:1px dashed #cfd8dc;} #usuarios .card{border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 6px 20px rgba(15,23,42,.06);} #usuarios .module-heading,#usuarios .cadastro-heading{border-radius:16px;} #fg-lista-usuarios{max-height:420px;overflow:auto;} #fg-lista-usuarios .fg-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px;border-bottom:1px solid #eef2f6;flex-wrap:wrap;} #fg-lista-usuarios .fg-user-row:hover{background:#f8fafc;} #fg-gdrive-folder-id{width:100%;padding:11px 12px;border:1.5px solid #cfd8dc;border-radius:10px;font-size:.88rem;margin-bottom:10px;} /* ===== v2.5 — PADRÃO VISUAL PROFISSIONAL PARA CADASTRO E BACKUP ===== */ .cadastro-module-card,.backup-module-card{padding:22px 22px 24px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);} .cadastro-heading,.backup-heading{position:relative;overflow:hidden;align-items:center;margin:-2px -2px 18px;padding:20px;border:0;border-radius:18px;background:linear-gradient(135deg,#263238 0%,#455a64 52%,#0d47a1 100%);box-shadow:0 10px 28px rgba(38,50,56,.20);} .cadastro-heading:after,.backup-heading:after{content:'';position:absolute;right:-74px;top:-92px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none;} .cadastro-heading .module-heading-icon,.backup-heading .module-heading-icon{position:relative;z-index:1;width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:#fff;font-size:1.35rem;box-shadow:0 8px 18px rgba(0,0,0,.16);} .cadastro-heading .module-heading-copy,.backup-heading .module-heading-copy{position:relative;z-index:1;} .cadastro-heading .module-eyebrow,.backup-heading .module-eyebrow{color:#b3e5fc;} .cadastro-heading h3,.backup-heading h3{margin:0;color:#fff;font-family:'Rajdhani',sans-serif;font-size:1.55rem;font-weight:700;letter-spacing:.2px;line-height:1.1;} .cadastro-heading p,.backup-heading p{margin:5px 0 0;color:#e3f2fd;font-size:.8rem;line-height:1.5;max-width:720px;} .cadastro-heading .module-cycle-badge,.backup-heading .module-cycle-badge{position:relative;z-index:1;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff;} .cadastro-cycle-badge i{color:#b3e5fc;}.backup-cycle-badge i{color:#c8e6c9;} #cadastro .cadastro-split{gap:18px;margin-top:0;} #cadastro #form-equipamento,#cadastro .equipamentos-recentes{border:1px solid #dce4ec;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(30,41,59,.07);padding:18px;} #cadastro #form-equipamento{min-width:0;} #cadastro .equipamentos-recentes{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);} #cadastro .equipamentos-recentes h4{padding-bottom:12px;border-bottom:1px solid #edf2f7;color:#263238;font-family:'Rajdhani',sans-serif;font-size:1.08rem;} #cadastro .modelo-existente-box{border:1px solid #bbdefb;border-left:4px solid #1976d2;border-radius:14px;background:linear-gradient(135deg,#eef7ff,#e3f2fd);box-shadow:0 3px 10px rgba(37,56,88,.05);} #cadastro .modelo-existente-box h5{color:#1565c0;} #cadastro .form-type-selector{border:1px solid #e1e7ef;background:#f1f5f9;} #cadastro #status-manual-fieldset{padding:15px;border:1px solid #e5eaf0;border-radius:14px;background:linear-gradient(135deg,#fffaf4,#fff6eb);} #cadastro #status-manual-fieldset hr{display:none;} #cadastro #status-manual-fieldset h4{margin-top:0!important;} #cadastro .campos-especiais-box,#cadastro .inspecao-mensal-box{border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.04);} #backup .backup-module-card>.info-box{margin-bottom:16px;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.05);} #backup .backup-options{gap:14px;margin-bottom:18px;} #backup .backup-card{border:1px solid #dce4ec;border-radius:16px;box-shadow:0 5px 16px rgba(30,41,59,.07);padding:22px 18px 20px;} #backup .backup-card:before{height:4px;background:linear-gradient(90deg,#263238,#0d47a1);} #backup .backup-card:hover{border-color:#90caf9;box-shadow:0 9px 24px rgba(30,41,59,.12);transform:translateY(-3px);} #backup .backup-card .bc-icon{width:58px;height:58px;border-radius:14px;box-shadow:0 5px 12px rgba(37,56,88,.08);} #backup .backup-card h4{font-family:'Rajdhani',sans-serif;font-size:1.08rem;color:#263238;} #backup .backup-card p{font-size:.8rem;line-height:1.5;} #backup .backup-info-panel{border-radius:16px!important;box-shadow:0 5px 16px rgba(30,41,59,.06);} #backup .backup-info-panel h4{font-family:'Rajdhani',sans-serif;font-size:1.08rem;} #backup .backup-info-item{border-color:#e1e7ef;border-radius:12px;box-shadow:0 3px 10px rgba(37,56,88,.04);} #backup .backup-diagnostic-card{background:linear-gradient(135deg,#f8fafc,#eef3f7)!important;border:1px solid #cfd8dc!important;border-left:4px solid #546e7a!important;text-align:left;} #backup .backup-diagnostic-card h4{display:flex;align-items:center;gap:8px;} @media(max-width:900px){.cadastro-heading,.backup-heading{align-items:flex-start;}.cadastro-heading .module-cycle-badge,.backup-heading .module-cycle-badge{display:none;}} @media(max-width:767px){#cadastro #form-equipamento,#cadastro .equipamentos-recentes{padding:15px;}.cadastro-module-card,.backup-module-card{padding:18px 14px 20px;}.cadastro-heading,.backup-heading{margin:-2px -2px 16px;padding:18px 15px;}.cadastro-heading h3,.backup-heading h3{font-size:1.32rem;}.cadastro-heading .module-heading-icon,.backup-heading .module-heading-icon{width:44px;height:44px;flex-basis:44px;font-size:1.1rem;border-radius:13px;}} /* ================================================================ v2.5 — CAMADA VISUAL PROFISSIONAL Apenas apresentação: nenhum comportamento, ID ou fluxo funcional é alterado. ================================================================ */ :root{ --ui-ink:#263238; --ui-slate:#455a64; --ui-blue:#1565c0; --ui-blue-deep:#0d47a1; --ui-sky:#e3f2fd; --ui-surface:#ffffff; --ui-soft:#f5f8fb; --ui-border:#dce4ec; --ui-muted:#607d8b; --ui-shadow:0 8px 24px rgba(30,41,59,.08); --ui-shadow-hover:0 14px 32px rgba(30,41,59,.14); } html{scroll-behavior:smooth;} body{ background: radial-gradient(circle at 8% 0%,rgba(227,242,253,.72),transparent 27rem), radial-gradient(circle at 92% 12%,rgba(237,231,246,.46),transparent 24rem), #f4f7fa; color:var(--ui-ink); } button,input,select,textarea{font-family:'Inter','Segoe UI',sans-serif;} button{-webkit-tap-highlight-color:transparent;} :focus-visible{outline:3px solid rgba(21,101,192,.28);outline-offset:2px;} .app-header{ background:linear-gradient(135deg,#1f2d36 0%,#37474f 48%,#0d47a1 100%); padding:26px 22px 30px; border-radius:0 0 24px 24px; box-shadow:0 12px 32px rgba(38,50,56,.28); } .app-header:before{ top:-86%;right:-18%;width:58%;height:250%; background:radial-gradient(ellipse,rgba(255,255,255,.13) 0%,transparent 68%); } .app-header:after{height:3px;background:linear-gradient(90deg,transparent,#90caf9,#ef9a9a,transparent);} .app-header h1{font-size:2.05rem;letter-spacing:.7px;text-shadow:0 3px 12px rgba(0,0,0,.18);} .app-header h1 i{color:#ffccbc;} .app-header p{color:#e3f2fd;letter-spacing:.25px;} .app-version{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);} #app-version-label{font-size:0;} #app-version-label:after{content:'';} .notif-bell{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);} .notif-bell:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);} .main-nav-wrap{ background:rgba(255,255,255,.94); border-bottom:1px solid rgba(207,218,230,.85); box-shadow:0 5px 18px rgba(30,41,59,.08); backdrop-filter:blur(14px); } .main-nav{gap:5px;padding:9px 0;} .nav-btn{ min-width:78px;padding:10px 13px;border-radius:12px;color:#607d8b; font-size:.76rem;gap:5px; } .nav-btn i{font-size:1.42rem;} .nav-btn.active{ background:linear-gradient(135deg,#263238 0%,#0d47a1 100%); color:#fff;box-shadow:0 5px 15px rgba(13,71,161,.24); } .nav-btn:not(.active):hover{background:#edf5fb;color:var(--ui-blue);} .container{max-width:1260px;padding:22px 16px 112px;} .tab-content.active{animation:professionalFadeIn .35s ease both;} @keyframes professionalFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .card,.module-card,.areas-module-card,.anual-module-card{ border:1px solid var(--ui-border); border-radius:18px; background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%); box-shadow:var(--ui-shadow); } .card:hover{box-shadow:0 10px 28px rgba(30,41,59,.10);} .section-title{ color:var(--ui-ink);border-bottom:1px solid #e7edf3;padding-bottom:13px; font-size:1.28rem;letter-spacing:.15px; } .section-title:after{content:'';display:block;width:42px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c62828,#1565c0);position:absolute;bottom:-2px;left:0;} .section-title{position:relative;} .section-title i{color:var(--ui-blue);} .stat-card{border-radius:15px;min-height:116px;box-shadow:0 6px 16px rgba(30,41,59,.13);} .stat-card:hover{box-shadow:0 13px 28px rgba(30,41,59,.18);} .stat-card strong{font-size:2.28rem;} #dashboard>.card{padding:22px 22px 24px;} #dashboard>.card:first-of-type{background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);} #dashboard .chart-container{height:260px;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#e1e8ef;border-radius:14px;} #dashboard .progress-container{background:linear-gradient(135deg,#f8fafc,#eef3f7);border:1px solid #dfe7ef;border-radius:14px;} #dashboard .progress-bar-bg{height:11px;background:#e5ebf0;} #dashboard .export-actions{gap:10px;} #dashboard .btn-export{border-radius:11px;min-height:46px;box-shadow:0 4px 12px rgba(30,41,59,.12);} .module-heading{min-height:78px;gap:14px;margin-bottom:19px;padding-bottom:17px;border-bottom:1px solid #e8edf3;} .module-heading:after{content:'';position:absolute;left:0;bottom:-1px;width:58px;height:3px;border-radius:3px;background:linear-gradient(90deg,#1565c0,#90caf9);} .module-heading-icon{width:54px;height:54px;flex-basis:54px;border-radius:16px;box-shadow:0 8px 18px rgba(37,56,88,.13);} .module-heading h3{font-size:1.55rem;color:var(--ui-ink);} .cadastro-heading h3,.backup-heading h3{color:#fff!important;} .cadastro-heading p,.backup-heading p{color:#e3f2fd!important;} .module-heading p{color:var(--ui-muted);} .module-eyebrow{color:#78909c;letter-spacing:.95px;} .module-cycle-badge{border-radius:10px;box-shadow:0 3px 8px rgba(37,56,88,.05);} .inspecoes-hero{ background:linear-gradient(135deg,#1f2d36 0%,#455a64 50%,#0d47a1 100%); border-radius:20px;padding:24px 24px 22px; box-shadow:0 12px 30px rgba(38,50,56,.24); } .inspecoes-hero:before{content:'';position:absolute;left:-70px;bottom:-115px;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;} .inspecoes-hero:after{right:-70px;top:-95px;width:250px;height:250px;background:radial-gradient(circle,rgba(144,202,249,.2),transparent 68%);} .inspecoes-hero h3{font-size:1.62rem;letter-spacing:.15px;} .inspecoes-summary{gap:11px;margin-top:18px;} .insp-summary-pill{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);} .inspecao-andar-card{border-color:var(--ui-border);border-radius:17px;box-shadow:var(--ui-shadow);} .inspecao-andar-card:hover{border-color:#90caf9;box-shadow:var(--ui-shadow-hover);transform:translateY(-1px);} .inspecao-andar-title .floor-icon{background:linear-gradient(135deg,#e3f2fd,#90caf9);box-shadow:0 5px 12px rgba(21,101,192,.12);} .inspecao-andar-actions button{min-height:44px;border-radius:11px;transition:transform .2s,box-shadow .2s,filter .2s;} .inspecao-andar-actions button:hover{transform:translateY(-2px);box-shadow:0 7px 15px rgba(30,41,59,.15);filter:brightness(1.02);} input,select,textarea{border:1.5px solid #d6e0e8;border-radius:11px;background:#fff;box-shadow:0 2px 6px rgba(30,41,59,.025);} input:hover,select:hover,textarea:hover{border-color:#b7c8d5;} input:focus,select:focus,textarea:focus{border-color:var(--ui-blue);box-shadow:0 0 0 4px rgba(21,101,192,.11);transform:none;} label{color:var(--ui-ink);} label i{color:var(--ui-blue);} .field-group{margin-bottom:17px;} .btn-save{border-radius:12px;box-shadow:0 6px 16px rgba(198,40,40,.22);min-height:48px;} .btn-save:hover{box-shadow:0 10px 24px rgba(198,40,40,.30);} .type-btn,.sub-tab{border-radius:10px;} .type-btn.active,.sub-tab.active{box-shadow:0 4px 12px rgba(30,41,59,.10);} .form-type-selector,.sub-tabs{border:1px solid #e1e7ef;background:#f1f5f9;} .item-card,.anual-item-card{border-color:#dfe7ef;box-shadow:0 2px 8px rgba(30,41,59,.04);} .item-card:hover,.anual-item-card:hover{box-shadow:0 8px 20px rgba(30,41,59,.11);} .item-info h4,.anual-item-info h4{color:var(--ui-ink);} .item-info p,.anual-item-info p{color:var(--ui-muted);} .btn-icon{box-shadow:0 3px 8px rgba(30,41,59,.09);} .empty-state{padding:62px 20px;} .empty-state i{color:#c7d2da;} .search-box{border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.05);} .search-box input{border-color:#d7e0e8;} .busca-avancada-filtros,.lista-filtros-panel,.export-filter-group,.export-preview,.backup-info-panel{border-color:#dfe7ef;border-radius:14px;box-shadow:0 3px 10px rgba(37,56,88,.04);} .filter-chip{border-color:#d7e0e8;box-shadow:0 1px 3px rgba(30,41,59,.03);} .filter-chip:hover{border-color:#90caf9;box-shadow:0 4px 10px rgba(21,101,192,.10);} .filter-chip.active{background:linear-gradient(135deg,#263238,#0d47a1);border-color:#263238;color:#fff;box-shadow:0 4px 10px rgba(13,71,161,.18);} .filter-chip.active i{color:#fff!important;} .lista-contador-bar,.busca-stats-bar{border-color:#dfe7ef;background:linear-gradient(135deg,#f8fafc,#edf2f7);} .export-stat,.backup-info-item{border-color:#e1e7ef;box-shadow:0 3px 10px rgba(37,56,88,.05);} .btn-export{border-radius:11px;min-height:46px;box-shadow:0 4px 12px rgba(30,41,59,.10);} .area-section{border-color:#dce4ec;border-radius:17px;box-shadow:var(--ui-shadow);} .area-section:hover{border-color:#90caf9;box-shadow:var(--ui-shadow-hover);} .area-header{background:linear-gradient(135deg,#fff 0%,#f3f7fb 100%);} .area-content{background:linear-gradient(180deg,#f8fafc 0%,#f5f8fb 100%);} .area-actions{border-top-color:#cbd5e1;} .area-action-btn{min-height:43px;border-radius:11px;box-shadow:none;} .area-action-btn:hover{box-shadow:0 6px 14px rgba(37,56,88,.12);} .anual-module-card{box-shadow:0 10px 28px rgba(94,53,177,.08);} .anual-filters-shell,.anual-actions-shell{border-radius:15px;box-shadow:0 3px 10px rgba(37,56,88,.04);} .anual-stats-row .stat-card{box-shadow:0 6px 15px rgba(30,41,59,.11);} .anual-mes-header{box-shadow:0 3px 8px rgba(94,53,177,.06);} .anual-item-card{box-shadow:0 3px 9px rgba(37,56,88,.05);} .anual-acao-btn{min-height:46px;box-shadow:0 4px 12px rgba(37,56,88,.12);} .anual-acao-btn:hover{box-shadow:0 8px 18px rgba(37,56,88,.18);} .modal-overlay{background:rgba(15,31,45,.76);backdrop-filter:blur(7px);} .modal-content{border:1px solid rgba(220,228,236,.9);border-radius:19px;box-shadow:0 20px 55px rgba(15,31,45,.3);} .modal-header{border-bottom-color:#e4eaf0;background:linear-gradient(180deg,#fff,#f8fafc);} .modal-header h3{color:var(--ui-ink);} #modal-body{color:var(--ui-ink);} .modal-close{box-shadow:0 2px 6px rgba(30,41,59,.07);} .login-screen{ background: radial-gradient(circle at 16% 14%,rgba(144,202,249,.18),transparent 24rem), radial-gradient(circle at 88% 84%,rgba(239,154,154,.18),transparent 26rem), linear-gradient(135deg,#101820 0%,#1e313d 47%,#0d47a1 100%); isolation:isolate; } .login-screen:before,.login-screen:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;pointer-events:none;z-index:-1;} .login-screen:before{width:520px;height:520px;left:-250px;bottom:-280px;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);} .login-screen:after{width:420px;height:420px;right:-220px;top:-240px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018);} .login-box{ max-width:430px;border-radius:26px;background:rgba(15,29,39,.72); border:1px solid rgba(255,255,255,.18); box-shadow:0 28px 80px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter:blur(24px); } .login-header{ padding:34px 30px 28px; background:linear-gradient(135deg,#263238 0%,#455a64 50%,#0d47a1 100%); } .login-header:before{content:'';position:absolute;right:-70px;top:-104px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 22px rgba(255,255,255,.035);} .login-icon-wrap{position:relative;width:82px;height:82px;margin-bottom:15px;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 0 5px rgba(255,255,255,.06);} .login-icon-wrap i{font-size:2.2rem;color:#ffccbc;} .login-header h1{position:relative;letter-spacing:.45px;text-shadow:0 3px 12px rgba(0,0,0,.2);} .login-header p{position:relative;color:#e3f2fd;} .login-version{position:relative;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);} .login-body{padding:28px 30px 30px;background:rgba(255,255,255,.025);} .login-body label{color:#e3f2fd;letter-spacing:.2px;} .login-input-wrap input{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:12px;min-height:48px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);} .login-input-wrap input:hover{border-color:rgba(144,202,249,.55);} .login-input-wrap input:focus{border-color:#90caf9;background:rgba(255,255,255,.13);box-shadow:0 0 0 4px rgba(144,202,249,.16);} .login-input-wrap input:disabled{opacity:1;color:#f5f8fb;background:rgba(255,255,255,.075);} .login-input-wrap .toggle-senha{color:rgba(227,242,253,.72);} .login-btn{min-height:50px;border-radius:12px;background:linear-gradient(135deg,#ef5350,#b71c1c);box-shadow:0 8px 22px rgba(183,28,28,.34);letter-spacing:.25px;} .login-btn:hover{box-shadow:0 12px 30px rgba(183,28,28,.46);} .login-error-msg{background:rgba(239,83,80,.16);border-color:rgba(239,154,154,.45);color:#ffcdd2;} .login-footer{padding:15px 30px 22px;color:rgba(227,242,253,.55);border-top-color:rgba(255,255,255,.1);} .toast-msg{border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);} .connection-indicator{box-shadow:0 0 0 4px rgba(76,175,80,.12),0 0 10px #4caf50;} .connection-indicator.offline{box-shadow:0 0 0 4px rgba(244,67,54,.12),0 0 10px #f44336;} @media(max-width:900px){ .container{padding-top:18px;} .module-cycle-badge{display:none;} .module-heading{align-items:flex-start;} } @media(max-width:620px){ .app-header{padding:22px 17px 25px;border-radius:0 0 20px 20px;} .app-header h1{font-size:1.72rem;} .container{padding:16px 12px 108px;} .card,.module-card,.areas-module-card,.anual-module-card{border-radius:16px;} #dashboard>.card{padding:18px 14px 20px;} .module-heading{min-height:0;gap:10px;margin-bottom:16px;padding-bottom:14px;} .module-heading-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:1.12rem;} .module-heading h3{font-size:1.3rem;} .module-heading p{font-size:.75rem;} .inspecoes-hero{padding:20px 17px 18px;border-radius:17px;} .inspecoes-hero h3{font-size:1.35rem;} .inspecoes-summary{grid-template-columns:repeat(2,minmax(0,1fr));} .inspecao-andar-card{padding:14px;} .inspecao-andar-actions button{min-width:100%;} .login-screen{padding:15px;} .login-box{border-radius:22px;} .login-header{padding:28px 22px 23px;} .login-body{padding:23px 21px 24px;} .login-footer{padding:14px 21px 19px;} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}} /* ===== FIX ESTABILIDADE DASHBOARD / WEBVIEW ANDROID ===== */ /* Os cards do Dashboard são elementos estáticos. Em alguns WebViews Android, transition:all + hover persistente no toque + animações de composição provocavam repaint durante o gesto de rolagem. Esta camada mantém os atalhos em uma composição estável e deixa efeitos de hover apenas para dispositivos com ponteiro real. */ html{scroll-behavior:auto;} #dashboard.tab-content.active{animation:none!important;} #dashboard{ isolation:isolate; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } #dashboard>.card{ animation:none!important; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); backface-visibility:hidden; -webkit-backface-visibility:hidden; } #dashboard .dash-grid{ contain:layout style; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } #dashboard .stat-card{ animation:none!important; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background-color .2s ease!important; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); backface-visibility:hidden; -webkit-backface-visibility:hidden; will-change:transform; content-visibility:visible!important; contain:layout style; isolation:isolate; } #dashboard .stat-card::after{z-index:0;} #dashboard .stat-card>*{position:relative;z-index:1;} /* Evita que o WebView trate o dedo como hover e aplique scale/translate. */ #dashboard .stat-card:hover{transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;} @media (hover:hover) and (pointer:fine){ #dashboard .stat-card:hover{transform:translate3d(0,-4px,0) scale(1.02)!important;-webkit-transform:translate3d(0,-4px,0) scale(1.02)!important;} } /* O blur do menu sticky pode forçar repaint do conteúdo sob ele no Android. */ .main-nav-wrap{-webkit-backdrop-filter:none;backdrop-filter:none;} /* ===== FIX ESTABILIDADE ÁREAS / ANUAL ===== */ .area-content .item-card{animation:none!important;} .area-content .item-card.marcado{animation:none!important;} .area-section{content-visibility:visible;contain:none;} .area-content-wrapper .item-list .item-card{content-visibility:visible;contain-intrinsic-size:auto;} .anual-item-card{transition:border-color .2s,background .2s,box-shadow .2s;will-change:auto;} .anual-item-card.selecionado{border:2px solid #5e35b1;background:#f5f2fc;box-shadow:0 4px 14px rgba(94,53,177,.12);} .anual-item-check{user-select:none;-webkit-tap-highlight-color:transparent;} .anual-item-check:active{transform:scale(0.92);} #anual-container{min-height:120px;} /* ===== ABA ANUAL — ACABAMENTO FINAL E ESTABILIDADE VISUAL ===== */ #anual .module-heading-copy h3, #anual .module-eyebrow, #anual .module-subheading > span, #anual .anual-counter-bar strong, #anual .anual-mes-title small, #anual .anual-item-info h4{ font-family:'JetBrains Mono','SFMono-Regular','Cascadia Code','Roboto Mono',monospace; } #anual .module-heading-copy h3{letter-spacing:-.045em;font-size:clamp(1.18rem,2vw,1.58rem);} #anual .module-heading-copy p{max-width:760px;} #anual .anual-info-box{display:flex;align-items:flex-start;gap:10px;} #anual .anual-info-copy{display:flex;flex-direction:column;gap:3px;line-height:1.5;} #anual .anual-info-copy strong{font-family:'JetBrains Mono','SFMono-Regular',monospace;font-size:.72rem;letter-spacing:.02em;color:#4527a0;} #anual .anual-info-copy span{font-size:.8rem;} #anual .anual-stat-card.active{box-shadow:0 0 0 3px rgba(94,53,177,.22),0 8px 22px rgba(37,56,88,.16);} #anual .anual-stat-selected{background:linear-gradient(135deg,#5e35b1,#4527a0);} #anual .anual-stat-card.active.anual-stat-selected{box-shadow:0 0 0 3px rgba(94,53,177,.26),0 8px 22px rgba(69,39,160,.25);} #anual .anual-counter-bar{gap:10px;} #anual .anual-counter-bar strong{flex:1;min-width:220px;} #anual .anual-counter-bar > small{font-size:.68rem;color:#786b97;font-family:'JetBrains Mono','SFMono-Regular',monospace;} @media(max-width:620px){#anual .anual-info-box{gap:8px;}#anual .anual-info-copy span{font-size:.75rem;}#anual .anual-counter-bar > small{width:100%;}} #anual .anual-stats-row .stat-card{cursor:pointer;user-select:none;} #anual .anual-stats-row .stat-card:focus-visible{outline:3px solid rgba(94,53,177,.28);outline-offset:3px;} #anual .anual-stats-row .stat-card:hover{transform:translateY(-2px);} #anual .anual-item-card, #anual .anual-item-card *, #anual .anual-mes-header, #anual .anual-mes-header *{animation:none!important;} #anual .anual-item-card{transform:none!important;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;} #anual .anual-item-card:hover{transform:none!important;border-color:#b39ddb;box-shadow:0 5px 14px rgba(94,53,177,.11);} #anual .anual-item-card.selecionado{border-color:#7e57c2;background:#fbf9ff;box-shadow:0 4px 12px rgba(94,53,177,.10);} #anual .anual-item-info h4{letter-spacing:-.035em;} #anual .anual-mes-header{transition:border-color .18s ease,background-color .18s ease;} #anual .anual-mes-header:hover{transform:none!important;} #anual .anual-item-check{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;cursor:pointer;touch-action:manipulation;} #anual .anual-item-check:focus-visible{outline:3px solid rgba(94,53,177,.28);outline-offset:3px;} #anual .anual-select-control{display:flex;align-items:center;gap:8px;flex:0 0 auto;} #anual .anual-select-control > span{font-size:.62rem;line-height:1.2;color:#8b7eaa;font-weight:800;white-space:nowrap;} #anual .anual-item-card.selecionado .anual-select-control > span{color:#5e35b1;} #anual .anual-selection-hint{display:flex;align-items:center;gap:8px;} #anual .anual-selection-hint i{color:#5e35b1;} #anual .anual-selection-hint strong{color:#4527a0;} #anual .anual-selection-hint small{font-family:'JetBrains Mono','SFMono-Regular',monospace;color:#786b97;} #anual .anual-empty-action{margin-top:14px;} @media(max-width:620px){ #anual .anual-item-card{gap:9px;padding:11px 10px 11px 11px;} #anual .anual-select-control{gap:5px;} #anual .anual-select-control > span{display:none;} #anual .anual-item-check{flex-basis:32px;width:32px;height:32px;} #anual .anual-item-info h4{font-size:.82rem;} } /* ===== CORREÇÃO DEFINITIVA — SEM PULSO, SEM DESLOCAMENTO, WEBVIEW FLUIDO ===== */ /* O checkbox não muda de escala, posição, largura ou estado por transição. */ #anual .anual-item-card, #anual .anual-item-card *{ animation:none!important; transition:none!important; -webkit-animation:none!important; -webkit-transition:none!important; } #anual .anual-item-card{ border:2px solid transparent!important; box-shadow:none!important; transform:none!important; -webkit-transform:none!important; will-change:auto!important; } #anual .anual-item-card:hover, #anual .anual-item-card:active, #anual .anual-item-card.selecionado{ transform:none!important; -webkit-transform:none!important; } #anual .anual-item-card.selecionado{ border:2px solid #7e57c2!important; background:#fbf9ff!important; box-shadow:0 4px 12px rgba(94,53,177,.10)!important; } #anual .anual-item-check, #anual .anual-item-check:hover, #anual .anual-item-check:active, #anual .anual-item-check.checked{ transition:none!important; -webkit-transition:none!important; animation:none!important; -webkit-animation:none!important; transform:none!important; -webkit-transform:none!important; box-shadow:none!important; } #anual .anual-mes-header, #anual .anual-mes-header *{ animation:none!important; -webkit-animation:none!important; transition:none!important; -webkit-transition:none!important; transform:none!important; -webkit-transform:none!important; } #anual .anual-mes-header{box-shadow:none!important;} #anual .anual-stats-row .stat-card:hover, #anual .anual-stats-row .stat-card:active{transform:none!important;-webkit-transform:none!important;} /* As áreas agora usam display block/none, sem grid-template-rows animado. Isso elimina o travamento percebido em WebViews Android com listas longas. */ #organizacao .area-section, #organizacao .area-header, #organizacao .area-content-wrapper{ animation:none!important; -webkit-animation:none!important; transform:none!important; -webkit-transform:none!important; } #organizacao .area-section{content-visibility:visible!important;contain:none!important;} #organizacao .area-header{touch-action:manipulation;cursor:pointer;} #organizacao .area-header:hover{transform:none!important;-webkit-transform:none!important;} #organizacao .area-content-wrapper{ display:none!important; grid-template-rows:none!important; max-height:none!important; overflow:visible!important; opacity:1!important; transition:none!important; -webkit-transition:none!important; } #organizacao .area-content-wrapper.open{display:block!important;} #organizacao .area-content-inner{overflow:visible!important;min-height:0!important;} #organizacao .area-open-hint{display:inline-flex;align-items:center;gap:5px;color:#607d8b;font-size:.64rem;font-weight:800;white-space:nowrap;} #organizacao .area-header.open .area-open-hint{color:#1565c0;} @media(max-width:620px){#organizacao .area-open-hint{font-size:.62rem;}#organizacao .area-header-right{flex-wrap:wrap;}} /* ===== v2.5 — PADRONIZAÇÃO ORTOGRÁFICA E VISUAL DA ABA ANUAL ===== */ /* Tipografia alinhada ao restante do HTML5: Rajdhani para títulos e Inter para leitura. */ #anual .module-heading-copy h3{ font-family:'Rajdhani','Segoe UI',sans-serif; letter-spacing:.1px; } #anual .module-eyebrow, #anual .module-subheading > span, #anual .anual-counter-bar strong, #anual .anual-counter-bar > small, #anual .anual-mes-title small, #anual .anual-item-info h4, #anual .anual-info-copy strong{ font-family:'Inter','Segoe UI',sans-serif; letter-spacing:0; } #anual .anual-item-info h4{letter-spacing:.01em;} #anual .anual-info-copy strong, #anual .anual-counter-bar > small{font-weight:600;} /* O contorno pertence ao equipamento inteiro, e não apenas ao marcador lateral. */ #anual .anual-item-card{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; border:1.5px solid #dfe7ef!important; border-left:1.5px solid #dfe7ef!important; border-radius:14px; padding:13px 14px 13px 15px; background:#fff; box-shadow:0 3px 9px rgba(37,56,88,.05); } #anual .anual-item-card::before{display:none;} #anual .anual-item-card:hover{border-color:#b39ddb!important;box-shadow:0 7px 18px rgba(94,53,177,.12);} #anual .anual-item-card.selecionado{ border:2px solid #7e57c2!important; background:#fbf9ff!important; box-shadow:0 4px 13px rgba(94,53,177,.12)!important; } #anual .anual-select-control{ display:flex; align-items:center; gap:8px; min-width:0; align-self:center; } #anual .anual-item-check{ flex:0 0 30px; width:30px; height:30px; border:2px solid #b9abd7; border-radius:9px; background:#fff; box-shadow:none; } #anual .anual-item-check.checked{background:#5e35b1;border-color:#5e35b1;} #anual .anual-item-info{min-width:0;} #anual .anual-item-side{min-width:0;max-width:100%;} #anual .anual-vencimento-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;} #anual .anual-selection-hint{line-height:1.4;} #anual .anual-selection-hint strong{font-family:'Rajdhani','Segoe UI',sans-serif;} @media(max-width:620px){ #anual .anual-item-card{ grid-template-columns:auto minmax(0,1fr); align-items:start; gap:9px; padding:11px 11px 11px 12px; } #anual .anual-select-control{align-self:start;} #anual .anual-item-side{ grid-column:2; align-items:flex-start; margin-top:-3px; } #anual .anual-item-check{flex-basis:32px;width:32px;height:32px;} } /* ===== v2.5 — ESTABILIDADE DE CLIQUE E DESIGN DE NOTIFICAÇÕES ===== */ #anual .anual-item-check{ appearance:none; -webkit-appearance:none; border:2px solid #b9abd7; padding:0; margin:0; font:inherit; line-height:1; outline:none; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } #anual .anual-item-check:hover{border-color:#7e57c2;background:#f7f3ff;} #anual .anual-item-check:focus-visible{outline:3px solid rgba(94,53,177,.28);outline-offset:3px;} #anual .anual-item-check:active{transform:none!important;} #anual .anual-item-card{contain:layout paint;isolation:isolate;-webkit-tap-highlight-color:transparent;} #anual .anual-item-info{cursor:pointer;touch-action:manipulation;} #anual [data-sel-anual].active .chip-count{min-width:22px;min-height:20px;padding:1px 7px;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;background:#fff!important;color:#4527a0!important;border:1px solid currentColor;} #anual [data-sel-anual="nao-selecionados"].active .chip-count{color:#b71c1c!important;} #modal-detalhes{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s;} #modal-detalhes.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease;} #modal-detalhes.is-loading .modal-content{min-height:190px;} .modal-loading-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 20px;color:#455a64;text-align:center;} .modal-loading-state strong{font-family:'Rajdhani','Segoe UI',sans-serif;font-size:1.12rem;color:#263238;} .modal-loading-state small{font-size:.78rem;color:#78909c;} .modal-loading-spinner{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8eaf6,#d1c4e9);color:#5e35b1;font-size:1.1rem;box-shadow:0 5px 14px rgba(94,53,177,.16);} .modal-loading-error .modal-loading-spinner{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;} .modal-loading-error .btn-save{width:min(220px,100%);margin-top:8px;} .toast-container{left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 24px));align-items:stretch;gap:10px;pointer-events:none;} .toast-msg{position:relative;width:100%;min-height:58px;padding:13px 42px 13px 14px;border:1px solid rgba(255,255,255,.28);border-left:4px solid rgba(255,255,255,.68);border-radius:16px;gap:11px;box-shadow:0 12px 30px rgba(15,31,45,.24),0 2px 8px rgba(15,31,45,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;isolation:isolate;animation:slideUpToast .36s cubic-bezier(.22,.8,.24,1),fadeOutToast .32s var(--toast-fade-delay,2.68s) ease forwards;} .toast-msg::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.20),transparent 42%);pointer-events:none;z-index:-1;} .toast-msg::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.68);transform-origin:left center;animation:toastProgress var(--toast-duration,3000ms) linear forwards;pointer-events:none;} .toast-msg .toast-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.24);} .toast-msg .toast-icon i{font-size:.95rem;} .toast-msg .toast-text,.toast-msg .toast-copy{position:relative;z-index:1;min-width:0;color:#fff;font-size:.84rem;line-height:1.4;} .toast-msg .toast-copy{display:flex;flex-direction:column;gap:2px;} .toast-msg .toast-copy strong{font-size:.88rem;} .toast-close{position:absolute;top:8px;right:8px;width:27px;height:27px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.12);color:#fff;cursor:pointer;z-index:2;transition:background .18s,transform .18s;} .toast-close:hover{background:rgba(0,0,0,.28);transform:scale(1.06);} .toast-success{background:linear-gradient(135deg,rgba(46,125,50,.98),rgba(27,94,32,.98));} .toast-warning{background:linear-gradient(135deg,rgba(239,139,0,.98),rgba(230,81,0,.98));} .toast-error{background:linear-gradient(135deg,rgba(198,40,40,.98),rgba(142,0,0,.98));} .toast-info{background:linear-gradient(135deg,rgba(21,101,192,.98),rgba(13,71,161,.98));} .toast-backup{background:linear-gradient(135deg,rgba(123,31,162,.98),rgba(74,20,140,.98));} .toast-marker{background:linear-gradient(135deg,rgba(255,143,0,.98),rgba(230,81,0,.98));} .toast-duplicate{background:linear-gradient(135deg,rgba(84,110,122,.98),rgba(55,71,79,.98));} @keyframes toastProgress{from{transform:scaleX(1);opacity:1;}to{transform:scaleX(0);opacity:.45;}} .notif-panel{width:min(400px,94vw);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-left:1px solid #dce4ec;box-shadow:-16px 0 42px rgba(15,31,45,.22);} .notif-panel-header{min-height:78px;padding:18px 18px 16px;background:linear-gradient(135deg,#263238 0%,#455a64 52%,#0d47a1 100%);box-shadow:0 8px 20px rgba(38,50,56,.20);} .notif-panel-header h3{font-size:1.28rem;letter-spacing:.1px;} .notif-panel-close{width:34px;height:34px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);transition:background .18s,transform .18s;} .notif-panel-close:hover{background:rgba(255,255,255,.28);transform:rotate(90deg);} .notif-panel-actions{padding:12px 14px;border-bottom:1px solid #e4eaf1;background:#fff;flex-wrap:wrap;} .notif-panel-actions button{min-height:36px;padding:8px 10px;border:1px solid #dce4ec;background:#f5f8fb;color:#455a64;transition:background .18s,border-color .18s,transform .18s;} .notif-panel-actions button:hover{background:#eaf2fb;border-color:#90caf9;transform:translateY(-1px);} .notif-panel-list{padding:14px;background:linear-gradient(180deg,#f8fafc,#eef3f7);} .notif-item{position:relative;padding:13px 13px 13px 14px;border:1px solid #dce4ec;border-left:4px solid #90a4ae;border-radius:14px;background:#fff;box-shadow:0 3px 10px rgba(37,56,88,.06);transition:border-color .18s,box-shadow .18s,transform .18s;} .notif-item:hover{border-color:#90caf9;box-shadow:0 8px 18px rgba(37,56,88,.11);transform:translateY(-1px);} .notif-item.unread{background:linear-gradient(135deg,#fffdf6,#fff8e1);border-left-color:#ff9800;border-color:#ffcc80;} .notif-item.unread::after{content:'NOVA';position:absolute;top:10px;right:10px;padding:2px 6px;border-radius:20px;background:#ff9800;color:#fff;font-size:.56rem;font-weight:800;letter-spacing:.4px;} .notif-item .ni-title{font-size:.88rem;color:#263238;} .notif-item .ni-msg{font-size:.78rem;line-height:1.45;color:#607d8b;} .notif-item .ni-time{font-size:.68rem;color:#90a4ae;} .notif-empty{padding:54px 24px;color:#607d8b;} .notif-empty i{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:18px;background:#eaf2fb;color:#1565c0;opacity:1;font-size:1.6rem;} @media(max-width:620px){.toast-container{bottom:calc(82px + env(safe-area-inset-bottom,0px));width:calc(100vw - 20px);}.toast-msg{border-radius:14px;padding-right:40px;}.notif-panel{width:min(100vw,400px);}.notif-panel-actions button{flex:1 1 calc(50% - 8px);}} /* ===== v2.5 — PADRÃO VISUAL INSPEÇÕES / ESTABILIDADE DE CARDS ===== */ :root{--insp-ink:#1f2d36;--insp-muted:#607d8b;--insp-blue:#1565c0;--insp-blue-dark:#0d47a1;--insp-border:#dfe7ef;--insp-surface:#f8fafc;--insp-shadow:0 10px 28px rgba(30,41,59,.10);} /* Dashboard — Visão Geral do Sistema */ #dashboard>.card:first-of-type{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fafc 100%);border-color:var(--insp-border);box-shadow:0 12px 30px rgba(30,41,59,.11);} #dashboard>.card:first-of-type::before{content:'';position:absolute;right:-120px;top:-170px;width:360px;height:360px;border:1px solid rgba(21,101,192,.10);border-radius:50%;box-shadow:0 0 0 22px rgba(21,101,192,.025),0 0 0 44px rgba(21,101,192,.018);pointer-events:none;} #dashboard>.card:first-of-type .section-title{position:relative;z-index:1;margin-bottom:18px;color:var(--insp-ink);border-bottom-color:#e4ebf1;} #dashboard>.card:first-of-type .section-title::after{background:linear-gradient(90deg,#1565c0,#90caf9);} #dashboard>.card:first-of-type .dash-grid{position:relative;z-index:1;gap:14px;} #dashboard>.card:first-of-type .stat-card{border:1px solid rgba(255,255,255,.28);border-radius:17px;box-shadow:0 7px 18px rgba(30,41,59,.14);} #dashboard>.card:first-of-type .stat-card:hover{box-shadow:0 12px 26px rgba(30,41,59,.19);} #dashboard>.card:first-of-type>div[style*="border:1.5px dashed"]{position:relative;z-index:1;background:linear-gradient(135deg,#fff9f0,#fff4e8)!important;border:1px solid #ffd59a!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(230,81,0,.07);padding:15px 15px 6px!important;} #dashboard>.card:first-of-type>div[style*="border:1.5px dashed"] h4{font-family:'Rajdhani','Segoe UI',sans-serif!important;font-size:1rem!important;letter-spacing:.2px;} #dashboard>.card:nth-of-type(2),#dashboard>.card:nth-of-type(3),#dashboard>.card:nth-of-type(4){border-color:var(--insp-border);box-shadow:0 8px 22px rgba(30,41,59,.08);} #dashboard .chart-container{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 12px rgba(30,41,59,.04);} #dashboard .progress-container{display:grid;gap:10px;padding:14px;background:linear-gradient(135deg,#f8fafc,#eef3f7);border:1px solid var(--insp-border);border-radius:16px;} #dashboard .progress-item{margin:0;padding:13px 14px;border:1px solid #e1e8ef;border-radius:13px;background:rgba(255,255,255,.86);box-shadow:0 3px 9px rgba(30,41,59,.04);} #dashboard .progress-label{margin-bottom:8px;color:var(--insp-ink);} #dashboard .progress-label span{display:flex;align-items:center;gap:7px;} #dashboard .progress-bar-bg{height:10px;border:1px solid #dbe5ec;background:#e9eff4;} #dashboard .export-actions .btn-export{min-height:48px;border-radius:12px;box-shadow:0 5px 13px rgba(30,41,59,.12);} #dashboard .export-actions .btn-export:hover{box-shadow:0 9px 19px rgba(30,41,59,.18);} /* Diagnóstico do Sistema — padrão de painel profissional */ #backup .backup-diagnostic-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#1f2d36 0%,#455a64 54%,#0d47a1 100%)!important;border:1px solid rgba(255,255,255,.18)!important;border-left:1px solid rgba(255,255,255,.18)!important;border-radius:19px!important;padding:20px!important;box-shadow:0 14px 32px rgba(15,31,45,.23)!important;color:#fff;} #backup .backup-diagnostic-card::before{content:'';position:absolute;right:-90px;top:-120px;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.025);pointer-events:none;} #backup .backup-diagnostic-card h4{position:relative;z-index:1;margin:0 0 14px!important;color:#fff!important;font-family:'Rajdhani','Segoe UI',sans-serif!important;font-size:1.18rem!important;letter-spacing:.2px;} #backup .backup-diagnostic-card h4 i{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.14);color:#90caf9;} #backup #diagnostico-sistema{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:4px;} #backup #diagnostico-sistema>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.10);color:#e3f2fd!important;font-size:.78rem!important;line-height:1.35!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);} #backup #diagnostico-sistema>div strong{color:#fff!important;font-weight:700;} #backup .backup-diagnostic-card>button{position:relative;z-index:1;min-height:46px;margin-top:15px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:linear-gradient(135deg,#1976d2,#0d47a1)!important;box-shadow:0 7px 16px rgba(0,0,0,.18)!important;} #backup .backup-diagnostic-card>button:hover{filter:brightness(1.08);transform:translateY(-1px);} /* Avisos do Dashboard — informação prioritária, sem pulso permanente */ #alertas-pendentes-dash{display:grid;gap:10px;margin-bottom:18px;} #alertas-pendentes-dash .alert-pending-card{position:relative;overflow:hidden;min-height:74px;margin:0;padding:15px 17px 15px 15px;border:1px solid #ffcc80;border-left:4px solid #ff9800;border-radius:17px;background:linear-gradient(135deg,#fffaf0,#fff3df);box-shadow:0 7px 18px rgba(230,81,0,.10);animation:none!important;transform:none!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;} #alertas-pendentes-dash .alert-pending-card::after{content:'';position:absolute;right:-70px;top:-110px;width:190px;height:190px;border:1px solid rgba(255,152,0,.13);border-radius:50%;pointer-events:none;} #alertas-pendentes-dash .alert-pending-card.danger{border-color:#ef9a9a;border-left-color:#c62828;background:linear-gradient(135deg,#fff7f7,#ffebee);box-shadow:0 7px 18px rgba(198,40,40,.10);} #alertas-pendentes-dash .alert-pending-card.marker{border-color:#ffcc80;border-left-color:#ef6c00;background:linear-gradient(135deg,#fffaf0,#ffe8c2);box-shadow:0 7px 18px rgba(239,108,0,.11);} #alertas-pendentes-dash .alert-pending-card:hover{border-color:#90caf9;box-shadow:0 10px 23px rgba(30,41,59,.13);} #alertas-pendentes-dash .alert-pending-icon{position:relative;z-index:1;width:46px;height:46px;border:1px solid rgba(255,152,0,.28);border-radius:14px;box-shadow:0 4px 10px rgba(230,81,0,.10);} #alertas-pendentes-dash .alert-pending-icon.marker{animation:none!important;background:#fff3e0;color:#ef6c00;} #alertas-pendentes-dash .alert-pending-info{position:relative;z-index:1;} #alertas-pendentes-dash .alert-pending-info strong{font-family:'Rajdhani','Segoe UI',sans-serif;font-size:.98rem;letter-spacing:.1px;} #alertas-pendentes-dash .alert-pending-info span{display:block;margin-top:3px;line-height:1.4;} #alertas-pendentes-dash .alert-pending-arrow{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.68);color:#607d8b;} /* Cards de Equipamentos, Anual e Por Áreas — identidade comum e clique estável */ #lista .item-card,#organizacao .item-card,#anual .anual-item-card{animation:none!important;-webkit-animation:none!important;transform:none!important;-webkit-transform:none!important;will-change:auto!important;-webkit-tap-highlight-color:transparent;} #lista .item-card:hover,#organizacao .item-card:hover,#anual .anual-item-card:hover{transform:none!important;-webkit-transform:none!important;} #lista .item-card:active,#lista .item-card:focus,#organizacao .item-card:active,#organizacao .item-card:focus,#anual .anual-item-card:active,#anual .anual-item-card:focus{transform:none!important;-webkit-transform:none!important;} #lista .item-card,#organizacao .item-card{border:1px solid var(--insp-border);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:0 3px 10px rgba(30,41,59,.055);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;} #lista .item-card:hover,#organizacao .item-card:hover{border-color:#90caf9;box-shadow:0 8px 20px rgba(30,41,59,.11);} #lista .item-card.marcado,#organizacao .item-card.marcado{animation:none!important;border-style:solid!important;border-color:#ffb74d!important;background:linear-gradient(180deg,#fffaf2,#fff4e3)!important;box-shadow:0 4px 14px rgba(239,108,0,.11)!important;} #lista .item-card.marcado::before,#organizacao .item-card.marcado::before{width:5px!important;animation:none!important;} #lista .item-card .btn-icon,#organizacao .item-card .btn-icon,#anual .anual-item-check{animation:none!important;-webkit-animation:none!important;transform:none!important;-webkit-transform:none!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;will-change:auto!important;-webkit-tap-highlight-color:transparent;} #lista .item-card .btn-icon:active,#organizacao .item-card .btn-icon:active,#anual .anual-item-check:active{transform:none!important;-webkit-transform:none!important;} #lista .item-card .btn-icon:hover,#organizacao .item-card .btn-icon:hover{transform:none!important;box-shadow:0 5px 12px rgba(30,41,59,.16);} #lista .badge-marcador,#organizacao .badge-marcador,#lista .marcador-indicator,#organizacao .marcador-indicator{animation:none!important;} #lista .filter-option input[type="checkbox"]{animation:none!important;transition:none!important;transform:none!important;-webkit-transform:none!important;appearance:none;-webkit-appearance:none;width:19px;height:19px;border:1.5px solid #b7c8d5;border-radius:6px;background:#fff;display:inline-grid;place-content:center;} #lista .filter-option input[type="checkbox"]::after{content:'✓';font-size:.72rem;font-weight:900;color:#fff;transform:scale(0);transition:none!important;} #lista .filter-option input[type="checkbox"]:checked{background:#1565c0;border-color:#1565c0;} #lista .filter-option input[type="checkbox"]:checked::after{transform:scale(1);} #organizacao .area-section,#organizacao .area-header,#organizacao .area-content-wrapper,#organizacao .area-content-inner{animation:none!important;-webkit-animation:none!important;transform:none!important;-webkit-transform:none!important;transition:none!important;} #organizacao .area-section{border-radius:17px;border-color:var(--insp-border);box-shadow:0 5px 15px rgba(30,41,59,.06);} #organizacao .area-section:hover{border-color:#90caf9;box-shadow:0 9px 22px rgba(30,41,59,.11);} #organizacao .area-header{background:linear-gradient(135deg,#fff 0%,#f4f8fb 100%);} #organizacao .area-header:active{background:#f4f8fb;transform:none!important;} /* Confirmação — apagar notificações / exclusões */ #modal-confirm{background:rgba(15,31,45,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);} #modal-confirm .modal-content{width:min(440px,calc(100vw - 28px))!important;border:1px solid rgba(220,228,236,.92);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fafc 100%);box-shadow:0 24px 64px rgba(15,31,45,.33);} #modal-confirm .modal-header{min-height:72px;padding:16px 18px;border:0;background:linear-gradient(135deg,#263238 0%,#455a64 56%,#0d47a1 100%);} #modal-confirm .modal-header h3{display:flex;align-items:center;gap:9px;color:#fff;font-family:'Rajdhani','Segoe UI',sans-serif;font-size:1.2rem;letter-spacing:.35px;} #modal-confirm .modal-header h3 i{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.15);color:#ffcc80;} #modal-confirm .modal-close{width:33px;height:33px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;box-shadow:none;} #modal-confirm .modal-close:hover{background:rgba(255,255,255,.25);transform:none;} #modal-confirm .modal-content>div:last-child{padding:24px 22px 22px!important;text-align:left!important;} #modal-confirm .confirm-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;border:1px solid #ffcc80;border-radius:18px;background:linear-gradient(135deg,#fff8e1,#ffe0b2);color:#e65100;font-size:1.8rem;animation:none!important;} #modal-confirm #confirm-mensagem{margin:0 0 19px!important;padding:15px 16px!important;border:1px solid #e1e8ef;border-left:4px solid #ff9800;border-radius:14px;background:#fff;color:#263238!important;font-size:.94rem!important;line-height:1.55!important;box-shadow:0 4px 12px rgba(30,41,59,.05);} #modal-confirm .modal-content>div:last-child>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;} #modal-confirm #confirm-btn-nao,#modal-confirm #confirm-btn-sim{width:100%!important;min-width:0!important;min-height:46px;padding:11px 14px!important;margin:0!important;border-radius:12px!important;font-size:.84rem!important;box-shadow:0 5px 13px rgba(30,41,59,.12)!important;} #modal-confirm #confirm-btn-nao{background:linear-gradient(135deg,#78909c,#455a64)!important;} #modal-confirm #confirm-btn-sim{background:linear-gradient(135deg,#c62828,#8e0000)!important;} #modal-confirm #confirm-btn-nao:hover,#modal-confirm #confirm-btn-sim:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(30,41,59,.18)!important;} #modal-confirm #confirm-btn-nao:active,#modal-confirm #confirm-btn-sim:active{transform:none;} @media(max-width:620px){ #dashboard>.card:first-of-type{border-radius:16px;} #dashboard>.card:first-of-type>div[style*="border:1.5px dashed"]{padding:13px 12px 5px!important;} #backup #diagnostico-sistema{grid-template-columns:1fr;} #alertas-pendentes-dash .alert-pending-card{padding:13px 12px;gap:10px;} #alertas-pendentes-dash .alert-pending-icon{width:42px;height:42px;flex-basis:42px;} #modal-confirm .modal-content>div:last-child{padding:21px 16px 17px!important;} #modal-confirm .modal-content>div:last-child>div:last-child{grid-template-columns:1fr;} } @media(prefers-reduced-motion:reduce){#alertas-pendentes-dash .alert-pending-card,#modal-confirm .confirm-icon{animation:none!important;}} /* ===== v2.5 — CORREÇÃO PERSISTENTE DE PISCADA E DIAGNÓSTICO ===== */ html,body{scrollbar-gutter:stable;} /* Modal: uma única pintura, sem fade, atraso de visibility ou transform. */ #modal-detalhes, #modal-detalhes:not(.active){ display:none!important; opacity:1!important; visibility:hidden!important; pointer-events:none!important; transition:none!important; animation:none!important; -webkit-animation:none!important; transform:none!important; -webkit-transform:none!important; } #modal-detalhes.active{ display:flex!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; transition:none!important; animation:none!important; -webkit-animation:none!important; transform:none!important; -webkit-transform:none!important; isolation:isolate; contain:layout paint; } #modal-detalhes .modal-content, #modal-detalhes .modal-header, #modal-detalhes #modal-body, #modal-detalhes .modal-loading-state, #modal-detalhes .modal-loading-state *{ opacity:1!important; visibility:visible!important; transition:none!important; -webkit-transition:none!important; animation:none!important; -webkit-animation:none!important; transform:none!important; -webkit-transform:none!important; will-change:auto!important; } #modal-detalhes .modal-close:hover, #modal-detalhes .modal-close:active, #modal-detalhes .modal-loading-spinner i{transform:none!important;-webkit-transform:none!important;animation:none!important;-webkit-animation:none!important;} /* Equipamentos, Anual e Por Áreas: nenhum elemento se move ao tocar para abrir detalhes. */ #lista .item-card, #lista .item-card *, #organizacao .item-card, #organizacao .item-card *, #organizacao .area-section, #organizacao .area-header, #organizacao .area-content-wrapper, #organizacao .area-content-inner, #anual .anual-item-card, #anual .anual-item-card *{ animation:none!important; -webkit-animation:none!important; transition:none!important; -webkit-transition:none!important; transform:none!important; -webkit-transform:none!important; will-change:auto!important; } #lista .item-card:active, #organizacao .item-card:active, #anual .anual-item-card:active, #anual .anual-item-info:active, #anual .anual-item-check:active{ animation:none!important; -webkit-animation:none!important; transition:none!important; -webkit-transition:none!important; transform:none!important; -webkit-transform:none!important; } /* Seleção anual: contraste forte e checkbox fisicamente estável. */ #anual .anual-item-card{ border:2px solid #d1d8e2!important; background:#fff!important; box-shadow:0 2px 8px rgba(30,41,59,.07)!important; -webkit-tap-highlight-color:transparent!important; } #anual .anual-item-card.selecionado, #anual .anual-item-card.selecionado:hover, #anual .anual-item-card.selecionado:active{ border:3px solid #4527a0!important; background:linear-gradient(135deg,#e8e0f5 0%,#f3edff 100%)!important; box-shadow:0 0 0 3px rgba(94,53,177,.25),0 8px 20px rgba(69,39,160,.23)!important; transform:none!important; -webkit-transform:none!important; } #anual .anual-item-card.selecionado .anual-item-info h4{color:#2b166f!important;} #anual .anual-item-card.selecionado .anual-item-area, #anual .anual-item-card.selecionado .anual-item-category{color:#4527a0!important;} #anual .anual-select-control{opacity:1!important;} #anual .anual-select-control > span{color:#4527a0!important;font-weight:900!important;} #anual .anual-item-check, #anual .anual-item-check:hover, #anual .anual-item-check:focus, #anual .anual-item-check:active, #anual .anual-item-check.checked{ flex:0 0 30px!important; width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; margin:0!important; padding:0!important; border:2px solid #7f8da3!important; border-radius:8px!important; background:#fff!important; color:#fff!important; opacity:1!important; box-shadow:none!important; transform:none!important; -webkit-transform:none!important; transition:none!important; -webkit-transition:none!important; animation:none!important; -webkit-animation:none!important; -webkit-tap-highlight-color:transparent!important; touch-action:manipulation; } #anual .anual-item-check:hover{border-color:#5e35b1!important;background:#f4efff!important;} #anual .anual-item-check:focus-visible{outline:3px solid rgba(94,53,177,.36)!important;outline-offset:3px;} #anual .anual-item-check.checked, #anual .anual-item-card.selecionado .anual-item-check{ border-color:#2b166f!important; background:#5e35b1!important; color:#fff!important; box-shadow:0 0 0 3px rgba(94,53,177,.23)!important; } #anual .anual-item-check i, #anual .anual-item-check.checked i{ display:block!important; color:#fff!important; opacity:1!important; font-size:.86rem!important; line-height:1!important; transform:none!important; -webkit-transform:none!important; } #anual .anual-item-card:not(.selecionado) .anual-item-check i{display:none!important;} /* Diagnóstico do Sistema: alinhamento consistente em todos os tamanhos. */ #backup .backup-diagnostic-card{box-sizing:border-box!important;text-align:left!important;} #backup #diagnostico-sistema{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;} #backup #diagnostico-sistema>div{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;overflow-wrap:anywhere!important;} #backup #diagnostico-sistema>div strong{flex:0 0 auto!important;} #backup #diagnostico-sistema>div:not(:has(strong)){justify-content:flex-start!important;} #backup .backup-diagnostic-card>button{width:100%!important;box-sizing:border-box!important;} @media(max-width:620px){ #anual .anual-item-check, #anual .anual-item-check:hover, #anual .anual-item-check:focus, #anual .anual-item-check:active, #anual .anual-item-check.checked{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;} #anual .anual-item-card.selecionado{border-width:3px!important;} #backup #diagnostico-sistema{grid-template-columns:1fr!important;} } /* Login footer 2026 — espaço garantido */ .login-screen .login-box{max-height:min(98dvh,900px)!important;display:flex!important;flex-direction:column!important;overflow:visible!important;} .login-footer{display:block!important;margin-top:auto!important;padding:26px 20px 42px!important;min-height:76px!important; color:rgba(255,255,255,.9)!important;font-size:.84rem!important;line-height:1.55!important; border-top:1px solid rgba(255,255,255,.16)!important;text-align:center!important;flex-shrink:0!important;} /* Diálogos FireGuardian Pro (sem domínio Cloudflare) */ .fg-dialog-overlay{position:fixed;inset:0;z-index:2147483640;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:18px;} .fg-dialog-overlay.active{display:flex;} .fg-dialog{background:#fff;border-radius:18px;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden;animation:fgDialogIn .22s ease;} @keyframes fgDialogIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}} .fg-dialog-head{background:linear-gradient(135deg,#b71c1c,#8e0000);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px;} .fg-dialog-head .ico{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.15rem;} .fg-dialog-head h4{margin:0;font-family:Rajdhani,sans-serif;font-size:1.15rem;letter-spacing:.02em;} .fg-dialog-head small{display:block;opacity:.85;font-size:.72rem;margin-top:2px;} .fg-dialog-body{padding:18px;color:#37474f;font-size:.92rem;line-height:1.5;white-space:pre-wrap;} .fg-dialog-actions{padding:0 18px 18px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;} .fg-dialog-actions button{border:none;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;font-size:.85rem;} .fg-dialog-btn-cancel{background:#eceff1;color:#455a64;} .fg-dialog-btn-ok{background:linear-gradient(135deg,#b71c1c,#8e0000);color:#fff;}