/* Mega Dedicados — telas de cobrança, serviços e acesso (frente F, 25/10/2026). Camada sobre o KIT DO SITE (site/site.css) e
   css/mega-area.css: mesma escada de superfícies (página bg1, cartão bg2, destaque bg3, topo bg0), ciano só em ação.
   Reaproveita do mega-area: .mg-afil-topo, .mg-fatura-grid, .mg-doc-escuro, .mg-pagar, .mg-status, .mg-fat-st, .mg-lst-*, .mg-acesso*.
   Aqui só o que faltava, tudo com prefixo .mgf-. Carregado por includes/mgf-css.tpl (troque o ?v= lá). */

/* ---------- base das telas logadas ---------- */
.mgf{display:grid;gap:20px;min-width:0}
.mgf>*{min-width:0}
.mgf .mg-voltar{margin-bottom:-6px;justify-self:start}
.mgf-topo{grid-template-columns:minmax(0,1fr)!important}
.mgf-topo.mg-lst-topo{grid-template-columns:minmax(0,1fr) auto!important}
.mgf-topo .lead b{color:#fff;font-weight:600}
.mgf-topo .lead .mg-mono{color:var(--sinal-2);margin-left:6px}
.mgf-topo-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.mgf-painel{background:var(--bg2);border:1px solid var(--line-2);border-radius:var(--radius);padding:clamp(18px,2.6vw,28px);min-width:0}
.mgf-painel>:last-child{margin-bottom:0}
.mega-area h2.mgf-sec{font:700 20px var(--font-display);color:#fff;margin:6px 0 -4px}
.mega-area .mgf-sub,.mega-area h2.mgf-sub{font:700 19px var(--font-display);color:#fff;margin:0 0 14px}
.mega-area h2.mgf-sub:not(:first-child),.mega-area .mgf-sub:not(:first-child){margin-top:26px}
.mgf-nota{color:var(--mute);font-size:14.5px;margin:12px 0 0;max-width:70ch}
.mgf-nota-topo{margin:0 0 18px}
.mgf-rot{font:600 13px var(--font-ui);color:var(--ink-2);margin:0 0 8px}
.mgf-dica{display:block;color:var(--mute);font-size:13px;line-height:1.45}
.mgf-acoes{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.mgf-acoes form{margin:0}
.mgf-acoes-fim{justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.mgf .btn-sm{padding:8px 15px}
.mgf-btn-perigo{background:transparent;border:1px solid rgba(255,107,107,.6);color:var(--bad)!important}
.mgf-btn-perigo:hover{background:rgba(255,107,107,.12);border-color:var(--bad)}
.mgf .mg-acesso-msg ul,.mgf-erros ul{margin:6px 0 0;padding-left:18px}
.mgf-msg-acao{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.mgf .cf-row{margin-bottom:16px}
.mgf .cf-row label small{font-weight:400;color:var(--mute)}
.mgf .cf-row textarea{min-height:120px}
.mgf .custom-select,.mgf select.custom-select{background-color:var(--bg0);color:#fff;border:1px solid var(--line-2);border-radius:9px;height:auto;padding:11px 36px 11px 14px;font-size:15px}
.mgf .custom-select:focus{border-color:var(--sinal);box-shadow:0 0 0 3px var(--sinal-dim)}
.mgf-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.mgf-largo{grid-column:1/-1}
.mgf-curto{max-width:320px}
@media (max-width:640px){.mgf-campos{grid-template-columns:minmax(0,1fr)}}

/* fim de fluxo / estados (inválido, pedido recebido, sem upgrade) */
.mgf-fim{max-width:720px}
.mega-area .primary-content .mgf-fim h1,.mega-area .primary-content .mgf-fim h2,.mega-area .mgf-fim h1{font-size:clamp(24px,3vw,32px);margin:0 0 10px}
.mgf-fim p{color:var(--ink-2)}
.mgf-tom-ok{border-color:rgba(54,211,153,.45)}
.mgf-tom-aviso{border-color:rgba(255,181,71,.45)}
.mgf-tom-ok .eyebrow{color:var(--ok)}.mgf-tom-ok .eyebrow::before{background:var(--ok);box-shadow:none}

/* grade formulário + lateral */
.mgf-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
@media (max-width:991px){.mgf-grade{grid-template-columns:minmax(0,1fr)}}
.mgf-lado{position:sticky;top:96px;background:var(--bg1)}
.mega-area .primary-content .mgf-lado h2,.mega-area .mgf-lado h2{font:700 18px var(--font-display);margin:0 0 12px}
.mgf-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--ink-2);font-size:15px}
.mgf-lista li{position:relative;padding-left:16px}
.mgf-lista li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--sinal)}

/* escolhas em cartão (tipo de cancelamento, DNS, validação SSL) */
.mgf-escolhas{border:0;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mgf-escolhas legend{font:600 13px var(--font-ui);color:var(--ink-2);margin-bottom:8px;padding:0}
.mgf-escolhas-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media (max-width:640px){.mgf-escolhas{grid-template-columns:minmax(0,1fr)}}
.mgf-escolha{display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg1);cursor:pointer;transition:border-color .15s,background .15s}
.mgf-escolha:hover{border-color:var(--sinal-dk)}
.mgf-escolha:has(input:checked){border-color:var(--sinal);background:var(--sinal-dim)}
.mgf-escolha:has(input:focus-visible){outline:2px solid var(--sinal);outline-offset:2px}
.mgf-escolha input{accent-color:var(--sinal);width:18px;height:18px;margin:2px 0 0;flex:none}
.mgf-escolha span{display:grid;gap:4px}
.mgf-escolha b{color:#fff;font-weight:600;font-size:15.5px}
.mgf-escolha small{color:var(--ink-2);font-size:14px;line-height:1.45}
.mgf-escolha small b{font-size:inherit}
.mgf-dominio{border:1px solid rgba(255,181,71,.45);background:rgba(255,181,71,.08);border-radius:12px;padding:14px 16px;margin-bottom:6px;color:var(--ink-2);font-size:15px}
.mgf-dominio p{margin:0 0 8px}.mgf-dominio b{color:#fff}

/* ---------- mudar de plano ---------- */
.mgf-dica-barra{margin:0;padding:12px 16px;border-radius:10px;border:1px solid rgba(0,181,234,.35);background:var(--sinal-dim);color:var(--ink);font-size:15px}
.mgf-planos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mgf-plano{margin:0}
.mgf-plano-grupo{margin:0 0 -6px;color:var(--mute);font-size:13px}
.mgf-plano-desc{color:var(--ink-2);font-size:14.5px;line-height:1.5;flex:1}
.mgf-plano-desc ul{margin:0;padding-left:18px}
.mgf-plano-preco b{font:700 24px var(--font-display);color:#fff}
.mgf-plano-preco small{color:var(--mute)}
.mgf-plano .btn{width:100%}
.mgf-plano .cf-row{margin:0}
.mgf-atual-tag{margin:-6px 0 0;font:600 12.5px var(--font-ui);color:var(--ok)}
.mgf-op-cab,.mgf-op{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr);gap:14px;align-items:center}
.mgf-op-cab{padding:0 0 8px;color:var(--mute);font-size:12.5px;font-weight:600;border-bottom:1px solid var(--line)}
.mgf-ops{list-style:none;margin:0;padding:0}
.mgf-op{padding:14px 0;border-bottom:1px solid var(--line)}
.mgf-op-nome{color:#fff;font-weight:600}
.mgf-op-atual{color:var(--ink-2);font-size:14.5px}
.mgf-op .mg-lembrar{margin:0}
.mgf-qtd{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.mgf-qtd input{max-width:110px}
@media (max-width:700px){
  .mgf-op-cab{display:none}
  .mgf-op{grid-template-columns:minmax(0,1fr);gap:6px}
  .mgf-op-atual::before{content:attr(data-r) ": ";color:var(--mute)}
}
/* resumo: "de → para" */
.mgf-troca .mg-item-desc{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.mgf-troca .mgf-op-rot{flex-basis:100%;color:var(--mute);font-size:13px}
.mgf-troca .mgf-de{color:var(--mute)!important;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.25)}
.mgf-troca .mgf-seta{color:var(--sinal);font-weight:700}
.mgf-troca .mgf-para{color:#fff;font-weight:600}
.mg-doc-escuro .mgf-troca .mg-item-desc::first-line{color:inherit}
.mgf-cupom{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.mgf-cupom label{display:block;font:600 13px var(--font-ui);color:var(--ink-2);margin-bottom:6px}
.mgf-cupom-linha{display:flex;gap:8px}
.mgf-cupom-linha .form-control{flex:1;min-width:0;height:auto;padding:9px 12px}
.mg-pagar .mgf-nota{font-size:13.5px}
.mg-pagar form{display:grid;gap:6px;margin:0}
.mg-pagar .mg-gw-form{margin-bottom:10px}

/* ---------- listas (orçamentos, domínios, SSL, uso) ---------- */
.mgf-linhas-cab{padding:0 20px;color:var(--ink-2);font-size:12.5px;font-weight:600;margin-bottom:-12px}
.mgf-linhas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mgf-linhas-cab,.mgf-linha{display:grid;gap:14px;align-items:center}
.mgf-linha{padding:14px 20px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;transition:border-color .15s}
.mgf-linha:hover,.mgf-linha:focus-within{border-color:var(--line-2)}
.mgf-orc-cols{grid-template-columns:90px minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 120px 150px}
.mgf-dom-cols{grid-template-columns:28px minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) 120px 90px}
.mgf-ssl-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) 190px}
.mgf-uso-cols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}
.mgf-l-n{display:grid;gap:2px;min-width:0}
.mgf-l-n a{color:#fff}
.mgf-l-n b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mgf-l-n small{font-size:12.5px}
.mgf-l-c{font-size:14px;color:var(--ink-2);min-width:0;overflow-wrap:anywhere}
.mgf-l-v{color:#fff;font-weight:600}
.mgf-l-s,.mgf-l-a{justify-self:end}
.mgf-l-a{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.mgf-l-a form{margin:0}
.mgf-l-sel input{accent-color:var(--sinal);width:18px;height:18px;margin:0}
.mgf-sim{color:var(--ok)}.mgf-nao{color:var(--mute)}.mgf-aviso-txt{color:var(--warn)}
.mgf-selo{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;border:1px solid var(--line-2);font:600 11.5px var(--font-mono);color:var(--ink-2)}
.mgf-st-active .mg-fat-st,.mgf-orc-accepted .mg-fat-st{color:var(--ok);background:rgba(54,211,153,.12)}
.mgf-st-pending .mg-fat-st,.mgf-st-pending-transfer .mg-fat-st,.mgf-st-grace .mg-fat-st,.mgf-orc-delivered .mg-fat-st,.mgf-orc-onhold .mg-fat-st,.mgf-st-aviso{color:var(--warn)!important;background:rgba(255,181,71,.12)!important}
.mgf-st-expired .mg-fat-st,.mgf-st-redemption .mg-fat-st{color:var(--bad);background:rgba(255,107,107,.12)}
.mgf-st-cancelled,.mgf-st-transferred-away,.mgf-st-fraud,.mgf-orc-lost,.mgf-orc-dead{opacity:.72}
.mgf-orc-delivered{border-color:rgba(255,181,71,.35)}
/* ações em massa dos domínios */
.mgf-massa{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.mgf-massa-rot{color:var(--mute);font-size:13.5px;margin-right:4px}
.mgf-massa:not(.tem) .setBulkAction{opacity:.55}
.mgf-massa.tem .mgf-massa-rot{color:var(--sinal-2);font-weight:600}
@media (max-width:900px){
  .mgf-linhas-cab{display:none}
  .mgf-linha,.mgf-orc-cols,.mgf-dom-cols,.mgf-ssl-cols,.mgf-uso-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px}
  .mgf-l-n{grid-column:1/-1}
  .mgf-dom-cols .mgf-l-sel{grid-column:1/-1;margin-bottom:-6px}
  .mgf-l-c::before{content:attr(data-r);display:block;font-size:11.5px;color:var(--mute)}
  .mgf-l-assunto{grid-column:1/-1}
  .mgf-l-s,.mgf-l-a{justify-self:start}
  .mgf-l-a{grid-column:1/-1;justify-content:flex-start}
  .mgf-massa{justify-content:flex-start}
}

/* ---------- dados em pares (domínio, IP bloqueado) ---------- */
.mgf-dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.mgf-dados>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.mgf-dados dt{font:600 12.5px var(--font-ui);color:var(--mute)}
.mgf-dados dd{margin:0;color:#fff;overflow-wrap:anywhere}
.mgf-dados-1{grid-template-columns:minmax(0,1fr);margin:6px 0 12px}
@media (max-width:640px){.mgf-dados{grid-template-columns:minmax(0,1fr)}}
.mgf-dom-nome{font-family:var(--font-mono)!important;font-weight:500!important;letter-spacing:-.01em;overflow-wrap:anywhere}
.mgf-estado{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ink-2);margin:0 0 18px}
.mgf-atalhos{display:flex;flex-wrap:wrap;gap:10px}
.mgf-atalhos a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:#fff;font:600 14.5px var(--font-ui);text-decoration:none!important}
.mgf-atalhos a:hover{border-color:var(--sinal);color:var(--sinal)}
.mgf-extras{display:grid;gap:12px}
.mgf-extra{padding:16px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg1)}
.mgf-extra b{color:#fff}.mgf-extra p{color:var(--ink-2);font-size:14.5px;margin:4px 0 12px}
.mgf-extra form{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.mgf-domd .moduleoutput{margin-top:18px}
.mgf-domd .tab-content>.tab-pane>.mgf-painel{margin:0}

/* ---------- orçamento / cartão / 3DS / SSL ---------- */
.mgf-proposta{color:var(--ink-2);font-size:15px;line-height:1.6}
.mgf-desc-ok{color:var(--ok)!important}
.mgf-metodo{margin-bottom:16px}
.mgf-cartao .paymethod-info label{color:var(--ink-2)}
.mgf-cartao .three-column-grid{gap:8px 12px}
.mgf-cartao .form-group label,.mgf-cartao .control-label{color:var(--ink-2);font-size:13.5px;font-weight:600}
.mgf-cartao #btnSubmitContainer{margin:18px 0 0}
.mgf-seguro{padding-left:18px;position:relative}
.mgf-seguro::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:2px;border:2px solid var(--ok)}
.mgf-itens-curto{margin-top:16px}
.mgf-itens-curto li{padding:10px 0;font-size:14px}
.mg-pagar .mgf-itens-curto,.mg-pagar .mgf-itens-curto li{border-color:var(--line)}
.mg-pagar .mgf-itens-curto .mg-item-desc{color:var(--ink-2)}
.mg-pagar .mgf-itens-curto .mg-item-val{color:#fff}
.mgf-totais-curto{justify-content:stretch}
.mgf-totais-curto div{grid-template-columns:minmax(0,1fr) auto}
.mgf-totais-curto dt{color:var(--ink-2)!important;font-size:14px}
.mgf-totais-curto dd{color:#fff!important}
.mgf-totais-curto .mg-total{border-top-color:var(--line-2)!important}
.mgf-totais-curto .mg-total dd{font-size:20px!important;color:var(--sinal-2)!important}
.mgf-iframe{display:block;width:100%;height:560px;border:1px solid var(--line-2);border-radius:12px;background:#fff;margin-top:16px}
.mgf-3ds .mgf-painel,.mgf-remoto{max-width:760px;margin-inline:auto;width:100%}
.mega-area .primary-content .mgf-3ds h1,.mega-area .primary-content .mgf-remoto h1{font-size:clamp(26px,3vw,34px);margin:0 0 6px}
.mgf-emails{display:grid;gap:8px}
.mgf-email{display:flex;gap:10px;align-items:center;margin:0;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg1);cursor:pointer;overflow-wrap:anywhere}
.mgf-email:has(input:checked){border-color:var(--sinal);background:var(--sinal-dim)}
.mgf-email input{accent-color:var(--sinal);flex:none}
.mgf-copia{display:flex;gap:8px}
.mgf-copia input{flex:1;min-width:0}
.mgf-tab{margin:0}
.mgf-tab th{color:var(--mute)!important}
.mgf-uso-btn{margin-top:6px}
.mega-area .modal-title{font:700 20px var(--font-display);color:#fff}

/* ---------- telas de acesso (mesma composição do login.tpl) ---------- */
body.tpl-access-denied .mg-trilha,body.tpl-banned .mg-trilha,body.tpl-downloaddenied .mg-trilha,body.tpl-clientregister .mg-trilha,
body.tpl-password-reset-container .mg-trilha,body.tpl-user-verify-email .mg-trilha{display:none}
body.tpl-access-denied #main-body>.container,body.tpl-banned #main-body>.container,body.tpl-downloaddenied #main-body>.container,body.tpl-clientregister #main-body>.container,
body.tpl-password-reset-container #main-body>.container,body.tpl-user-verify-email #main-body>.container{max-width:none;padding:0}
body.tpl-access-denied #main-body>.container>.row,body.tpl-banned #main-body>.container>.row,body.tpl-downloaddenied #main-body>.container>.row,body.tpl-clientregister #main-body>.container>.row,
body.tpl-password-reset-container #main-body>.container>.row,body.tpl-user-verify-email #main-body>.container>.row{margin:0}
body.tpl-access-denied .primary-content,body.tpl-banned .primary-content,body.tpl-downloaddenied .primary-content,body.tpl-clientregister .primary-content,
body.tpl-password-reset-container .primary-content,body.tpl-user-verify-email .primary-content{padding:0}
.mgf-acesso{margin:-24px 0 -56px}
.mega-area .mgf-acesso-centro .wrap{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.mgf-erro{width:100%;max-width:560px;display:grid;gap:4px}
.mega-area .primary-content .mgf-erro h1,.mega-area .mgf-erro h1{font-size:clamp(28px,3.6vw,40px);margin:0 0 8px}
.mgf-erro-rot{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;font:600 14px var(--font-ui);color:var(--warn)}
.mgf-erro-rot span{width:8px;height:8px;border-radius:50%;background:currentColor}
.mgf-tom-erro .mgf-erro-rot{color:var(--bad)}
.mgf-tom-ok .mgf-erro-rot{color:var(--ok)}
.mgf-erro-txt{color:var(--ink);font-size:17px;margin:0 0 8px}
.mgf-erro-txt b{color:#fff}
.mgf-erro-sub{color:var(--ink-2);font-size:15px;margin:0 0 8px}
.mgf-erro .mgf-acoes{margin-top:14px}
.mgf-permissoes{margin:0 0 12px;padding:12px 16px 12px 32px;border-radius:10px;background:var(--bg0);border:1px solid var(--line);color:var(--ink-2);font-size:14.5px}
.mgf-produto{margin:4px 0 8px;padding:12px 16px;border-radius:10px;background:var(--bg0);border:1px solid var(--line-2);color:#fff;font-weight:600}
/* recuperar senha: etapas (é sequência de verdade) */
.mgf-passos{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;gap:4px;max-width:440px}
.mgf-passos li{counter-increment:p;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;padding:12px 0;border-top:1px solid var(--line);color:var(--mute)}
.mgf-passos li::before{content:counter(p);grid-row:1/3;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;font:700 13px var(--font-display);color:var(--ink-2)}
.mgf-passos b{color:var(--ink-2);font-weight:600}
.mgf-passos span{font-size:14.5px}
.mgf-passos li[aria-current="step"]::before{border-color:var(--sinal);background:var(--sinal);color:var(--sinal-ink)}
.mgf-passos li[aria-current="step"] b{color:#fff}
.mgf-passos li.feito::before{content:"✓";border-color:var(--ok);color:var(--ok)}
.mgf-rs-card .mg-acesso-ajuda{text-align:center}
.mgf-captcha{margin:4px 0 16px;overflow-x:auto}
.mgf-acesso .mg-senha.input-group{display:block}
.mgf-forca .progress,.mgf-cad .progress{height:6px;background:var(--bg0);border-radius:999px;margin:4px 0 8px!important}
.mgf-forca .alert{font-size:13px;padding:8px 12px;margin:0}
.mgf-forca br{display:none}
.mgf-gerar{margin:0 0 14px}
/* cadastro */
.mgf-cad-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
.mgf-cad-texto{position:sticky;top:110px}
@media (max-width:900px){.mgf-cad-grade{grid-template-columns:minmax(0,1fr)}.mgf-cad-texto{position:static}}
.mgf-pede{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px;max-width:440px}
.mgf-pede li{display:grid;gap:2px;padding-left:16px;border-left:2px solid var(--sinal-dk)}
.mgf-pede b{color:#fff;font-weight:600}
.mgf-pede span{color:var(--ink-2);font-size:15px}
.mgf-cad-form{min-width:0}
.mgf-cad-card{padding:clamp(18px,3vw,30px)}
.mgf-bloco{border:0;margin:0 0 8px;padding:0;min-width:0}
.mgf-bloco+.mgf-bloco,#containerNewUserSecurity .mgf-bloco{padding-top:18px;border-top:1px solid var(--line)}
.mgf-bloco legend{font:700 18px var(--font-display);color:#fff;margin:0 0 14px;padding:0;width:auto}
.mgf-cad .cf-row input,.mgf-cad .cf-row select{min-width:0}
.mgf-cad .mgf-cf .form-control{width:100%;padding:12px 14px;border-radius:9px;border:1px solid var(--line-2);background:var(--bg0);color:#fff;font-size:15px;height:auto}
.mgf-cad .intl-tel-input{display:block;width:100%}
.mgf-cad .intl-tel-input .country-list{background:var(--bg2);color:var(--ink);border-color:var(--line-2);max-width:min(360px,80vw);white-space:normal}
.mgf-cad .intl-tel-input .country-list .country.highlight{background:var(--bg3)}
.mgf-cad .intl-tel-input .selected-flag{border-radius:9px 0 0 9px}
.mgf-cad .intl-tel-input.separate-dial-code .selected-flag{background:rgba(255,255,255,.05)}
.mgf-cad .intl-tel-input .selected-dial-code{color:var(--ink-2)}
.mgf-forca-linha{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:-4px 0 12px}
.mgf-forca-linha .password-strength-meter{flex:1 1 220px}
.mgf-forca-linha .small{margin:0;color:var(--mute)}
.mgf-tos{margin:14px 0 16px}
.mgf-tos span{line-height:1.45}
.mgf-cad .mg-acesso-msg{margin-bottom:14px}
.mgf-cad #passwdFeedback{margin-bottom:12px}
.mgf-cad .bootstrap-switch{border-color:var(--line-2)}
@media (max-width:420px){.mgf-acesso .mgf-acoes .btn{width:100%}}
/* o Twenty-One pinta #registration .field/.form-control de branco e os rótulos de cinza — aqui volta ao kit do site */
.mgf-cad #registration .field,.mgf-cad #registration .form-control{background:var(--bg0);color:#fff;height:auto;border:1px solid var(--line-2);border-radius:9px;padding-top:12px;padding-bottom:12px;padding-right:14px;font-size:15px;box-shadow:none}
.mgf-cad #registration .cf-row>input:not([type=tel]),.mgf-cad #registration .cf-row>select,.mgf-cad #registration .control>input,.mgf-cad #registration .control>select,.mgf-cad #registration .control>textarea{padding-left:14px}
.mgf-cad #registration .field:focus,.mgf-cad #registration .form-control:focus{border-color:var(--sinal);box-shadow:0 0 0 3px var(--sinal-dim);outline:none}
.mgf-cad #registration select.field,.mgf-cad #registration select.form-control{padding-right:36px}
.mgf-cad #registration label{font-weight:600;color:var(--ink-2);font-size:13px;margin:0}
.mgf-cad #registration label small{color:var(--mute)}
.mgf-cad #registration .mg-lembrar{font-size:15px;font-weight:400;color:var(--ink-2)}
.mgf-cad .wrap.mgf-cad-grade{align-items:start}
.mgf-bloco legend{float:left;width:100%}
.mgf-bloco legend+*{clear:both}
.mega-area .primary-content .mg-doc-escuro h2.mg-sec-t{font:600 14.5px var(--font-ui);color:var(--mute);margin:0 0 8px}
.mega-area .primary-content .mg-doc-escuro h2.mg-sec-t:not(:first-child){margin-top:22px}
.mega-area .primary-content .mg-lst-nada h2{font-size:22px}
.mg-pagar .mgf-itens-curto .mg-item-desc::first-line{color:#fff}
.mgf-l-n a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.mgf-topo.mg-lst-topo{grid-template-columns:minmax(0,1fr)!important}.mgf-topo-acoes{justify-content:flex-start}}
@media (max-width:575px){.mgf .mg-totais,.mgf .mg-totais div{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}}
/* PROVISÓRIO até o header.tpl pôr estas telas em $mgSemLateral: esconde a lateral do WHMCS e usa a largura toda */
body.tpl-access-denied #main-body>.container>.row>.col-lg-4,body.tpl-banned #main-body>.container>.row>.col-lg-4,body.tpl-downloaddenied #main-body>.container>.row>.col-lg-4,body.tpl-clientregister #main-body>.container>.row>.col-lg-4,body.tpl-password-reset-container #main-body>.container>.row>.col-lg-4,body.tpl-user-verify-email #main-body>.container>.row>.col-lg-4,body.tpl-clientareacancelrequest #main-body>.container>.row>.col-lg-4,body.tpl-upgrade #main-body>.container>.row>.col-lg-4,body.tpl-upgradesummary #main-body>.container>.row>.col-lg-4,body.tpl-upgrade-configure #main-body>.container>.row>.col-lg-4,body.tpl-clientareaquotes #main-body>.container>.row>.col-lg-4,body.tpl-invoice-payment #main-body>.container>.row>.col-lg-4,body.tpl-3dsecure #main-body>.container>.row>.col-lg-4,body.tpl-clientareadomains #main-body>.container>.row>.col-lg-4,body.tpl-managessl #main-body>.container>.row>.col-lg-4,body.tpl-configuressl-stepone #main-body>.container>.row>.col-lg-4,body.tpl-configuressl-steptwo #main-body>.container>.row>.col-lg-4,body.tpl-configuressl-complete #main-body>.container>.row>.col-lg-4,body.tpl-access-denied .sidebar-secondary,body.tpl-banned .sidebar-secondary,body.tpl-downloaddenied .sidebar-secondary,body.tpl-clientregister .sidebar-secondary,body.tpl-password-reset-container .sidebar-secondary,body.tpl-user-verify-email .sidebar-secondary,body.tpl-clientareacancelrequest .sidebar-secondary,body.tpl-upgrade .sidebar-secondary,body.tpl-upgradesummary .sidebar-secondary,body.tpl-upgrade-configure .sidebar-secondary,body.tpl-clientareaquotes .sidebar-secondary,body.tpl-invoice-payment .sidebar-secondary,body.tpl-3dsecure .sidebar-secondary,body.tpl-clientareadomains .sidebar-secondary,body.tpl-managessl .sidebar-secondary,body.tpl-configuressl-stepone .sidebar-secondary,body.tpl-configuressl-steptwo .sidebar-secondary,body.tpl-configuressl-complete .sidebar-secondary{display:none!important}
body.tpl-access-denied #main-body>.container>.row>.primary-content,body.tpl-banned #main-body>.container>.row>.primary-content,body.tpl-downloaddenied #main-body>.container>.row>.primary-content,body.tpl-clientregister #main-body>.container>.row>.primary-content,body.tpl-password-reset-container #main-body>.container>.row>.primary-content,body.tpl-user-verify-email #main-body>.container>.row>.primary-content,body.tpl-clientareacancelrequest #main-body>.container>.row>.primary-content,body.tpl-upgrade #main-body>.container>.row>.primary-content,body.tpl-upgradesummary #main-body>.container>.row>.primary-content,body.tpl-upgrade-configure #main-body>.container>.row>.primary-content,body.tpl-clientareaquotes #main-body>.container>.row>.primary-content,body.tpl-invoice-payment #main-body>.container>.row>.primary-content,body.tpl-3dsecure #main-body>.container>.row>.primary-content,body.tpl-clientareadomains #main-body>.container>.row>.primary-content,body.tpl-managessl #main-body>.container>.row>.primary-content,body.tpl-configuressl-stepone #main-body>.container>.row>.primary-content,body.tpl-configuressl-steptwo #main-body>.container>.row>.primary-content,body.tpl-configuressl-complete #main-body>.container>.row>.primary-content{flex:0 0 100%;max-width:100%}