/* CONNECT Client Area V2.0 — camada visual do painel autenticado
   Não altera login, checkout, pagamentos ou ações do WHMCS. */
body.connect-theme.template-clientareahome .connect-account-dashboard-head{
  margin-bottom:20px;padding:24px 28px;border-radius:18px;
  background:radial-gradient(circle at 88% 5%,rgba(28,198,240,.15),transparent 34%),linear-gradient(125deg,#05132a,#08366d);
}
body.connect-theme.template-clientareahome .connect-account-dashboard-head h1{font-size:clamp(27px,2.6vw,36px)!important;line-height:1.13}
body.connect-theme.template-clientareahome .connect-account-dashboard-head p{font-size:14px;max-width:620px}
body.connect-theme.template-clientareahome .connect-account-dashboard-kicker{font-size:11px!important}
body.connect-theme.template-clientareahome .connect-account-dashboard-actions .btn{min-height:46px;padding:10px 17px;font-size:13px}
body.connect-theme.template-clientareahome .tiles{margin-bottom:20px!important}
body.connect-theme.template-clientareahome .tiles>.row{gap:12px!important}
body.connect-theme.template-clientareahome .tiles .tile{
  min-height:108px;padding:18px;border-radius:16px!important;
  border-color:#d4e3f2!important;box-shadow:0 10px 26px rgba(7,47,89,.055)!important;
}
body.connect-theme.template-clientareahome .tiles .tile:focus-visible,
body.connect-theme.template-clientareahome .connect-account-dashboard-actions .btn:focus-visible{
  outline:3px solid #27b9ff;outline-offset:3px;
}
body.connect-theme.template-clientareahome .tiles .tile .stat{font-size:29px!important}
body.connect-theme.template-clientareahome .tiles .tile .title{font-size:14px!important;line-height:1.35}
body.connect-theme.template-clientareahome .client-home-cards .card-header{padding:17px 19px!important}
body.connect-theme.template-clientareahome .client-home-cards .card-title{font-size:17px!important;line-height:1.35}
body.connect-theme.template-clientareahome .client-home-cards .list-group-item{font-size:14px;line-height:1.5}
body.connect-theme.template-clientareahome .client-home-cards .card-footer:empty{display:none}
body.connect-theme[class*="template-clientarea"] .primary-content>.header-lined h1{line-height:1.16}
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .list-group-item{font-size:13px;line-height:1.4}
body.connect-theme[class*="template-clientarea"] #tableServicesList thead th,
body.connect-theme[class*="template-clientarea"] #tableDomainsList thead th,
body.connect-theme[class*="template-clientarea"] #tableInvoicesList thead th,
body.connect-theme[class*="template-clientarea"] #tableQuotesList thead th,
body.connect-theme[class*="template-clientarea"] #tableEmailsList thead th{font-size:12px!important;line-height:1.35}
body.connect-theme[class*="template-clientarea"] #tableServicesList tbody td,
body.connect-theme[class*="template-clientarea"] #tableDomainsList tbody td,
body.connect-theme[class*="template-clientarea"] #tableInvoicesList tbody td,
body.connect-theme[class*="template-clientarea"] #tableQuotesList tbody td,
body.connect-theme[class*="template-clientarea"] #tableEmailsList tbody td{font-size:13px;line-height:1.45}
body.connect-theme[class*="template-clientarea"] .status{font-size:12px!important;min-height:29px}
@media(min-width:992px){
 body.connect-theme.template-clientareahome .tiles .tile{grid-template-columns:54px 1fr!important}
 body.connect-theme.template-clientareahome .tiles .tile>i{
   width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:25px!important
 }
}
@media(max-width:767.98px){
 body.connect-theme.template-clientareahome .connect-account-dashboard-head{padding:23px 19px}
 body.connect-theme.template-clientareahome .tiles>.row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.connect-theme.template-clientareahome .tiles .tile{grid-template-columns:38px 1fr!important;min-height:94px;padding:13px!important}
 body.connect-theme.template-clientareahome .tiles .tile>i{
   width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:17px!important;border-radius:10px!important
 }
 body.connect-theme.template-clientareahome .tiles .tile .stat{font-size:24px!important}
 body.connect-theme.template-clientareahome .tiles .tile .title{font-size:12px!important}
}
@media(max-width:360px){
 body.connect-theme.template-clientareahome .tiles>.row{grid-template-columns:1fr!important}
}
/* Apple-inspired refinement: authenticated client dashboard, presentation only */
body.connect-theme.template-clientareahome .connect-account-dashboard-head{border:1px solid rgba(39,111,196,.15)!important;background:linear-gradient(125deg,#f9fbff,#edf5ff)!important;box-shadow:0 12px 38px rgba(11,41,83,.055)!important;border-radius:24px!important;padding:28px 32px!important}
body.connect-theme.template-clientareahome .connect-account-dashboard-head h1{color:#102b50!important;letter-spacing:-.035em!important;font-weight:750!important}
body.connect-theme.template-clientareahome .connect-account-dashboard-head p{color:#526983!important;font-size:15px!important;line-height:1.55!important}
body.connect-theme.template-clientareahome .connect-account-dashboard-kicker{color:#0869d9!important;font-size:12px!important;letter-spacing:.12em!important}
body.connect-theme.template-clientareahome .connect-account-dashboard-actions .btn{border-radius:13px!important;font-size:14px!important;font-weight:650!important;min-height:46px!important}
body.connect-theme.template-clientareahome .client-home-cards .card,body.connect-theme.template-clientareahome .tiles .tile{border-radius:19px!important;box-shadow:0 8px 30px rgba(10,39,78,.055)!important}
body.connect-theme.template-clientareahome .client-home-cards .card-title{font-size:17px!important;letter-spacing:-.015em!important}
body.connect-theme.template-clientareahome .client-home-cards .list-group-item{font-size:14px!important;line-height:1.55!important}
body.connect-theme.template-clientareahome .alert{border-radius:14px!important;line-height:1.55!important}
body.connect-theme.template-clientareahome .alert a.btn{border-radius:11px!important;min-height:38px!important}
@media(max-width:767.98px){body.connect-theme.template-clientareahome .connect-account-dashboard-head{padding:22px 18px!important;border-radius:18px!important}body.connect-theme.template-clientareahome .connect-account-dashboard-head h1{font-size:28px!important}body.connect-theme.template-clientareahome .connect-account-dashboard-actions .btn{width:100%!important}}