/* ComercialHost CH31: chat compacto. Escopo exclusivo; nao altera outros componentes do site. */
#ch30-chat-root{position:fixed;right:22px;bottom:22px;z-index:2147481000;font-family:"Plus Jakarta Sans",Arial,sans-serif;color:#202b3b;}
#ch30-chat-root *,#ch30-chat-root *::before,#ch30-chat-root *::after{box-sizing:border-box;}
#ch30-chat-root button{cursor:pointer;font-family:inherit;}
#ch30-chat-root #ch30-chat-toggle{
 position:relative;display:flex;align-items:center;justify-content:center;
 width:62px;height:62px;min-width:62px;min-height:62px;
 margin:0 0 0 auto;padding:0;border:0;border-radius:50%;
 background:#0879de;color:#fff;
 box-shadow:0 7px 22px rgba(20,27,40,.25);
 font-size:26px;line-height:1;
 transition:transform .18s ease,background-color .18s ease;
}
#ch30-chat-root #ch30-chat-toggle:hover{transform:scale(1.07);background:#006acb;}
#ch30-chat-root #ch30-chat-toggle .ch30-status-dot{display:none!important;}
#ch30-chat-root #ch30-chat-toggle svg{width:30px;height:30px;display:block;stroke:#fff;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
#ch30-chat-root button:focus-visible,#ch30-chat-root a:focus-visible{outline:2px solid #ff841f;outline-offset:3px;}
/* Important: site-wide section { padding:72px 24px } previously added huge white gutters. */
#ch30-chat-root section#ch30-chat-panel{
 position:absolute;right:0;bottom:76px;width:425px;
 max-width:calc(100vw - 28px);
 height:min(670px,calc(100dvh - 115px));
 min-height:315px;
 display:flex;flex-direction:column;
 overflow:hidden;
 padding:0!important;margin:0!important;
 border:1px solid #dce5ed;border-radius:16px;
 background:#fff;color:#202b3b;
 box-shadow:0 12px 40px rgba(4,22,40,.27);
 transform-origin:bottom right;
}
#ch30-chat-root section#ch30-chat-panel[hidden]{display:none!important;}
#ch30-chat-root section#ch30-chat-panel.ch30-expanded{width:min(545px,calc(100vw - 28px));height:min(790px,calc(100dvh - 105px));}
#ch30-chat-root #ch30-chat-header{
 display:flex;flex:none;align-items:center;gap:11px;
 min-height:70px;width:100%;margin:0;padding:13px 15px;
 background:#0879de;color:#fff;
 border-radius:15px 15px 0 0;
}
#ch30-chat-root #ch30-chat-brand{
 display:flex;align-items:center;justify-content:center;
 width:39px;height:39px;flex:none;border:2px solid rgba(255,255,255,.50);
 border-radius:50%;background:#fff;color:#0879de;
 font-size:19px;font-weight:850;
}
#ch30-chat-root #ch30-chat-header .ch30-heading{flex:1;min-width:0;}
#ch30-chat-root #ch30-chat-header .ch30-heading strong{display:block;color:#fff;font-size:15px;font-weight:790;line-height:1.24;}
#ch30-chat-root #ch30-chat-header .ch30-heading small{display:block;color:#e5f3ff;font-size:11px;font-weight:450;margin-top:3px;}
#ch30-chat-root #ch30-chat-header .ch30-controls{display:flex;align-items:center;gap:1px;}
#ch30-chat-root #ch30-chat-header .ch30-iconbtn{display:flex;align-items:center;justify-content:center;width:31px;height:31px;padding:0;border:0;border-radius:7px;background:transparent;color:#fff;font-size:16px;}
#ch30-chat-root #ch30-chat-header .ch30-iconbtn:hover{background:rgba(255,255,255,.16);}
#ch30-chat-root #ch30-chat-body{
 flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;
 width:100%;margin:0;padding:14px 13px 4px;
 background:#fff;color:#202b3b;
 scrollbar-width:thin;scrollbar-color:#bac8d6 transparent;
 overscroll-behavior:contain;
}
#ch30-chat-root #ch30-chat-body .ch30-bot-message{
 margin:0 0 11px;padding:13px 14px;border-radius:12px;
 background:#f2f4f7;color:#26313f;
 font-size:13px;line-height:1.52;
 box-shadow:none;overflow-wrap:anywhere;
}
#ch30-chat-root #ch30-chat-body .ch30-bot-message p{margin:0 0 9px;}
#ch30-chat-root #ch30-chat-body .ch30-bot-message p:last-child{margin-bottom:0;}
#ch30-chat-root #ch30-chat-body .ch30-bot-message strong{font-weight:790;color:#202b3b;}
#ch30-chat-root #ch30-chat-body .ch30-bot-message .ch30-offline-title{display:block;font-size:13px;line-height:1.5;margin-bottom:10px;}
#ch30-chat-root #ch30-chat-body .ch30-bot-message a{
 display:inline-flex;align-items:center;gap:7px;
 margin-top:8px;padding:10px 12px;border-radius:8px;
 background:#ff7411;color:#fff;border:0;
 font-size:12px;font-weight:760;text-decoration:none;
}
#ch30-chat-root #ch30-chat-body .ch30-bot-message a:hover{background:#e96800;color:#fff;}
#ch30-chat-root #ch30-chat-form-wrap{display:block;min-height:0;overflow:visible;margin:0;padding:0;}
#ch30-chat-root #ch30-chat-form-wrap[hidden]{display:none!important;}
#ch30-chat-root #ch30-chat-body .ch30-iframe-wrap{width:100%;height:auto;min-height:0!important;overflow:hidden;margin:0;padding:0;border:0;background:#fff;border-radius:0;}
#ch30-chat-root #ch30-chat-frame{display:block;width:100%;height:500px;min-height:0;border:0;margin:0;padding:0;background:#fff;overflow:hidden;}
#ch30-chat-root #ch30-chat-body .ch30-loading{padding:7px;text-align:center;color:#7b899b;font-size:12px;}
#ch30-chat-root #ch30-chat-body .ch30-loading[hidden]{display:none!important;}
#ch30-chat-root #ch30-chat-success{margin:5px 0 12px;padding:20px 14px;border-radius:12px;border:1px solid #b9edd2;background:#eafaf2;color:#16583d;text-align:center;}
#ch30-chat-root #ch30-chat-success[hidden]{display:none!important;}
#ch30-chat-root #ch30-chat-success i{display:block;color:#10a568;font-size:28px;margin-bottom:10px;}
#ch30-chat-root #ch30-chat-success h3{color:#16583d;font-size:16px;font-weight:790;margin:0 0 7px;}
#ch30-chat-root #ch30-chat-success p{color:#29664f;font-size:12px;line-height:1.5;margin:0;}
#ch30-chat-root .ch30-bottom-note{padding:8px 10px;border-top:1px solid #edf1f5;background:#fff;color:#8292a8;text-align:center;font-size:10px;line-height:1.4;flex:none;}
@media(max-width:600px){
 #ch30-chat-root{right:13px;bottom:14px;}
 #ch30-chat-root #ch30-chat-toggle{width:57px;height:57px;min-width:57px;min-height:57px;}
 #ch30-chat-root section#ch30-chat-panel,
 #ch30-chat-root section#ch30-chat-panel.ch30-expanded{
  width:calc(100vw - 26px);max-width:none;right:0;bottom:68px;
  height:min(700px,calc(100dvh - 100px));min-height:260px;
 }
 #ch30-chat-root #ch30-chat-body{padding:10px 11px 2px;}
 #ch30-chat-root #ch30-chat-header{min-height:65px;padding:11px 12px;}
}
@media(prefers-reduced-motion:reduce){#ch30-chat-root #ch30-chat-toggle{transition:none;}}

/* CH32: success action appears only after WHMCS confirms the ticket. */
#ch30-chat-root #ch32-chat-success-close{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:17px 0 0;padding:10px 20px;border-radius:9px;border:1px solid #0879de;background:#0879de;color:#fff;font-size:12px;font-weight:750;box-shadow:none;cursor:pointer;}
#ch30-chat-root #ch32-chat-success-close:hover{background:#006acb;border-color:#006acb;color:#fff;}