/* Consolidated comercialhost-pages-v21 */
/* ComercialHost V21 | Area do cliente: paginas nao personalizadas.
   Layout premium compartilhado. Exclusao expressa dos planos e checkout. */
html.ch21-polish body .main-content {color:#d7e5f7}
html.ch21-polish body .main-content >.table-container,
html.ch21-polish body .main-content >.tab-content,
html.ch21-polish body .main-content >.table-responsive,
html.ch21-polish body .main-content .table-container {
  border:1px solid #324964!important;background:#17253c!important;border-radius:12px!important;
  box-shadow:none!important;overflow:hidden!important;margin:16px 0 22px!important;
}
html.ch21-polish body .main-content .table-container .dataTables_wrapper {padding:15px 16px 9px!important;min-width:0}
html.ch21-polish body .main-content table.table-list,
html.ch21-polish body .main-content table.table {width:100%!important;max-width:100%!important;background:transparent!important;border:0!important;margin:0!important;color:#dbe8f8!important}
html.ch21-polish body .main-content table.table-list thead,
html.ch21-polish body .main-content table.table thead {background:#1f3351!important}
html.ch21-polish body .main-content table.table-list thead th,
html.ch21-polish body .main-content table.table thead th {
 border:0!important;border-bottom:1px solid #3a5575!important;
 color:#c2d8f2!important;font-weight:720!important;letter-spacing:.005em!important;
 font-size:12px!important;padding:15px 13px!important;vertical-align:middle!important;
 background:transparent!important;text-shadow:none!important;
}
html.ch21-polish body .main-content table.table-list tbody td,
html.ch21-polish body .main-content table.table tbody td {
 border:0!important;border-bottom:1px solid #2d4261!important;
 color:#d6e5f7!important;font-size:12.6px!important;line-height:1.5!important;
 padding:13px!important;vertical-align:middle!important;background:transparent!important;
}
html.ch21-polish body .main-content table.table-list tbody tr:hover td,
html.ch21-polish body .main-content table.table tbody tr:hover td {background:#213650!important}
html.ch21-polish body .main-content table.table-list tbody tr:last-child td,
html.ch21-polish body .main-content table.table tbody tr:last-child td {border-bottom:0!important}
html.ch21-polish body .main-content table td a:not(.btn) {color:#68bbff!important}
html.ch21-polish body .main-content .dataTables_wrapper :is(.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate) {color:#a9bedb!important;font-size:12px!important}
html.ch21-polish body .main-content .dataTables_wrapper .row {margin:0!important}
html.ch21-polish body .main-content .dataTables_wrapper .row>[class*="col-"]{padding:5px 8px!important}
html.ch21-polish body .main-content .dataTables_wrapper select,
html.ch21-polish body .main-content .dataTables_wrapper input {
 min-height:36px!important;height:36px!important;border:1px solid #3a5575!important;
 background:#111f34!important;color:#e8f2ff!important;border-radius:7px!important;
 padding:7px 10px!important;box-shadow:none!important;
}
html.ch21-polish body .main-content .pagination>li>a,
html.ch21-polish body .main-content .pagination>li>span {
 border:1px solid #385373!important;background:#1b2e48!important;color:#c3d8f3!important;
 padding:7px 12px!important;box-shadow:none!important;
}
html.ch21-polish body .main-content .pagination>.active>a,
html.ch21-polish body .main-content .pagination>li>a:hover{background:#28517b!important;color:#fff!important;border-color:#487caa!important}
html.ch21-polish body .main-content .nav-tabs{border:0!important;border-bottom:1px solid #34506f!important;margin-bottom:12px!important}
html.ch21-polish body .main-content .nav-tabs>li>a {color:#b6cce5!important;border:0!important;border-radius:8px 8px 0 0!important;background:transparent!important;padding:11px 17px!important}
html.ch21-polish body .main-content .nav-tabs>li.active>a,
html.ch21-polish body .main-content .nav-tabs>li>a:hover {background:#253f61!important;color:#fff!important;border:0!important}
html.ch21-polish body .main-content .form-control,
html.ch21-polish body .main-content :is(input,textarea,select).form-control {
 background:#111f34!important;border:1px solid #3a5274!important;border-radius:8px!important;
 box-shadow:none!important;color:#eef6ff!important;min-height:41px!important;
 font-size:12.8px!important;
}
html.ch21-polish body .main-content :is(input,select,textarea).form-control:disabled{background:#24334b!important;color:#9fb3cf!important;opacity:.8!important}
html.ch21-polish body .main-content .form-group>label {font-size:12.4px!important;color:#d9e8fa!important;font-weight:670!important;margin-bottom:7px!important}
html.ch21-polish body .main-content .help-block{font-size:11.5px!important;color:#96adc9!important}
html.ch21-polish body .main-content .alert:not(.admin-masquerade-notice){
 background:#1b314c!important;border:1px solid #385b82!important;border-radius:9px!important;
 color:#d2e4fa!important;box-shadow:none!important;font-size:12.6px!important;line-height:1.6!important;
}
html.ch21-polish body .main-content .alert-danger{background:#3b2835!important;border-color:#704657!important;color:#ffdbe0!important}
html.ch21-polish body .main-content .alert-success{background:#163e35!important;border-color:#2b775e!important;color:#c7ffec!important}
html.ch21-polish body .main-content .btn:not(.btn-link) {border-radius:8px!important;box-shadow:none!important;text-shadow:none!important}
html.ch21-polish body .main-content .btn-primary{background:#f97316!important;border-color:#f97316!important;color:#fff!important}
html.ch21-polish body .main-content .btn-primary:hover{background:#ff8f38!important;color:#fff!important}
html.ch21-polish body .main-content .btn-default{background:#233952!important;border:1px solid #3b5574!important;color:#d8e7f9!important}
html.ch21-polish body .main-content .btn-default:hover{background:#2d4768!important;color:#fff!important}
html.ch21-polish body .main-content .btn-info{background:#244973!important;border:1px solid #4276a5!important;color:#e7f4ff!important}
html.ch21-polish body .main-content .btn-info:hover{background:#315c89!important;color:#fff!important}
html.ch21-polish body .main-content .label.status{border-radius:6px!important;padding:5px 9px!important;font-weight:710!important;font-size:11px!important}
html.ch21-polish body .main-content form.form-horizontal.using-password-strength,
html.ch21-polish body .main-content form[action*="action=security"] {
 padding:22px!important;background:#17253c!important;border:1px solid #324966!important;
 border-radius:12px!important;margin:18px 0!important;box-shadow:none!important;
}
html.ch21-polish body .main-content form.form-horizontal.using-password-strength .form-group{margin:0 0 19px!important}
html.ch21-polish body .main-content form.form-horizontal.using-password-strength .control-label{text-align:left!important;float:none!important;padding:9px 10px 0 0!important}
html.ch21-polish body .main-content .kbcategories>[class*="col-"]>a,
html.ch21-polish body .main-content .kbarticles>div {
 background:#17253c!important;border:1px solid #324966!important;border-radius:10px!important;
 color:#ddebf9!important;box-shadow:none!important;padding:14px!important;
}
html.ch21-polish body .main-content .well:not(.ch21-contact-permissions),
html.ch21-polish body .main-content .panel:not(.sidebar .panel) {
 background:#17253c!important;border:1px solid #324966!important;border-radius:11px!important;
 box-shadow:none!important;color:#d9e6f7!important;
}
/* Contatos: mesma hierarquia e linguagem visual da tela Meus Dados. */
html.ch21-polish body .ch21-contact-intro {
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 background:#17253c!important;border:1px solid #324966!important;border-radius:12px!important;
 margin:15px 0 16px!important;padding:19px 22px!important;
}
html.ch21-polish body .ch21-contact-intro span{color:#65b9f5!important;font-size:10.5px!important;letter-spacing:.12em!important;font-weight:800!important;margin-bottom:7px!important}
html.ch21-polish body .ch21-contact-intro h2 {font-size:22px!important;letter-spacing:-.035em!important;color:#f4faff!important;font-weight:780!important;margin:0 0 6px!important;line-height:1.22!important}
html.ch21-polish body .ch21-contact-intro p{font-size:12.5px!important;color:#9fb4d0!important;margin:0!important;line-height:1.55!important}
html.ch21-polish body .ch21-contact-picker{
 background:#17253c!important;border:1px solid #324966!important;border-radius:12px!important;
 padding:16px!important;margin:0 0 16px!important;box-shadow:none!important;
}
html.ch21-polish body .ch21-contact-picker form{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
html.ch21-polish body .ch21-contact-picker .form-group{margin:0!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}
html.ch21-polish body .ch21-contact-picker label{font-weight:700!important;color:#dae9fb!important;font-size:12.5px!important;margin:0!important}
html.ch21-polish body .ch21-contact-picker select{min-width:180px!important;max-width:100%!important;min-height:42px!important}
html.ch21-polish body .ch21-contact-picker button{min-height:42px!important;padding:8px 16px!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;margin:0 0 16px!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-columns:before,
html.ch21-polish body .ch21-contact-form .ch21-contact-columns:after{display:none!important;content:none!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-card{
 width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0 0 17px!important;
 background:#17253c!important;border:1px solid #324966!important;border-radius:12px!important;
 overflow:hidden!important;min-width:0!important;box-shadow:none!important;
}
html.ch21-polish body .ch21-contact-form .ch21-contact-card>.form-group{padding:0 18px!important;margin:0 0 13px!important}
html.ch21-polish body .ch21-contact-card-head{
 display:flex!important;align-items:center!important;gap:12px!important;
 background:#1e304b!important;border-bottom:1px solid #334b6b!important;
 padding:15px 17px!important;margin:0 0 17px!important;
}
html.ch21-polish body .ch21-contact-card-head .ch21-contact-icon{
 display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;
 background:#244365!important;border:1px solid #3b648a!important;border-radius:9px!important;color:#73c1fa!important;font-size:16px!important;
}
html.ch21-polish body .ch21-contact-card-head h2{font-size:16px!important;line-height:1.3!important;font-weight:750!important;color:#f5faff!important;margin:0 0 3px!important;padding:0!important}
html.ch21-polish body .ch21-contact-card-head p{font-size:11.6px!important;line-height:1.4!important;color:#99aec9!important;margin:0!important}
html.ch21-polish body .ch21-contact-form .form-group>.form-control,
html.ch21-polish body .ch21-contact-form .form-group input.form-control,
html.ch21-polish body .ch21-contact-form .form-group select.form-control{
 height:42px!important;width:100%!important;
}
html.ch21-polish body .ch21-contact-form .form-group .controls.checkbox label{
 font-size:12px!important;font-weight:500!important;color:#c8dbf0!important;line-height:1.55!important;
}
html.ch21-polish body .ch21-contact-form :is(.ch21-contact-permissions,.ch21-contact-email-pref){
 border:1px solid #324966!important;background:#17253c!important;border-radius:12px!important;
 overflow:hidden!important;padding:0 18px 17px!important;margin:0 0 16px!important;
 box-shadow:none!important;
}
html.ch21-polish body .ch21-contact-form .ch21-contact-permissions>.ch21-contact-card-head,
html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref>.ch21-contact-card-head{
 margin-left:-18px!important;margin-right:-18px!important;
}
html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref>label.control-label{display:none!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref .controls.checkbox{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px!important;
 margin:0!important;padding:0!important;
}
html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref .controls.checkbox br{display:none!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref .controls.checkbox label{
 display:flex!important;align-items:start!important;gap:8px!important;
 background:#14243a!important;border:1px solid #2c4261!important;
 border-radius:8px!important;padding:12px!important;font-size:12px!important;line-height:1.45!important;
 min-width:0!important;
}
html.ch21-polish body .ch21-contact-form input[type=checkbox]{accent-color:#358bdd!important;flex:0 0 auto!important;vertical-align:middle!important;margin:2px 0 0!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-actions{
 display:flex!important;justify-content:flex-end!important;gap:9px!important;align-items:center!important;flex-wrap:wrap!important;
 background:#17253c!important;border:1px solid #324966!important;border-radius:11px!important;
 padding:16px!important;margin:0!important;
}
html.ch21-polish body .ch21-contact-form .ch21-contact-actions input{min-height:42px!important;padding:9px 16px!important;border-radius:8px!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-actions .btn-primary{background:#f97316!important;color:#fff!important;border-color:#f97316!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-actions .btn-danger{background:#4f2c3c!important;color:#ffc9d6!important;border:1px solid #77475a!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-permissions .checkbox.clearfix>.col-sm-6{margin-bottom:9px!important}
html.ch21-polish body .main-content .table-container .table-list td .btn {min-height:30px!important;padding:5px 10px!important}
@media(max-width:960px){html.ch21-polish body .ch21-contact-form .ch21-contact-columns{grid-template-columns:1fr!important}}
@media(max-width:620px){
 html.ch21-polish body .ch21-contact-picker form{align-items:stretch!important;flex-direction:column!important}
 html.ch21-polish body .ch21-contact-picker .form-group{flex-direction:column!important;align-items:stretch!important;width:100%!important}
 html.ch21-polish body .ch21-contact-picker select,html.ch21-polish body .ch21-contact-picker button{width:100%!important}
 html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref .controls.checkbox{grid-template-columns:1fr!important}
 html.ch21-polish body .ch21-contact-form .ch21-contact-actions{justify-content:center!important}
 html.ch21-polish body .ch21-contact-intro{padding:16px!important}
 html.ch21-polish body .ch21-contact-intro h2{font-size:19px!important}
 html.ch21-polish body .main-content .table-container .dataTables_wrapper{padding:9px!important}
 html.ch21-polish body .main-content table.table-list thead th,
 html.ch21-polish body .main-content table.table-list tbody td{padding:10px 8px!important}
 html.ch21-polish body .main-content .dataTables_wrapper .row>[class*="col-"]{padding:4px!important}
}

/* V21.2: corrigir autofill do Chrome, alinhamento de checkboxes e senha */
html.ch21-polish body .ch21-contact-form input:-webkit-autofill,html.ch21-polish body .ch21-contact-form input:-webkit-autofill:hover,html.ch21-polish body .ch21-contact-form input:-webkit-autofill:focus{-webkit-text-fill-color:#eef6ff!important;-webkit-box-shadow:0 0 0 1000px #111f34 inset!important;box-shadow:0 0 0 1000px #111f34 inset!important;caret-color:#eef6ff!important;transition:background-color 99999s ease-out 0s!important}
html.ch21-polish body .ch21-contact-form .checkbox label{padding-left:0!important;display:flex!important;gap:9px!important;align-items:flex-start!important;min-width:0!important}
html.ch21-polish body .ch21-contact-form .checkbox label input[type=checkbox]{position:static!important;left:auto!important;margin:3px 0 0!important;float:none!important;flex:0 0 14px!important;width:14px!important;height:14px!important;accent-color:#3b9dff!important}
html.ch21-polish body .ch21-contact-form .ch21-contact-email-pref .checkbox label{padding-left:12px!important}
html.ch21-polish body .main-content .ch21-password-form>.form-group{display:grid!important;grid-template-columns:minmax(130px,170px) minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:0!important;margin:0 0 18px!important}
html.ch21-polish body .main-content .ch21-password-form>.form-group:before,html.ch21-polish body .main-content .ch21-password-form>.form-group:after{content:none!important;display:none!important}
html.ch21-polish body .main-content .ch21-password-form>.form-group>.control-label{width:auto!important;float:none!important;padding:12px 0 0!important;margin:0!important;text-align:left!important;font-size:12.8px!important}
html.ch21-polish body .main-content .ch21-password-form>.form-group>.col-sm-6{width:100%!important;float:none!important;padding:0!important;margin:0!important;min-width:0!important}
html.ch21-polish body .main-content .ch21-password-form>.form-group>.text-center{grid-column:2!important;text-align:left!important}
html.ch21-polish body .main-content .ch21-password-form #passwordStrengthBar{background:#101f33!important;border:1px solid #344b6a!important;border-radius:7px!important;box-shadow:none!important;height:12px!important;margin:10px 0 14px!important}
html.ch21-polish body .main-content .ch21-password-form #passwordStrengthBar .progress-bar{box-shadow:none!important}
@media(max-width:620px){html.ch21-polish body .main-content .ch21-password-form>.form-group{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}html.ch21-polish body .main-content .ch21-password-form>.form-group>.control-label{padding-top:0!important}html.ch21-polish body .main-content .ch21-password-form>.form-group>.text-center{grid-column:1!important}}

/* V21.3: base de conhecimento e formulario de tickets */
html.ch21-polish body .main-content .row.kbcategories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;margin:0 0 20px!important}
html.ch21-polish body .main-content .row.kbcategories>[class*="col-"]{width:auto!important;min-width:0!important;float:none!important;background:#17253c!important;border:1px solid #324966!important;border-radius:11px!important;padding:16px!important;margin:0!important;box-shadow:none!important}
html.ch21-polish body .main-content .row.kbcategories>[class*="col-"]>a{display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;background:transparent!important;border:0!important;color:#e1efff!important;font-weight:750!important;font-size:14px!important;text-decoration:none!important}
html.ch21-polish body .main-content .row.kbcategories>[class*="col-"]>a:hover{color:#6ec5ff!important}
html.ch21-polish body .main-content .row.kbcategories>[class*="col-"]>a .badge{margin-left:auto!important;background:#25466b!important;color:#d8edff!important}
html.ch21-polish body .main-content .row.kbcategories>[class*="col-"]>p{font-size:12px!important;line-height:1.55!important;color:#9ab0cf!important;margin:9px 0 0!important}
html.ch21-polish body .main-content .kbarticles{background:#17253c!important;border:1px solid #324966!important;border-radius:11px!important;padding:8px 15px!important;margin:0 0 20px!important}
html.ch21-polish body .main-content .kbarticles>a{display:block!important;padding:10px 4px 4px!important;color:#8cc9fa!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important}
html.ch21-polish body .main-content .kbarticles>a:hover{color:#fff!important}
html.ch21-polish body .main-content .kbarticles>p{font-size:11.8px!important;color:#aac0dd!important;padding:0 4px 11px!important;border-bottom:1px solid #2d4360!important;margin:0!important}
html.ch21-polish body .main-content .kbarticles>p:last-child{border-bottom:0!important}
html.ch21-polish body .main-content form[enctype="multipart/form-data"]{background:#17253c!important;border:1px solid #324966!important;border-radius:12px!important;padding:22px!important;box-shadow:none!important;margin:12px 0 20px!important}
html.ch21-polish body .main-content form[enctype="multipart/form-data"] textarea{min-height:155px!important;color:#eff7ff!important}
@media(max-width:1000px){html.ch21-polish body .main-content .row.kbcategories{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){html.ch21-polish body .main-content .row.kbcategories{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}html.ch21-polish body .main-content form[enctype="multipart/form-data"]{padding:15px!important}}

/* V21.4: remover pseudo elementos clearfix que ocupavam celulas do grid de categorias */
html.ch21-polish body .main-content .row.kbcategories:before,html.ch21-polish body .main-content .row.kbcategories:after{display:none!important;content:none!important}

/* V21.5: clearfix legado nao deve virar um quarto card */
html.ch21-polish body .main-content .row.kbcategories>.clearfix{display:none!important}


/* Consolidated comercialhost-pages-v22 */
/* ComercialHost V22, 28/10/2026. Apenas paginas solicitadas. Sem degradês, sombras ou efeitos. */
html.ch22-network .main-content .alert-success {
  background:#13352f!important;border:1px solid #256e58!important;color:#c6fbe5!important;
  border-radius:10px!important;min-height:57px!important;display:flex!important;align-items:center!important;
  justify-content:center!important;padding:14px 18px!important;font-weight:650!important;font-size:13px!important;
  margin:14px 0 18px!important;box-shadow:none!important;text-align:center!important;
}
html.ch22-network .main-content .alert-success:before {
  content:"";display:inline-block;width:9px;height:9px;flex:none;background:#32d990;border-radius:50%;margin-right:11px;
}
html.ch22-network .main-content .ch22-network-panel{
  background:#17253c!important;border:1px solid #344b6b!important;border-radius:12px!important;overflow:hidden!important;
  margin:15px 0 12px!important;
}
html.ch22-network .main-content .ch22-network-panel-head {
  display:flex!important;align-items:center!important;gap:14px!important;background:#1d304b!important;
  padding:19px 21px!important;border-bottom:1px solid #344b6b!important;
}
html.ch22-network .ch22-network-icon {display:grid!important;place-items:center!important;
 flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid #3e6387!important;
 border-radius:10px!important;background:#254466!important;color:#66bdff!important;font-size:18px!important;}
html.ch22-network .ch22-eyebrow,
html.ch22-masspay .ch22-eyebrow {display:block;color:#67bfff!important;font-size:10px!important;
 font-weight:800!important;letter-spacing:.12em!important;margin-bottom:4px!important;}
html.ch22-network .main-content .ch22-network-panel h2 {font-size:20px!important;letter-spacing:-.03em!important;color:#f3f8ff!important;
 margin:0 0 5px!important;font-weight:760!important;line-height:1.2!important;}
html.ch22-network .main-content .ch22-network-panel-head p{margin:0!important;font-size:12.4px!important;line-height:1.5!important;color:#a6bdd8!important;}
html.ch22-network .main-content .ch22-network-table {padding:14px!important;overflow-x:auto!important;border:0!important}
html.ch22-network .main-content .ch22-network-table table{
 border-collapse:separate!important;border-spacing:0!important;background:transparent!important;color:#d8e9fc!important;
 font-size:12.2px!important;margin:0!important;width:100%!important;min-width:675px!important;}
html.ch22-network .main-content .ch22-network-table th {
 border:0!important;border-bottom:1px solid #334f70!important;background:#132138!important;color:#bed7f5!important;
 padding:13px 9px!important;font-size:11.5px!important;font-weight:750!important;white-space:nowrap!important;
}
html.ch22-network .main-content .ch22-network-table td {
 border:0!important;border-bottom:1px solid #2b4261!important;background:transparent!important;color:#d3e5fa!important;
 padding:15px 9px!important;vertical-align:middle!important;
}
html.ch22-network .main-content .ch22-network-table tbody tr:last-child td{border-bottom:0!important}
html.ch22-network .main-content .ch22-network-table td:first-child{font-weight:730!important;color:#f2f7ff!important}
html.ch22-network .main-content .ch22-network-table td a{color:#6ebeff!important;text-decoration:none!important;font-weight:640!important}
html.ch22-network .main-content .ch22-network-table td a:hover{color:#c8e7ff!important;text-decoration:none!important}
html.ch22-network .main-content .ch22-network-table td .fa-check-circle,
html.ch22-network .main-content .ch22-network-table td .fa-check-circle-o,
html.ch22-network .main-content .ch22-network-table td .fa-check {color:#22d994!important}
html.ch22-network .main-content > .btn-group {display:flex!important;justify-content:flex-end!important;gap:9px!important;
 margin:14px 0 0!important;float:none!important;}
html.ch22-network .main-content > .btn-group .btn {
 border:1px solid #355271!important;background:#203752!important;color:#c9dffa!important;min-height:39px!important;
 line-height:21px!important;font-size:12px!important;border-radius:8px!important;padding:9px 17px!important;box-shadow:none!important;
}
html.ch22-network .main-content > .btn-group .btn:hover:not(.disabled){background:#305176!important;color:#fff!important}
html.ch22-network .main-content > .btn-group .btn.disabled {opacity:.45!important;cursor:not-allowed!important}
html.ch22-network .header-lined h1 small{font-size:16px!important;line-height:1.45!important;color:#bdcfe5!important;}
/* Downloads: subtitulo legivel e estado vazio limpo. */
html.ch22-downloads .header-lined h1 small {
 display:block!important;font-size:15px!important;font-weight:440!important;
 color:#bed0e9!important;line-height:1.55!important;letter-spacing:0!important;max-width:720px!important;
 margin:10px 0 0!important;
}
html.ch22-downloads .header-lined{margin-bottom:15px!important}
html.ch22-downloads .main-content>.alert-info {
 background:#192c45!important;border:1px solid #375273!important;color:#cce0f7!important;
 padding:20px 18px!important;border-radius:11px!important;font-size:13px!important;line-height:1.6!important;
 margin:18px 0!important;box-shadow:none!important;
}
/* Acoes de pagamento: linha unica sem caixa alta, alinhada ao resumo e responsiva. */
html.ch22-masspay .main-content .ch22-masspay-form{margin-top:16px!important}
html.ch22-masspay .ch22-masspay-table-scroll {
 overflow-x:auto!important;border:1px solid #344e6d!important;border-radius:11px!important;background:#17253c!important;
 margin:0 0 18px!important;
}
html.ch22-masspay .ch22-masspay-table {
 width:100%!important;margin:0!important;border:0!important;border-collapse:collapse!important;color:#dbe8fa!important;
 font-size:12.7px!important;
}
html.ch22-masspay .ch22-masspay-table thead th {
 background:#213753!important;color:#edf5ff!important;font-weight:760!important;font-size:12.5px!important;
 border:0!important;border-bottom:1px solid #354e6c!important;padding:13px 16px!important;
}
html.ch22-masspay .ch22-masspay-table td {background:transparent!important;color:#d7e6f8!important;
 border:0!important;border-bottom:1px solid #2d4261!important;padding:11px 16px!important;line-height:1.4!important;}
html.ch22-masspay .ch22-masspay-table tr:last-child td{border-bottom:0!important}
html.ch22-masspay .ch22-masspay-table .bg-info{background:#213957!important;color:#f5f9ff!important;font-weight:760!important}
html.ch22-masspay .ch22-masspay-table tr.masspay-total td{background:#203956!important;color:#f5faff!important;font-weight:760!important}
html.ch22-masspay .ch22-masspay-table tr.masspay-total:last-child td{background:#274667!important;font-size:14px!important}
html.ch22-masspay .ch22-masspay-table td:last-child{text-align:right!important;white-space:nowrap!important}
html.ch22-masspay .ch22-masspay-table th:last-child{text-align:right!important}
html.ch22-masspay .ch22-masspay-action {
 display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(170px,230px) minmax(150px,210px)!important;
 align-items:center!important;gap:14px!important;padding:17px!important;
 background:#17253c!important;border:1px solid #354e6d!important;border-radius:11px!important;
 margin:0!important;box-shadow:none!important;
}
html.ch22-masspay .ch22-masspay-copy label {
 color:#edf6ff!important;font-size:13.5px!important;font-weight:760!important;
 line-height:1.4!important;margin:0!important;cursor:pointer!important;display:block!important;
}
html.ch22-masspay .ch22-masspay-action #paymentmethod {
 min-width:0!important;width:100%!important;height:45px!important;min-height:45px!important;
 padding:9px 12px!important;background:#111f35!important;border:1px solid #3a5575!important;
 border-radius:8px!important;color:#e7f4ff!important;outline:none!important;box-shadow:none!important;
 font-size:13px!important;
}
html.ch22-masspay .ch22-masspay-action .ch22-masspay-submit{
 height:45px!important;min-height:45px!important;width:100%!important;
 border:1px solid #16a568!important;background:#16a568!important;color:#fff!important;
 border-radius:8px!important;font-size:12.8px!important;font-weight:760!important;
 text-shadow:none!important;box-shadow:none!important;padding:9px 12px!important;transition:none!important;
}
html.ch22-masspay .ch22-masspay-action .ch22-masspay-submit:hover{background:#1abb79!important;border-color:#1abb79!important;color:#fff!important}
html.ch22-masspay .sidebar :is(a,input,button).btn-success,
html.ch22-invoices .sidebar :is(a,input,button).btn-success {
 min-height:43px!important;height:auto!important;width:100%!important;max-width:100%!important;
 border-radius:8px!important;background:#18b568!important;border:1px solid #18b568!important;
 font-size:12.8px!important;font-weight:750!important;padding:10px 13px!important;
 box-shadow:none!important;text-shadow:none!important;line-height:1.55!important;color:#fff!important;
}
html.ch22-masspay .sidebar :is(a,input,button).btn-success:hover,
html.ch22-invoices .sidebar :is(a,input,button).btn-success:hover{background:#23c77a!important;border-color:#23c77a!important;color:#fff!important}
@media(max-width:880px){
 html.ch22-masspay .ch22-masspay-action{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html.ch22-masspay .ch22-masspay-copy{grid-column:1/-1!important}
}
@media(max-width:550px){
 html.ch22-masspay .ch22-masspay-action{grid-template-columns:1fr!important;gap:11px!important;padding:14px!important}
 html.ch22-masspay .ch22-masspay-copy{grid-column:1!important}
 html.ch22-masspay .ch22-masspay-table{font-size:11px!important}
 html.ch22-masspay .ch22-masspay-table td{padding:10px!important}
}
/* Transferencia de dominios: largura consistente, hierarquia e botao plano. */
html.ch22-transfer #order-standard_cart .col-md-9.pull-md-right>.text-center {
 max-width:775px!important;margin:15px auto 15px!important;text-align:left!important;
 padding:20px 22px!important;border:1px solid #344d6d!important;background:#17253c!important;border-radius:11px!important;
}
html.ch22-transfer #order-standard_cart .col-md-9.pull-md-right>.text-center h2 {
 margin:0 0 7px!important;color:#f2f8ff!important;font-size:20px!important;font-weight:760!important;line-height:1.3!important;
}
html.ch22-transfer #order-standard_cart .col-md-9.pull-md-right>.text-center p {
 margin:0!important;color:#abbfd9!important;font-size:12.8px!important;line-height:1.5!important;
}
html.ch22-transfer #frmDomainTransfer .row{margin-left:0!important;margin-right:0!important}
html.ch22-transfer #frmDomainTransfer .row>.col-sm-8.col-sm-offset-2 {
 width:100%!important;max-width:775px!important;float:none!important;margin:0 auto!important;padding:0!important;
}
html.ch22-transfer #frmDomainTransfer .panel {
 margin:0 0 15px!important;border:1px solid #365071!important;border-radius:11px!important;
 background:#17253c!important;overflow:hidden!important;box-shadow:none!important;
}
html.ch22-transfer #frmDomainTransfer .panel-heading {
 border-bottom:1px solid #355071!important;background:#1f3450!important;padding:16px 21px!important;
}
html.ch22-transfer #frmDomainTransfer .panel-title {
 color:#f3f8ff!important;font-size:16px!important;font-weight:750!important;
}
html.ch22-transfer #frmDomainTransfer .panel-body{background:transparent!important;padding:21px!important}
html.ch22-transfer #frmDomainTransfer .form-group{margin-bottom:18px!important}
html.ch22-transfer #frmDomainTransfer label{font-size:12.7px!important;color:#d6e7fa!important;font-weight:700!important;margin-bottom:8px!important}
html.ch22-transfer #frmDomainTransfer input.form-control {
 height:45px!important;min-height:45px!important;border-radius:8px!important;border:1px solid #3c5475!important;
 box-shadow:none!important;outline:none!important;background:#111f34!important;color:#f0f7ff!important;font-size:13px!important;
}
html.ch22-transfer #frmDomainTransfer .panel-footer{
 padding:15px 21px!important;border-top:1px solid #344c6d!important;background:#17253c!important;
 display:flex!important;justify-content:flex-end!important;
}
html.ch22-transfer #frmDomainTransfer #btnTransferDomain {
 min-width:190px!important;min-height:44px!important;height:44px!important;padding:9px 17px!important;
 color:#fff!important;background:#f97316!important;border:1px solid #f97316!important;
 border-radius:8px!important;font-size:13px!important;font-weight:740!important;box-shadow:none!important;
 text-shadow:none!important;transition:none!important;
}
html.ch22-transfer #frmDomainTransfer #btnTransferDomain:hover {
 background:#ff8930!important;border-color:#ff8930!important;color:#fff!important;box-shadow:none!important;
}
html.ch22-transfer #order-standard_cart .col-md-9.pull-md-right > p.text-center.small {
 max-width:775px!important;text-align:left!important;margin:6px auto 16px!important;
 color:#a4b7d1!important;font-size:11.5px!important;line-height:1.5!important;
}
/* Aviso de adicionais sem fundo amarronzado; acao secundaria discreta. */
html.ch22-addons #order-standard_cart .alert-warning {
 background:#192c46!important;border:1px solid #345775!important;border-radius:10px!important;
 color:#cbe3fa!important;font-size:13px!important;padding:20px 18px!important;
 text-align:center!important;margin:17px 0 18px!important;box-shadow:none!important;
}
html.ch22-addons #order-standard_cart .alert-warning:before {
 content:"\f05a";font:16px FontAwesome!important;margin-right:10px!important;color:#64baf5!important;
}
html.ch22-addons #order-standard_cart .col-md-9.pull-md-right>p.text-center{margin:0!important;text-align:left!important}
html.ch22-addons #order-standard_cart .col-md-9.pull-md-right>p.text-center>.btn {
 min-height:43px!important;border-radius:8px!important;border:1px solid #3b5778!important;
 background:#243c5a!important;color:#e5f3ff!important;font-size:12.8px!important;font-weight:680!important;
 padding:11px 19px!important;box-shadow:none!important;text-shadow:none!important;transition:none!important;
}
html.ch22-addons #order-standard_cart .col-md-9.pull-md-right>p.text-center>.btn:hover {
 background:#305476!important;color:#fff!important;border-color:#4777a2!important;
}
/* Renovacao de dominios: tabela e estados de mouse coerentes. */
html.ch22-renew #order-standard_cart .table.renewals{border:1px solid #354c68!important;border-radius:10px!important;overflow:hidden!important;background:#17253c!important;margin:17px 0!important}
html.ch22-renew #order-standard_cart .table.renewals thead th{background:#20334e!important;color:#e6f1ff!important;padding:13px!important;font-size:12px!important;border:0!important}
html.ch22-renew #order-standard_cart .table.renewals tbody td{padding:13px!important;border-bottom:1px solid #2d4562!important;color:#d4e6fa!important;font-size:12.7px!important}
html.ch22-renew #order-standard_cart .table.renewals tbody tr:hover td{background:#213550!important}
html.ch22-renew #order-standard_cart form button.btn-success {
 min-height:44px!important;height:44px!important;border-radius:8px!important;background:#16ab69!important;
 border:1px solid #16ab69!important;box-shadow:none!important;text-shadow:none!important;
 padding:9px 19px!important;font-size:13px!important;font-weight:720!important;transition:none!important;color:#fff!important;
}
html.ch22-renew #order-standard_cart form button.btn-success:hover{background:#1ec67b!important;border-color:#1ec67b!important;color:#fff!important}
html.ch22-services .main-content .table-list .status-active,
html.ch22-services .main-content .table-list [class*="status-active"] {
 background:#147951!important;color:#e4fff3!important;border:1px solid #2c9d6c!important;
 border-radius:7px!important;min-width:85px!important;padding:8px 13px!important;font-size:12px!important;
 box-shadow:none!important;
}
html.ch22-services .main-content .table-container{border-radius:11px!important}
html.ch22-services .main-content .table-list tbody tr:hover td{background:#203650!important}
@media(max-width:650px){
 html.ch22-network .ch22-network-panel-head{padding:15px!important;gap:11px!important}
 html.ch22-network .ch22-network-panel-head h2{font-size:17px!important}
 html.ch22-network .ch22-network-table{padding:8px!important}
 html.ch22-transfer #order-standard_cart .col-md-9.pull-md-right>.text-center{padding:15px!important}
 html.ch22-transfer #frmDomainTransfer .panel-body{padding:15px!important}
 html.ch22-transfer #frmDomainTransfer .panel-footer{padding:12px 15px!important}
 html.ch22-transfer #frmDomainTransfer #btnTransferDomain{width:100%!important}
}
/* V22.2: precedencia sobre os estilos anteriores do template */
html.ch22-masspay body #main-body .main-content form.ch22-masspay-form .ch22-masspay-action input[type="submit"].ch22-masspay-submit {background:#16a568!important;border:1px solid #16a568!important;color:#fff!important;border-radius:8px!important;min-height:45px!important;height:45px!important;box-shadow:none!important;}
html.ch22-masspay body #main-body .main-content form.ch22-masspay-form .ch22-masspay-action input[type="submit"].ch22-masspay-submit:hover {background:#1abb79!important;border-color:#1abb79!important;color:#fff!important;}
html.ch22-masspay body #main-body .main-content form.ch22-masspay-form .ch22-masspay-action select#paymentmethod {background:#111f35!important;border:1px solid #3a5575!important;color:#e7f4ff!important;border-radius:8px!important;}
html.ch22-services body #main-body .main-content table.table-list span.label.status.status-active {background:#147951!important;color:#e4fff3!important;border:1px solid #2c9d6c!important;border-radius:7px!important;padding:8px 13px!important;}

/* V22.3: rotulo Ativo e titulo da fatura */
html.ch22-services body section#main-body .main-content #tableServicesList tbody span.label.status.status-active{background:#147951!important;background-color:#147951!important;color:#e4fff3!important;border:1px solid #2c9d6c!important;border-radius:7px!important;min-width:85px!important;padding:8px 13px!important;}
html.ch22-masspay body #main-body .main-content form.ch22-masspay-form table.ch22-masspay-table td[colspan="2"],html.ch22-masspay body #main-body .main-content form.ch22-masspay-form table.ch22-masspay-table td.bg-info{text-align:left!important;}


/* Consolidated comercialhost-pages-v23 */
/* ComercialHost V23 | ajustes pontuais 28 outubro 2026.
   Todas as regras limitadas a paginas identificadas por ch23-*. */
/* STATUS DA REDE: substituir GIF antigo de monitoramento por simbolos vetoriais FA.
   Scripts originais continuam fazendo a consulta e atualizando status. */
html.ch23-network body #main-body .main-content .ch22-network-table td img[src$="statusok.gif"],
html.ch23-network body #main-body .main-content .ch22-network-table td img[src$="statusnotok.gif"],
html.ch23-network body #main-body .main-content .ch22-network-table td img[src$="statusunknown.gif"] {
  display:none!important;
}
html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusok.gif"])::after,
html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusnotok.gif"])::after,
html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusunknown.gif"])::after {
  display:inline-block!important;
  font-family:FontAwesome!important;
  font-size:19px!important;
  font-weight:normal!important;
  line-height:1!important;
  font-style:normal!important;
  text-align:center!important;
  vertical-align:middle!important;
  text-shadow:none!important;
}
html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusok.gif"])::after {
  content:"\f058"!important;
  color:#35d693!important;
}
html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusnotok.gif"])::after {
  content:"\f057"!important;
  color:#fa7283!important;
}
html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusunknown.gif"])::after {
  content:"\f059"!important;
  color:#a9bdd9!important;
}
/* Contadores de estado: branco com algarismos em cinza, sem alterar badges globais. */
html.ch23-network body #main-body .sidebar a[id^="Primary_Sidebar-Network_Status-"] .badge,
html.ch23-quotes body #main-body .sidebar a[id^="Primary_Sidebar-My_Quotes_Status_Filter-"] .badge,
html.ch23-services body #main-body .sidebar a[id^="Primary_Sidebar-My_Services_Status_Filter-"] .badge {
  display:inline-flex!important;
  min-width:31px!important;
  height:22px!important;
  padding:2px 9px!important;
  border:1px solid #e0e6ef!important;
  background:#fff!important;
  background-color:#fff!important;
  border-radius:20px!important;
  color:#627084!important;
  font-size:11.5px!important;
  font-weight:780!important;
  line-height:16px!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
/* Cotacoes e emails: subtitulos compatíveis com Downloads e demais titulos novos. */
html.ch23-quotes body #main-body .header-lined h1 small,
html.ch23-emails body #main-body .header-lined h1 small {
  display:block!important;
  color:#bed0e9!important;
  font-size:15px!important;
  font-weight:440!important;
  font-family:inherit!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  max-width:740px!important;
  margin:10px 0 0!important;
  text-shadow:none!important;
}
/* Filtros de servicos: trocar o losango geometrico por pictogramas vetoriais. */
html.ch23-services body #main-body .sidebar a[id^="Primary_Sidebar-My_Services_Status_Filter-"] i.fa-circle-o,
html.ch23-quotes body #main-body .sidebar a[id^="Primary_Sidebar-My_Quotes_Status_Filter-"] i.fa-circle-o {
  display:inline-flex!important;
  width:17px!important;
  height:17px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 8px 0 0!important;
  padding:0!important;
  vertical-align:middle!important;
  font-size:14px!important;
  font-family:FontAwesome!important;
  font-style:normal!important;
  line-height:1!important;
  border:0!important;
  background:none!important;
  color:#7ebeff!important;
  opacity:1!important;
  text-shadow:none!important;
  transform:none!important;
}
html.ch23-services body #main-body .sidebar a[id^="Primary_Sidebar-My_Services_Status_Filter-"] i.fa-circle-o::before,
html.ch23-quotes body #main-body .sidebar a[id^="Primary_Sidebar-My_Quotes_Status_Filter-"] i.fa-circle-o::before {
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  position:static!important;
  content:"\f111"!important;
  font-family:FontAwesome!important;
  font-size:13px!important;
  line-height:1!important;
  border:0!important;
  outline:0!important;
  background:none!important;
  transform:none!important;
}
html.ch23-services body #main-body .sidebar a[menuitemname="Active"] i.fa-circle-o::before {content:"\f058"!important;color:#3bd699!important}
html.ch23-services body #main-body .sidebar a[menuitemname="Pending"] i.fa-circle-o::before {content:"\f017"!important;color:#e4b663!important}
html.ch23-services body #main-body .sidebar a[menuitemname="Suspended"] i.fa-circle-o::before {content:"\f28b"!important;color:#ed9d72!important}
html.ch23-services body #main-body .sidebar a[menuitemname="Terminated"] i.fa-circle-o::before {content:"\f28d"!important;color:#9cafc7!important}
html.ch23-services body #main-body .sidebar a[menuitemname="Cancelled"] i.fa-circle-o::before {content:"\f057"!important;color:#e68f9a!important}
html.ch23-quotes body #main-body .sidebar a[menuitemname="Delivered"] i.fa-circle-o::before {content:"\f0d1"!important;color:#80bffc!important}
html.ch23-quotes body #main-body .sidebar a[menuitemname="Accepted"] i.fa-circle-o::before {content:"\f058"!important;color:#3bd699!important}
/* Etiqueta Ativo: pictograma vetorial na propria etiqueta. */
html.ch23-services body #main-body .main-content #tableServicesList span.label.status.status-active {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:32px!important;
  border-radius:7px!important;
  padding:7px 12px!important;
  background:#147951!important;
  color:#e4fff3!important;
  font-size:12px!important;
  font-weight:760!important;
}
html.ch23-services body #main-body .main-content #tableServicesList span.label.status.status-active::before {
  content:"\f058"!important;
  display:inline-block!important;
  font-family:FontAwesome!important;
  font-size:13px!important;
  color:#e4fff3!important;
  line-height:1!important;
  font-weight:normal!important;
}
/* Pequenos ajustes em celular, mantendo exclusivamente as quatro telas acima. */
@media(max-width:600px){
  html.ch23-quotes body #main-body .header-lined h1 small,
  html.ch23-emails body #main-body .header-lined h1 small {font-size:13px!important;line-height:1.5!important}
  html.ch23-network body #main-body .main-content .ch22-network-table td:has(>img[src$="statusok.gif"])::after {font-size:17px!important}
}

/* Plano ajustado antes de JS */
/* ComercialHost V11: refinamentos isolados, 27/10/2026. */
/* Dois cartões por linha para hospedagem, revenda e VPS. */
html.ch24-wide #order-standard_cart .ch9-plan-grid,
html.ch24-wide #order-standard_cart .ch10-showcase .ch9-plan-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;column-gap:20px!important;row-gap:22px!important;
}
html.ch24-wide #order-standard_cart .ch9-plan,
html.ch24-wide #order-standard_cart .ch10-card{
 padding:25px 24px 22px!important;min-width:0!important;
}
html.ch24-wide #order-standard_cart .ch9-price strong{font-size:34px!important;}
/* SSL: cartões sem alturas artificiais herdadas do catálogo de hospedagem. */
html.ch24-ssl #order-standard_cart .ch10-showcase .ch9-plan-grid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;
}
html.ch24-ssl #order-standard_cart .ch10-showcase .ch10-card{
 padding:17px 16px 17px!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;
}
html.ch24-ssl #order-standard_cart .ch10-card h3{font-size:18px!important;min-height:0!important;margin:0 0 6px!important;}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-desc{font-size:12px!important;min-height:0!important;margin:0 0 10px!important;line-height:1.4!important;}
html.ch24-ssl #order-standard_cart .ch10-card .ch10-regular-price-label{
 display:block!important;min-height:0!important;margin:3px 0 4px!important;font-size:11.5px!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-price{
 display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;
 align-items:baseline!important;gap:3px!important;margin:2px 0 8px!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-price span{
 font-size:12px!important;flex:0 0 auto!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-price strong{
 font-size:clamp(18px,1.55vw,27px)!important;letter-spacing:-.4px!important;
 flex:0 1 auto!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-price em{
 display:inline!important;flex:0 0 auto!important;font-size:12px!important;
 white-space:nowrap!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-cycle-info{display:none!important}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-plan-divider{
 margin:6px 0 10px!important;display:none!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-features{
 flex:none!important;margin:2px 0 12px!important;padding:0!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-features li{
 font-size:11.5px!important;margin:0 0 7px!important;
}
html.ch24-ssl #order-standard_cart .ch10-card .ch9-cta{
 margin-top:auto!important;padding:11px 8px!important;font-size:12.5px!important;
}
html.ch24-ssl #order-standard_cart .ch10-showcase .ch9-small-note{margin:14px 0!important}

/* ComercialHost V12 - padronização de cards, 27/10/2026.
   Camada nova e isolada do catálogo. Preserva a folha CSS original e preços do WHMCS.
   Ativada por JS apenas em vitrines .ch9-plan, sem afetar checkout ou faturas. */
html.ch24-plan #order-standard_cart .ch9-plan{
  min-width:0!important;
  padding-bottom:23px!important;
}
html.ch24-plan #order-standard_cart .ch9-plan h3{
  min-height:0!important;
  margin-bottom:8px!important;
  line-height:1.24!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-desc{
  min-height:0!important;
  height:auto!important;
  margin:0 0 12px!important;
  line-height:1.47!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-was{
  min-height:0!important;
  height:auto!important;
  margin:0 0 4px!important;
  line-height:1.3!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch10-regular-price-label,
html.ch24-plan #order-standard_cart .ch9-plan .ch10-label{
  min-height:0!important;
  height:auto!important;
  margin:8px 0 4px!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-price{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  gap:3px!important;
  min-height:0!important;
  margin:4px 0 7px!important;
  line-height:1.12!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-price span{
  flex:0 0 auto!important;
  font-size:15px!important;
  font-weight:750!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-price strong{
  flex:0 1 auto!important;
  font-size:clamp(25px,2.5vw,34px)!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:-.6px!important;
  white-space:nowrap!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-price em{
  display:inline!important;
  flex:0 0 auto!important;
  flex-basis:auto!important;
  align-self:baseline!important;
  width:auto!important;
  min-width:0!important;
  margin:0 0 0 2px!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-cycle-info{
  min-height:0!important;
  height:auto!important;
  margin:7px 0 2px!important;
  line-height:1.48!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-cycle-info.ch12-empty-cycle,
html.ch24-plan #order-standard_cart .ch9-plan .ch10-notpromotional:empty{
  display:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-plan-divider{
  margin:16px 0 16px!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-features{
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
  margin:0 0 18px!important;
  padding:0!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-features li{
  min-height:0!important;
  margin:0 0 9px!important;
  line-height:1.45!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-features li.ch9-feature-group{
  margin:13px 0 7px!important;
  padding:0!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-features .ch12-feature-value{
  color:#fff!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-cta{
  margin-top:auto!important;
}
/* Para SSL, retém o espaçamento equilibrado depois do preço, 
   sem recuperar as alturas fixas da vitrine anterior. */
html.ch24-plan.ch24-ssl #order-standard_cart .ch10-card .ch9-features{
  margin-top:9px!important;
  margin-bottom:15px!important;
}
html.ch24-plan.ch24-ssl #order-standard_cart .ch10-card .ch9-price strong{
  font-size:clamp(20px,1.65vw,27px)!important;
}
@media (max-width:1150px){
  html.ch24-plan #order-standard_cart .ch9-plan .ch9-price strong{
    font-size:clamp(23px,3.1vw,32px)!important;
  }
}
@media (max-width:700px){
  html.ch24-plan #order-standard_cart .ch9-plan .ch9-price strong{
    font-size:clamp(23px,6.2vw,31px)!important;
  }
  html.ch24-plan #order-standard_cart .ch9-plan .ch9-features{
    margin-bottom:15px!important;
  }
  html.ch24-plan #order-standard_cart .ch9-plan .ch9-plan-divider{
    margin:13px 0 14px!important;
  }
}

/* V12.1 - remove espaços residuais após as descrições promocionais. */
html.ch24-plan #order-standard_cart .ch9-plan .ch9-plan-divider{
  margin:10px 0 11px!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-cycle-info:not(.ch12-empty-cycle){
  margin:5px 0 0!important;
}
html.ch24-plan #order-standard_cart .ch9-plan .ch9-features li.ch9-feature-group{
  margin:8px 0 4px!important;
}



/* Ajustes globais v24 */
/* V24. Ajustes globais somente para os menus laterais da Área do Cliente. */
html.ch24-client body #main-body .sidebar a.list-group-item .badge {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 background:#fff!important;background-color:#fff!important;color:#64748b!important;
 border:1px solid #e5eaf2!important;border-radius:20px!important;
 min-width:31px!important;height:22px!important;padding:2px 9px!important;
 font-size:11.5px!important;font-weight:760!important;line-height:16px!important;
 box-shadow:none!important;text-shadow:none!important;
}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"] i.fa-circle-o{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:17px!important;min-width:17px!important;height:17px!important;
 padding:0!important;margin:0 7px 0 0!important;vertical-align:middle!important;
 border:0!important;background:transparent!important;transform:none!important;
 color:#84bdf4!important;font-size:14px!important;line-height:1!important;opacity:1!important;
}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"] i.fa-circle-o:before{
 font-family:FontAwesome!important;content:"\f058"!important;
 position:static!important;border:0!important;background:transparent!important;
 font-size:14px!important;transform:none!important;
}
html.ch24-client body #main-body .sidebar a[menuitemname="Active"] i.fa-circle-o:before,
html.ch24-client body #main-body .sidebar a[menuitemname="Accepted"] i.fa-circle-o:before,
html.ch24-client body #main-body .sidebar a[menuitemname="Answered"] i.fa-circle-o:before{content:"\f058"!important;color:#35cd90!important}
html.ch24-client body #main-body .sidebar a[menuitemname="Pending"] i.fa-circle-o:before,
html.ch24-client body #main-body .sidebar a[menuitemname="Open"] i.fa-circle-o:before{content:"\f017"!important;color:#83bcf4!important}
html.ch24-client body #main-body .sidebar a[menuitemname="Suspended"] i.fa-circle-o:before,
html.ch24-client body #main-body .sidebar a[menuitemname="Customer-Reply"] i.fa-circle-o:before{content:"\f0e5"!important;color:#d7ad67!important}
html.ch24-client body #main-body .sidebar a[menuitemname="Terminated"] i.fa-circle-o:before,
html.ch24-client body #main-body .sidebar a[menuitemname="Closed"] i.fa-circle-o:before{content:"\f28d"!important;color:#a5b5c9!important}
html.ch24-client body #main-body .sidebar a[menuitemname="Cancelled"] i.fa-circle-o:before{content:"\f057"!important;color:#e48b9b!important}
html.ch24-client body #main-body .sidebar a[menuitemname="Delivered"] i.fa-circle-o:before{content:"\f0d1"!important;color:#82bff4!important}
html.ch24-client body #main-body .header-lined h1 small {
 display:block!important;font-family:inherit!important;color:#bacde5!important;
 font-size:15px!important;font-weight:430!important;line-height:1.55!important;
 letter-spacing:0!important;margin:9px 0 0!important;max-width:900px!important;
 text-shadow:none!important;
}
@media(max-width:640px){html.ch24-client body #main-body .header-lined h1 small{font-size:13px!important}}

/* V24.2: os planos em telas estreitas usam UMA coluna desde o primeiro frame */
@media(max-width:800px){html.ch24-wide #order-standard_cart .ch9-plan-grid,html.ch24-wide #order-standard_cart .ch10-showcase .ch9-plan-grid,html.ch24-ssl #order-standard_cart .ch10-showcase .ch9-plan-grid{grid-template-columns:minmax(0,1fr)!important;}html.ch24-ssl #order-standard_cart .ch10-card .ch9-price strong{font-size:26px!important;}}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Active"] i.fa-circle-o:before{content:"\f058"!important;color:#35cd90!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Accepted"] i.fa-circle-o:before{content:"\f058"!important;color:#35cd90!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Answered"] i.fa-circle-o:before{content:"\f058"!important;color:#35cd90!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Pending"] i.fa-circle-o:before{content:"\f017"!important;color:#83bcf4!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Open"] i.fa-circle-o:before{content:"\f017"!important;color:#83bcf4!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Suspended"] i.fa-circle-o:before{content:"\f0e5"!important;color:#d7ad67!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Customer-Reply"] i.fa-circle-o:before{content:"\f0e5"!important;color:#d7ad67!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Terminated"] i.fa-circle-o:before{content:"\f28d"!important;color:#a5b5c9!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Closed"] i.fa-circle-o:before{content:"\f28d"!important;color:#a5b5c9!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Cancelled"] i.fa-circle-o:before{content:"\f057"!important;color:#e48b9b!important;}
html.ch24-client body #main-body .sidebar a.list-group-item[id*="Status_Filter-"][menuitemname="Delivered"] i.fa-circle-o:before{content:"\f0d1"!important;color:#82bff4!important;}

/* V25: os cards legados nunca aparecem antes do layout definitivo; fallback se o WHMCS nao confirmar o catalogo. */
html.ch25-catalog-pending:not(.ch25-catalog-fallback) #order-standard_cart #products{display:none!important;}


/* CH39 | Base de Conhecimento | 28/10/2026
   Revisão integrada. Escopo exclusivo das páginas de ajuda; não afeta catálogo nem checkout. */

/* Artigos: alinhamento correto do cartão já publicado no editor WHMCS. */
html.ch24-client #main-body .main-content:has(> blockquote > div[style*="box-sizing"]) > h2:first-child {
  color: #f9fbff !important;
  font-size: clamp(23px, 2.1vw, 29px) !important;
  line-height: 1.3 !important;
  letter-spacing: -.4px !important;
  font-weight: 750 !important;
  margin: 18px 0 16px !important;
}
html.ch24-client #main-body .main-content > blockquote:has(> div[style*="box-sizing"]) {
  padding: 0 !important;
  margin: 0 0 20px !important;
  border: none !important;
  border-left: none !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 0;
}
html.ch24-client #main-body .main-content > blockquote:has(> div[style*="box-sizing"]) > div {
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 16px !important;
  overflow-wrap: break-word;
}

/* Votação e impressão sem verde exagerado nem botões de largura inteira. */
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print {
  margin: 12px 0 25px !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print > .panel {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 15px 18px !important;
  margin: 0 !important;
  background: #17243a !important;
  border: 1px solid #314969 !important;
  border-radius: 12px !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print > .panel .panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print > .panel .panel-heading .panel-title {
  color: #f5f9ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print > .panel .panel-body {
  padding: 0 !important;
  background: transparent !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print form {
  display: flex !important;
  gap: 8px !important;
  align-items: center;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto !important;
  min-height: 37px !important;
  border-radius: 8px !important;
  padding: 9px 14px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 670 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  margin-top: 0;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print .btn-success {
  background: #1679da !important;
  border-color: #278bed !important;
  color: #fff !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print .btn-success:hover {
  background: #238cf2 !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print .btn-default {
  background: #1d304a !important;
  border-color: #365575 !important;
  color: #d6e5f6 !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print > a.btn-block {
  margin: 11px 0 0 !important;
  background: #152b44 !important;
  border: 1px solid #335778 !important;
  color: #aed5fb !important;
}
html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print > a.btn-block:hover {
  background: #244363 !important;
  color: #fff !important;
}

/* Artigos relacionados: remover a antiga tarja branca e formar cards clicáveis. */
html.ch24-client #main-body .main-content > h3.kb-alsoread {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f7fbff !important;
  font-size: 19px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  margin: 22px 0 14px !important;
  padding: 0 !important;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) > div {
  min-width: 0 !important;
  padding: 15px 16px !important;
  margin: 0 !important;
  background: #17243a !important;
  border: 1px solid #324969 !important;
  border-radius: 12px !important;
  transition: border-color .15s ease, background .15s ease;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) > div:hover {
  background: #1f304b !important;
  border-color: #478ed7 !important;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) > div > a {
  display: flex !important;
  gap: 9px !important;
  color: #edf5ff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) > div > a .glyphicon {
  color: #65b3ff !important;
  margin-top: 3px;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) > div > p {
  display: none !important;
}

/* Página inicial e categoria de ajuda: busca clara, títulos consistentes, artigos compactos. */
html.ch24-client #main-body .main-content > form[action*="knowledgebase"] {
  margin: 14px 0 27px !important;
  max-width: 100%;
}
html.ch24-client #main-body .main-content > form[action*="knowledgebase"] input[name="search"] {
  height: 46px !important;
  padding: 10px 15px !important;
  color: #ecf5ff !important;
  background: #15243a !important;
  border: 1px solid #365375 !important;
  border-radius: 9px 0 0 9px !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
html.ch24-client #main-body .main-content > form[action*="knowledgebase"] input[type="submit"] {
  min-height: 46px !important;
  padding: 10px 17px !important;
  border-radius: 0 9px 9px 0 !important;
  color: #fff !important;
  background: #237be9 !important;
  border: 1px solid #237be9 !important;
  font-weight: 700 !important;
}
html.ch24-client #main-body .main-content > form[action*="knowledgebase"] input[type="submit"]:hover {
  background: #348cf5 !important;
}
html.ch24-client #main-body .main-content:has(> form[action*="knowledgebase"]) > h2 {
  color: #f6faff !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 19px 0 13px !important;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> a + p) {
  padding: 7px 14px !important;
  margin: 0 0 25px !important;
  background: #17243a !important;
  border: 1px solid #324969 !important;
  border-radius: 12px !important;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> a + p) > a {
  display: block !important;
  color: #e9f4ff !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 1.5 !important;
  padding: 13px 4px 4px !important;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> a + p) > a:hover {
  color: #66b6ff !important;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> a + p) > a .glyphicon {
  color: #5fb0ff !important;
  margin-right: 6px;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> a + p) > p {
  color: #a9bfdc !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 4px 12px !important;
  border-bottom: 1px solid #324763 !important;
  overflow-wrap: anywhere;
}
html.ch24-client #main-body .main-content > .kbarticles:has(> a + p) > p:last-child {
  border: 0 !important;
}
@media (max-width: 767px) {
  html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html.ch24-client #main-body .main-content > blockquote:has(> div[style*="box-sizing"]) > div {
    padding: 19px 17px !important;
    border-radius: 12px !important;
  }
  html.ch24-client #main-body .main-content > blockquote:has(> div[style*="box-sizing"]) > div table th,
  html.ch24-client #main-body .main-content > blockquote:has(> div[style*="box-sizing"]) > div table td {
    padding: 9px 7px !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }
}
@media print {
  html.ch24-client #main-body .main-content > blockquote:has(> div[style*="box-sizing"]) > div {
    background: #fff !important;
    color: #111 !important;
    border: 0 !important;
  }
  html.ch24-client #main-body .main-content:has(> blockquote) > .hidden-print,
  html.ch24-client #main-body .main-content > .kbarticles:has(> div > a) {
    display: none !important;
  }
}