.integration-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.integration-stats article{background:#fff;border:1px solid #dce6ed;border-radius:13px;padding:16px;display:grid;gap:4px}.integration-stats small,.integration-stats span{color:#718293}.integration-stats strong{font-size:26px;color:#102c49}.integration-stats .warning{border-color:#edc77e;background:#fffaf0}.integration-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}.integration-list{display:grid;gap:11px}.integration-card{background:#fff;border:1px solid #dce6ed;border-radius:14px;padding:16px;display:grid;grid-template-columns:48px minmax(220px,1fr) auto 170px;gap:13px;align-items:center}.channel-icon{width:46px;height:46px;border-radius:12px;background:#0b2340;color:#fff;display:grid;place-items:center;font-weight:800}.integration-main{display:grid;gap:3px}.integration-main small,.integration-main span,.integration-sync small{color:#718293}.integration-status,.sync-status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#edf2f5;color:#496177}.integration-status.conectada,.sync-status.sucesso{background:#e3f5eb;color:#177245}.integration-status.erro,.sync-status.erro{background:#fde9e9;color:#a33333}.integration-status.atencao,.sync-status.parcial{background:#fff2d7;color:#946000}.integration-status.pausada{background:#eee;color:#777}.integration-sync{display:grid;gap:3px}.integration-actions{grid-column:2/5;display:flex;gap:8px;align-items:center;border-top:1px solid #e4eaef;padding-top:11px}.integration-actions form{display:flex;gap:7px;margin:0}.integration-actions a,.integration-actions button,.integration-actions select{border:1px solid #cfdae3;background:#f4f7f9;color:#214c6d;border-radius:7px;padding:7px 9px;text-decoration:none}.integration-form{display:none;position:sticky;top:85px;background:#fff;border:1px solid #dce6ed;border-radius:14px;padding:19px}.integration-layout.form-open .integration-form{display:block}.integration-form form{display:grid;gap:11px}.integration-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.integration-form input,.integration-form select{width:100%;box-sizing:border-box;border:1px solid #cfdae3;border-radius:8px;padding:10px}.integration-form .two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.integration-form fieldset{border:1px solid #dce6ed;border-radius:10px;padding:12px;display:grid;gap:9px}.integration-form legend{font-weight:800}.integration-form fieldset p{font-size:12px;color:#718293;margin:0}.sync-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sync-options label{display:flex;align-items:center;gap:7px}.sync-options input{width:auto}.integration-log{background:#fff;border:1px solid #dce6ed;border-radius:14px;margin-top:20px;padding:18px}.integration-log h2{margin-top:0}.integration-log table{width:100%;border-collapse:collapse}.integration-log th,.integration-log td{text-align:left;border-bottom:1px solid #e5ebef;padding:10px}.integration-log td small{display:block;color:#718293}.demo-volume{background:linear-gradient(135deg,#0b2340,#123d66);color:#fff;border-radius:15px;padding:20px;margin:18px 0}.demo-volume>div p{color:#43c6ff;font-size:11px;font-weight:800;letter-spacing:.12em;margin:0}.demo-volume>div h2{margin:6px 0}.demo-volume>div span{color:#bed0e2}.demo-volume article{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px;margin-top:14px}.demo-volume article>div{display:grid;gap:3px}.demo-volume article small,.demo-volume article span{color:#c7d6e5}.demo-volume button{border:0;border-radius:9px;padding:10px 12px;font-weight:800}.demo-generate{background:#1c94f4;color:#fff}.demo-clean{background:#fff;color:#a2232d}@media(max-width:1100px){.integration-layout{grid-template-columns:1fr}.integration-form{position:static}.integration-stats{grid-template-columns:1fr 1fr}}@media(max-width:850px){.demo-volume article{grid-template-columns:1fr}.demo-volume article form,.demo-volume button{width:100%}}@media(max-width:700px){.integration-stats{grid-template-columns:1fr}.integration-card{grid-template-columns:48px 1fr}.integration-status,.integration-sync{grid-column:2}.integration-actions{grid-column:1/3;flex-wrap:wrap}.integration-actions form{flex-wrap:wrap}.integration-form .two,.sync-options{grid-template-columns:1fr}}