/* Native Twenty-One components retain their markup, events and server-side logic. */
:root{--esa-bg:#f5f7f9;--esa-surface:#fff;--esa-raised:#edf1f5;--esa-line:#dce2e7;--esa-ink:#19232c;--esa-muted:#63717c;--esa-accent:#c1f65a;--esa-accent-text:#38651b;--esa-wash:#f0f9df;--esa-radius:10px;color-scheme:light}
[data-palette=lime]{--esa-accent:#c1f65a;--esa-accent-text:#38651b;--esa-wash:#f0f9df}
[data-theme=dark]{--esa-bg:#0c1014;--esa-surface:#131a20;--esa-raised:#1a242d;--esa-line:#2c3740;--esa-ink:#f1f4f6;--esa-muted:#a6b3be;--esa-accent-text:#ff9a54;--esa-wash:#302219;color-scheme:dark}
[data-theme=dark][data-palette=lime]{--esa-accent-text:#c1f65a;--esa-wash:#242d19}
body:not(.esa-homepage){background:var(--esa-bg);color:var(--esa-ink);font-family:'Inter',Arial,sans-serif;font-size:16px;line-height:1.6}
body:not(.esa-homepage) :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4){font-family:'Geist',Arial,sans-serif;color:var(--esa-ink);font-weight:600;letter-spacing:-.025em}
body:not(.esa-homepage) h1{font-size:2rem;line-height:1.25}body:not(.esa-homepage) h2{font-size:1.5rem}body:not(.esa-homepage) h3{font-size:1.2rem}
body:not(.esa-homepage) a{color:var(--esa-accent-text)}body:not(.esa-homepage) a:hover{text-decoration:none}
body:not(.esa-homepage) :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--esa-accent-text);outline-offset:3px}
body:not(.esa-homepage) ::selection{background:var(--esa-accent);color:#172010}
body:not(.esa-homepage) :is(.primary-bg-color,.secondary-bg-color,.bg-light){background:var(--esa-bg)!important}
body:not(.esa-homepage) :is(.text-muted,small,.small,.text-domain){color:var(--esa-muted)!important}
body:not(.esa-homepage) :is(.text-dark,.text-body){color:var(--esa-ink)!important}
body:not(.esa-homepage) .container{max-width:1320px}
body:not(.esa-homepage) #header{background:var(--esa-surface);border-bottom:1px solid var(--esa-line)}
body:not(.esa-homepage) #header .topbar{background:#0c1014;color:#c4cdd5;border:0;font-size:.8125rem}
body:not(.esa-homepage) #header .topbar :is(a,button,.input-group-text){color:#d5dde3;background:transparent;border-color:#2d3a45}
body:not(.esa-homepage) #header .navbar-light{padding:23px 0;background:var(--esa-surface)}
body:not(.esa-homepage) #header .navbar-brand{font-family:'Geist',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-1px;color:var(--esa-ink)}
body:not(.esa-homepage) #header .logo-img{max-height:38px;max-width:190px;object-fit:contain}
body:not(.esa-homepage) #header .toolbar .nav-link{color:var(--esa-ink);border:1px solid var(--esa-line);border-radius:7px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:var(--esa-surface)}
body:not(.esa-homepage) #header .cart-btn .badge{background:var(--esa-accent);color:#1c190e}
body:not(.esa-homepage) #header .search{border:1px solid var(--esa-line);border-radius:7px;background:var(--esa-bg);overflow:hidden}
body:not(.esa-homepage) #header .search :is(.form-control,.btn){background:transparent;border:0;color:var(--esa-muted);box-shadow:none}
body:not(.esa-homepage) #header .main-navbar-wrapper{background:var(--esa-surface);border-top:1px solid var(--esa-line);padding-block:5px}
body:not(.esa-homepage) #mainNavbar .nav-link{color:var(--esa-ink);font-size:.875rem;font-weight:500;padding:13px 16px;border-radius:6px}
body:not(.esa-homepage) #mainNavbar :is(.nav-item.active>.nav-link,.nav-link:hover){color:var(--esa-accent-text);background:var(--esa-wash)}
body:not(.esa-homepage) :is(.dropdown-menu,.popover,.tooltip-inner){background:var(--esa-surface);color:var(--esa-ink);border-color:var(--esa-line);border-radius:8px;box-shadow:0 12px 35px #0002}
body:not(.esa-homepage) .dropdown-item{color:var(--esa-ink);font-size:.875rem;padding:10px 18px}
body:not(.esa-homepage) :is(.dropdown-item:hover,.dropdown-item:focus){background:var(--esa-wash);color:var(--esa-accent-text)}
body:not(.esa-homepage) .dropdown-divider{border-color:var(--esa-line)}
body:not(.esa-homepage) .master-breadcrumb{background:var(--esa-bg);border:0}
body:not(.esa-homepage) .breadcrumb{background:none;padding:22px 0 14px;font-size:.8125rem;margin:0}
body:not(.esa-homepage) .breadcrumb-item.active{color:var(--esa-muted)}
body:not(.esa-homepage) #main-body{padding-top:16px;padding-bottom:65px;min-height:65vh}
body:not(.esa-homepage) .primary-content{min-width:0}
body:not(.esa-homepage) :is(.card,.panel,.well){background:var(--esa-surface);color:var(--esa-ink);border:1px solid var(--esa-line);border-radius:var(--esa-radius);box-shadow:0 3px 16px #15283804;overflow:visible}
body:not(.esa-homepage) .card{margin-bottom:24px}
body:not(.esa-homepage) :is(.card-header,.panel-heading){background:var(--esa-surface);color:var(--esa-ink);border:0;border-bottom:1px solid var(--esa-line);padding:20px 23px;border-radius:var(--esa-radius) var(--esa-radius) 0 0}
body:not(.esa-homepage) :is(.card-title,.panel-title){font-size:1.0625rem;font-weight:600;color:var(--esa-ink);margin:0}
body:not(.esa-homepage) :is(.card-title i,.panel-title i){color:var(--esa-accent-text)}
body:not(.esa-homepage) :is(.card-body,.panel-body){padding:23px;font-size:.9375rem}
body:not(.esa-homepage) :is(.card-footer,.panel-footer){background:var(--esa-surface);border-top:1px solid var(--esa-line);padding:15px 23px;color:var(--esa-muted);border-radius:0 0 var(--esa-radius) var(--esa-radius)}
body:not(.esa-homepage) :is(.card-accent-blue,.card-accent-green,.card-accent-red,.card-accent-gold){border-top:1px solid var(--esa-line)}
body:not(.esa-homepage) .sidebar .card{box-shadow:none;overflow:hidden}
body:not(.esa-homepage) .sidebar .card-header{background:transparent;padding:18px 20px}
body:not(.esa-homepage) .sidebar .card-title{font-size:.875rem}
body:not(.esa-homepage) .sidebar .card-body{font-size:.875rem;padding:20px}
body:not(.esa-homepage) .sidebar .list-group-item{font-size:.875rem;padding:13px 20px}
body:not(.esa-homepage) .list-group-item{color:var(--esa-ink);background:var(--esa-surface);border-color:var(--esa-line);padding:17px 23px;font-size:.875rem}
body:not(.esa-homepage) :is(.list-group-item.active,.list-group-item.active:hover,.list-group-item-action:hover){color:var(--esa-accent-text);background:var(--esa-wash);border-color:var(--esa-line)}
body:not(.esa-homepage) .list-group-item .badge{border-radius:4px;background:var(--esa-raised);color:var(--esa-muted);padding:4px 7px;font-weight:500}
body:not(.esa-homepage) .esa-client-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}
.esa-client-welcome h1{margin:6px 0 0}.esa-kicker{font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--esa-accent-text);font-weight:600}
body:not(.esa-homepage) .tiles{background:transparent;border:0;border-radius:0}
body:not(.esa-homepage) .tiles>.row{margin-inline:-7px}
body:not(.esa-homepage) .tiles>.row>div{padding-inline:7px;margin-bottom:14px}
body:not(.esa-homepage) .tiles .tile{position:relative;display:block;background:var(--esa-surface);border:1px solid var(--esa-line);border-radius:var(--esa-radius);padding:22px;min-height:140px;color:var(--esa-ink)}
body:not(.esa-homepage) .tiles .tile:hover{border-color:var(--esa-accent-text)}
body:not(.esa-homepage) .tiles .tile .stat{font-family:'Geist',sans-serif;font-size:2.25rem;font-weight:500;line-height:1.2;color:var(--esa-ink)}
body:not(.esa-homepage) .tiles .tile .title{color:var(--esa-muted);font-size:.875rem;margin-top:12px}
body:not(.esa-homepage) .tiles .tile i{color:var(--esa-accent-text);font-size:1.35rem;position:absolute;right:21px;top:23px}
body:not(.esa-homepage) .tiles .highlight{display:none}
body:not(.esa-homepage) .btn{font-family:inherit;font-size:.875rem;line-height:1.4;font-weight:600;border-radius:7px;padding:11px 17px;box-shadow:none}
body:not(.esa-homepage) :is(.btn-primary,.btn-success){background:var(--esa-accent);border-color:var(--esa-accent);color:#1c190e}
body:not(.esa-homepage) :is(.btn-primary:hover,.btn-primary:focus,.btn-success:hover,.btn-success:focus){background:var(--esa-accent);border-color:var(--esa-accent);color:#1c190e;filter:brightness(1.06)}
body:not(.esa-homepage) :is(.btn-default,.btn-secondary,.btn-outline-primary){background:var(--esa-surface);border:1px solid var(--esa-line);color:var(--esa-ink)}
body:not(.esa-homepage) :is(.btn-default:hover,.btn-secondary:hover,.btn-outline-primary:hover){background:var(--esa-raised);border-color:var(--esa-line);color:var(--esa-ink)}
body:not(.esa-homepage) .btn-link{color:var(--esa-accent-text);background:none;border:0}
body:not(.esa-homepage) .btn-danger{background:#b83440;border-color:#b83440;color:#fff}
body:not(.esa-homepage) :is(.btn-xs,.btn-sm){font-size:.75rem;padding:7px 11px}
body:not(.esa-homepage) :is(label,.col-form-label){font-size:.875rem;font-weight:500;color:var(--esa-ink)}
body:not(.esa-homepage) :is(.form-control,.custom-select,.field){background:var(--esa-bg);color:var(--esa-ink);border:1px solid var(--esa-line);border-radius:7px;min-height:44px;font-size:.9375rem;padding:10px 13px;box-shadow:none}
body:not(.esa-homepage) :is(.form-control:focus,.custom-select:focus,.field:focus){border-color:var(--esa-accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--esa-accent) 15%,transparent)}
body:not(.esa-homepage) :is(.form-control:disabled,.form-control[readonly]){background:var(--esa-raised);opacity:.8}
body:not(.esa-homepage) :is(.input-group-text,.input-group-addon){background:var(--esa-raised);color:var(--esa-muted);border-color:var(--esa-line);font-size:.875rem}
body:not(.esa-homepage) .form-group{margin-bottom:22px}
body:not(.esa-homepage) :is(.help-block,.form-text){color:var(--esa-muted);font-size:.8125rem}
body:not(.esa-homepage) input[type=checkbox],body:not(.esa-homepage) input[type=radio]{accent-color:var(--esa-accent-text)}
body:not(.esa-homepage) :is(.login-form,.logincontainer){max-width:500px;margin:25px auto}
body:not(.esa-homepage) .login-form .card-body{padding:36px}
body:not(.esa-homepage) .login-form h1{margin-bottom:12px}
body:not(.esa-homepage) :is(.table,.table-list){color:var(--esa-ink);font-size:.875rem;border-color:var(--esa-line);background:var(--esa-surface)}
body:not(.esa-homepage) .table th{background:var(--esa-bg);color:var(--esa-muted);font-size:.75rem;letter-spacing:.3px;font-weight:500;border-color:var(--esa-line);padding:15px 20px}
body:not(.esa-homepage) .table td{border-color:var(--esa-line);padding:20px;vertical-align:middle}
body:not(.esa-homepage) .table-striped tbody tr:nth-of-type(odd){background:color-mix(in srgb,var(--esa-bg) 45%,var(--esa-surface))}
body:not(.esa-homepage) .table-hover tbody tr:hover{background:var(--esa-wash);color:var(--esa-ink)}
body:not(.esa-homepage) :is(.dataTables_wrapper,.dataTables_info,.dataTables_length,.dataTables_filter){font-size:.8125rem;color:var(--esa-muted)}
body:not(.esa-homepage) .dataTables_wrapper :is(input,select){background:var(--esa-surface);color:var(--esa-ink);border:1px solid var(--esa-line);border-radius:6px;padding:7px 10px}
body:not(.esa-homepage) .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:5px;color:var(--esa-ink)!important}
body:not(.esa-homepage) .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--esa-accent)!important;border-color:var(--esa-accent)!important;color:#1c190e!important}
body:not(.esa-homepage) .page-link{background:var(--esa-surface);border-color:var(--esa-line);color:var(--esa-ink)}
body:not(.esa-homepage) .page-item.active .page-link{background:var(--esa-accent);border-color:var(--esa-accent);color:#1c190e}
body:not(.esa-homepage) .nav-tabs{border-color:var(--esa-line);gap:8px;margin-bottom:23px}
body:not(.esa-homepage) .nav-tabs .nav-link{border:0;background:transparent;color:var(--esa-muted);font-size:.875rem;padding:12px 16px;border-radius:0}
body:not(.esa-homepage) .nav-tabs .nav-link.active{color:var(--esa-accent-text);border-bottom:2px solid var(--esa-accent-text);background:none}
body:not(.esa-homepage) :is(.tab-content,.tab-pane){color:var(--esa-ink)}
body:not(.esa-homepage) :is(.modal-content,.modal-header,.modal-footer){background:var(--esa-surface);color:var(--esa-ink);border-color:var(--esa-line)}
body:not(.esa-homepage) .modal-content{border-radius:12px}body:not(.esa-homepage) .close{color:var(--esa-ink);text-shadow:none}
body:not(.esa-homepage) .modal-backdrop{background:#060a0d}
body:not(.esa-homepage) :is(.alert,.message){border-radius:8px;font-size:.875rem;line-height:1.65;padding:17px 20px}
[data-theme=dark] body:not(.esa-homepage) .alert-info{background:#172b39;color:#c2dceb;border-color:#2e4d61}
[data-theme=dark] body:not(.esa-homepage) .alert-success{background:#163327;color:#a7ddbf;border-color:#2c5740}
[data-theme=dark] body:not(.esa-homepage) .alert-warning{background:#352c18;color:#edd08a;border-color:#625027}
[data-theme=dark] body:not(.esa-homepage) .alert-danger{background:#371f25;color:#f0b5bc;border-color:#63333d}
body:not(.esa-homepage) :is(.announcement-single,.kbarticle){font-size:1rem;line-height:1.8;color:var(--esa-ink)}
body:not(.esa-homepage) :is(.kbarticles a,.announcement-single h2 a){color:var(--esa-ink)}
body:not(.esa-homepage) .kbarticles a:hover{color:var(--esa-accent-text)}
body:not(.esa-homepage) :is(.ticket-reply,.ticketreply){background:var(--esa-surface);border:1px solid var(--esa-line);border-radius:10px;margin-bottom:22px}
body:not(.esa-homepage) :is(.ticket-reply .user,.ticketreply .posted-by){background:var(--esa-bg);color:var(--esa-ink);border-color:var(--esa-line);padding:20px}
body:not(.esa-homepage) :is(.ticket-reply .message,.ticketreply .message){color:var(--esa-ink);font-size:1rem;line-height:1.8;padding:25px;background:none}
body:not(.esa-homepage) :is(.md-editor,.md-editor>.md-header,.md-editor>.md-preview){background:var(--esa-surface);color:var(--esa-ink);border-color:var(--esa-line)}
body:not(.esa-homepage) .md-editor>textarea{background:var(--esa-bg);color:var(--esa-ink);border-color:var(--esa-line);font-size:.9375rem}
body:not(.esa-homepage) .product-details .product-icon{background:var(--esa-wash);color:var(--esa-accent-text)}
body:not(.esa-homepage) :is(.product-details-tab-container,.domain-checker-container,.domain-checker-bg){background:var(--esa-surface);color:var(--esa-ink);border-color:var(--esa-line)}
body:not(.esa-homepage) .domain-checker-container{padding:35px;border-radius:10px;border:1px solid var(--esa-line)}
body:not(.esa-homepage) .domain-checker-container h2{color:var(--esa-ink)}
body:not(.esa-homepage) :is(.invoice-container,.invoice){background:var(--esa-surface);color:var(--esa-ink);border:1px solid var(--esa-line);border-radius:10px;padding:35px}
body:not(.esa-homepage) :is(.invoice-container .invoice-col,.invoice-container .invoice-summary){color:var(--esa-ink)}
body:not(.esa-homepage) .invoice-container .invoice-summary{background:var(--esa-bg);border-color:var(--esa-line)}
body:not(.esa-homepage) hr{border-color:var(--esa-line)}
body:not(.esa-homepage) :is(code,pre){color:var(--esa-ink);background:var(--esa-raised);border-color:var(--esa-line)}
body:not(.esa-homepage) #footer{background:#090b0e;color:#adb9c4;border-top:1px solid #29343e;padding-top:40px;padding-bottom:95px;font-size:.8125rem}
body:not(.esa-homepage) #footer :is(h3,h4,a){color:#d8e0e6}
body:not(.esa-homepage) #footer a:hover{color:var(--esa-accent)}
body:not(.esa-homepage) #footer .btn{background:#17212a;border-color:#34424f;color:#d8e0e6}
body:not(.esa-homepage) #footer .nav-link{font-size:.8125rem}
@media(max-width:1199px){body:not(.esa-homepage) #mainNavbar .nav-link{padding:12px 14px}body:not(.esa-homepage) #mainNavbar{padding-block:12px}body:not(.esa-homepage) #header .navbar-light{padding-block:17px}body:not(.esa-homepage) .tiles .tile{padding:19px}}
@media(max-width:767px){body:not(.esa-homepage) h1{font-size:1.7rem}body:not(.esa-homepage) #header .navbar-brand{font-size:1.35rem}body:not(.esa-homepage) #header .logo-img{max-width:145px;max-height:32px}body:not(.esa-homepage) #main-body{padding-bottom:40px}body:not(.esa-homepage) .card-body{padding:20px}body:not(.esa-homepage) .card-header{padding:18px 20px}body:not(.esa-homepage) .esa-client-welcome{align-items:flex-start;flex-direction:column;gap:15px}body:not(.esa-homepage) .table td{padding:16px}body:not(.esa-homepage) .table th{padding:13px 16px}body:not(.esa-homepage) .invoice-container{padding:20px}body:not(.esa-homepage) .login-form .card-body{padding:25px}}
@media(prefers-reduced-motion:reduce){body:not(.esa-homepage) *,body:not(.esa-homepage) *::before,body:not(.esa-homepage) *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body:not(.esa-homepage){background:white;color:black}body:not(.esa-homepage) .invoice-container{border:0;background:white;color:black;box-shadow:none}}