/* ComercialHost CH30: contato publico. Escopo isolado, sem alterar a area do cliente logado. */
html:has(#ch30PublicContact) body #main-body{max-width:1170px!important;padding-bottom:35px!important}
html:has(#ch30PublicContact) body #main-body .main-content{float:none!important;width:100%!important;max-width:100%!important}
html:has(#ch30PublicContact) body #main-body .header-lined{max-width:780px!important;margin:12px auto 0!important}
html:has(#ch30PublicContact) body #main-body .header-lined h1{font-size:31px!important;line-height:1.25!important;font-weight:780!important;margin:10px 0 12px!important}
html:has(#ch30PublicContact) body #main-body .header-lined .breadcrumb{max-width:780px!important;width:100%!important}
html:has(#ch30PublicContact) body .ch30-contact-wrapper{
  max-width:780px;margin:22px auto 50px;padding:28px 30px 31px;border-radius:16px;
  background:#1b2940;color:#e2ebf7;border:1px solid #354d6c;
  box-shadow:none;font-family:inherit;
}
.ch30-contact-wrapper .ch30-public-heading{text-align:left;margin-bottom:19px}
.ch30-contact-wrapper .ch30-eyebrow{display:block;color:#67beff;font-size:11px;letter-spacing:.085em;font-weight:750}
.ch30-contact-wrapper .ch30-public-heading h2{font-size:24px;line-height:1.25;font-weight:780;color:#fff;margin:6px 0 9px}
.ch30-contact-wrapper .ch30-public-heading p{color:#adc0d8;line-height:1.6;margin:0;font-size:14px}
.ch30-contact-wrapper .ch30-customer-callout{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#14243c;border:1px solid #3a516d;padding:15px 17px;border-radius:10px;margin-bottom:23px}
.ch30-contact-wrapper .ch30-customer-callout strong{display:block;color:#fff;font-weight:750;font-size:14px;margin-bottom:4px}
.ch30-contact-wrapper .ch30-customer-callout span{display:block;color:#b1c4da;font-size:12px}
.ch30-contact-wrapper .ch30-customer-callout a{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:#ff7411;color:#fff;text-decoration:none;border-radius:8px;font-size:12px;font-weight:760;padding:12px 14px}
.ch30-contact-wrapper .ch30-customer-callout a:hover{background:#e96300;color:#fff}
.ch30-contact-wrapper .ch30-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ch30-contact-wrapper .ch30-form-row{margin-bottom:17px}
.ch30-contact-wrapper label{display:block;margin-bottom:8px;font-size:13px;font-weight:720;color:#e6effa}
.ch30-contact-wrapper label span{color:#9aadc8;font-weight:400}
.ch30-contact-wrapper input:not([type=hidden]),.ch30-contact-wrapper textarea,.ch30-contact-wrapper select{display:block;box-sizing:border-box;width:100%;border-radius:8px;border:1px solid #3b526d;color:#eaf3ff;background:#122035;outline:0!important;padding:12px 13px;font:inherit;font-size:14px;min-height:46px;box-shadow:none!important}
.ch30-contact-wrapper input:focus,.ch30-contact-wrapper textarea:focus,.ch30-contact-wrapper select:focus{border-color:#5a8ebf}
.ch30-contact-wrapper textarea{min-height:125px;resize:vertical}
.ch30-contact-wrapper input::placeholder,.ch30-contact-wrapper textarea::placeholder{color:#8599b4}
.ch30-contact-wrapper .ch30-trap{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ch30-contact-wrapper .ch30-captcha{text-align:center}
.ch30-contact-wrapper .ch30-captcha:empty{display:none}
.ch30-contact-wrapper .ch30-privacy{color:#9fb1c8;font-size:11px;margin:4px 0 17px}
.ch30-contact-wrapper .ch30-actions{display:flex;gap:9px;align-items:center;justify-content:flex-start}
.ch30-contact-wrapper .ch30-actions #ch30Send{background:#ff7411!important;border:1px solid #ff7411!important;border-radius:9px!important;box-shadow:none!important;color:#fff!important;min-height:44px!important;font-size:14px!important;font-weight:730!important;padding:11px 23px!important}
.ch30-contact-wrapper .ch30-actions #ch30Send:hover{background:#e96500!important;border-color:#e96500!important}
.ch30-contact-wrapper .ch30-cancel{padding:11px 14px;border:1px solid #3b526d;border-radius:9px;color:#bed0e5;text-decoration:none}
.ch30-contact-wrapper .ch30-cancel:hover{color:#fff;border-color:#6b829c}
html:has(#ch30PublicContact) .alert.alert-danger{max-width:780px}
@media(max-width:600px){
 html:has(#ch30PublicContact) body .ch30-contact-wrapper{padding:18px 15px;margin:10px auto 28px}
 .ch30-contact-wrapper .ch30-form-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .ch30-contact-wrapper .ch30-customer-callout{flex-direction:column;align-items:flex-start}
 .ch30-contact-wrapper .ch30-customer-callout a{width:100%;justify-content:center}
 .ch30-contact-wrapper .ch30-actions{flex-wrap:wrap}
}
/* Estilo compacto para uso do formulario por iframe no chat flutuante do site. */
html.ch30-chat-frame,html.ch30-chat-frame body{background:#fff!important;color:#202a3b!important;margin:0!important;padding:0!important;min-width:0!important;}
html.ch30-chat-frame body section#header,html.ch30-chat-frame body section#main-menu,html.ch30-chat-frame body section#footer,html.ch30-chat-frame body .navbar,html.ch30-chat-frame body #main-body .header-lined,html.ch30-chat-frame body .ch30-public-heading,html.ch30-chat-frame body .ch30-customer-callout,html.ch30-chat-frame body .ch30-optional-person,html.ch30-chat-frame body .ch30-optional-topic,html.ch30-chat-frame body .ch30-cancel,html.ch30-chat-frame body .ch30-privacy,html.ch30-chat-frame body .back-to-top{display:none!important}
html.ch30-chat-frame body #main-body,html.ch30-chat-frame body #main-body .row,html.ch30-chat-frame body #main-body .main-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;float:none!important;min-height:0!important}
html.ch30-chat-frame body .ch30-contact-wrapper{max-width:none!important;background:#fff!important;color:#263445!important;padding:7px 4px!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html.ch30-chat-frame body .ch30-form-grid{display:block!important}
html.ch30-chat-frame body .ch30-form-row{margin-bottom:14px}
html.ch30-chat-frame body .ch30-contact-wrapper label{font-size:12px!important;color:#303a46!important}
html.ch30-chat-frame body .ch30-contact-wrapper input:not([type=hidden]),html.ch30-chat-frame body .ch30-contact-wrapper textarea{min-height:43px!important;padding:10px 11px!important;background:#fff!important;color:#222!important;border:1px solid #d5dce6!important;border-radius:9px!important;font-size:13px!important}
html.ch30-chat-frame body .ch30-contact-wrapper textarea{min-height:98px!important}
html.ch30-chat-frame body .ch30-contact-wrapper input::placeholder,html.ch30-chat-frame body .ch30-contact-wrapper textarea::placeholder{color:#98a3b1!important}
html.ch30-chat-frame body .ch30-contact-wrapper .ch30-actions #ch30Send{width:100%!important;background:#f97316!important;color:#fff!important;border:0!important;padding:12px!important}
html.ch30-chat-frame body .ch30-captcha{margin:8px 0!important}
html.ch30-chat-frame body .ch30-actions{margin:4px 0!important}

/* Editor nativo permanece funcional, mas sem ferramentas de formatacao para visitante. */
html.ch30-public-contact .md-editor .md-header,html.ch30-public-contact .md-editor .md-footer{display:none!important}
html.ch30-public-contact #ch30PublicForm textarea#inputMessage{display:block!important;min-height:125px!important;resize:vertical!important;}
html.ch30-public-contact .ch30-simplified-form .row.form-group{margin-bottom:0!important;}
html.ch30-public-contact .ch30-simplified-form .form-group{margin-bottom:16px!important;}
html.ch30-public-contact .ch30-simplified-form #ch30Topic{min-height:45px!important;}
html.ch30-chat-frame .ch30-simplified-form .ch30-optional-person,html.ch30-chat-frame .ch30-simplified-form .ch30-optional-topic{display:none!important;}
html.ch30-chat-frame #ch30PublicForm .col-sm-4,html.ch30-chat-frame #ch30PublicForm .col-sm-5,html.ch30-chat-frame #ch30PublicForm .col-sm-3{width:100%!important;float:none!important;max-width:100%!important;padding:0!important;}
html.ch30-chat-frame #ch30PublicForm .row{display:block!important;}
html.ch30-chat-frame .ch30-simplified-form #inputMessage{min-height:100px!important;}
.ch30-success{max-width:750px;margin:30px auto;background:#1a3143;border:1px solid #2d755c;border-radius:15px;padding:30px;text-align:center;color:#d9ffeb;}
.ch30-success i{font-size:30px;color:#1cc886;}
.ch30-success h2{color:#fff;font-size:25px;margin:10px 0 8px;}
.ch30-success p{color:#bbd4c9;font-size:14px;}

/* Confirmation in embedded contact flow. */
html.ch30-chat-frame .ch30-success{max-width:100%!important;margin:20px 6px!important;padding:18px 12px!important;border-radius:12px!important;}
html.ch30-chat-frame .ch30-success h2{font-size:19px!important;}


/* CH31: iframe do chat com visual claro, sem moldura de pagina e sem segunda rolagem. */
html.ch30-chat-frame,html.ch30-chat-frame body{
 width:100%!important;min-width:0!important;min-height:0!important;
 height:auto!important;margin:0!important;padding:0!important;
 overflow:hidden!important;overflow-y:hidden!important;
 background:#fff!important;color:#27313f!important;
}
html.ch30-chat-frame body #main-body{
 display:block!important;width:100%!important;max-width:100%!important;
 padding:0!important;margin:0!important;min-height:0!important;
 background:#fff!important;border:0!important;overflow:hidden!important;
}
html.ch30-chat-frame body #main-body > .row,
html.ch30-chat-frame body #main-body .main-content{
 display:block!important;float:none!important;
 width:100%!important;max-width:100%!important;
 min-height:0!important;margin:0!important;padding:0!important;
 background:#fff!important;border:0!important;
}
html.ch30-chat-frame body #ch30PublicContact{
 width:100%!important;max-width:100%!important;
 padding:0!important;margin:0!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 background:#fff!important;color:#27313f!important;
}
html.ch30-chat-frame body #main-body #ch30PublicContact form#ch30PublicForm{
 display:block!important;position:relative!important;
 width:100%!important;max-width:100%!important;
 margin:0!important;padding:1px 1px 3px!important;
 background:#fff!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 color:#27313f!important;min-height:0!important;
}
html.ch30-chat-frame body #ch30PublicForm .row{
 display:block!important;width:100%!important;
 margin:0!important;padding:0!important;min-height:0!important;
}
html.ch30-chat-frame body #ch30PublicForm .form-group{
 display:block!important;float:none!important;
 width:100%!important;max-width:100%!important;
 margin:0 0 13px!important;padding:0!important;
 border:0!important;background:transparent!important;
}
html.ch30-chat-frame body #ch30PublicForm .form-group[style*="display: none"],
html.ch30-chat-frame body #ch30PublicForm .ch30-optional-person,
html.ch30-chat-frame body #ch30PublicForm .ch30-optional-topic{display:none!important;}
html.ch30-chat-frame body #ch30PublicForm label{
 display:block!important;width:100%!important;
 padding:0!important;margin:0 0 5px!important;
 color:#3a4758!important;font-size:12px!important;font-weight:690!important;
 background:none!important;line-height:1.4!important;
}
html.ch30-chat-frame body #ch30PublicForm #inputEmail,
html.ch30-chat-frame body #ch30PublicForm #ch30Phone,
html.ch30-chat-frame body #ch30PublicForm #inputMessage{
 display:block!important;
 width:100%!important;max-width:100%!important;
 min-width:0!important;min-height:43px!important;height:43px!important;
 padding:9px 12px!important;margin:0!important;
 background:#fff!important;color:#1c2939!important;
 border:1px solid #d3dce7!important;border-radius:9px!important;
 box-shadow:none!important;outline:0!important;
 font-family:inherit!important;font-size:13px!important;font-weight:450!important;
 line-height:1.45!important;
}
html.ch30-chat-frame body #ch30PublicForm #inputEmail:focus,
html.ch30-chat-frame body #ch30PublicForm #ch30Phone:focus,
html.ch30-chat-frame body #ch30PublicForm #inputMessage:focus{
 border-color:#1686ec!important;box-shadow:0 0 0 2px rgba(22,134,236,.09)!important;
}
html.ch30-chat-frame body #ch30PublicForm #inputMessage{
 height:105px!important;min-height:105px!important;
 resize:vertical!important;
}
html.ch30-chat-frame body #ch30PublicForm #inputEmail::placeholder,
html.ch30-chat-frame body #ch30PublicForm #ch30Phone::placeholder,
html.ch30-chat-frame body #ch30PublicForm #inputMessage::placeholder{
 color:#94a0ae!important;opacity:1!important;
}
html.ch30-chat-frame body #ch30PublicForm .md-editor,
html.ch30-chat-frame body #ch30PublicForm .md-editor .md-preview{
 display:block!important;background:#fff!important;border:0!important;
 margin:0!important;padding:0!important;
 box-shadow:none!important;
}
html.ch30-chat-frame body #ch30PublicForm .md-header,
html.ch30-chat-frame body #ch30PublicForm .md-footer{display:none!important;}
html.ch30-chat-frame body #ch30PublicForm .ch30-actions{
 display:flex!important;align-items:center!important;
 width:100%!important;padding:0!important;margin:4px 0 0!important;
 background:#fff!important;min-height:0!important;
}
html.ch30-chat-frame body #ch30PublicForm #openTicketSubmit{
 display:block!important;width:100%!important;
 min-height:44px!important;height:44px!important;
 padding:9px 12px!important;margin:0!important;
 background:#ff7411!important;border:0!important;
 color:#fff!important;border-radius:9px!important;
 box-shadow:none!important;font-size:13px!important;font-weight:750!important;
}
html.ch30-chat-frame body #ch30PublicForm .ch30-privacy,
html.ch30-chat-frame body #ch30PublicForm .ch30-cancel{display:none!important;}
html.ch30-chat-frame body #ch30PublicForm .ch30-trap{display:none!important;}
html.ch30-chat-frame body #main-body .alert{margin:6px 0 10px!important;}
html.ch30-chat-frame body #ch30PublicForm .text-center.margin-bottom{margin:0!important;padding:0!important;}

/* CH31 acabamento: remover linhas vazias internas deixadas pelo WHMCS original. */
html.ch30-chat-frame:has(#ch30PublicContact) body #main-body{padding:0!important;}
html.ch30-chat-frame body #main-body #ch30PublicForm > .row{display:block!important;margin:0!important;padding:0!important;gap:0!important;}
html.ch30-chat-frame body #main-body #ch30PublicForm > .row:has(> .ch30-optional-topic),html.ch30-chat-frame body #main-body #ch30PublicForm > .row:has(#inputDepartment){display:none!important;}
html.ch30-chat-frame body #main-body #ch30PublicForm > .row > .form-group{margin:0 0 12px!important;padding:0!important;}
html.ch30-chat-frame body #main-body #ch30PublicForm > .form-group{margin:0 0 12px!important;padding:0!important;}

/* CH32: contrast and rhythm for only the public embedded form. */
html.ch30-chat-frame body #main-body #ch30PublicContact form#ch30PublicForm label{color:#334155!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;margin-bottom:5px!important;text-shadow:none!important;}
html.ch30-chat-frame body #main-body #ch30PublicContact form#ch30PublicForm>.row{margin:0!important;padding:0!important;}
html.ch30-chat-frame body #main-body #ch30PublicContact form#ch30PublicForm>.form-group{margin-top:5px!important;}
/* CH31 2026-11-03: equal input sizes and aligned Google reCAPTCHA on public contact only. */
html.ch30-public-contact #ch30PublicForm .ch30-phone input#ch30Phone {height:44px!important;min-height:44px!important;max-height:44px!important;box-sizing:border-box!important;border-width:1px!important;padding:12px 13px!important;}
html.ch30-public-contact #ch30PublicForm .text-center.margin-bottom:has(.g-recaptcha) {text-align:left!important;display:block!important;margin:8px 0 17px!important;}
html.ch30-public-contact #ch30PublicForm .text-center.margin-bottom:has(.g-recaptcha) > .row {margin-left:0!important;margin-right:0!important;display:block!important;}
html.ch30-public-contact #ch30PublicForm .text-center.margin-bottom .g-recaptcha {margin-left:0!important;margin-right:auto!important;display:block!important;}
html.ch30-public-contact #ch30PublicForm .ch30-actions {margin-top:4px!important;}
@media(max-width:767px){html.ch30-public-contact #ch30PublicForm .text-center.margin-bottom:has(.g-recaptcha){margin-top:12px!important;margin-bottom:16px!important;}}