.contact-channel-panel{color:#172a35;background:#fff;border:1px solid #d9e3e8;border-radius:12px;margin:18px 0;overflow:hidden}.contact-channel-panel>header{border-bottom:1px solid #e5edf1;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.contact-channel-panel>header span{color:#007f9f;letter-spacing:.1em;font-size:10px;font-weight:800}.contact-channel-panel h3{margin:4px 0;font-size:19px;line-height:1.3}.contact-channel-panel>header p{color:#637680;margin:0;font-size:12px}.contact-channel-panel>header button{color:#334e5c;cursor:pointer;background:#fff;border:1px solid #c9d8e0;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.contact-channel-panel button:disabled{opacity:.6;cursor:wait}.contact-channel-filters{background:#f8fafb;flex-wrap:wrap;gap:10px;padding:12px 18px;display:flex}.contact-channel-filters label{color:#536c7a;text-transform:uppercase;gap:5px;min-width:160px;font-size:10px;font-weight:800;display:grid}.contact-channel-filters select,.contact-channel-filters input{min-height:38px;font:inherit;color:#213b49;background:#fff;border:1px solid #c9d8e0;border-radius:6px;padding:7px 10px;font-size:12px}.contact-channel-counters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 10px;display:grid}.contact-channel-counters article{background:#eff9fc;border:1px solid #d3e8ef;border-left:4px solid #00aeef;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.contact-channel-counters article.whatsapp{background:#f0faf4;border-color:#d5ecdf #d5ecdf #d5ecdf #2aa76a}.contact-channel-counters article.voice{background:#fff9e9;border-color:#efe5c7 #efe5c7 #efe5c7 #e6b826}.contact-channel-counters svg{color:#007f9f;flex-shrink:0;width:24px;height:24px}.contact-channel-counters .whatsapp svg{color:#16854c}.contact-channel-counters .voice svg{color:#927015}.contact-channel-counters span{color:#4e6572;font-size:12px;line-height:1.4;display:block}.contact-channel-counters strong{color:#172a35;margin-top:4px;font-size:26px;line-height:1.1;display:block}.contact-channel-note{color:#667b86;margin:0;padding:0 18px 14px;font-size:11px;line-height:1.5}.contact-channel-panel>details{border-top:1px solid #e5edf1}.contact-channel-panel>details>summary{color:#007e9e;cursor:pointer;padding:12px 18px;font-size:12px;font-weight:750}.contact-channel-table{padding:0 18px 14px;overflow-x:auto}.contact-channel-table table{border-collapse:collapse;width:100%;min-width:540px;font-size:12px}.contact-channel-table th,.contact-channel-table td{text-align:left;border-bottom:1px solid #e6edf1;padding:10px}.contact-channel-table thead{color:#4e6572;background:#f1f6f8}.contact-channel-table tbody th{font-weight:700}.contact-channel-table small{color:#71858f;margin-top:3px;font-size:10px;font-weight:400;display:block}.contact-channel-error{color:#a1342a;background:#fff1ef;margin:0;padding:12px 18px;font-size:12px}.contact-channel-panel :focus-visible{outline-offset:2px;outline:3px solid #00aeef}@media (width<=640px){.contact-channel-counters{grid-template-columns:1fr;gap:8px;padding:12px}.contact-channel-counters article{padding:12px}.contact-channel-counters article>div{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.contact-channel-counters strong{margin:0;font-size:24px}.contact-channel-panel>header{padding:14px 12px}.contact-channel-panel h3{font-size:17px}.contact-channel-filters{padding:12px}.contact-channel-filters label{flex:1;min-width:130px}.contact-channel-note{padding:0 12px 12px}}.contact-contact-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 18px 0;display:grid}.contact-contact-totals article{background:#f8fbfc;border:1px solid #dce7ec;border-radius:8px;min-width:0;padding:12px}.contact-contact-totals span{color:#4e6572;font-size:12px;line-height:1.4;display:block}.contact-contact-totals strong{color:#172a35;margin:5px 0;font-size:26px;display:block}.contact-contact-totals small,.contact-channel-counters small{color:#526e7c;font-size:11px;line-height:1.5;display:block}.contact-channel-counters article{align-items:flex-start}@media (width<=900px){.contact-contact-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.contact-contact-totals{padding:12px 12px 0}.contact-channel-counters article>div{display:block}.contact-channel-counters strong{margin:5px 0}.contact-contact-totals strong{font-size:23px}}
