/* ASY CONNECT — mobile responsive deep black + gold */
.wa-shell{--gold:#f2b84b;--muted:#aaa39a;color:#f3eee5;max-width:1570px;margin:0 auto;padding:12px 0 45px;min-width:0}
.wa-shell *{box-sizing:border-box}
.wa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px;border:1px solid #302b23;border-radius:21px;background:radial-gradient(circle at 85% -20%,#35271566,transparent 50%),#0d0c0b;margin-bottom:15px}
.wa-eyebrow{letter-spacing:.16em;color:var(--gold);font-weight:850;font-size:10px}
.wa-head h2{font-size:clamp(28px,4vw,44px);margin:9px 0;line-height:1.12;color:#faf4e9;letter-spacing:-.04em}
.wa-head h2 em{color:var(--gold);font-style:normal}
.wa-head p{color:var(--muted);font-size:13px;line-height:1.6;max-width:590px;margin:0}
.wa-head-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wa-live{font-size:12px;font-weight:800;color:#55d6a0}
.wa-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 12px;margin-bottom:12px}
.wa-tabs button,.wa-shell .wa-btn{background:#1b1a17;color:#d4cabc;border:1px solid #494136;border-radius:10px;font-size:12px;font-weight:750;padding:10px 13px;white-space:nowrap;min-height:38px}
.wa-tabs button.active{color:#f8d890;background:#2c2518;border-color:#88703d}
.wa-shell .wa-btn.gold{background:#e9b85d;color:#1c1305;border-color:#e9b85d}.wa-shell .wa-btn.danger{color:#f0aaa2;background:#241714;border-color:#6f3834}
.wa-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.wa-tile,.wa-panel{background:#111110;border:1px solid #2a2925;border-radius:18px;min-width:0}
.wa-tile{padding:19px;min-height:115px;display:flex;flex-direction:column}.wa-tile small{color:#aba49a;font-size:12px}.wa-tile strong{font-size:clamp(22px,3vw,30px);color:#f6f0e4;letter-spacing:-.04em;margin:9px 0}.wa-tile span{color:#848078;font-size:11px}
.wa-panel{padding:22px;margin:0 0 15px}.wa-panel h3{color:#f7f0e2;font-size:16px;margin:0 0 8px}.wa-panel p,.wa-panel-head p{font-size:12.5px;color:#a9a198;line-height:1.6}.wa-panel-head{margin-bottom:15px}.wa-panel-head p{margin:0}
.wa-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wa-two .wa-panel{height:fit-content}
.wa-setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #2a2823;padding:14px 0}.wa-setting-row:last-child{border-bottom:0}
.wa-setting-row b{display:block;color:#eae4d8;font-size:13px}.wa-setting-row small,.wa-rule small,.wa-list-row small{display:block;color:#8b857c;font-size:11px;line-height:1.6;margin-top:4px}
.wa-status{display:inline-flex;border:1px solid #65522f;background:#2a2519;border-radius:8px;padding:5px 8px;color:#dfb46b;font-weight:850;font-size:10px;white-space:nowrap}
.wa-status.good{background:#11291e;border-color:#245d43;color:#69dbab}.wa-status.bad{background:#2c1b18;border-color:#6b3937;color:#eea29b}
.wa-actions,.wa-rule-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px}
.wa-timeline>div{border-left:2px solid #866434;margin-left:5px;padding:2px 0 13px 13px}.wa-timeline small{color:#d8a950;font-size:11px}.wa-timeline p{margin:5px 0 0;overflow-wrap:anywhere}
.wa-muted{font-size:12px!important;color:#999187!important;line-height:1.6}.wa-alert{color:#e8d4ae;background:#282114;border:1px solid #665435;border-radius:11px;font-size:12px;line-height:1.7;padding:13px 15px;margin-bottom:14px}.wa-alert.error{background:#2d1818;border-color:#794039;color:#f2ada3}
.wa-conversation{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:15px;background:#080907;border:1px solid #292820;border-radius:14px}
.wa-message{max-width:86%;padding:11px 13px;background:#24201a;border:1px solid #42392b;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:12px}
.wa-message.sent{align-self:flex-end;background:#19291f;border-color:#2e5740}.wa-message.received{align-self:flex-start}.wa-message small{display:block;color:#aaa39a;font-size:10px;margin-bottom:6px}
.wa-list-row,.wa-rule{padding:13px 0;border-bottom:1px solid #2e2b27;display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-list-row:last-child,.wa-rule:last-child{border-bottom:0}.wa-list-row b,.wa-rule b{font-size:13px;color:#e5dcd0;display:block}
.wa-commands{display:grid;gap:8px;margin-top:12px}.wa-command{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;border:1px solid #413a30;border-radius:10px;padding:11px;background:#1b1915;color:#eee6d9;font-size:12px}.wa-command span{font-size:10px;color:#eabb65}
.wa-form{display:grid;gap:16px;margin-top:16px}.wa-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.wa-form label{font-size:12px;color:#dfd7ca;font-weight:700;display:flex;flex-direction:column;gap:7px}.wa-form label.wa-inline-check{display:flex;flex-direction:row;align-items:center;align-self:end}
.wa-form input:not([type=checkbox]),.wa-form select,.wa-form textarea,.wa-small-input{background:#080908;border:1px solid #484038;border-radius:10px;color:#f3ede2;padding:11px;width:100%;font-size:12px;max-width:100%}.wa-form textarea{min-height:100px}
.wa-form input[type=checkbox]{width:17px;height:17px;accent-color:#d8aa53}.wa-shell .wa-small-input{max-width:95px}
.wa-switch{display:inline-flex;flex-shrink:0;position:relative;width:43px;height:25px;cursor:pointer}.wa-switch input{position:absolute;opacity:0}.wa-toggle{display:block;width:43px;height:25px;border-radius:40px;background:#37332c;border:1px solid #544d43;position:relative}.wa-toggle:before{content:'';position:absolute;background:#d0c6b6;border-radius:100%;width:17px;height:17px;left:3px;top:3px;transition:transform .15s}.wa-switch input:checked+.wa-toggle{background:#987333;border-color:#e4ad49}.wa-switch input:checked+.wa-toggle:before{transform:translateX(17px);background:#ffe2a7}
.wa-chart{display:flex;align-items:end;gap:10px;height:210px;overflow:auto;padding:10px 4px;border-bottom:1px solid #363129}.wa-bar-col{min-width:23px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%}.wa-bar-pair{height:170px;display:flex;align-items:end;gap:3px}.wa-bar-pair span{min-height:2px;width:9px;border-radius:4px 4px 0 0}.wa-bar-pair .received{background:#d5a552}.wa-bar-pair .sent{background:#51a77c}.wa-bar-col small{color:#877c70;font-size:10px}
.wa-loading{padding:36px;text-align:center;color:#c9c0af}.wa-notice:not(:empty){position:sticky;bottom:15px;z-index:9;max-width:450px;margin:10px auto;border:1px solid #8a6b3a;background:#2b2417;color:#ebd3a6;border-radius:11px;padding:12px;font-size:12px}
.wa-shell button:focus-visible,.wa-shell input:focus-visible,.wa-shell select:focus-visible,.wa-shell textarea:focus-visible{outline:2px solid #f2b84b;outline-offset:2px}
@media(max-width:950px){.wa-two{grid-template-columns:1fr}.wa-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wa-head{display:block;padding:17px}.wa-head-tools{margin-top:15px}.wa-panel{padding:16px}.wa-tile{padding:13px;min-height:102px}.wa-tiles{gap:8px}.wa-form-row{grid-template-columns:1fr}.wa-rule,.wa-list-row{flex-direction:column;align-items:flex-start}.wa-message{max-width:94%}.wa-head h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.wa-shell *{transition:none!important;animation:none!important}}