/* Cloudesta 2026 client area skin — loaded after cds-clientarea.css, scoped to body.cds-ca */
body.cds-ca{--y:#fdd700;--c:#22b8ec;--c2:#0b86c4;--ink:#0b1622;--body:#5a6676;--line:#e3ebf3;--soft:#f5f9fc;font-family:'Plus Jakarta Sans','Open Sans',sans-serif}
body.cds-ca .main-body,body.cds-ca .wrapper.sec-normal{background:var(--soft)!important}
body.cds-ca h1,body.cds-ca h2,body.cds-ca h3,body.cds-ca h4,body.cds-ca .section-heading{font-family:'Plus Jakarta Sans','Open Sans',sans-serif!important;letter-spacing:-.02em}
body.cds-ca .section-heading{font-weight:800!important;color:var(--ink)!important;font-size:clamp(27.2px,3vw,36.8px)!important}
body.cds-ca .section-subheading{color:var(--body)!important}

/* ---- dashboard welcome panel ---- */
body.cds-ca .clientarea-new-header{position:relative;overflow:hidden;border-radius:24px!important;padding:26px 28px!important;background:radial-gradient(60% 120% at 90% 0%,#174a6c 0%,rgba(23,74,108,0) 70%),linear-gradient(160deg,#0a2032 0%,#061420 100%)!important;box-shadow:0 40px 80px -45px rgba(8,22,36,.9)!important;border:1px solid rgba(143,220,250,.12)}
body.cds-ca .container-clientarea-bg{display:none!important}
body.cds-ca .clientarea-new-header .username{color:#fff!important;font-weight:800;font-size:21.6px;font-style:normal}
body.cds-ca .clientarea-new-header .adress,body.cds-ca .clientarea-new-header .adress b{color:rgba(255,255,255,.6)!important;font-style:normal}
body.cds-ca .clientarea-new-header .gravatar{border:3px solid rgba(34,184,236,.6)!important;box-shadow:0 0 0 6px rgba(34,184,236,.12)}
body.cds-ca .header-features-icons a.badge{width:auto!important;height:40px!important;padding:0 14px!important;border-radius:12px!important;display:inline-flex!important;align-items:center;gap:8px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;font-size:12.48px;font-weight:700;transition:all .2s}
body.cds-ca .header-features-icons a.badge:hover{background:var(--y)!important;color:#111!important;border-color:transparent!important}
body.cds-ca .header-features-icons a.badge::after{content:attr(data-cds-label)}

/* ---- stat tiles ---- */
body.cds-ca .overview-services .service-section{border-radius:22px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 20px 50px -40px rgba(11,134,196,.55)!important;padding:24px 20px!important;text-align:left!important;transition:transform .25s,box-shadow .25s}
body.cds-ca .overview-services .service-section:hover{transform:translateY(-4px);box-shadow:0 30px 60px -35px rgba(11,134,196,.6)!important}
body.cds-ca .overview-services .service-section::before{display:none!important}
body.cds-ca .overview-services .plans.badge{position:static!important;display:inline-block!important;background:rgba(34,184,236,.12)!important;color:var(--c2)!important;font-size:10.88px!important;font-weight:800;border-radius:999px!important;padding:4px 10px!important;margin-bottom:10px}
body.cds-ca .overview-services .svg{width:30px!important;height:30px!important;margin:0 0 6px!important;display:block}
body.cds-ca .overview-services .svg *{stroke:var(--c2)!important}
body.cds-ca .overview-services .title{font-size:24px!important;font-weight:800!important;color:var(--ink)!important;margin-top:4px}
body.cds-ca .overview-services .subtitle{font-size:13.12px!important;color:var(--body)!important}
body.cds-ca .overview-services .btn-default-yellow-fill{width:100%;margin-top:14px!important;border-radius:12px!important;background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;font-weight:700!important;font-size:13.12px!important}
body.cds-ca .overview-services .service-section:hover .btn-default-yellow-fill{background:var(--y)!important;border-color:transparent!important}

/* ---- overview panels ---- */
body.cds-ca .rockbox .service-section{border-radius:22px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 20px 50px -40px rgba(11,134,196,.5)!important;padding:22px!important}
body.cds-ca .rockbox .service-section::before{display:none!important}
body.cds-ca .rockbox .title{font-size:16px!important;font-weight:800!important;color:var(--ink)!important;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
body.cds-ca .rockbox .list-group-item{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--soft)!important;margin-bottom:8px;padding:12px 14px!important}
body.cds-ca .rockbox .btn-view-details{border-radius:10px!important;background:#fff!important;color:var(--c2)!important;border:1px solid rgba(34,184,236,.4)!important;box-shadow:none!important;font-weight:700}
body.cds-ca .rockbox:has(.panel-mc-sso){display:none!important}
body.cds-ca .rockbox:has(a[href*="masspay"]) .service-section{background:linear-gradient(160deg,#fffbe6,#fff)!important;border-color:#f5e08a!important}
body.cds-ca .rockbox:has(a[href*="masspay"]) .btn-default-yellow-fill{width:100%;border-radius:12px!important;font-weight:800!important}

/* ---- status pills ---- */
body.cds-ca .label.status{display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important;padding:5px 11px!important;font-size:11.52px!important;font-weight:800!important;text-transform:capitalize;border:0!important}
body.cds-ca .label.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
body.cds-ca .status-active,body.cds-ca .status-paid,body.cds-ca .status-open,body.cds-ca .status-completed{background:rgba(61,220,132,.15)!important;color:#1b8f4c!important}
body.cds-ca .status-unpaid,body.cds-ca .status-overdue,body.cds-ca .status-suspended{background:rgba(255,95,87,.12)!important;color:#d23b33!important}
body.cds-ca .status-pending,body.cds-ca .status-answered,body.cds-ca .status-customer-reply,body.cds-ca .status-in-progress{background:rgba(34,184,236,.14)!important;color:var(--c2)!important}
body.cds-ca .status-cancelled,body.cds-ca .status-closed,body.cds-ca .status-terminated,body.cds-ca .status-refunded,body.cds-ca .status-expired{background:#eef2f6!important;color:#6b7a8a!important}

/* ---- tables ---- */
body.cds-ca .dataTables_wrapper{background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important;padding:18px!important;box-shadow:0 20px 50px -40px rgba(11,134,196,.5)!important}
body.cds-ca table.table-list{border-collapse:separate!important;border-spacing:0 6px!important;background:transparent!important}
body.cds-ca table.table-list thead th{background:transparent!important;border:0!important;color:#8a97a6!important;font-size:11.52px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em}
body.cds-ca table.table-list tbody tr{background:var(--soft)!important;transition:background .15s,box-shadow .15s}
body.cds-ca table.table-list tbody tr:hover{background:#fff!important;box-shadow:0 0 0 1.5px rgba(34,184,236,.45)}
body.cds-ca table.table-list tbody td{border:0!important;background:transparent!important;color:#33404f;font-size:14.08px;padding:14px 12px!important}
body.cds-ca table.table-list tbody td:first-child{border-radius:12px 0 0 12px}
body.cds-ca table.table-list tbody td:last-child{border-radius:0 12px 12px 0}
body.cds-ca table.table-list tbody td strong,body.cds-ca table.table-list tbody td b{color:var(--ink)}
body.cds-ca .dataTables_filter input{height:42px!important;border-radius:12px!important;border:1.5px solid var(--line)!important;background:var(--soft)!important}
body.cds-ca .dataTables_paginate .paginate_button{border-radius:10px!important;border:1px solid var(--line)!important;background:#fff!important;margin:0 2px;padding:6px 12px!important}
body.cds-ca .dataTables_paginate .paginate_button.active,body.cds-ca .dataTables_paginate .paginate_button.active a{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
body.cds-ca .dataTables_length select{border-radius:10px!important}

/* ---- sidebar ---- */
body.cds-ca .cds-sidebar-col .item-drop-side{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden;margin-bottom:16px!important;box-shadow:0 20px 50px -45px rgba(11,134,196,.5)!important}
body.cds-ca .cds-sidebar-col .panel-heading{background:transparent!important;border:0!important;padding:16px 18px 6px!important}
body.cds-ca .cds-sidebar-col .panel-title{font-size:12.48px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)!important}
body.cds-ca .cds-sidebar-col .list-group-item{border:0!important;background:transparent!important;color:#33404f!important;padding:9px 18px!important;font-weight:600;font-size:14.08px;border-radius:0!important}
body.cds-ca .cds-sidebar-col .list-group-item:hover{background:var(--soft)!important;color:var(--c2)!important}
body.cds-ca .cds-sidebar-col .list-group-item.active,body.cds-ca .cds-sidebar-col .list-group-item.active *{background:var(--c2)!important;color:#fff!important}
body.cds-ca .cds-sidebar-col .list-group-item.active{margin:2px 10px;border-radius:12px!important;padding:9px 12px!important}
body.cds-ca .cds-sidebar-col .panel-body{padding:6px 18px 16px!important;font-size:14.08px;color:var(--body)}
body.cds-ca .cds-sidebar-col .panel-footer{background:transparent!important;border:0!important;padding:0 18px 18px!important}
body.cds-ca .cds-sidebar-col .btn-success,body.cds-ca .cds-sidebar-col .btn-default{border-radius:12px!important;font-weight:700!important;width:100%}
body.cds-ca .cds-sidebar-col .btn-success{background:var(--y)!important;color:#111!important;border:0!important}
body.cds-ca .mc-panel-promo,body.cds-ca .panel-promo-sitelock,body.cds-ca .panel-promo-weebly{display:none!important}

/* ---- forms (details, etc.) ---- */
body.cds-ca .main-content .form-control{border-radius:12px!important;border:1.5px solid var(--line)!important;background:#fff!important;box-shadow:none!important}
body.cds-ca .main-content .form-control:focus{border-color:var(--c)!important;box-shadow:0 0 0 4px rgba(34,184,236,.14)!important}
body.cds-ca .controls.checkbox label{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:0 0 6px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14.08px;color:#33404f;cursor:pointer}
body.cds-ca .controls.checkbox input[type=checkbox]{accent-color:var(--c2);width:18px;height:18px;margin-top:1px}
body.cds-ca .main-content h3{font-weight:800!important;color:var(--ink)!important;font-size:17.6px!important}

@media (max-width:991px){
  body.cds-ca .clientarea-new-header{padding:22px 18px!important}
  body.cds-ca .header-features-icons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  body.cds-ca .dataTables_wrapper{padding:10px!important}
}

/* ---- fixes ---- */
body.cds-ca .container-clientarea{background:none!important;box-shadow:none!important;padding:0!important;border:0!important}
body.cds-ca .container-clientarea::before,body.cds-ca .container-clientarea::after{display:none!important}
body.cds-ca .header-features-icons a.badge{text-transform:none!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:12.8px!important;line-height:1}
body.cds-ca .header-features-icons a.badge i{font-size:14.4px}
body.cds-ca .header-features-icons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body.cds-ca .overview-services .service-section{display:flex;flex-direction:column;width:100%}
body.cds-ca .overview-services .service-section .btn-default-yellow-fill{margin-top:auto!important}
body.cds-ca .overview-services .subtitle{margin-bottom:14px}
body.cds-ca [data-aos]{opacity:1!important;transform:none!important}
/* pagination: style links only */
body.cds-ca .dataTables_paginate li.paginate_button{border:0!important;background:none!important;padding:0!important;margin:0 2px!important}
body.cds-ca .dataTables_paginate li.paginate_button a{display:inline-block;border-radius:10px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;padding:6px 12px!important;font-weight:700;font-size:13.12px}
body.cds-ca .dataTables_paginate li.paginate_button.active a{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
body.cds-ca .dataTables_paginate li.disabled a{opacity:.45}
body.cds-ca .dataTables_paginate::before,body.cds-ca .dataTables_paginate::after,body.cds-ca .dataTables_paginate .pagination::after{display:none!important}
@media (max-width:991px){body.cds-ca .header-features-icons{justify-content:flex-start}}
body.cds-ca .overview-services.pt-0 .service-wrap>.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important}
body.cds-ca .overview-services.pt-0 .service-wrap>.row>div{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;float:none!important;display:flex}
body.cds-ca .overview-services.pt-0 .service-wrap>.row::before,body.cds-ca .overview-services.pt-0 .service-wrap>.row::after{display:none!important}
body.cds-ca .overview-services .plans.badge{align-self:flex-start;width:auto!important}
@media (max-width:1199px){body.cds-ca .overview-services.pt-0 .service-wrap>.row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){body.cds-ca .overview-services.pt-0 .service-wrap>.row{gap:10px}body.cds-ca .overview-services .service-section{padding:16px 14px!important}body.cds-ca .overview-services .title{font-size:19.2px!important}}


/* =================== v2: profile header + account overview =================== */
/* header: light profile card with action tiles */
body.cds-ca .clientarea-new-header{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 24px 60px -45px rgba(11,134,196,.55)!important;padding:26px 28px!important;border-radius:24px!important;position:relative;overflow:hidden}
body.cds-ca .clientarea-new-header::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c),var(--c2) 60%,var(--y))}
body.cds-ca .clientarea-new-header>.row{display:flex!important;flex-wrap:wrap;align-items:center;gap:20px;margin:0!important}
body.cds-ca .clientarea-new-header>.row::before,body.cds-ca .clientarea-new-header>.row::after{display:none!important}
body.cds-ca .clientarea-new-header>.row>div{width:auto!important;float:none!important;padding:0!important;flex:1 1 280px}
body.cds-ca .clientarea-new-header .aitems-center{display:flex!important;align-items:center;gap:16px}
body.cds-ca .clientarea-new-header .profile-photo{flex:0 0 auto!important;padding:0!important;max-width:none!important;position:relative}
body.cds-ca .clientarea-new-header .gravatar{width:68px!important;height:68px!important;border:3px solid #fff!important;box-shadow:0 0 0 2px var(--c),0 12px 24px -10px rgba(11,134,196,.6)!important}
body.cds-ca .clientarea-new-header .profile-photo a{display:none!important}
body.cds-ca .clientarea-new-header .header-accout-details{margin:0!important;display:flex;flex-direction:column;gap:4px}
body.cds-ca .clientarea-new-header .username{color:var(--ink)!important;font-size:22px!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.02em}
body.cds-ca .clientarea-new-header .adress,body.cds-ca .clientarea-new-header .adress b{color:var(--body)!important;font-size:14px!important;font-style:normal!important;font-weight:500!important}
body.cds-ca .clientarea-new-header .adress::before{content:'\f3c5';font-family:'Font Awesome 5 Pro','Font Awesome 5 Free','Font Awesome 6 Free';font-weight:900;color:var(--c);margin-right:6px}
body.cds-ca .header-features-icons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;justify-content:stretch!important}
body.cds-ca .header-features-icons a.badge{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:auto!important;min-height:84px;padding:12px 8px!important;border-radius:16px!important;background:var(--soft)!important;border:1px solid var(--line)!important;color:var(--ink)!important;font-size:12.5px!important;font-weight:700!important;text-align:center;white-space:normal;line-height:1.2}
body.cds-ca .header-features-icons a.badge i{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(34,184,236,.14);color:var(--c2);font-size:16px!important}
body.cds-ca .header-features-icons a.badge:hover{background:#fff!important;border-color:var(--c)!important;color:var(--c2)!important;transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(11,134,196,.6)}
body.cds-ca .header-features-icons a.badge:hover i{background:var(--c2);color:#fff}

/* account overview: compact heading + clean cards */
body.cds-ca .overview-services.p-80{padding:34px 0 10px!important;background:transparent!important}
body.cds-ca .overview-services.p-80 .container{padding:0!important;max-width:none!important;width:auto!important}
body.cds-ca .overview-services.p-80 .col-md-12.text-center{text-align:left!important;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
body.cds-ca .overview-services.p-80 .section-heading{font-size:24px!important;margin:0!important;padding:0!important}
body.cds-ca .overview-services.p-80 .section-heading::after,body.cds-ca .overview-services.p-80 .section-heading::before{display:none!important}
body.cds-ca .overview-services.p-80 .section-subheading{font-size:14px!important;margin:0!important}
body.cds-ca .rockbox{padding:8px!important}
body.cds-ca .rockbox .service-section{padding:0!important;overflow:hidden;display:flex;flex-direction:column;height:100%}
body.cds-ca .rockbox .title{display:flex;align-items:center;gap:10px;font-size:15px!important;padding:16px 18px!important;margin:0!important;background:#fbfdfe;border-bottom:1px solid var(--line)!important}
body.cds-ca .rockbox .title::before{content:'';width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--c),var(--c2));flex:0 0 10px}
body.cds-ca .rockbox .service-section>p,body.cds-ca .rockbox .service-section>div:not(.title){padding:14px 18px 0}
body.cds-ca .rockbox .service-section>p{font-size:14px!important;line-height:1.6;color:#33404f}
body.cds-ca .rockbox .list-group{padding:10px 12px 0!important;gap:0!important;margin:0!important}
body.cds-ca .rockbox .list-group-item{background:transparent!important;border:0!important;border-bottom:1px solid #edf2f7!important;border-radius:0!important;padding:10px 6px!important;margin:0!important}
body.cds-ca .rockbox .list-group-item:last-child{border-bottom:0!important}
body.cds-ca .rockbox .div-service-item{display:flex!important;align-items:center;gap:12px;cursor:pointer}
body.cds-ca .rockbox .div-service-status{width:auto!important;flex:0 0 auto}
body.cds-ca .rockbox .div-service-status .label-placeholder{display:none!important}
body.cds-ca .rockbox .label-success,body.cds-ca .rockbox .label{border-radius:999px!important;font-size:11px!important;font-weight:800!important;padding:4px 9px!important}
body.cds-ca .rockbox .label-success{background:rgba(61,220,132,.15)!important;color:#1b8f4c!important}
body.cds-ca .rockbox .div-service-name{flex:1;min-width:0;display:flex;flex-direction:column}
body.cds-ca .rockbox .div-service-name .font-weight-bold{font-size:14px!important;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cds-ca .rockbox .text-domain{font-size:12.5px!important;color:#8a97a6!important}
body.cds-ca .rockbox .btn-view-details{border:0!important;background:none!important;padding:6px!important;color:var(--c2)!important;font-size:0!important}
body.cds-ca .rockbox .btn-view-details i{font-size:0}
body.cds-ca .rockbox .btn-view-details::after{content:'\2192';font-size:18px;font-weight:700}
body.cds-ca .rockbox .list-group-item:hover .div-service-name .font-weight-bold{color:var(--c2)}
body.cds-ca .rockbox .service-section>.btn,body.cds-ca .rockbox .service-section>a.btn,body.cds-ca .rockbox .panel-footer .btn,body.cds-ca .rockbox .service-section .btn-default-yellow-fill{display:block!important;margin:auto 18px 18px!important;border-radius:12px!important;background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;font-size:13.5px!important;font-weight:700!important;text-align:center;padding:11px!important}
body.cds-ca .rockbox .service-section .btn-default-yellow-fill:hover{background:var(--y)!important;border-color:transparent!important}
body.cds-ca .rockbox:has(a[href*="masspay"]) .service-section{background:#fff!important;border-color:#f5d36a!important}
body.cds-ca .rockbox:has(a[href*="masspay"]) .title{background:#fffbe6!important;border-bottom-color:#f5e08a!important}
body.cds-ca .rockbox:has(a[href*="masspay"]) .title::before{background:#f5b800}
body.cds-ca .rockbox:has(a[href*="masspay"]) .btn-default-yellow-fill{background:var(--y)!important;border-color:transparent!important;color:#111!important}
@media (max-width:991px){body.cds-ca .header-features-icons{grid-template-columns:repeat(2,minmax(0,1fr))}body.cds-ca .clientarea-new-header{padding:22px 18px!important}}

/* v2 specificity boosts */
html body.cds-ca .header-features-icons a.badge.feat::after{display:block!important;content:attr(data-cds-label)!important;font-size:12.5px!important;color:inherit!important;position:static!important;opacity:1!important;visibility:visible!important;width:auto!important;height:auto!important;background:none!important;line-height:1.2}
html body.cds-ca .header-features-icons a.badge.feat{font-size:12.5px!important}
html body.cds-ca .rockbox .list-group .list-group-item.bg-colorstyle{border:0!important;border-bottom:1px solid #edf2f7!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:10px 6px!important;margin:0!important}
html body.cds-ca .rockbox .list-group .list-group-item.bg-colorstyle:last-child{border-bottom:0!important}
html body.cds-ca .rockbox .list-group-item .div-service-item{display:flex!important;align-items:center!important;gap:12px}
html body.cds-ca .rockbox .list-group-item .div-service-buttons{margin:0!important;flex:0 0 auto}
html body.cds-ca .rockbox .list-group-item .btn-view-details span{display:none!important}
html body.cds-ca .rockbox .service-section .title{justify-content:flex-start!important;text-align:left!important}
html body.cds-ca .rockbox .service-section .btn-default-yellow-fill{width:auto!important;max-width:none!important}
html body.cds-ca .rockbox .service-section>.list-group+*{margin-top:12px}
html body.cds-ca .header-features-icons a.badge.feat::after{content:none!important;display:none!important}
html body.cds-ca .header-features-icons a.badge .cdq{display:block;font-size:12.5px;font-weight:700;color:inherit;line-height:1.2}
body.cds-ca .overview-services.pt-0{padding-bottom:0!important;margin-bottom:0!important}
body.cds-ca .overview-services.p-80{margin-top:10px!important}
html body.cds-ca .header-features-icons a.badge.feat .cdq,html body.cds-ca .header-features-icons a.badge.feat{color:#0b1622!important}
html body.cds-ca .header-features-icons a.badge.feat:hover .cdq{color:#0b86c4!important}
@media (max-width:991px){html body.cds-ca .clientarea-new-header>.row>div{flex:1 1 100%!important;max-width:100%!important}}
html body.cds-ca .clientarea-new-header .header-features-icons{width:100%!important;max-width:none!important;float:none!important;margin:0!important}