body.sw-panel #servicesPanel .card-header {padding: 14px 18px; background: #f6f8fa;}
body.sw-panel #servicesPanel .card-title {display: flex; align-items: center; gap: 9px; font-weight: 600;}
body.sw-panel #servicesPanel .list-group-item {padding: 10px 18px; border: 0; box-shadow: none;}
body.sw-panel #servicesPanel .div-service-item {align-items: center; min-height: 74px; gap: 14px;}
body.sw-panel #servicesPanel .div-service-status .label-success {background: #edf9f1; color: #218444;}
body.sw-panel #servicesPanel .div-service-status .label-success::before {content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #4ab66f; vertical-align: 2px;}
body.sw-panel #servicesPanel .div-service-name .text-domain {color: #64748b;}
body.sw-panel #servicesPanel .div-service-buttons :is(.btn,button.btn) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    border-radius: 9px !important;
}
body.sw-panel #servicesPanel .div-service-buttons .btn-view-details {box-shadow: inset 0 0 0 1px #e8edf4 !important;}
body.sw-panel #servicesPanel .ca-status-strip a:first-child strong {color: #159447;}
body.sw-panel #servicesPanel .ca-status-strip a:nth-child(2) strong,
body.sw-panel #servicesPanel .ca-status-strip a:nth-child(3) strong {color: #687b94;}
body.sw-panel #servicesPanel .ca-status-strip a:last-child strong {color: #52647b;}
body.sw-panel #main-body #servicesPanel button.btn-custom-action[data-identifier="cpanel" i],
body.sw-panel #main-body #servicesPanel button.btn-custom-action[data-identifier="whm" i],
body.sw-panel .clientareaproductdetails .sw-cpanel-actions a.sw-cpanel-login {
    background: #f36018 !important;
    color: #fff !important;
}
body.sw-panel #main-body #servicesPanel button.btn-custom-action[data-identifier*="plesk" i],
body.sw-panel .clientareaproductdetails .sw-cpanel-toolbar a.sw-plesk-login,
body.sw-panel .clientareaproductdetails .module-client-area a.btn[href*="plesk" i] {
    background: #0876b8 !important;
    color: #fff !important;
}
.sw-panel .clientareaproductdetails .sw-cpanel-toolbar {min-height: 82px; padding: 14px 20px; margin-bottom: 16px;}
.sw-panel .clientareaproductdetails .sw-cpanel-actions .sw-cpanel-login {min-height: 30px; padding: 5px 13px; border-radius: 8px; white-space: nowrap;}
.sw-panel .sw-cpanel-toolbar :is(#diskUsage,#bandwidthUsage) {position: relative; min-height: 50px; justify-content: center; padding-left: 62px;}
.sw-panel .sw-cpanel-toolbar .sw-usage-ring {position: absolute; display: grid; place-items: center; inset: 0 auto auto 0; width: 50px; height: 50px; border: 4px solid #eaf0f6; border-radius: 50%; font-size: 15px; font-weight: 600; color: #64748b;}
.sw-panel .clientareaproductdetails .sw-cpanel-layout > .card {border-radius: 17px; margin-bottom: 16px !important;}
.sw-panel .clientareaproductdetails #cPanelQuickEmailPanel {border-color: #a5ccff;}
.sw-panel .clientareaproductdetails #cPanelQuickEmailPanel .card-header {background: #edf5ff;}
.sw-panel .clientareaproductdetails #cPanelQuickEmailPanel .row {align-items: end;}
.sw-panel .clientareaproductdetails #cPanelQuickEmailPanel form > p {display: none;}
.sw-panel .clientareaproductdetails .sw-email-field-label {display: block; margin-bottom: 5px; color: #64748b; font-size: 13px;}
.sw-panel .clientareaproductdetails #cPanelQuickEmailPanel .input-group {margin-bottom: 0 !important;}
.sw-panel .sw-service-facts {margin-bottom: 16px; overflow: hidden; border: 1px solid #e7edf5; border-radius: 17px; box-shadow: 0 2px 6px #1020300a;}
.sw-panel .sw-service-facts h2 {display: flex; gap: 8px; align-items: center; margin: 0; padding: 16px 24px; border-bottom: 1px solid #e7edf5; font-size: 14px; font-weight: 600;}
.sw-panel .sw-service-facts h2 i {color: #007bff;}
.sw-panel .sw-service-facts dl {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0;}
.sw-panel .sw-service-facts dl > div {padding: 15px 24px; border-bottom: 1px solid #e7edf5;}
.sw-panel .sw-service-facts dl > div:nth-child(odd):not(.sw-service-ns) {border-right: 1px solid #e7edf5;}
.sw-panel .sw-service-facts dt {margin: 0 0 4px; color: #64748b; font-size: 13px; font-weight: 500;}
.sw-panel .sw-service-facts dd {margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere;}
.sw-panel .sw-service-facts dd small {color: #64748b; font-size: 13px; font-weight: 400;}
.sw-panel .sw-service-facts .sw-service-ns {grid-column: 1 / -1;}
.sw-panel .sw-service-ns dd {display: flex; flex-wrap: wrap; gap: 8px;}
.sw-panel .sw-ns-chip {padding: 4px 10px; border: 1px solid #e7edf5; border-radius: 9px; background: #f6f8fa;}
.sw-panel .sw-ns-chip small {padding-left: 6px;}
.sw-panel .sw-service-facts-actions {display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 24px;}
.sw-panel .sw-service-facts-actions a {display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 9px; color: #17253b; background: #f6f8fa; font-size: 13px;}
.sw-panel .clientareaproductdetails #cPanelQuickShortcutsPanel .cpanel-feature-row {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0;}
.sw-panel .clientareaproductdetails #cPanelQuickShortcutsPanel .cpanel-feature-row > div {width: auto; max-width: none; padding: 0; margin: 0;}
.sw-panel .clientareaproductdetails #cPanelQuickShortcutsPanel .cpanel-feature-row a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 100px; margin: 0; padding: 12px 6px; border: 1px solid #e7edf5; border-radius: 14px; text-align: center;}
.sw-panel .clientareaproductdetails #cPanelQuickShortcutsPanel .sw-shortcut-icon {display: grid; place-items: center; width: 42px; height: 42px; margin: 0; border-radius: 12px; background: #f5f8fa; color: #64748b; font-size: 19px;}
@media (max-width: 767px) {
    body.sw-panel #servicesPanel .div-service-item {flex-wrap: wrap;}
    .sw-panel .clientareaproductdetails #cPanelQuickShortcutsPanel .cpanel-feature-row {grid-template-columns: repeat(2,minmax(0,1fr));}
    .sw-panel .sw-service-facts dl > div, .sw-panel .sw-service-facts h2, .sw-panel .sw-service-facts-actions {padding-left: 15px; padding-right: 15px;}
    .sw-panel .clientareaproductdetails #cPanelQuickEmailPanel .row > div {margin-bottom: 8px;}
}
body.sw-panel #servicesPanel .ca-status-strip a:first-child .ca-st-n {color: #159447;}
body.sw-panel #servicesPanel .ca-status-strip a:nth-child(2) .ca-st-n,
body.sw-panel #servicesPanel .ca-status-strip a:nth-child(3) .ca-st-n {color: #77879a;}
body.sw-panel #servicesPanel .ca-status-strip a:last-child .ca-st-n {color: #52647b;}
body.sw-panel .clientareaproductdetails .sw-cpanel-actions .sw-cpanel-login {
    display: inline-flex;
    align-items: center;
    height: 32px !important;
    min-height: 32px;
}
body.sw-panel #main-body.clientareaproductdetails #cPanelQuickEmailPanel .row :is(#cpanel-email-prefix,#cpanel-email-password) {
    height: 44px;
    margin-bottom: 0 !important;
}
body.sw-panel #main-body.clientareaproductdetails #cPanelQuickEmailPanel .row button[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    background: #007bff !important;
}
body.sw-panel #main-body #servicesPanel .list-group,
body.sw-panel #main-body #servicesPanel .list-group > .list-group-item {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.sw-panel #main-body #servicesPanel .div-service-buttons .btn-group:has(> .dropdown-toggle) {
    display: none !important;
}
body.sw-panel #main-body.clientareahome .ca-main .card:not(#servicesPanel) > :is(.card-body, .card-footer, .list-group),
body.sw-panel #main-body.clientareahome .ca-main .card:not(#servicesPanel) > .list-group > .list-group-item {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}