/* Integracao final V2 - painel de homologacao no aplicativo beta, sem alterar o PWA oficial. */
#integracao-final-v2{box-sizing:border-box;max-width:1100px;margin:16px auto 20px;padding:21px;border:1px solid #d9e2e9;border-left:4px solid #287c64;border-radius:16px;background:#fff;box-shadow:0 7px 25px rgba(15,46,59,.06);clear:both;color:#193446}
#integracao-final-v2 *{box-sizing:border-box}
#integracao-final-v2 .if-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
#integracao-final-v2 .if-heading>div{flex:1;min-width:230px}
#integracao-final-v2 .if-eyebrow{font-size:11px;letter-spacing:.075em;color:#375b72;font-weight:800}
#integracao-final-v2 h2{font-size:clamp(20px,2.5vw,27px);margin:5px 0 8px;color:#163c52;line-height:1.2}
#integracao-final-v2 p{font-size:14px;line-height:1.5;margin:7px 0;color:#375063}
#integracao-final-v2 .if-state{font-size:12px;max-width:240px;font-weight:750;background:#f0f5fb;color:#294c69;border-radius:20px;padding:8px 12px}
#integracao-final-v2 .if-state[data-mode="teste"]{background:#fff4e5;color:#7b4b12}
#integracao-final-v2 .if-state[data-mode="operacional"]{background:#e8f4ea;color:#145c2f}
#integracao-final-v2 .if-state[data-mode="erro"]{background:#fff0ed;color:#9d3026}
#integracao-final-v2 .if-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
#integracao-final-v2 .if-metrics>div{background:#f5f8fb;border:1px solid #e2ebf2;border-radius:12px;padding:13px 12px}
#integracao-final-v2 .if-metrics strong{font-size:24px;color:#1e5b72;display:block;font-variant-numeric:tabular-nums}
#integracao-final-v2 .if-metrics small{display:block;font-size:12px;line-height:1.3;color:#4c6170}
#integracao-final-v2 .if-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
#integracao-final-v2 .if-actions>a,#integracao-final-v2 .if-actions>button{font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;background:#e9f3f5;color:#184c64;border:1px solid #cbdfe5;border-radius:9px;padding:10px 12px;text-decoration:none;cursor:pointer;min-height:40px}
#integracao-final-v2 .if-actions>a:hover,#integracao-final-v2 .if-actions>button:hover{background:#d9eaf0}
@media(max-width:650px){#integracao-final-v2{margin:10px 0;padding:14px 12px}#integracao-final-v2 .if-metrics{gap:5px}#integracao-final-v2 .if-metrics>div{padding:9px 7px}#integracao-final-v2 .if-metrics strong{font-size:21px}#integracao-final-v2 .if-actions>a,#integracao-final-v2 .if-actions>button{width:100%;text-align:center}}
@media(max-width:760px){body.mobile-section-open #integracao-final-v2{display:none!important}}