/* CONNECT Client Area Premium v1.0.0 — LOOP 006 — 2026-09-17 */
:root{--cca-blue:#0B74FF;--cca-blue-dark:#075BD4;--cca-cyan:#16C7E8;--cca-navy:#07172F;--cca-text:#173B5D;--cca-muted:#687D91;--cca-border:#DCE6F0;--cca-soft:#F5F8FC;--cca-white:#fff;--cca-success:#16845C;--cca-warning:#A96B12;--cca-danger:#C93B45;--cca-shadow:0 12px 34px rgba(7,31,62,.06)}
body.connect-theme.template-clientareahome,
body.connect-theme.template-clientareaproducts,
body.connect-theme.template-clientareaproductdetails,
body.connect-theme.template-clientareadomains,
body.connect-theme.template-clientareadomaindetails,
body.connect-theme.template-clientareainvoices,
body.connect-theme.template-clientareaquotes,
body.connect-theme.template-clientareaemails,
body.connect-theme.template-clientareadetails,
body.connect-theme.template-clientareasecurity{background:#F4F7FB}

/* Dashboard */
body.template-clientareahome .connect-account-dashboard-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:26px 28px;border:1px solid rgba(39,112,196,.18);border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(22,199,232,.17),transparent 30%),linear-gradient(135deg,#041020,#082F61);box-shadow:0 18px 46px rgba(4,16,32,.10);color:#fff}
body.template-clientareahome .connect-account-dashboard-head h1{margin:4px 0 5px!important;color:#fff!important;font-size:clamp(27px,3vw,38px)!important;font-weight:900!important;letter-spacing:-.035em}
body.template-clientareahome .connect-account-dashboard-head p{margin:0!important;color:#BDD0E3!important;line-height:1.6}
body.template-clientareahome .connect-account-dashboard-kicker{color:#6EDCF7!important;font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase}
body.template-clientareahome .connect-account-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}
body.template-clientareahome .connect-account-dashboard-actions .btn{min-height:44px;border-radius:10px!important;font-weight:800}
body.template-clientareahome .connect-account-dashboard-actions .btn-primary{border-color:#fff!important;background:#fff!important;color:#075BD4!important;box-shadow:none!important}
body.template-clientareahome .connect-account-dashboard-actions .btn-outline-primary{border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
body.template-clientareahome .tiles{margin-bottom:24px!important}
body.template-clientareahome .tiles>.row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0!important}
body.template-clientareahome .tiles>.row>[class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
body.template-clientareahome .tiles .tile{position:relative;overflow:hidden;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;min-height:112px;padding:18px;border:1px solid var(--cca-border)!important;border-radius:16px!important;background:#fff!important;color:var(--cca-text)!important;box-shadow:0 9px 28px rgba(7,31,62,.05)!important;text-decoration:none!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
body.template-clientareahome .tiles .tile:hover{transform:translateY(-2px);border-color:#A9CCEF!important;box-shadow:0 15px 34px rgba(7,65,130,.08)!important}
body.template-clientareahome .tiles .tile>i{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;margin:0!important;border-radius:12px;background:#EDF5FF;color:var(--cca-blue)!important;font-size:18px!important}
body.template-clientareahome .tiles .tile .stat{align-self:end;color:#0A3158!important;font-size:28px!important;font-weight:900!important;line-height:1}
body.template-clientareahome .tiles .tile .title{align-self:start;margin-top:5px;color:#637A90!important;font-size:12px!important;font-weight:800!important}
body.template-clientareahome .tiles .tile .highlight{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:3px!important;border-radius:0!important}
body.template-clientareahome .client-home-cards>.row{row-gap:18px}
body.template-clientareahome .client-home-cards .card{overflow:hidden;border:1px solid var(--cca-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--cca-shadow)!important}
body.template-clientareahome .client-home-cards .card-header{padding:14px 17px!important;border-bottom:1px solid #E8EEF5!important;background:#F8FAFD!important}
body.template-clientareahome .client-home-cards .card-title{color:#173E60!important;font-size:15px!important;font-weight:900!important}
body.template-clientareahome .client-home-cards .list-group-item{padding:13px 16px!important;border-color:#EDF2F6!important}
body.template-clientareahome .client-home-cards .list-group-item:hover{background:#F7FBFF}

/* Shared account surface */
body.connect-theme[class*="template-clientarea"] .primary-content>.header-lined{margin-bottom:20px!important;padding-bottom:14px!important;border-bottom:1px solid #E2EAF2!important}
body.connect-theme[class*="template-clientarea"] .primary-content>.header-lined h1{margin:0!important;color:#092D52!important;font-size:clamp(26px,3vw,34px)!important;font-weight:900!important;letter-spacing:-.025em!important}
body.connect-theme[class*="template-clientarea"] .card,
body.connect-theme[class*="template-clientarea"] .panel{border:1px solid var(--cca-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--cca-shadow)!important}
body.connect-theme[class*="template-clientarea"] .card-header,
body.connect-theme[class*="template-clientarea"] .panel-heading{border-bottom:1px solid #E7EDF4!important;background:#F8FAFD!important;color:#173E60!important}
body.connect-theme[class*="template-clientarea"] .card-title{color:#173E60;font-weight:900}
body.connect-theme[class*="template-clientarea"] .form-control,
body.connect-theme[class*="template-clientarea"] .custom-select{min-height:44px;border:1px solid #C9D6E4!important;border-radius:10px!important;background:#FBFDFF!important;color:#183B5C!important;box-shadow:none!important}
body.connect-theme[class*="template-clientarea"] .form-control:focus,
body.connect-theme[class*="template-clientarea"] .custom-select:focus{border-color:#62A9FF!important;background:#fff!important;box-shadow:0 0 0 3px rgba(11,116,255,.12)!important}
body.connect-theme[class*="template-clientarea"] .btn{min-height:40px;border-radius:9px!important;font-weight:800}
body.connect-theme[class*="template-clientarea"] .btn-primary{border-color:var(--cca-blue)!important;background:var(--cca-blue)!important;color:#fff!important}
body.connect-theme[class*="template-clientarea"] .btn-primary:hover{border-color:var(--cca-blue-dark)!important;background:var(--cca-blue-dark)!important}
body.connect-theme[class*="template-clientarea"] .alert{border-radius:12px!important}

/* DataTables: services, domains, invoices, quotes and emails */
body.connect-theme.template-clientareaproducts .table-container,
body.connect-theme.template-clientareadomains .table-container,
body.connect-theme.template-clientareainvoices .table-container,
body.connect-theme.template-clientareaquotes .table-container,
body.connect-theme.template-clientareaemails .table-container{overflow:hidden;border:1px solid var(--cca-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--cca-shadow)!important}
body.connect-theme #tableServicesList,
body.connect-theme #tableDomainsList,
body.connect-theme #tableInvoicesList,
body.connect-theme #tableQuotesList,
body.connect-theme #tableEmailsList{margin:0!important;background:#fff!important}
body.connect-theme #tableServicesList thead th,
body.connect-theme #tableDomainsList thead th,
body.connect-theme #tableInvoicesList thead th,
body.connect-theme #tableQuotesList thead th,
body.connect-theme #tableEmailsList thead th{padding:14px 13px!important;border:0!important;border-bottom:1px solid #E4EBF3!important;background:#F7FAFD!important;color:#61768B!important;font-size:10px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase}
body.connect-theme #tableServicesList tbody td,
body.connect-theme #tableDomainsList tbody td,
body.connect-theme #tableInvoicesList tbody td,
body.connect-theme #tableQuotesList tbody td,
body.connect-theme #tableEmailsList tbody td{padding:14px 13px!important;border-color:#EDF2F6!important;vertical-align:middle!important;color:#456079!important}
body.connect-theme #tableServicesList tbody tr,
body.connect-theme #tableDomainsList tbody tr,
body.connect-theme #tableInvoicesList tbody tr,
body.connect-theme #tableQuotesList tbody tr,
body.connect-theme #tableEmailsList tbody tr{cursor:pointer;transition:background .14s ease}
body.connect-theme #tableServicesList tbody tr:hover,
body.connect-theme #tableDomainsList tbody tr:hover,
body.connect-theme #tableInvoicesList tbody tr:hover,
body.connect-theme #tableQuotesList tbody tr:hover,
body.connect-theme #tableEmailsList tbody tr:hover{background:#F7FBFF!important}
body.connect-theme .status{display:inline-flex!important;align-items:center;justify-content:center;min-height:27px;padding:5px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important}
body.connect-theme .status-active,body.connect-theme .status-paid{background:#EAF8F2!important;color:#0D7A52!important}
body.connect-theme .status-pending,body.connect-theme .status-unpaid{background:#FFF5E6!important;color:#96600B!important}
body.connect-theme .status-suspended,body.connect-theme .status-cancelled,body.connect-theme .status-terminated,body.connect-theme .status-overdue{background:#FDECEF!important;color:#B52F3B!important}
body.connect-theme .dataTables_wrapper>.row:first-child{padding:14px 14px 8px!important;background:#fff}
body.connect-theme .dataTables_wrapper>.row:last-child{padding:10px 14px 14px!important;background:#fff}
body.connect-theme .dataTables_wrapper .dataTables_filter input{min-height:40px!important;margin-left:8px!important;border:1px solid #CCD9E6!important;border-radius:9px!important;background:#FBFDFF!important}
body.connect-theme .dataTables_wrapper .dataTables_length select{min-height:38px!important;border:1px solid #CCD9E6!important;border-radius:8px!important}
body.connect-theme .dataTables_wrapper .page-link{min-width:36px;min-height:36px;display:grid;place-items:center;border-color:#DCE5EE;color:#315675}
body.connect-theme .dataTables_wrapper .page-item.active .page-link{border-color:var(--cca-blue)!important;background:var(--cca-blue)!important;color:#fff!important}

/* Product details */
body.template-clientareaproductdetails .product-details{overflow:hidden;border-radius:15px;background:#fff}
body.template-clientareaproductdetails .product-status{padding:24px!important;border-radius:15px!important;background:linear-gradient(180deg,#FBFDFF,#F4F8FC)!important}
body.template-clientareaproductdetails .product-icon{color:var(--cca-blue)!important}
body.template-clientareaproductdetails .product-status h3{color:#0A3158!important;font-weight:900!important}
body.template-clientareaproductdetails .product-actions-wrapper{gap:10px 0;margin-top:18px!important}
body.template-clientareaproductdetails .nav-tabs{gap:5px;border-bottom:1px solid #DFE7F0}
body.template-clientareaproductdetails .nav-tabs .nav-link{border:0!important;border-radius:9px 9px 0 0!important;color:#587189!important;font-weight:800}
body.template-clientareaproductdetails .nav-tabs .nav-link.active{background:#EDF5FF!important;color:#075FD6!important}
body.template-clientareaproductdetails .product-details-tab-container{padding:22px!important;border:1px solid #E2EAF2;border-top:0;border-radius:0 0 15px 15px}

/* Domain details */
body.template-clientareadomaindetails .card-body{padding:24px!important}
body.template-clientareadomaindetails .card-title{margin-bottom:18px!important;color:#0A3158!important;font-size:20px!important;font-weight:900!important}
body.template-clientareadomaindetails .nav-tabs .nav-link{font-weight:800}
body.template-clientareadomaindetails .list-group-item{border-color:#E9EFF5!important}
body.template-clientareadomaindetails .label-success{background:#EAF8F2!important;color:#0D7A52!important}
body.template-clientareadomaindetails .label-danger{background:#FDECEF!important;color:#B52F3B!important}

/* Details/security forms */
body.template-clientareadetails .card-body,
body.template-clientareasecurity .card-body{padding:26px!important}
body.template-clientareadetails label,
body.template-clientareasecurity label{color:#36526D!important;font-weight:800!important}

/* Sidebar */
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .card,
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .panel{overflow:hidden;border:1px solid var(--cca-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(7,31,62,.045)!important}
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .list-group-item{min-height:43px;padding:11px 13px;border-color:#EDF2F6!important;color:#456079!important;font-size:12px;font-weight:700}
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .list-group-item:hover{background:#F7FBFF!important;color:#075FD6!important}
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .list-group-item.active{border-color:var(--cca-blue)!important;background:var(--cca-blue)!important;color:#fff!important}

@media(max-width:991.98px){body.template-clientareahome .tiles>.row{grid-template-columns:repeat(2,minmax(0,1fr))}body.template-clientareahome .connect-account-dashboard-head{align-items:flex-start}body.connect-theme.template-clientareaproducts .table-container,body.connect-theme.template-clientareadomains .table-container,body.connect-theme.template-clientareainvoices .table-container,body.connect-theme.template-clientareaquotes .table-container,body.connect-theme.template-clientareaemails .table-container{overflow-x:auto}body.connect-theme #tableServicesList,body.connect-theme #tableDomainsList,body.connect-theme #tableInvoicesList,body.connect-theme #tableQuotesList,body.connect-theme #tableEmailsList{min-width:720px}}
@media(max-width:767.98px){body.template-clientareahome .connect-account-dashboard-head{display:block;padding:21px 18px;border-radius:16px}body.template-clientareahome .connect-account-dashboard-actions{display:grid;grid-template-columns:1fr;margin-top:17px}body.template-clientareahome .connect-account-dashboard-actions .btn{width:100%}body.template-clientareahome .tiles>.row{grid-template-columns:1fr 1fr;gap:10px}body.template-clientareahome .tiles .tile{grid-template-columns:38px 1fr;min-height:96px;padding:14px}body.template-clientareahome .tiles .tile>i{width:34px;height:34px;font-size:15px}body.template-clientareahome .tiles .tile .stat{font-size:23px}body.connect-theme[class*="template-clientarea"] .card-body{padding-left:18px!important;padding-right:18px!important}body.template-clientareaproductdetails .product-details-tab-container{padding:17px!important}}
@media(max-width:480px){body.template-clientareahome .tiles>.row{grid-template-columns:1fr}body.connect-theme[class*="template-clientarea"] .form-control,body.connect-theme[class*="template-clientarea"] .custom-select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){body.connect-theme[class*="template-clientarea"] *,body.connect-theme[class*="template-clientarea"] *::before,body.connect-theme[class*="template-clientarea"] *::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* CONNECT — CLIENT AREA ICON SCALE CANÔNICO FORTE — 2026-09-17 */
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .panel-title>i:not(.panel-minimise):not(.card-minimise),
body.connect-theme[class*="template-clientarea"] #main-body .sidebar .list-group-item>i:first-child{
  font-size:18px!important;
}
body.connect-theme[class*="template-clientarea"] .connect-client-btn i,
body.connect-theme[class*="template-clientarea"] .connect-cart-btn i,
body.connect-theme[class*="template-clientarea"] .connect-back-site i{
  font-size:18px!important;
}
@media (min-width:992px){
  body.template-clientareahome .tiles>.row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0!important;
  }
  body.template-clientareahome .tiles>.row>[class*="col-"]{
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    padding:0!important;
  }
  body.template-clientareahome .tiles .tile{
    grid-template-columns:64px 1fr!important;
  }
  body.template-clientareahome .tiles .tile>i{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    display:grid!important;
    place-items:center!important;
    font-size:32px!important;
    line-height:1!important;
    border-radius:16px!important;
  }
}
@media (min-width:768px) and (max-width:991.98px){
  body.template-clientareahome .tiles>.row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.template-clientareahome .tiles .tile{
    grid-template-columns:58px 1fr!important;
  }
  body.template-clientareahome .tiles .tile>i{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    display:grid!important;
    place-items:center!important;
    font-size:28px!important;
    line-height:1!important;
    border-radius:15px!important;
  }
}
@media (max-width:767.98px){
  body.template-clientareahome .tiles>.row{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.template-clientareahome .tiles .tile{
    grid-template-columns:62px 1fr!important;
  }
  body.template-clientareahome .tiles .tile>i{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    display:grid!important;
    place-items:center!important;
    font-size:30px!important;
    line-height:1!important;
    border-radius:16px!important;
  }
}