.tns-wa{color:#17201c;background:#fff;border:1px solid #dfe4dc;border-radius:12px;font-size:12px;overflow:hidden;box-shadow:0 2px 8px #17201c06}.tns-wa__header{border-bottom:1px solid #edf0ea;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.tns-wa h2{color:#071747;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.tns-wa h2 span{color:#007f63;background:#effaf5;border-radius:5px;padding:3px 7px;font-size:10px}.tns-wa__header p{color:#68746f;margin:4px 0 0;font-size:11px}.tns-wa__button,.tns-wa__detail{cursor:pointer;font:inherit;white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tns-wa__button{color:#52605a;background:#fff;border:1px solid #dfe4dc;border-radius:6px;padding:6px 10px}.tns-wa button:hover:not(:disabled){color:#007f63;background:#edf5f0}.tns-wa button:disabled{opacity:.4;cursor:default}.tns-wa :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #009b78}.tns-wa__metrics{grid-template-columns:.7fr 1.5fr 1fr 1.2fr 1fr;gap:8px;padding:12px 16px 0;display:grid}.tns-wa__metrics>div{background:#fbfbf8;border:1px solid #dfe4dc;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.tns-wa__metrics span{align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.tns-wa__metrics strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1}.tns-wa .tns-wa--success{color:#007f63;background:#effaf5;border-color:#b7e1d1}.tns-wa .tns-wa--pending{color:#263a86;background:#edf8ff;border-color:#b6d7ef}.tns-wa .tns-wa--warning{color:#735300;background:#fff8e5;border-color:#ead39a}.tns-wa .tns-wa--danger{color:#b42318;background:#fff1f1;border-color:#f1b8b8}.tns-wa .tns-wa--muted{color:#52605a;background:#f2f5f8;border-color:#dfe4dc}.tns-wa__filters{gap:8px;padding:12px 16px;display:flex}.tns-wa__filters input{width:100%;min-width:100px;font:inherit;color:#17201c;background:#fff;border:1px solid #dfe4dc;border-radius:6px;flex:1;padding:7px 10px}.tns-wa__filters select{font:inherit;color:#52605a;background:#fff;border:1px solid #dfe4dc;border-radius:6px;max-width:220px;padding:6px 9px}.tns-wa__scroll{border-top:1px solid #edf0ea;border-bottom:1px solid #edf0ea;max-height:390px;overflow:auto}.tns-wa table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%}.tns-wa th{z-index:1;color:#68746f;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f7f8f5;border-bottom:1px solid #dfe4dc;padding:9px 16px;font-size:10px;font-weight:600;position:sticky;top:0}.tns-wa td{border-bottom:1px solid #edf0ea;padding:7px 16px}.tns-wa tbody tr:hover{background:#fbfcfa}.tns-wa__badge{white-space:nowrap;border:1px solid;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.tns-wa__id{font-family:ui-monospace,monospace;font-weight:600}.tns-wa__email{text-overflow:ellipsis;color:#52605a;max-width:240px;overflow:hidden}.tns-wa__date{color:#68746f;font-variant-numeric:tabular-nums}.tns-wa__detail{color:#007f63;background:0 0;border:0;padding:3px}.tns-wa__expanded{white-space:normal;background:#f7f9f6}.tns-wa__detail-grid{grid-template-columns:1fr 2fr;gap:24px;padding:10px 0;display:grid}.tns-wa__detail-grid p{color:#52605a;margin:7px 0}.tns-wa__detail-grid small{color:#68746f;line-height:1.8}.tns-wa pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #dfe4dc;border-radius:8px;max-height:260px;margin:8px 0;padding:12px;line-height:1.6;overflow:auto}.tns-wa__empty{text-align:center;color:#68746f;padding:24px!important}.tns-wa__footer{color:#68746f;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font-size:11px;display:flex}.tns-wa__footer>div{align-items:center;gap:10px;display:flex}.tns-wa__error{color:#b42318;margin:12px 16px}@media (width<=900px){.tns-wa__metrics{grid-template-columns:repeat(3,1fr)}.tns-wa__metrics>div{padding:8px}.tns-wa__detail-grid{grid-template-columns:1fr}.tns-wa__header{align-items:flex-start}.tns-wa__filters{flex-wrap:wrap}.tns-wa__filters input{flex-basis:100%}.tns-wa__footer{flex-wrap:wrap}.tns-wa td,.tns-wa th{padding-left:10px;padding-right:10px}}.tns-wa__phone{color:#17201c;margin-top:2px;font-family:ui-monospace,monospace;font-size:11px}