@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/Inter-Variable.ttf') format('truetype')}
:root{--xm-navy:#0b1b3f;--xm-green:#0c6651;--xm-muted:#56657b;--xm-line:#e3eaf4;--xm-canvas:#f5f9fd;--xm-sky:#edf4fc;--xm-shadow:0 6px 24px #0b1b3f0a}
body.xm-theme{font-family:'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#3b4a63;background:var(--xm-canvas);font-size:14px;line-height:1.65}
.xm-theme h1,.xm-theme h2,.xm-theme h3,.xm-theme h4,.xm-theme h5{font-family:'Raleway','Open Sans',system-ui,sans-serif;color:var(--xm-navy);font-weight:700;letter-spacing:-.025em}
.xm-theme a{color:var(--xm-green)}.xm-theme a:hover{color:#0a5243}.xm-theme .container{max-width:1240px}
.xm-theme .btn{border-radius:8px;font-weight:650;padding:10px 18px}.xm-theme .btn-sm,.xm-theme .btn-xs{padding:5px 12px}
.xm-theme .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;line-height:1.25;white-space:nowrap}.xm-theme .btn i{flex:0 0 auto;margin-left:6px}.xm-theme .btn-primary,.xm-theme .btn-success{color:#fff!important}
.xm-theme .btn-primary,.xm-theme .btn-success{background:linear-gradient(135deg,#18735d,#0a5243);border-color:var(--xm-green);color:white;box-shadow:0 4px 10px #0c66511a}
.xm-theme .btn-primary:hover,.xm-theme .btn-success:hover{background:#083f35;border-color:#083f35}
.xm-theme .btn-outline-primary{border-color:var(--xm-green);color:var(--xm-green);background:white}.xm-theme .btn-outline-primary:hover{background:var(--xm-green);color:white}
.xm-theme .form-control,.xm-theme .custom-select{border-color:#cfdbeb;border-radius:8px;min-height:43px;color:var(--xm-navy)}
.xm-theme input[type=checkbox],.xm-theme input[type=radio]{accent-color:var(--xm-green)}
.xm-theme :focus-visible{outline:3px solid #155eef;outline-offset:3px}.xm-theme .form-control:focus{border-color:var(--xm-green);box-shadow:0 0 0 3px #1391711f}
.xm-skip{position:absolute;left:16px;top:-100px;z-index:9999;background:white;padding:12px}.xm-skip:focus{top:8px}
.xm-preheader{background:#f0f5fc;border-bottom:1px solid var(--xm-line);font-size:11px}.xm-preheader-inner,.xm-contact,.xm-utility{display:flex;align-items:center;gap:16px}.xm-preheader-inner{min-height:36px;justify-content:space-between}.xm-contact a{display:flex;gap:7px;align-items:center}.xm-theme .xm-preheader a{color:#3b4a63}.xm-promise{font-size:10px}.xm-utility{gap:10px}.xm-utility>a+a{border-left:1px solid #cfdbeb;padding-left:10px}.xm-locale{border:1px solid var(--xm-line);background:white;border-radius:6px;padding:3px 8px;color:var(--xm-navy);font-size:11px;cursor:pointer}
.xm-theme #header{background:white;border-bottom:1px solid var(--xm-line)}.xm-theme .xm-mainnav{padding:10px 0;min-height:72px}.xm-logo{width:170px;height:auto;max-width:100%;object-fit:contain}.xm-mainnav .navbar-brand{margin-right:24px}.xm-theme .xm-mainnav .navbar-nav .nav-link{color:var(--xm-navy);font-size:13px;font-weight:650;padding:12px 10px}.xm-theme .xm-mainnav .navbar-nav .nav-link:hover{color:var(--xm-green)}.xm-theme .dropdown-menu{border:1px solid var(--xm-line);border-radius:12px;box-shadow:0 16px 35px #0b1b3f14;padding:8px}.xm-theme .dropdown-item{border-radius:6px;padding:9px 14px}.xm-theme .dropdown-item:focus,.xm-theme .dropdown-item:hover{background:#e8f6f1;color:var(--xm-green)}.xm-cart{display:flex;align-items:center;gap:5px;margin-left:18px;font-size:18px}.xm-cart span{background:#e8f6f1;border-radius:50%;font-size:10px;padding:2px 7px}.xm-theme #header .topbar{background:#e8f6f1;color:var(--xm-green)}.xm-theme #header .topbar .btn{font-size:12px;padding:4px 8px}.xm-theme .master-breadcrumb{background:transparent;border-bottom:1px solid var(--xm-line)}.xm-theme.xm-page-domainregister .master-breadcrumb{display:none!important}.xm-theme .breadcrumb{background:none;font-size:12px;padding:15px 0;margin:0}.xm-theme #main-body{padding:30px 0 64px;min-height:55vh}.xm-theme .primary-content{min-width:0}
.xm-theme .card,.xm-theme .panel,.xm-theme .list-group{border-color:var(--xm-line);border-radius:14px;box-shadow:var(--xm-shadow)}.xm-theme .card-header{background:white;border-bottom:1px solid var(--xm-line);padding:18px 20px;border-radius:14px 14px 0 0}.xm-theme .card-title{font-size:16px}.xm-theme .card-body{padding:22px}.xm-theme .list-group-item{border-color:var(--xm-line);padding:13px 18px}.xm-theme .list-group-item.active{background:var(--xm-green);border-color:var(--xm-green);color:white}.xm-theme .sidebar .card{box-shadow:none}.xm-theme .sidebar .card-title{font-size:14px}.xm-theme .table{background:white;color:#3b4a63}.xm-theme .table thead th{background:var(--xm-sky);border-color:var(--xm-line);color:var(--xm-navy);font-size:12px}.xm-theme .table td{border-color:var(--xm-line);padding:16px 12px;vertical-align:middle}.xm-theme .table-container{border-radius:12px;border:1px solid var(--xm-line)}.xm-theme .dataTables_wrapper{font-size:13px}.xm-theme .page-item.active .page-link{background:var(--xm-green);border-color:var(--xm-green)}.xm-theme .nav-tabs{border-color:var(--xm-line)}.xm-theme .nav-tabs .nav-link.active{color:var(--xm-green);border-top:3px solid var(--xm-green)}
.xm-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 40px;margin:0 0 28px;border:1px solid #dceae9;border-radius:18px;background:radial-gradient(ellipse at 95% 40%,#cceee780,transparent 60%),linear-gradient(120deg,#edf4fc,#f7fcff);overflow:hidden}.xm-eyebrow{display:block;color:var(--xm-green);font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:12px}.xm-welcome h1{font-size:36px;line-height:1.18;margin:0 0 12px}.xm-welcome em{color:var(--xm-green);font-style:normal}.xm-welcome p{color:var(--xm-muted);margin:0 0 22px;font-size:14px}.xm-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.xm-orbit{width:140px;height:140px;flex-shrink:0;border:1px solid #b9dcd6;border-radius:50%;display:grid;place-items:center;position:relative;background:#ffffff60;box-shadow:0 0 0 18px #ffffff35,0 0 0 36px #ffffff25}.xm-orbit>i{font-size:56px;color:#0c6651}.xm-orbit-dot{position:absolute;width:14px;height:14px;background:#139171;border:3px solid white;border-radius:50%;right:8px;top:20px}
.xm-theme .tiles{background:transparent}.xm-theme .tiles .row{gap:12px;flex-wrap:nowrap}.xm-theme .tiles .row>div{flex:1;max-width:none}.xm-theme .tiles .tile{background:white;border:1px solid var(--xm-line);border-radius:14px;padding:22px;min-height:130px;box-shadow:var(--xm-shadow);transition:transform .2s}.xm-theme .tiles .tile:hover{transform:translateY(-3px)}.xm-theme .tiles .tile .stat{color:var(--xm-navy);font-size:30px;font-weight:800}.xm-theme .tiles .tile .title{color:var(--xm-muted);font-size:12px}.xm-theme .tiles .tile i{color:#139171;font-size:27px}.xm-theme .tiles .tile .highlight{display:none}.xm-theme .login-form{background:white;border:1px solid var(--xm-line);border-radius:18px;padding:32px;box-shadow:var(--xm-shadow)}
.xm-footer{background:white;border-top:1px solid var(--xm-line);color:var(--xm-muted)}.xm-theme .xm-footer .container{max-width:1320px}.xm-footer-grid{display:grid;grid-template-columns:1.15fr 2.9fr 1.2fr .95fr;gap:28px;padding-top:42px;padding-bottom:42px}.xm-footer-brand p{font-size:12px;line-height:1.8;margin-top:18px}.xm-socials{display:flex;gap:8px;flex-wrap:wrap}.xm-theme .xm-socials a{display:grid;place-items:center;background:var(--xm-navy);color:white;border-radius:50%;width:30px;height:30px;font-size:12px}.xm-trust{display:inline-block;margin-top:18px;border:1px solid var(--xm-line);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:650}.xm-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.xm-footer h3{font-size:13px;margin:0 0 15px}.xm-footer ul{list-style:none;padding:0;margin:0}.xm-footer li{margin-bottom:7px;line-height:1.5}.xm-theme .xm-footer li a{color:var(--xm-muted);font-size:11px}.xm-footer li a:hover{text-decoration:underline}.xm-map{align-self:center;width:100%;height:auto}.xm-footer-stats>div{display:flex;align-items:center;gap:12px;margin-bottom:16px}.xm-footer-stats i{display:grid;place-items:center;background:#e8f6f1;color:#0f7c62;min-width:38px;height:38px;border-radius:50%;font-size:16px}.xm-footer-stats p{font-size:11px;margin:0}.xm-footer-stats b{display:block;color:var(--xm-navy);font-size:15px}.xm-footer-bottom{background:var(--xm-canvas);border-top:1px solid var(--xm-line);padding:20px 0}.xm-footer-bottom>.container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.xm-footer-bottom p{font-size:10px;margin:0}.xm-tech,.xm-payments{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.xm-tech img{max-width:75px;max-height:20px;object-fit:contain}.xm-payments{gap:6px}.xm-payments img{max-width:30px;max-height:22px;object-fit:contain}
@media(min-width:1200px){.xm-mainnav .navbar-collapse{min-width:0}.xm-account{max-width:210px}.xm-mainnav .dropdown-menu{max-width:330px}}
@media(max-width:1199px){.xm-promise{display:none}.xm-mainnav .navbar-collapse{padding:16px}.xm-footer-grid{grid-template-columns:1fr 3fr}.xm-map{display:none}.xm-footer-stats{grid-column:1/-1;display:flex;justify-content:space-around}.xm-mainnav .xm-cart{margin:10px 0}.xm-contact span{display:none}.xm-theme .xm-mainnav{padding-left:16px;padding-right:16px}}
@media(max-width:767px){.xm-preheader-inner{gap:8px;padding:7px 16px}.xm-utility>a{display:none}.xm-utility{margin-left:auto}.xm-contact{gap:18px}.xm-welcome{padding:26px;gap:12px}.xm-welcome h1{font-size:28px}.xm-orbit{width:70px;height:70px;box-shadow:none}.xm-orbit>i{font-size:28px}.xm-theme .tiles .row{flex-wrap:wrap}.xm-theme .tiles .row>div{flex:0 0 calc(50% - 6px)}.xm-theme .tiles .tile{padding:18px}.xm-footer-grid{grid-template-columns:1fr;gap:28px}.xm-footer-brand{max-width:330px}.xm-footer-links{grid-template-columns:repeat(2,1fr);gap:24px}.xm-footer-stats{flex-wrap:wrap;gap:12px;justify-content:flex-start}.xm-footer-bottom>.container{justify-content:center;text-align:center}.xm-footer-bottom p{width:100%}.xm-theme #main-body{padding-top:22px}.xm-theme .card-body{padding:18px}.xm-theme .xm-footer li a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.xm-theme *{scroll-behavior:auto!important;transition:none!important}}

.xm-mobile-auth{display:none}@media(max-width:767px){.xm-mobile-auth{display:flex;gap:6px;font-size:11px;font-weight:650}.xm-mobile-auth a{border:1px solid #0c6651;border-radius:30px;padding:4px 12px;background:white}.xm-theme .xm-mobile-auth a.xm-mobile-register{background:#0c6651;color:white}.xm-preheader .xm-utility{margin-right:4px}.xm-preheader-inner{gap:6px}}



/* Readable client-area typography and complete menu discovery. */
body.xm-theme{font-family:'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.65;font-optical-sizing:auto;color:#34445b}
.xm-theme h1,.xm-theme h2,.xm-theme h3,.xm-theme h4,.xm-theme h5{font-family:'Raleway','Open Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
.xm-theme input,.xm-theme select,.xm-theme textarea,.xm-theme button{font-family:inherit}
.xm-theme .xm-mainnav .navbar-nav .nav-link{font-size:14px;font-weight:550;padding:12px 9px}
.xm-mainnav button.nav-link{border:0;background:transparent;text-align:left;cursor:pointer}
.xm-theme .dropdown-menu{min-width:230px}.xm-theme .dropdown-item{font-size:14px;line-height:1.6;white-space:normal}
.xm-theme .xm-preheader{font-size:12px}.xm-promise{font-size:11px}.xm-locale{font-size:12px}
.xm-welcome h1{font-size:34px;font-weight:700;line-height:1.2}.xm-welcome p{font-size:15px}.xm-eyebrow{font-size:11px;font-weight:650;letter-spacing:.09em}
.xm-theme .tiles .tile .title{font-size:13px;font-weight:500;text-transform:none}.xm-theme .tiles .tile .stat{font-weight:700}
.xm-theme .sidebar .card-title{font-size:15px}.xm-theme .list-group-item{font-size:14px}.xm-theme .card-title{font-size:18px}
.xm-theme .xm-footer li a{font-size:12px}.xm-footer-brand p{font-size:13px}.xm-footer h3{font-size:14px}.xm-footer-bottom p{font-size:12px}.xm-footer-stats p{font-size:12px}
.xm-quick-access{margin:28px 0}.xm-quick-access>h2{font-size:20px;margin-bottom:16px}.xm-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xm-quick-group{background:white;border:1px solid #e3eaf4;border-radius:14px;padding:22px}.xm-quick-group h3{font-size:16px;margin:0 0 12px}.xm-quick-group ul{list-style:none;padding:0;margin:0}.xm-quick-group li+li{border-top:1px solid #eef2f7}.xm-quick-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px}.xm-quick-group a>span:last-child{color:#139171}
.xm-sidebar-label{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;padding:16px 18px 6px;color:#56657b;background:#f5f9fd}.xm-empty{padding:28px 0}.xm-empty h3{font-size:21px}.xm-empty p{max-width:560px;color:#56657b}.xm-account-details{display:grid;grid-template-columns:140px 1fr;gap:12px;margin-top:28px}.xm-account-details dt{font-weight:550;color:#56657b}.xm-account-details dd{margin:0}
.xm-theme .fixture-sidebar .list-group-item{font-size:14px}.xm-theme .fixture-field label{font-size:14px}.xm-theme .fixture-tag{font-size:12px}.xm-theme .preview-note{font-size:13px}.xm-theme .fixture-service small{font-size:13px}
@media(max-width:1199px){.xm-mainnav .dropdown-menu{box-shadow:none;border:0;border-left:2px solid #cfece2;margin:0 0 12px 8px;border-radius:0;background:#f5f9fd}.xm-theme .xm-mainnav .navbar-nav .nav-link{padding:12px 6px}.xm-mainnav .dropdown-menu.show{display:block;position:static}.xm-mainnav .navbar-collapse{max-height:70vh;overflow-y:auto}}
@media(max-width:767px){.xm-quick-grid{grid-template-columns:1fr}.xm-welcome h1{font-size:29px}.xm-welcome p{font-size:14px}.xm-quick-group{padding:18px}.xm-theme .fixture-sidebar{margin-bottom:24px}}

/* Croster's invoice partial declares the payment overlay as a table; keep
   WHMCS's initial w-hidden state authoritative until a payment action opens it. */
#fullpage-overlay.w-hidden{display:none!important}

/* Auth screens use the shared header but do not need an empty breadcrumb rail. */
.xm-theme.xm-page-login .master-breadcrumb,
.xm-theme.xm-page-register .master-breadcrumb,
.xm-theme.xm-page-password-reset .master-breadcrumb,
.xm-theme.xm-page-password-reset-container .master-breadcrumb,
.xm-theme.xm-page-logintwofa .master-breadcrumb{display:none}
.xm-theme.xm-page-login #main-body,
.xm-theme.xm-page-register #main-body,
.xm-theme.xm-page-password-reset #main-body{background:radial-gradient(circle at 18% 32%,#d9f4ef 0 8%,transparent 28%),radial-gradient(circle at 82% 44%,#e2ecff 0 9%,transparent 30%),linear-gradient(135deg,#f3f8ff,#f8fcff 52%,#eef8f5);position:relative}
.xm-theme.xm-page-login #wrapper,.xm-theme.xm-page-register #wrapper{position:relative;z-index:1}
.xm-theme.xm-page-login #login-box,.xm-theme.xm-page-register #login-box{border:1px solid #dce9e4;border-radius:20px;box-shadow:0 18px 50px #0b1b3f14;overflow:hidden;background:#fff}
.xm-theme.xm-page-login .login-header,.xm-theme.xm-page-register .login-header{background:linear-gradient(135deg,#e7f7f1,#eef5ff);border-radius:18px;padding:14px 22px}
.xm-theme.xm-page-login .login-header{display:none!important}
.xm-theme.xm-page-login #login-box{margin-top:0!important}
.xm-theme.xm-page-login .login-header img,.xm-theme.xm-page-register .login-header img{max-width:210px;height:auto}
.xm-theme.xm-page-login #login-box h1,.xm-theme.xm-page-register #login-box h1{color:var(--xm-navy);font-size:20px;letter-spacing:-.02em}
.xm-theme.xm-page-login #login-box .btn-login,.xm-theme.xm-page-register #login-box .btn-login{border-radius:10px;min-height:48px;font-weight:700}
.xm-theme #main-body .alert{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.xm-theme #main-body .alert .btn{margin-left:auto;white-space:nowrap;order:2}
.xm-theme #main-body .alert>div.pull-right{order:2;margin-left:auto}
.xm-theme #main-body .alert>div.pull-right .btn{margin-left:0}
.xm-theme #main-body .panel,.xm-theme #main-body .card{overflow:hidden}
.xm-invoice-brand{display:flex;justify-content:center;align-items:center;min-height:76px}.xm-invoice-logo{display:block;width:min(240px,55vw);height:auto;object-fit:contain}.xm-theme .invoice .company-logo .xm-invoice-logo{max-height:72px}
.xm-theme .panel-sidebar .panel-heading{overflow:visible}.xm-theme .panel-sidebar .panel-title{display:flex;align-items:center;gap:8px;min-width:0;line-height:1.3}.xm-theme .panel-sidebar .panel-title .panel-minimise{margin-left:auto;flex:0 0 auto;position:static!important;line-height:1}.xm-theme .panel-sidebar .panel-title>i:first-child{flex:0 0 auto}
.xm-domain-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 0 18px;border-bottom:1px solid var(--xm-line);margin-bottom:18px}.xm-domain-toolbar h2{margin:2px 0 4px;font-size:24px;color:var(--xm-navy)}.xm-domain-toolbar p{margin:0;color:var(--xm-muted);font-size:13px}.xm-domain-search{display:flex;align-items:center;gap:8px;width:min(320px,100%);border:1px solid #cddceb;border-radius:10px;background:#fff;padding:0 12px;color:var(--xm-muted)}.xm-domain-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;min-height:42px;font-size:14px}.xm-theme #tableDomainsList tbody td:nth-child(2) a.text-small{font-size:14px;font-weight:650;color:#0c6651}.xm-theme #tableDomainsList tbody td:nth-child(2) small{font-size:12px;color:#52637a}
@media(max-width:767px){.xm-domain-toolbar{align-items:stretch;flex-direction:column}.xm-domain-search{width:100%}}
.xm-notification{position:relative;display:flex;align-items:center;margin-left:10px}.xm-notification-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--xm-muted);font-size:12px;padding:4px 7px;cursor:pointer}.xm-notification-button:hover,.xm-notification-button[aria-expanded=true]{color:var(--xm-green)}.xm-notification-button span:not(.sr-only){display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e8f6f1;color:#0c6651;font-size:10px;font-weight:700}.xm-notification #accountNotificationsContent{position:absolute;top:calc(100% + 9px);left:0;z-index:1080;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #dbe9e3;border-radius:12px;box-shadow:0 18px 40px #0b1b3f1c;padding:8px}.xm-notification #accountNotificationsContent ul{list-style:none;margin:0;padding:0}.xm-notification #accountNotificationsContent li+li{border-top:1px solid #edf1f5}.xm-notification #accountNotificationsContent a{display:flex;gap:9px;align-items:flex-start;padding:10px;color:#45546a;font-size:12px;line-height:1.45}.xm-notification #accountNotificationsContent a:hover{color:var(--xm-green);text-decoration:none}.xm-notification #accountNotificationsContent a>i{color:var(--xm-green);margin-top:2px}.xm-notification #accountNotificationsContent .none{padding:12px;color:var(--xm-muted);font-size:12px}
@media(max-width:767px){.xm-notification{margin-left:auto}.xm-notification #accountNotificationsContent{left:auto;right:-8px}}
.xm-notification #accountNotificationsContent.w-hidden{display:none!important}
.xm-notification #accountNotificationsContent:not(.w-hidden){display:block!important}
.xm-notification #accountNotificationsContent .message{display:block;flex:1;min-width:0}
.xm-notification #accountNotificationsContent a{min-height:48px}

/* Domain registration: focused Croster-style search hero and readable pricing. */
#order-standard_cart.xm-step-2 .domain-checker-container{margin:24px auto 30px;max-width:900px;background:linear-gradient(135deg,#075e5e,#0a7270);border:0;border-radius:18px;box-shadow:0 16px 34px #075e5e2b;overflow:hidden}
#order-standard_cart.xm-step-2 .domain-checker-bg{padding:42px 28px 46px;background:linear-gradient(120deg,#075e5e,#0c6d6a)}
#order-standard_cart.xm-step-2 .domain-checker-bg:before{content:'Secure your domain name';display:block;margin:0 0 24px;text-align:center;color:#fff;font-size:34px;font-weight:750;letter-spacing:-.035em}
#order-standard_cart.xm-step-2 .domain-checker-bg .row{margin:0}
#order-standard_cart.xm-step-2 .domain-checker-bg .col-md-8{width:100%;margin:0;padding:0}
#order-standard_cart.xm-step-2 .input-group-box{max-width:670px;margin:0 auto;background:#fff;border-radius:7px;padding:5px;box-shadow:0 5px 18px #002b2b33}
#order-standard_cart.xm-step-2 #inputDomain{height:48px;border:0!important;box-shadow:none!important;font-size:15px;padding:0 14px}
#order-standard_cart.xm-step-2 #btnCheckAvailability{height:48px;border-radius:5px!important;border:1px solid #0b6c6b;background:#fff;color:#075e5e;font-weight:700;padding:0 25px}
#order-standard_cart.xm-step-2 .featured-tlds-container{max-width:820px;margin:0 auto 32px}
#order-standard_cart.xm-step-2 .featured-tld{border:1px solid #dbe3ea;border-radius:8px;background:#fff;box-shadow:0 8px 20px #0b1b3f12;overflow:hidden}
#order-standard_cart.xm-step-2 .featured-tld .img-container{height:92px;display:grid;place-items:center;padding:18px}
#order-standard_cart.xm-step-2 .featured-tld .img-container img{max-height:58px;max-width:150px}
#order-standard_cart.xm-step-2 .featured-tld .price{border-top:1px solid #e2e6eb;padding:12px;text-align:center;font-weight:700;color:#253754;background:#fff}
#order-standard_cart.xm-step-2 .tld-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
#order-standard_cart.xm-step-2 .tld-filters .badge{padding:7px 11px;border-radius:999px;background:#e6f3ef;color:#176b5b;font-weight:600}
#order-standard_cart.xm-step-2 .domain-pricing>.bg-white{border:1px solid #dbe3ea;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px #0b1b3f09}
#order-standard_cart.xm-step-2 .tld-row{font-size:14px;border-top:1px solid #e8edf2}
#order-standard_cart.xm-step-2 .tld-row .two-row-center{font-weight:650;color:#172a49}
@media(max-width:767px){#order-standard_cart.xm-step-2 .domain-checker-bg{padding:30px 16px}#order-standard_cart.xm-step-2 .domain-checker-bg:before{font-size:26px}#order-standard_cart.xm-step-2 .input-group-box{display:flex}#order-standard_cart.xm-step-2 #inputDomain{min-width:0}#order-standard_cart.xm-step-2 #btnCheckAvailability{padding:0 15px}}

/* Cloud workspace: image-led welcome, dimensional cards and crisp chevrons. */
.xm-theme .xm-mainnav .dropdown-toggle{display:inline-flex;align-items:center;gap:8px}.xm-theme .xm-mainnav .dropdown-toggle::after{content:'';display:inline-block;width:7px;height:7px;min-width:7px;border:0;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:0 2px 4px 2px;vertical-align:middle;transition:transform .18s}.xm-theme .xm-mainnav .dropdown-toggle[aria-expanded=true]::after{transform:rotate(225deg);margin-top:6px}
.xm-theme .xm-mainnav .dropdown{position:relative}
@media(min-width:1200px){.xm-theme .xm-mainnav .dropdown-menu{top:calc(100% + 10px);left:0;margin:0;min-width:245px;padding:10px;background:#fff;border:1px solid #dbe9e3;border-radius:14px;box-shadow:0 18px 40px #0b1b3f1c;z-index:1060}.xm-theme .xm-mainnav .dropdown-menu::before{content:'';position:absolute;left:24px;top:-6px;width:11px;height:11px;background:#fff;border-left:1px solid #dbe9e3;border-top:1px solid #dbe9e3;transform:rotate(45deg)}.xm-theme .xm-mainnav .dropdown-item{padding:11px 14px;font-size:14px;line-height:1.35;color:#3b4a63;border-radius:9px}.xm-theme .xm-mainnav .dropdown-item:hover,.xm-theme .xm-mainnav .dropdown-item:focus{background:transparent;color:#0c6651;outline:none}}
.xm-theme .xm-mainnav .nav-link:focus,.xm-theme .xm-mainnav .nav-link:focus-visible,.xm-theme .xm-mainnav .dropdown-toggle:focus,.xm-theme .xm-mainnav .dropdown-toggle:focus-visible{outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--xm-green)!important}.xm-theme .xm-mainnav .dropdown.show>.dropdown-toggle,.xm-theme .xm-mainnav .dropdown-toggle[aria-expanded=true]{background:transparent!important;color:var(--xm-green)!important;border-radius:0}.xm-theme .xm-mainnav .dropdown-menu .dropdown-item:focus-visible{outline:none!important;box-shadow:none!important;color:var(--xm-green)!important}
.xm-theme #tableServicesList{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e3eaf4;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #0b1b3f08}.xm-theme #tableServicesList thead th{background:#f0f6fb;color:#0b1b3f;font-size:12px;font-weight:700;padding:15px 16px}.xm-theme #tableServicesList tbody td{padding:16px;border-top:1px solid #edf1f5;vertical-align:middle}.xm-theme #tableServicesList tbody tr:hover{background:#f7fcfa}.xm-theme #tableServicesList tbody td:nth-child(2){font-weight:700;color:#0b1b3f}.xm-theme #tableServicesList tbody td:nth-child(2) strong:before{content:'';display:inline-block;width:34px;height:34px;vertical-align:middle;margin-right:10px;border-radius:10px;background:#e8f6f1 url('../img/icon-cloud.webp') center/22px no-repeat}.xm-theme #tableServicesList .label{border-radius:999px;padding:5px 10px;font-size:11px}.xm-theme #tableServicesList .btn{min-height:36px;padding:7px 12px;font-size:12px}
.xm-theme #tableInvoicesList{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e3eaf4;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #0b1b3f08}.xm-theme #tableInvoicesList thead th{background:#f0f6fb;color:#0b1b3f;font-size:12px;font-weight:700;padding:15px 16px}.xm-theme #tableInvoicesList tbody td{padding:16px;border-top:1px solid #edf1f5;vertical-align:middle}.xm-theme #tableInvoicesList tbody tr:hover{background:#f7fcfa}.xm-theme #tableInvoicesList tbody td:first-child a{font-weight:700;color:#0c6651}.xm-theme #tableInvoicesList .status{border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.xm-theme #tableInvoicesList .action-buttons a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e8f6f1;color:#0c6651}
.xm-cloud-welcome{padding:36px 36px 30px;min-height:290px;background:radial-gradient(ellipse at 85% 40%,#c9efe9a6,transparent 55%),linear-gradient(120deg,#f0f6ff,#f7fcff 50%,#ecf9f5);border-color:#deebf1;border-radius:20px;position:relative}.xm-welcome-copy{position:relative;z-index:1;flex:1;min-width:0}.xm-cloud-welcome h1{font-size:38px;letter-spacing:-.045em;margin-bottom:16px}.xm-cloud-welcome .xm-eyebrow{display:inline-block;padding:6px 10px;background:#dff2eb;border-radius:6px;color:#166750;font-size:10px;letter-spacing:.1em;margin-bottom:18px}.xm-greeting-dot{color:#139171}.xm-cloud-welcome p{font-size:14px;line-height:1.8;max-width:340px}.xm-cloud-art{width:40%;flex-shrink:0;position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.xm-cloud-art img{width:115%;max-width:none;height:auto;filter:drop-shadow(0 16px 16px #0b1b3f0d)}.xm-cloud-caption{font-size:10px;letter-spacing:.03em;color:#386a68;white-space:nowrap;margin-top:6px}.xm-cloud-welcome .btn{padding:11px 15px;font-size:12px;border-radius:9px}
.xm-theme .tiles .tile{position:relative;padding:22px 20px 18px;min-height:148px;border-radius:16px;background:linear-gradient(140deg,white 65%,#edf6ff);box-shadow:0 5px 18px #0b1b3f05}.xm-theme .tiles .tile .xm-stat-art{position:absolute;right:14px;top:15px;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 4px #0b1b3f10)}.xm-theme .tiles .tile .stat{padding-top:22px;font-size:32px;line-height:1.4}.xm-theme .tiles .tile .title{font-size:13px;letter-spacing:0}.xm-theme .tiles .row>div:nth-child(2) .tile{background:linear-gradient(140deg,white 65%,#edf9f3)}.xm-theme .tiles .row>div:nth-child(3) .tile{background:linear-gradient(140deg,white 65%,#f0efff)}.xm-theme .tiles .row>div:nth-child(4) .tile{background:linear-gradient(140deg,white 65%,#fff7e9)}
.xm-quick-group{position:relative;padding:24px;background:linear-gradient(140deg,white,#fbfdff)}.xm-quick-group h3{font-size:17px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eaf0f7}.xm-quick-group h3 img{width:34px;height:34px;object-fit:contain;margin-right:10px}.xm-quick-group a{color:#43526a}.xm-quick-group a:hover{color:#0c6651;text-decoration:none;background:#f2faf7;border-radius:5px}.xm-theme .card,.xm-theme .fixture-card{box-shadow:0 4px 20px #0b1b3f04}.xm-theme .fixture-sidebar .card{border-radius:16px;overflow:hidden}.xm-theme .fixture-sidebar .card-body{background:linear-gradient(135deg,#f8fbff,white)}
@media(max-width:767px){.xm-cloud-welcome{padding:26px;display:block}.xm-cloud-welcome h1{font-size:32px}.xm-cloud-art{width:200px;max-width:90%;height:auto;margin:18px auto 0}.xm-cloud-art img{width:100%}.xm-cloud-caption{font-size:10px}.xm-cloud-welcome .btn{font-size:12px}.xm-theme .tiles .tile .xm-stat-art{width:48px;height:48px;right:10px;top:12px}.xm-theme .tiles .tile .stat{padding-top:26px}.xm-theme .tiles .tile{min-height:145px;padding:18px}}
.xm-mainnav button.nav-link:focus{outline:none}
.xm-quick-group h3:not(:has(img))::before{content:'';display:inline-block;width:34px;height:34px;margin-right:10px;vertical-align:middle;background:url('../img/icon-cloud.webp') center/contain no-repeat}.xm-quick-group:nth-child(2) h3:not(:has(img))::before{background-image:url('../img/icon-domain.webp')}.xm-quick-group:nth-child(3) h3:not(:has(img))::before{background-image:url('../img/domain-pricing.webp')}.xm-quick-group:nth-child(4) h3:not(:has(img))::before{background-image:url('../img/why-support.webp')}
@media(max-width:991px){.xm-theme #main-body>.container>.row>.primary-content,.xm-theme #main-body>.container>.row>.col-lg-9{order:-1;margin-bottom:24px}}
/* Account identity and mobile navigation drawer */
.xm-client-profile{padding:24px 20px;margin-bottom:18px;background:linear-gradient(145deg,#e9f6f1,#fff 75%);border:1px solid #dce9e4;border-radius:16px;color:#34455d;overflow-wrap:anywhere}.xm-client-profile .xm-profile-avatar{display:grid;place-items:center;width:44px;height:44px;background:#0c6651;border-radius:14px;color:white;font-size:16px;font-weight:700;margin-bottom:16px}.xm-client-profile .xm-eyebrow{display:block;font-size:10px;letter-spacing:.13em;color:#527166;margin-bottom:6px}.xm-client-profile h3{font-size:18px!important;color:#0b1b3f;font-weight:700;margin:0 0 7px}.xm-client-profile p,.xm-client-profile address{font-size:13px;line-height:1.7;margin-bottom:12px}.xm-client-profile .xm-profile-phone{font-weight:600}.xm-client-profile a{font-size:12px;font-weight:650;color:#0c6651}.xm-drawer-top,.xm-drawer-backdrop{display:none}
@media(max-width:1199px){
body.xm-drawer-open{overflow:hidden}.xm-theme .xm-mainnav #mainNavbar{display:block!important;position:fixed!important;inset:0 auto 0 0;width:min(340px,88vw);height:100dvh!important;max-height:none;margin:0;padding:22px;background:#fff;z-index:1052;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s;box-shadow:12px 0 50px #0b1b3f25;flex-basis:auto}.xm-theme .xm-mainnav #mainNavbar.show{transform:translateX(0);visibility:visible}.xm-theme .xm-mainnav .xm-drawer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;margin-bottom:15px;border-bottom:1px solid #e3eaf4;color:#0b1b3f;font-size:17px;font-weight:700}.xm-drawer-top button{border:0;border-radius:50%;background:#edf4f1;width:36px;height:36px;font-size:26px;color:#0c6651;line-height:1}.xm-drawer-backdrop{position:fixed;inset:0;z-index:1051;border:0;background:#08182c80;backdrop-filter:blur(3px);width:100%;height:100%}.xm-drawer-open .xm-drawer-backdrop{display:block}.xm-theme .xm-mainnav .navbar-nav{display:flex;flex-direction:column;width:100%;align-items:stretch}.xm-theme .xm-mainnav .navbar-nav .nav-link{width:100%;padding:14px 12px;justify-content:space-between;border-radius:9px;text-align:left}.xm-theme .xm-mainnav .dropdown-menu{position:static!important;transform:none!important;float:none;box-shadow:none;border:0;background:#f3f8f6;padding:8px;margin:0 0 8px;width:100%}.xm-theme .xm-mainnav .dropdown-item{white-space:normal;padding:11px 12px}.xm-theme .xm-mainnav .xm-account{border-top:1px solid #e3eaf4;margin-top:16px;padding-top:12px}.xm-theme .xm-mainnav .xm-cart{display:inline-flex;margin:18px 12px}
}
@media(prefers-reduced-motion:reduce){.xm-theme .xm-mainnav #mainNavbar{transition:none}}

/* Full-bleed Croster-style domain registration surface. The cart renderer
   places order forms inside a padded content container, so the hero expands
   to the viewport edge while its inner search remains comfortably centered. */
.xm-theme #order-standard_cart.modern{margin-top:-32px!important}
.xm-theme #order-standard_cart.modern .domains-section{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;border-radius:0!important;background:#005f60!important;overflow:visible}
.xm-theme #order-standard_cart.modern .domains-section .container{max-width:1120px;padding-left:24px;padding-right:24px}
.xm-theme #order-standard_cart.modern .domain-hero{padding:72px 0 132px}
.xm-theme #order-standard_cart.modern.xm-domain-searched .domain-hero{padding:58px 0 42px}
.xm-theme #order-standard_cart.modern .domain-hero .h1{font-size:46px;font-weight:700;letter-spacing:-.035em;color:#fff;margin-bottom:26px}
.xm-theme #order-standard_cart.modern .domain-hero .form-search{max-width:768px;margin:0 auto}
.xm-theme #order-standard_cart.modern .domain-hero .serach-form{display:flex;align-items:center;padding:5px;background:#fff;border-radius:7px;box-shadow:0 12px 30px #003d3e36}
.xm-theme #order-standard_cart.modern .domain-hero .input-group-icon{position:static;padding:0 10px;color:#acb6bc;font-size:18px}
.xm-theme #order-standard_cart.modern .domain-hero #inputDomain{height:46px;border:0;box-shadow:none;font-size:15px;min-width:0}
.xm-theme #order-standard_cart.modern .domain-hero #btnCheckAvailability{height:46px;border:1px solid #0c706c;border-radius:6px;background:#fff;color:#075e5e;font-weight:700;padding:0 24px}
.xm-theme #order-standard_cart.modern .cros-domain-page{max-width:1120px;margin-top:-90px;padding:0 24px;z-index:2}
.xm-theme #order-standard_cart.modern.xm-domain-searched .cros-domain-page{margin-top:-178px}
.xm-theme #order-standard_cart.modern .cros-domain-page>.row>div{width:100%;padding:0}
.xm-theme #order-standard_cart.modern .domain-checker-result-headline{margin:0;padding:28px 24px 10px;background:#fff;border-radius:16px 16px 0 0}
.xm-theme #order-standard_cart.modern .spotlight-tlds{margin:0;padding:18px 24px 26px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 14px 34px #0b1b3f18}
.xm-theme #order-standard_cart.modern .spotlight-tld{height:136px;padding:17px 10px;border:1px solid #dbe4e8;border-radius:10px;background:#fff;box-shadow:0 5px 15px #0b1b3f0b;color:#243653;font-size:15px}
.xm-theme #order-standard_cart.modern .spotlight-tld span.available{font-size:16px;font-weight:700;color:#0c6651}
.xm-theme #order-standard_cart.modern .spotlight-tld .btn:not(.domain-contact-support){width:88%;margin-top:8px;padding:7px 10px;border:0;border-radius:7px;background:#0c6651;color:#fff;font-weight:650}
.xm-theme #order-standard_cart.modern #primaryLookupResult .domain-available{font-size:20px;font-weight:650;color:#59b85d}.xm-theme #order-standard_cart.modern #primaryLookupResult .domain-available:before{content:'🎉 Woohoo! ';font-weight:800}
.xm-theme #order-standard_cart.modern .suggested-domains{max-width:1040px;margin:24px auto 0;background:#fff;border:1px solid #dce7ed;border-radius:14px;box-shadow:0 8px 24px #0b1b3f0e;overflow:hidden}
.xm-theme #order-standard_cart.modern .suggested-domains .panel-heading{display:flex;flex-direction:column;gap:2px;padding:17px 22px;border-bottom:1px solid #e2ebef;background:linear-gradient(120deg,#f2faf7,#f4f8ff);color:#122b4a}.xm-theme #order-standard_cart.modern .xm-suggestion-title{font-size:18px;font-weight:700}.xm-theme #order-standard_cart.modern .xm-suggestion-subtitle{color:#65758a;font-size:12px;font-weight:400}
.xm-theme #order-standard_cart.modern .suggested-domains .list-group-item{padding:15px 22px;border-color:#edf1f3;font-size:15px}.xm-theme #order-standard_cart.modern .suggested-domains .domain-suggestion.clone{display:flex;align-items:center;gap:14px}
.xm-theme #order-standard_cart.modern .suggested-domains .domain{font-weight:700;color:#172b4b}
.xm-theme #order-standard_cart.modern .suggested-domains .extension{color:#0c6651;font-weight:700}
.xm-theme #order-standard_cart.modern .suggested-domains .price{margin-left:auto;color:#172b4b;font-weight:700}
.xm-theme #order-standard_cart.modern .suggested-domains .actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.xm-theme #order-standard_cart.modern .suggested-domains .actions .btn{border:0;border-radius:7px;padding:8px 14px;background:#0c6651;color:#fff;font-weight:650}
.xm-theme #order-standard_cart.modern .domain-pricing{display:block;max-width:1040px;margin:30px auto 45px}
.xm-theme #order-standard_cart.modern.xm-domain-searched .domain-pricing{display:none!important}
.xm-theme #order-standard_cart.modern .domain-pricing .table-container{background:#fff;border:1px solid #dce7ed;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0b1b3f0e}
.xm-theme #order-standard_cart.modern .domain-pricing .table-header{padding:15px 20px;border-bottom:1px solid #e2ebef;background:#f5fafb}
.xm-theme #order-standard_cart.modern .domain-pricing .search-group input{height:38px;border-radius:7px}
.xm-theme #order-standard_cart.modern .domain-pricing .table-tlds thead th{padding:14px 20px;color:#173353;font-size:12px;background:#fff;border-bottom:2px solid #0c6651}
.xm-theme #order-standard_cart.modern .domain-pricing .table-tlds tbody td{padding:14px 20px;border-top:1px solid #edf1f3;color:#4b5d73}
.xm-theme #order-standard_cart.modern .domain-pricing .tld-name{font-size:16px;color:#172b4b}
@media(max-width:767px){.xm-theme #order-standard_cart.modern{margin-top:-20px!important}.xm-theme #order-standard_cart.modern .domain-hero{padding:42px 0 108px}.xm-theme #order-standard_cart.modern.xm-domain-searched .domain-hero{padding:42px 0 34px}.xm-theme #order-standard_cart.modern .domain-hero .h1{font-size:32px}.xm-theme #order-standard_cart.modern .domain-hero .serach-form{display:flex}.xm-theme #order-standard_cart.modern .domain-hero #btnCheckAvailability{padding:0 14px}.xm-theme #order-standard_cart.modern .cros-domain-page{padding:0 14px;margin-top:-70px}.xm-theme #order-standard_cart.modern.xm-domain-searched .cros-domain-page{margin-top:-92px}.xm-theme #order-standard_cart.modern .spotlight-tlds{padding:14px}.xm-theme #order-standard_cart.modern .suggested-domains .list-group-item{display:block;text-align:center}.xm-theme #order-standard_cart.modern .suggested-domains .price{display:block;margin:6px 0}.xm-theme #order-standard_cart.modern .suggested-domains .actions{justify-content:center}.xm-theme #order-standard_cart.modern .domain-pricing .table-container{overflow-x:auto}.xm-theme #order-standard_cart.modern .domain-pricing .table-tlds{min-width:700px}}
/* Supplied brand proportions and accessible mobile controls. */
.xm-mainnav .xm-logo,.xm-footer-brand .xm-logo{width:200px;height:auto;aspect-ratio:555/130}.xm-drawer-top .xm-logo{width:180px!important;max-width:calc(100% - 60px)}.xm-drawer-top button{min-width:44px;min-height:44px}.xm-theme .xm-mainnav .navbar-toggler{min-width:44px;min-height:44px}.xm-client-profile a{display:inline-block;padding:7px 0}.xm-theme .list-group-item[aria-current=page]{font-weight:700}@media(max-width:375px){.xm-mainnav .xm-logo{width:170px}.xm-drawer-top .xm-logo{width:155px!important}}
/* Shared SVG brand glyphs remain visible without icon fonts or remote requests. */
.xm-theme .xm-socials a{width:36px;height:36px;flex-shrink:0}.xm-socials svg{display:block;width:18px;height:18px;fill:currentColor}.xm-theme .xm-socials a:hover{background:var(--xm-green);color:#fff}.xm-theme .xm-socials a:focus-visible{outline:3px solid #155eef;outline-offset:3px}@media(pointer:coarse){.xm-theme .xm-socials a{width:44px;height:44px}}

/* Target the outer Bootstrap column: .sidebar is nested inside this column. */
@media(min-width:992px){.xm-theme #main-body .xm-portal-sidebar-column{flex:0 0 22%;max-width:22%}.xm-theme #main-body .xm-portal-sidebar-column>.sidebar{width:100%;max-width:none}.xm-theme #main-body .xm-portal-sidebar-column+.primary-content{flex:0 0 78%;max-width:78%;min-width:0}}
.xm-theme.xm-page-clientareahome #main-body{background:#f1fbf8}
.xm-theme.xm-page-clientareahome .tiles .row>div{min-width:0;flex:1 1 0;max-width:none}
@media(max-width:575px){.xm-theme.xm-page-clientareahome .tiles .row>div{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px)}}
.xm-theme.xm-page-login .login-form{width:100%;max-width:460px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none}
.xm-theme.xm-page-login .login-form>.card{width:100%;margin:0!important;overflow:hidden;border:1px solid #dcebe6;border-radius:18px;background:#fff;box-shadow:0 14px 40px #183b4e0d}
.xm-theme.xm-page-login .login-form .card-body{padding:32px!important}
.xm-theme.xm-page-login .login-form .card-footer{padding:20px 32px;background:#f8fcfa;border-top:1px solid #e2ece7}
.xm-theme.xm-page-login .login-form .form-control{min-width:0}
.xm-theme.xm-page-login .login-form .input-group{flex-wrap:nowrap}
@media(max-width:575px){.xm-theme.xm-page-login .login-form .card-body{padding:24px!important}.xm-theme.xm-page-login .login-form .card-footer{padding:18px 24px}}
/* Design 2 client portal shell. All selectors stay under .xm-theme so module
   templates and public order/auth pages retain their native WHMCS contracts. */
.xm-nav-badge{display:inline-block;margin-left:3px;padding:2px 5px;border-radius:99px;background:#e6f8f1;color:#08705b;font-size:8px;font-weight:800;letter-spacing:.06em;line-height:1}.xm-sidebar-toggle{display:none}.xm-client-sidebar{overflow:hidden;border:1px solid #e1ece9;border-radius:15px;background:#fff;box-shadow:0 10px 28px #0b1b3f09}.xm-client-profile{margin:0;padding:24px 22px 12px;border:0;border-radius:0;background:#fff;text-align:left}.xm-client-profile .xm-profile-avatar{width:48px;height:48px;margin:0 0 12px;border-radius:50%;background:linear-gradient(135deg,#08715d,#00af73);font-size:19px}.xm-client-profile h3{margin:0;color:#102449;font-size:17px!important;font-weight:750}.xm-client-id{margin:2px 0 0;color:#78869a;font-size:12px!important}.xm-client-menu{display:flex;flex-direction:column;padding:5px 10px 12px}.xm-client-link,.xm-client-more summary{display:flex;align-items:center;gap:12px;min-height:41px;padding:9px 12px;border-radius:8px;color:#253855!important;font-size:13px;font-weight:650;line-height:1.2;cursor:pointer;transition:background .18s,color .18s}.xm-client-link:hover,.xm-client-more summary:hover{background:#eff9f5;color:#08715d!important;text-decoration:none}.xm-client-link.active{background:linear-gradient(135deg,#0a8469,#00af73);color:#fff!important;box-shadow:0 7px 15px #0780622b}.xm-client-link i,.xm-client-more summary i{width:17px;text-align:center;font-size:14px}.xm-client-more{margin:2px 0}.xm-client-more summary{list-style:none}.xm-client-more summary::-webkit-details-marker{display:none}.xm-client-more[open] summary{background:#eff9f5;color:#08715d!important}.xm-client-more>div{display:grid;gap:1px;margin:2px 0 7px;padding:5px 0 7px 39px;border-left:1px solid #dcebe6}.xm-client-more a{padding:5px 7px;color:#52647c;font-size:12px;line-height:1.35}.xm-client-more a:hover{color:#08715d;text-decoration:none}.xm-client-logout{margin-top:5px;color:#e64a63!important;border-top:1px solid #eef2f4;border-radius:0}.xm-client-logout:hover{background:#fff3f5;color:#c6324d!important}.xm-theme .sidebar:has(.xm-client-sidebar){width:205px;flex:0 0 205px;max-width:205px}.xm-theme .sidebar:has(.xm-client-sidebar)+.primary-content{flex:0 0 calc(100% - 205px);max-width:calc(100% - 205px);padding-left:20px}.xm-theme .sidebar:has(.xm-client-sidebar)~.secondary-sidebar{display:none}
.xm-cloud-welcome{min-height:205px;margin-bottom:14px;padding:30px 32px;border:0;border-radius:12px;background:linear-gradient(120deg,#08735f,#00a987 55%,#00897a);box-shadow:0 13px 28px #07705c2c}.xm-cloud-welcome:before{position:absolute;inset:0;content:'';background:linear-gradient(130deg,transparent 52%,#ffffff13 52% 66%,transparent 66%);pointer-events:none}.xm-cloud-welcome .xm-welcome-copy{position:relative;z-index:1;max-width:55%}.xm-cloud-welcome .xm-eyebrow{display:none}.xm-cloud-welcome h1,.xm-cloud-welcome p{color:#fff}.xm-cloud-welcome h1{max-width:360px;font-size:31px}.xm-cloud-welcome p{max-width:390px;margin-bottom:17px;color:#effffc;font-size:13px}.xm-cloud-welcome .btn-primary{border-color:#fff;background:#fff;color:#08705b!important;box-shadow:none}.xm-cloud-welcome .btn-outline-primary{border-color:#fff;background:transparent;color:#fff}.xm-cloud-welcome .btn{min-height:37px;padding:8px 17px;font-size:12px}.xm-cloud-art{position:relative;z-index:1;width:290px;margin-right:6px}.xm-cloud-art img{width:100%;height:auto;filter:drop-shadow(0 16px 18px #004c4852)}.xm-cloud-caption{display:none}
.xm-theme .tiles{margin:14px 0}.xm-theme .tiles .row{gap:10px}.xm-theme .tiles .tile{position:relative;min-height:86px;padding:14px 14px 12px 64px;border-radius:11px;box-shadow:0 5px 16px #0b1b3f08}.xm-theme .tiles .tile .xm-stat-art{position:absolute;left:14px;top:15px;width:37px;height:37px;padding:8px;border-radius:9px;background:#e6f3ff;object-fit:contain}.xm-theme .tiles .row>div:nth-child(2) .xm-stat-art{background:#e3f9ea}.xm-theme .tiles .row>div:nth-child(3) .xm-stat-art{background:#f0e8ff}.xm-theme .tiles .row>div:nth-child(4) .xm-stat-art{background:#fff0e8}.xm-theme .tiles .tile .stat{padding:15px 0 0;font-size:24px;line-height:1}.xm-theme .tiles .tile .title{margin-top:4px;color:#718096;font-size:11px}.xm-dashboard-section{margin:14px 0;padding:15px;border:1px solid #e5eef1;border-radius:12px;background:#fff;box-shadow:0 5px 16px #0b1b3f07}.xm-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0 1px}.xm-dashboard-heading h2{margin:0;color:#102449;font-size:16px}.xm-dashboard-heading p{margin:2px 0 0;color:#8490a3;font-size:11px}.xm-dashboard-heading .btn{min-height:31px;padding:5px 10px;font-size:10px}.xm-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.xm-action-card{display:flex;min-height:79px;align-items:center;justify-content:center;gap:7px;flex-direction:column;border-radius:9px;background:#f6fbff;color:#263a5b!important;font-size:11px;font-weight:700;transition:transform .18s,box-shadow .18s}.xm-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0b1b3f12;text-decoration:none}.xm-action-card i{font-size:25px}.xm-action-card.is-green{background:#e9fcf3;color:#00a768!important}.xm-action-card.is-blue{background:#edf5ff;color:#1573e6!important}.xm-action-card.is-sky{background:#eff8ff;color:#087dea!important}.xm-action-card.is-purple{background:#f5edff;color:#9838ec!important}.xm-action-card.is-orange{background:#fff3ea;color:#ef7729!important}.xm-action-card.is-rose{background:#fff0f2;color:#fa425f!important}.xm-dashboard-domain{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px}.xm-dashboard-domain .xm-dashboard-heading{margin:0}.xm-dashboard-domain-form{display:flex;gap:7px;min-width:min(100%,420px)}.xm-dashboard-domain-form .form-control{min-width:0;height:37px;font-size:12px}.xm-dashboard-domain-form .btn{min-height:37px;padding:7px 14px;font-size:11px}.xm-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.xm-catalog-grid.xm-four{grid-template-columns:repeat(4,minmax(0,1fr))}.xm-catalog-card{display:flex;min-height:154px;align-items:center;flex-direction:column;justify-content:center;padding:13px 10px;border:1px solid #e8eef5;border-radius:9px;background:linear-gradient(140deg,#fbfffd,#f7fbff);color:#233756!important;text-align:center;transition:transform .18s,box-shadow .18s}.xm-catalog-card:hover{transform:translateY(-2px);box-shadow:0 10px 19px #0b1b3f0e;text-decoration:none}.xm-catalog-card i{margin-bottom:10px;font-size:29px;color:#10866d}.xm-catalog-card:nth-child(2) i{color:#f58523}.xm-catalog-card:nth-child(3) i{color:#387dec}.xm-catalog-card:nth-child(4) i{color:#9552e9}.xm-catalog-card:nth-child(5) i{color:#12a779}.xm-catalog-card strong{font-size:12px}.xm-catalog-card span{min-height:31px;margin-top:4px;color:#687a91;font-size:10px;line-height:1.45}.xm-catalog-card em{margin-top:8px;padding:5px 18px;border:1px solid #0d9475;border-radius:5px;color:#08735f;font-size:9px;font-style:normal;font-weight:750}.xm-theme .client-home-cards{margin:14px 0}.xm-theme .client-home-cards .card{border-radius:12px;box-shadow:0 5px 16px #0b1b3f07}.xm-theme .client-home-cards .card-header{padding:13px 16px}.xm-theme .client-home-cards .card-title{font-size:14px}.xm-theme .client-home-cards .card-body{padding:14px 16px}.xm-theme .client-home-cards .list-group-item{padding:11px 15px;font-size:12px}
.xm-theme.xm-page-clientareaproductdetails .product-details,.xm-theme.xm-page-clientareadomaindetails .tab-content>.tab-pane>.card{border:1px solid #e1ece9;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0b1b3f08}.xm-theme.xm-page-clientareaproductdetails .product-details .product-status{overflow:hidden;border-radius:12px}.xm-theme.xm-page-clientareaproductdetails .product-details .product-icon{padding:25px 20px;background:#eff9f6}.xm-theme.xm-page-clientareaproductdetails .product-details .product-status-text{padding:9px}.xm-theme.xm-page-clientareaproductdetails .product-details h4{margin:12px 0 2px;color:#7a8797;font-size:11px;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.xm-theme.xm-page-clientareaproductdetails .responsive-tabs-sm,.xm-theme.xm-page-clientareadomaindetails .nav-tabs{display:flex;gap:7px;overflow-x:auto;flex-wrap:nowrap;margin:18px 0 0;padding:0;border:0}.xm-theme.xm-page-clientareaproductdetails .responsive-tabs-sm .nav-link,.xm-theme.xm-page-clientareadomaindetails .nav-tabs .nav-link{border:1px solid #dbe7e5;border-radius:8px;color:#496075;font-size:12px;white-space:nowrap}.xm-theme.xm-page-clientareaproductdetails .responsive-tabs-sm .nav-link.active,.xm-theme.xm-page-clientareadomaindetails .nav-tabs .nav-link.active{border:1px solid #0c8067;background:#0b8067;color:#fff}.xm-theme.xm-page-clientareaproductdetails .product-details-tab-container{border:1px solid #e1ece9!important;border-radius:0 12px 12px 12px;background:#fff;box-shadow:0 6px 18px #0b1b3f08}.xm-theme.xm-page-clientareadomaindetails .tab-content>.tab-pane>.card{margin-top:14px}.xm-theme.xm-page-clientareadomaindetails .tab-content .card-body{padding:24px}.xm-theme.xm-page-clientareaproductdetails .module-client-area,.xm-theme.xm-page-clientareadomaindetails .module-client-area{overflow-x:auto}
@media(max-width:991px){.xm-theme .sidebar:has(.xm-client-sidebar){width:100%;max-width:none;flex:0 0 100%;padding:0}.xm-theme .sidebar:has(.xm-client-sidebar)+.primary-content{flex:0 0 100%;max-width:100%;padding-left:15px}.xm-sidebar-toggle{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;border:0;border-radius:8px;background:#08735f;color:#fff;padding:10px 14px;font-weight:700;font-size:12px}.xm-client-sidebar{position:fixed;inset:0 auto 0 0;z-index:1060;width:min(330px,88vw);height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;border-radius:0;box-shadow:16px 0 44px #08182c3b}.xm-sidebar-open .xm-client-sidebar{transform:translateX(0)}.xm-sidebar-open:before{position:fixed;z-index:1059;inset:0;content:'';background:#08182c7a}.xm-sidebar-open{overflow:hidden}.xm-cloud-welcome .xm-welcome-copy{max-width:62%}.xm-cloud-art{width:240px}.xm-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xm-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xm-catalog-grid.xm-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.xm-cloud-welcome{min-height:0;padding:24px 20px}.xm-cloud-welcome .xm-welcome-copy{max-width:none}.xm-cloud-welcome h1{font-size:27px}.xm-cloud-art{display:none}.xm-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-dashboard-section{padding:13px}.xm-dashboard-domain{display:block}.xm-dashboard-domain .xm-dashboard-heading{margin-bottom:12px}.xm-dashboard-domain-form{display:grid;grid-template-columns:1fr 1fr}.xm-dashboard-domain-form input{grid-column:1/-1}.xm-catalog-grid,.xm-catalog-grid.xm-four{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-catalog-card{min-height:145px}.xm-dashboard-heading h2{font-size:15px}.xm-theme .tiles .tile{min-height:79px}.xm-theme .tiles .tile .stat{font-size:21px}.xm-theme.xm-page-clientareaproductdetails .product-details-tab-container{border-radius:12px}.xm-theme.xm-page-clientareaproductdetails .responsive-tabs-sm{margin-bottom:8px}}

/* Design 2: one layout shared by Smarty and the preview, scoped away from footer/cart. */
.xm-line-icon::before{content:none!important}.xm-line-icon svg{display:inline-block;vertical-align:middle}
.xm-sidebar-open:before{display:none!important}
.xm-design2 .xm-cloud-welcome .xm-welcome-copy{max-width:none}
.xm-client-menu a.disabled{pointer-events:none;opacity:.55}
.xm-portal #main-body{background:#f4fbfa}
.xm-portal .primary-content{min-width:0}
.xm-portal .primary-content :is(.panel,.card,.product-holder,.product-info,.xmart-cpanel-details){border:1px solid #e3edf0;border-radius:14px;box-shadow:0 5px 20px #0c194405;background:#fff}
.xm-portal .primary-content :is(.panel-heading,.card-header){background:#fff;color:#0c1944;border-bottom:1px solid #e8eff3;border-radius:14px 14px 0 0;padding:18px 22px}
.xm-portal .primary-content :is(.panel-title,.card-title){font-size:18px;line-height:1.4;overflow:visible}
.xm-portal .primary-content .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid #e8eff3}
.xm-portal .primary-content .nav-tabs a{border-radius:7px;padding:10px 16px}
.xm-portal .primary-content .table{font-size:14px}
.xm-portal .primary-content .table :is(th,td){padding:14px 16px;vertical-align:middle}
.xm-portal .primary-content .table a{font-weight:500}
.xm-portal .primary-content :is(.list-heading,.text-muted){color:#6d7d93}
.xm-portal .primary-content .product-info{padding:24px}
.xm-portal .primary-content .list-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xm-portal .primary-content .list-info li{min-width:0;margin:0;overflow-wrap:anywhere}
.xm-portal .primary-content .list-info .list-text{display:block;font-size:15px;font-weight:500;color:#23344f;margin-top:5px}
.xm-portal :is(#alertOverdueInvoice,#alertUnpaidInvoice){display:flex!important;align-items:center;gap:16px;flex-wrap:wrap;text-align:left!important}
.xm-portal :is(#alertOverdueInvoice,#alertUnpaidInvoice)>.pull-right{order:2;margin-left:auto;float:none!important;flex-shrink:0}
.xm-portal .xmart-cpanel-details .panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
.xm-portal .xmart-cpanel-details .detail-item{flex-wrap:wrap;gap:8px;padding:16px;min-width:0;align-items:center}
.xm-portal .xmart-cpanel-details .detail-label{flex:1 0 100%;min-width:0;color:#718098;font-size:13px}
.xm-portal .xmart-cpanel-details .detail-value{margin:0;font-family:inherit;font-size:15px;overflow-wrap:anywhere;min-width:0}
.xm-portal .xmart-cpanel-details .copy-btn,.xm-portal .xmart-cpanel-details .open-btn{background:#eaf7f2;color:#06735e;border:1px solid #cbe7dd;border-radius:6px;min-height:32px}
.xm-portal .xmart-cpanel-details .panel-heading{background:#007b75}
.xm-portal .product-status-active{background:#dff8e8;color:#008d59}
.xm-portal .primary-content .status-sticker{position:static;transform:none;display:inline-block;margin:10px 0;max-width:100%}
.xm-portal .primary-content .status-sticker-wrapper{position:static;overflow:visible}
.xm-portal .primary-content :is(input,select,textarea){max-width:100%}
.xm-portal .primary-content .input-group{min-width:0;flex-wrap:nowrap}
.xm-portal .primary-content .input-group .form-control{min-width:0}
.xm-portal .primary-content .alert{overflow-wrap:anywhere}
@media(max-width:767px){.xm-portal .xmart-cpanel-details .panel-body,.xm-portal .primary-content .list-info{grid-template-columns:1fr}.xm-portal .primary-content .table-responsive{overflow-x:auto}.xm-portal .primary-content .panel-body{padding:16px}.xm-portal .primary-content .nav-tabs{flex-wrap:nowrap;overflow-x:auto}.xm-portal .primary-content .nav-tabs li{flex-shrink:0}}
.xm-theme.xm-page-clientareahome{background:#f2fbf9}
.xm-theme.xm-page-clientareahome #main-body{padding:20px 0 16px;background:linear-gradient(100deg,#f2fbfa,#f6fcfb)}
.xm-theme.xm-page-clientareahome #main-body>.container{max-width:1400px;width:94%}
.xm-theme.xm-page-clientareahome .primary-content{flex:0 0 100%;max-width:100%;width:100%;min-width:0}
.xm-design2{--d2-line:#e5edf4;--d2-navy:#0c1944;--d2-muted:#6f809b;color:var(--d2-navy);font-size:14px}
.xm-design2,.xm-design2 :is(h1,h2,h3,h4,a,button,input,strong,span,p,em){font-family:Inter,system-ui,sans-serif!important}
.xm-dashboard-top{display:grid;grid-template-columns:20% minmax(0,1fr);gap:18px;align-items:start}
.xm-dashboard-profile,.xm-dashboard-intro,.xm-dashboard-wide{min-width:0}
.xm-design2 .xm-client-sidebar{margin:0;padding:22px 14px;border:1px solid var(--d2-line);border-radius:15px;background:#fff;box-shadow:none;position:static}
.xm-design2 .xm-client-profile{padding:0 12px 14px;border:0;background:none;box-shadow:none;margin:0}
.xm-design2 .xm-profile-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(140deg,#009a89,#006d69);color:white;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.xm-design2 .xm-client-profile h3{font-size:16px;line-height:1.4;margin:0 0 4px;color:#151b2d}
.xm-design2 .xm-client-id{font-size:13px;color:var(--d2-muted);margin:0}
.xm-design2 .xm-client-link,.xm-design2 .xm-client-more summary{padding:12px 14px;min-height:44px;font-size:14px;border-radius:8px;gap:14px;color:var(--d2-navy)}
.xm-design2 .xm-client-link.active{background:linear-gradient(90deg,#008b77,#00a66b);color:#fff}
.xm-design2 .xm-cloud-welcome{min-height:320px;padding:42px 44px;margin:0 0 20px;border:0;border-radius:14px;display:grid;grid-template-columns:55% 45%;overflow:hidden;position:relative;background:linear-gradient(125deg,#00616b 0%,#009b8b 60%,#00717b 100%);color:white;box-shadow:none}
.xm-design2 .xm-cloud-welcome::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 44%,#00ddb52b 44%,#00ddb52b 55%,transparent 55%,transparent 72%,#003f5933 72%)}
.xm-design2 .xm-welcome-copy{z-index:1;align-self:center;min-width:0}
.xm-design2 .xm-cloud-welcome h1{font-size:clamp(28px,2.9vw,44px);line-height:1.12;font-weight:700;letter-spacing:-1px;color:white;margin:0 0 18px}
.xm-design2 .xm-cloud-welcome p{font-size:16px;line-height:1.65;color:#ecffff;margin:0 0 22px;max-width:440px}
.xm-design2 .xm-cloud-welcome .xm-eyebrow,.xm-design2 .xm-cloud-caption{display:none}
.xm-design2 .xm-cloud-art{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}
.xm-design2 .xm-cloud-art img{width:125%;max-width:none;height:290px;object-fit:contain;transform:none;filter:none}
.xm-design2 .xm-hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.xm-design2 .xm-hero-actions .btn{min-height:44px;padding:11px 22px;border-radius:7px;font-size:14px;font-weight:600;box-shadow:none;background:white;color:#006d61;border:1px solid white}
.xm-design2 .xm-hero-actions .btn-outline-primary{background:transparent;color:white}
.xm-design2 .tiles{margin:0 0 20px!important;background:none;border:0}
.xm-design2 .tiles>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.xm-theme .xm-design2 .tiles .row>div{width:100%!important;max-width:none!important;flex:initial!important;padding:0}
.xm-design2 .tiles .tile{padding:20px 16px;min-height:126px;border:1px solid var(--d2-line);border-radius:13px;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;align-content:center;background:#fff;box-shadow:none;text-align:left}
.xm-design2 .tiles .tile>i,.xm-design2 .tiles .tile>.xm-stat-art{grid-row:1/3;position:static;float:none;width:52px;height:56px;padding:13px;border-radius:12px;background:#e9f4ff;color:#0084ff;font-size:27px;margin:0;object-fit:contain}
.xm-design2 .tiles .row>div:nth-child(2) i{color:#00a85b;background:#e2f9ed}
.xm-design2 .tiles .row>div:nth-child(3) i{color:#8a3fff;background:#f3eaff}
.xm-design2 .tiles .row>div:nth-child(4) i{color:#ff7612;background:#fff1e6}
.xm-design2 .tiles .stat{grid-column:2;font-size:28px;line-height:1.1;color:var(--d2-navy);font-weight:700;margin:0}
.xm-design2 .tiles .title{grid-column:2;color:var(--d2-muted);font-size:13px;line-height:1.6;padding:0;margin:3px 0 0}
.xm-design2 .tiles .title{grid-row:1}.xm-design2 .tiles .stat{grid-row:2}.xm-design2 .tiles .xm-stat-caption{grid-column:2;grid-row:3;color:var(--d2-muted);font-size:12px;line-height:1.5}
.xm-design2 .tiles .highlight{display:none}
.xm-design2 .xm-dashboard-section{background:white;border:1px solid var(--d2-line);padding:20px 16px 12px;border-radius:14px;margin:0 0 20px;box-shadow:none}
.xm-design2 .xm-dashboard-heading{margin:0 0 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.xm-design2 .xm-dashboard-heading h2{font-size:20px;line-height:1.3;color:var(--d2-navy);margin:0 0 4px;font-weight:700}
.xm-design2 .xm-dashboard-heading p{font-size:14px;margin:0;color:var(--d2-muted)}
.xm-design2 .xm-dashboard-quick{margin:0;padding:18px 22px 26px}
.xm-design2 .xm-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.xm-design2 .xm-action-card{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;border:0;box-shadow:none;background:transparent;font-size:13px;min-width:0;text-align:center;color:var(--d2-navy)}
.xm-design2 .xm-action-card i{display:flex;align-items:center;justify-content:center;width:100%;height:78px;border-radius:12px;background:#effaf5;color:#00b36d;font-size:34px;margin:0}
.xm-design2 .xm-action-card:nth-child(2) i,.xm-design2 .xm-action-card:nth-child(3) i{background:#f1f7ff;color:#0085ff}
.xm-design2 .xm-action-card:nth-child(4) i{background:#faf4ff;color:#903aff}
.xm-design2 .xm-action-card:nth-child(5) i{background:#fff6ef;color:#ff710c}
.xm-design2 .xm-action-card:nth-child(6) i{background:#fff3f5;color:#ff365c}
.xm-dashboard-wide{margin-top:18px}
.xm-design2 .client-home-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px}
.xm-design2 .client-home-cards>.card{margin:0;border:1px solid var(--d2-line);border-radius:14px;box-shadow:none;min-width:0;overflow:hidden}
.xm-design2 .client-home-cards .card-header{background:white;border:0;padding:16px 20px}
.xm-design2 .client-home-cards .card-title{font-size:17px;line-height:1.5;color:var(--d2-navy)}
.xm-design2 .client-home-cards .card-header .btn{font-size:12px;padding:8px 14px}
.xm-design2 .client-home-cards .card-body{font-size:14px;color:var(--d2-muted);padding:12px 20px 20px}
.xm-design2 .client-home-cards .list-group-item{font-size:14px;padding:14px 20px;border-color:#edf2f7}
.xm-design2 .client-home-cards .card-footer:empty{display:none}
.xm-design2 .xm-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.xm-design2 .xm-catalog-grid.xm-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.xm-design2 .xm-catalog-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 18px 14px;border:1px solid var(--d2-line);border-radius:13px;background:#fff;box-shadow:none;text-align:center;min-width:0;color:var(--d2-navy)}
.xm-design2 .xm-catalog-card i{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:17px;font-size:39px;color:#0088ff;background:#e8f3ff;margin:0}
.xm-design2 .xm-catalog-card:nth-child(2) i{color:#ff7513;background:#fff0e5}
.xm-design2 .xm-catalog-card:nth-child(3) i{color:#489dff;background:#edf6ff}
.xm-design2 .xm-catalog-card:nth-child(4) i{color:#9543ff;background:#f3eaff}
.xm-design2 .xm-catalog-card:nth-child(5) i{color:#00ad63;background:#e6faee}
.xm-design2 .xm-catalog-card strong{font-size:16px;font-weight:650;line-height:1.4}
.xm-design2 .xm-catalog-card span{font-size:14px;line-height:1.5;max-width:180px;min-height:42px;color:#53637f}
.xm-design2 .xm-catalog-card em{margin-top:auto;font-style:normal;font-size:12px;font-weight:600;border:1px solid #79b5ab;color:#006c5e;border-radius:6px;padding:8px 12px;min-width:140px}
.xm-design2 .xm-four .xm-catalog-card{background:linear-gradient(130deg,#f2f8ff,#fff)}
.xm-design2 .xm-four .xm-catalog-card:nth-child(2){background:linear-gradient(130deg,#fff4eb,#fff)}
.xm-design2 .xm-four .xm-catalog-card:nth-child(3){background:linear-gradient(130deg,#f7f0ff,#fff)}
.xm-design2 .xm-four .xm-catalog-card:nth-child(4){background:linear-gradient(130deg,#effbf6,#fff)}
.xm-design2 a:hover{ text-decoration:none }
.xm-design2 .xm-catalog-card:hover,.xm-design2 .tile:hover{border-color:#9ed3c6}
.xm-context-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;align-items:flex-start}
.xm-context-nav>.card{flex:1 1 220px;min-width:0;margin:0!important;border-radius:12px}
.xm-context-nav .list-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}
.xm-context-nav .list-group-item{flex:0 1 auto;border:0!important;border-radius:6px;padding:10px 12px!important;font-size:13px}
.xm-context-nav .card-header{padding:12px 16px!important}
.xm-context-nav .card-title{font-size:15px!important}
.xm-context-nav .card-minimise{display:none}
.xm-sidebar-close,.xm-sidebar-backdrop{display:none}
@media(max-width:1199px){.xm-design2 .xm-cloud-welcome{padding:28px;min-height:280px}.xm-design2 .xm-cloud-art img{height:245px}.xm-design2 .tiles .tile{grid-template-columns:40px minmax(0,1fr);padding:14px 10px;column-gap:8px}.xm-design2 .tiles .tile>i{width:40px;height:46px;padding:10px;font-size:23px}.xm-design2 .xm-catalog-card{padding:12px 10px}.xm-design2 .xm-catalog-card em{min-width:0;width:100%}.xm-design2 .xm-action-grid{gap:12px}.xm-design2 .xm-client-link{font-size:12px;padding:10px 6px;gap:8px}}
@media(max-width:991px){.xm-dashboard-top{grid-template-columns:1fr}.xm-design2 .xm-dashboard-profile{height:auto}.xm-design2 .xm-sidebar-toggle{display:block}.xm-design2 .xm-client-sidebar{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:85vw;z-index:1060;overflow:auto;transform:translateX(-105%);border-radius:0;visibility:hidden}.xm-sidebar-open .xm-design2 .xm-client-sidebar{transform:none;visibility:visible}.xm-sidebar-close{display:block;margin:0 0 12px auto;border:0;background:#eff7f4;padding:8px 12px;border-radius:6px}.xm-sidebar-backdrop{position:fixed;inset:0;background:#10213f66;z-index:1055;border:0}.xm-sidebar-open .xm-sidebar-backdrop{display:block}.xm-sidebar-open{overflow:hidden}.xm-design2 .xm-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xm-design2 .xm-catalog-grid.xm-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.xm-theme.xm-page-clientareahome #main-body>.container{width:100%}.xm-design2 .xm-cloud-welcome{grid-template-columns:1fr;padding:26px 22px;min-height:0}.xm-design2 .xm-cloud-art{display:none}.xm-design2 .xm-cloud-welcome h1{font-size:32px}.xm-design2 .xm-cloud-welcome p{font-size:14px}.xm-design2 .xm-hero-actions{gap:10px}.xm-design2 .xm-hero-actions .btn{padding:10px 14px;font-size:12px}.xm-design2 .tiles>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xm-design2 .tiles .tile{min-height:106px}.xm-design2 .xm-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.xm-design2 .xm-action-card i{height:62px}.xm-design2 .client-home-cards{grid-template-columns:1fr}.xm-design2 .xm-catalog-grid,.xm-design2 .xm-catalog-grid.xm-four{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-design2 .xm-dashboard-heading h2{font-size:17px}.xm-design2 .xm-dashboard-heading p{font-size:12px}.xm-design2 .xm-dashboard-heading>.btn{font-size:10px;padding:6px;white-space:normal}.xm-design2 .xm-catalog-card strong{font-size:13px}.xm-design2 .xm-catalog-card span{font-size:12px}.xm-context-nav{display:block}.xm-context-nav>.card{margin-bottom:10px!important}}

/* ---- Portal layout fix (Nov 2026): one container width, page panels inside the account sidebar ---- */
.xm-theme.xm-portal #main-body{background:linear-gradient(100deg,#f2fbfa,#f6fcfb)}
.xm-theme.xm-portal #main-body>.container{max-width:1400px;width:94%}
@media(min-width:992px){.xm-theme.xm-portal .xm-portal-sidebar-column>.sidebar{position:sticky;top:16px}}
.xm-client-more>div{display:flex;flex-direction:column;gap:2px;padding:4px 0 6px 42px}
.xm-client-more>div a{display:block;padding:7px 10px;border-radius:7px;color:#3b4a63;font-size:13.5px;text-decoration:none}
.xm-client-more>div a:hover{background:#eef7f4;color:#08705b}
.xm-page-panels{margin:14px 0 0;padding:14px 0 0;border-top:1px solid #e1ece9;display:flex;flex-direction:column;gap:12px}
.xm-page-panels .card{margin:0!important;border:1px solid #e1ece9!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;background:#f8fcfb}
.xm-page-panels .card-header{padding:11px 14px!important;background:transparent!important;border-bottom:1px solid #e1ece9!important}
.xm-page-panels .card-title{font-size:14px!important;font-weight:800!important;color:#0b1b3f!important;display:flex;align-items:center;gap:6px}
.xm-page-panels .card-minimise{display:none!important}
.xm-page-panels .list-group{display:flex!important;flex-direction:column!important;padding:6px!important;gap:2px}
.xm-page-panels .list-group-item{display:flex!important;align-items:center;gap:8px;border:0!important;border-radius:8px!important;padding:9px 10px!important;font-size:13.5px;background:transparent!important;color:#3b4a63!important;white-space:normal}
.xm-page-panels .list-group-item:hover{background:#eef7f4!important;color:#08705b!important}
.xm-page-panels .list-group-item.active{background:#e3f5ef!important;color:#08705b!important;font-weight:700}
.xm-page-panels .list-group-item .badge{margin-left:auto}
.xm-page-panels .card-body{padding:12px 14px!important;font-size:13.5px}
.xm-page-panels .card-footer{padding:10px 14px!important;background:transparent!important}
.xm-theme.xm-portal .master-breadcrumb>.container{max-width:1400px;width:94%}
.xm-page-panels .panel{margin:0!important;border:1px solid #e1ece9!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;background:#f8fcfb}
.xm-page-panels .panel-heading{padding:11px 14px!important;background:transparent!important;border-bottom:1px solid #e1ece9!important}
.xm-page-panels .panel-title{margin:0;font-size:14px!important;font-weight:800!important;color:#0b1b3f!important;display:flex;align-items:center;gap:6px}
.xm-page-panels .panel-minimise{display:none!important}
.xm-page-panels .panel-body,.xm-page-panels .panel-footer{padding:12px 14px!important;font-size:13.5px;background:transparent!important}
@media(max-width:991px){.xm-theme.xm-portal #main-body>.container>.row>.xm-portal-sidebar-column{order:-2}.xm-theme.xm-portal .xm-sidebar-toggle{margin:0 0 14px}}
/* DataTables responsive expander sits on top of the first cell – leave room for it */
.xm-theme table.dataTable.has-columns-hidden td.expand,.xm-theme table.dataTable td.expand:has(.responsiveExpander){padding-left:52px!important}
.xm-theme table.dataTable .responsiveExpander{background:transparent!important}
/* Croster reserves room for its own fixed header; ours is in normal flow */
body.xm-theme,body.xm-theme.pre-header-enabled,body.xm-theme.left-layout{margin-top:0!important}
/* Readable status stickers (white text on pale backgrounds was unreadable) */
.xm-theme .status-sticker{font-weight:700}
.xm-theme .status-sticker.product-status-active,.xm-theme .status-sticker.domain-status-active{color:#08705b!important}
.xm-theme .status-sticker[class*="-status-pending"],.xm-theme .status-sticker[class*="-status-pending-transfer"]{color:#92400e!important}
.xm-theme .status-sticker[class*="-status-suspended"],.xm-theme .status-sticker[class*="-status-expired"],.xm-theme .status-sticker[class*="-status-fraud"]{color:#9f1239!important}
.xm-theme .status-sticker[class*="-status-terminated"],.xm-theme .status-sticker[class*="-status-cancelled"]{color:#334155!important}
/* Guest actions in the main nav – same as the marketing site (Login + Get Started) */
.xm-guest-actions{display:flex;align-items:center;gap:10px;margin-left:12px}
.xm-guest-actions .btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 20px;border-radius:9px;font-weight:700;font-size:15px;white-space:nowrap}
.xm-guest-actions .xm-btn-outline{border:1.5px solid #139171;background:#fff;color:#0c6651}
.xm-guest-actions .xm-btn-outline:hover{background:#e8f6f1;color:#0c6651}
.xm-guest-actions .xm-btn-primary{border:0;background:linear-gradient(180deg,#0f7c62,#0a5243);color:#fff;box-shadow:0 6px 16px -6px #0c6651a6}
.xm-guest-actions .xm-btn-primary:hover{color:#fff;background:linear-gradient(180deg,#0c6651,#083f35)}
@media(max-width:1199px){.xm-guest-actions{margin:12px 0 4px}}
.xm-theme .xm-mainnav .xm-guest-actions a.xm-btn-primary,.xm-theme .xm-mainnav .xm-guest-actions a.xm-btn-primary:hover{color:#fff!important}
.xm-theme .xm-mainnav .xm-guest-actions a.xm-btn-outline{color:#0c6651!important}
/* Domain management dashboard (clientareadomaindetails) */
.xm-dm{--dm-g:#0c6651;--dm-g2:#139171;--dm-soft:#e8f6f1;color:#3b4a63}
.xm-dm svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.xm-dm-head{margin:0 0 18px}.xm-dm-head h1{font-size:26px;margin:0 0 4px}.xm-dm-head p{margin:0;color:var(--xm-muted)}
.xm-dm-card{background:#fff;border:1px solid var(--xm-line);border-radius:14px;padding:22px;box-shadow:var(--xm-shadow);margin-bottom:18px}
.xm-dm-summary{padding:24px}
.xm-dm-summary-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.xm-dm-globe{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--dm-soft);color:var(--dm-g)}.xm-dm-globe svg{width:28px;height:28px}
.xm-dm-name{min-width:0}.xm-dm-name h2{font-size:22px;margin:0;word-break:break-all}.xm-theme .xm-dm-name h2 a{color:var(--xm-navy);display:inline-flex;align-items:center;gap:8px}.xm-theme .xm-dm-name h2 a:hover{color:var(--dm-g);text-decoration:none}.xm-dm-name h2 svg{width:16px;height:16px;color:var(--dm-g)}.xm-dm-name p{margin:2px 0 0;color:var(--xm-muted);font-size:13px}
.xm-dm-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f7;color:#56657b}.xm-dm-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.xm-dm-status-active{background:#e3f5ef;color:#0a7a5f}.xm-dm-status-pending,.xm-dm-status-pending-transfer,.xm-dm-status-pending-registration{background:#fff5e0;color:#a2620a}.xm-dm-status-expired,.xm-dm-status-cancelled,.xm-dm-status-fraud,.xm-dm-status-grace,.xm-dm-status-redemption{background:#fdecec;color:#b42318}.xm-dm-status-sm{padding:3px 10px;font-size:11.5px}
.xm-dm-summary-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.xm-theme .xm-dm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1.2;transition:background .15s,color .15s,border-color .15s}
.xm-theme .xm-dm-btn-primary{background:linear-gradient(135deg,#18735d,#0a5243);color:#fff!important;box-shadow:0 4px 10px #0c66511f}.xm-theme .xm-dm-btn-primary:hover{background:#0a5243;text-decoration:none}
.xm-theme .xm-dm-btn-outline{background:#fff;border-color:#b9dcd3;color:var(--dm-g)!important}.xm-theme .xm-dm-btn-outline:hover{background:var(--dm-soft);text-decoration:none}
.xm-theme .xm-dm-btn-danger{background:#fff;border-color:#f1c2bd;color:#b42318!important}.xm-theme .xm-dm-btn-danger:hover{background:#fdecec}
.xm-theme .xm-dm-btn-light{background:#fff;color:var(--xm-navy)!important;border-color:var(--xm-line)}
.xm-dm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid var(--xm-line)}
.xm-dm-tile{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--xm-line);border-radius:12px;padding:16px;background:#fbfdff}
.xm-dm-tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--dm-soft);color:var(--dm-g);flex-shrink:0}.xm-dm-tile-icon svg{width:20px;height:20px}
.xm-dm-tile>div{display:flex;flex-direction:column;gap:3px;min-width:0}.xm-dm-tile-label{font-size:12px;color:var(--xm-muted)}.xm-dm-tile strong{color:var(--xm-navy);font-size:15px;line-height:1.3}
.xm-dm-days{font-size:12px;font-weight:700;color:var(--dm-g)}.xm-dm-days.is-late{color:#b42318}
.xm-dm-inline-form{margin:4px 0 0}
.xm-dm-switch{position:relative;width:44px;height:24px;border-radius:999px;border:0;background:#cfd8e3;padding:0;cursor:pointer;transition:background .2s}.xm-dm-switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.xm-dm-switch.is-on{background:var(--dm-g2)}.xm-dm-switch.is-on span{left:23px}
.xm-dm-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-radius:12px;margin-bottom:16px;font-size:13.5px;border:1px solid}.xm-dm-alert-warning{background:#fff8e8;border-color:#f5dca6;color:#7a4b04}.xm-dm-alert-danger{background:#fdf0ef;border-color:#f3c7c2;color:#8f1d14}
.xm-dm-tabs{display:flex;flex-wrap:nowrap!important;gap:4px;overflow-x:auto;background:#fff;border:1px solid var(--xm-line);border-radius:12px;padding:6px;margin-bottom:18px;scrollbar-width:thin}
.xm-theme .xm-dm-tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 16px;border-radius:9px;color:#45546a;font-weight:650;font-size:13.5px}.xm-theme .xm-dm-tab:hover{background:#f2f8f6;color:var(--dm-g);text-decoration:none}.xm-theme .xm-dm-tab.active{background:var(--dm-soft);color:var(--dm-g)}
.xm-dm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.xm-dm-grid .xm-dm-card{margin:0}
.xm-dm .moduleoutput{margin-top:18px}
.xm-dm-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.xm-dm-card-head .xm-dm-card-title{margin:0}
.xm-dm-card-title{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 14px}.xm-dm-card-title svg{color:var(--dm-g)}
.xm-dm-info{margin:0}.xm-dm-info>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #eef2f7;font-size:13.5px}.xm-dm-info>div:last-child{border-bottom:0}.xm-dm-info dt{font-weight:500;color:var(--xm-muted)}.xm-dm-info dd{margin:0;color:var(--xm-navy);font-weight:650;text-align:right}
.xm-dm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xm-theme .xm-dm-action{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--xm-line);border-radius:11px;color:var(--xm-navy);transition:border-color .15s,background .15s}.xm-theme .xm-dm-action:hover{border-color:#a9d8cb;background:#f5fbf9;text-decoration:none;color:var(--xm-navy)}
.xm-dm-action>svg{width:20px;height:20px;padding:9px;box-sizing:content-box;border-radius:9px;background:var(--dm-soft);color:var(--dm-g)}.xm-dm-action span{display:flex;flex-direction:column;min-width:0}.xm-dm-action strong{font-size:13.5px}.xm-dm-action small{font-size:12px;color:var(--xm-muted)}
.xm-theme .xm-dm-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #b9dcd3;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--dm-g)}.xm-theme .xm-dm-chip-btn:hover{background:var(--dm-soft);text-decoration:none}.xm-dm-chip-btn svg{width:14px;height:14px}
.xm-dm-chip-ok{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#e3f5ef;color:#0a7a5f;font-size:12px;font-weight:700}.xm-dm-chip-ok svg{width:14px;height:14px}
.xm-dm-ns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.xm-dm-ns li{padding:11px 14px;border-radius:9px;background:#f5f9fd;border:1px solid var(--xm-line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:var(--xm-navy);word-break:break-all}
.xm-dm-muted{color:var(--xm-muted);font-size:13px}.xm-dm-ok{color:#0a7a5f}.xm-dm-bad{color:#b42318}
.xm-dm-form .form-group{margin-bottom:14px}.xm-dm-form label{font-size:13px;font-weight:650;color:var(--xm-navy)}
.xm-dm-radio{display:flex!important;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--xm-line);border-radius:10px;margin-bottom:10px;cursor:pointer;font-weight:600!important}.xm-dm-radio:has(input:checked){border-color:#9fd3c4;background:#f3faf8}
.xm-dm-ns-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:16px}
.xm-dm-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}.xm-theme .xm-dm-link{font-weight:700;font-size:13px}
.xm-dm-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #eef2f7;margin:0}.xm-dm-card-title+.xm-dm-muted+.xm-dm-toggle-row,.xm-dm-muted+.xm-dm-toggle-row{border-top:0}.xm-dm-row-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1199px){.xm-dm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.xm-dm-grid{grid-template-columns:1fr}}
@media(max-width:575px){.xm-dm-summary{padding:18px}.xm-dm-summary-actions{margin-left:0;width:100%}.xm-dm-summary-actions .xm-dm-btn{flex:1}.xm-dm-tiles,.xm-dm-actions,.xm-dm-ns-fields{grid-template-columns:1fr}.xm-dm-head h1{font-size:22px}.xm-dm-info>div{flex-direction:column;gap:2px}.xm-dm-info dd{text-align:left}}
/* Text fields: one green focus ring, not the global blue focus-visible outline */
.xm-theme input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,.xm-theme textarea:focus,.xm-theme select:focus,.xm-theme .form-control:focus,.xm-theme .form-control:focus-visible,.xm-theme input:focus-visible,.xm-theme textarea:focus-visible,.xm-theme select:focus-visible{outline:none!important;outline-offset:0!important;border-color:var(--xm-green)!important;box-shadow:0 0 0 3px #13917126!important}
.xm-theme .input-group:focus-within{box-shadow:none}.xm-theme .input-group .form-control:focus{z-index:3}
/* Domain management: reference-design refinements */
.xm-dm-head h1{font-size:28px;font-weight:800}
.xm-dm-globe{width:72px;height:72px;border-radius:16px;background:#e8f6f1}.xm-dm-globe svg{width:36px;height:36px}
.xm-dm-name h2{font-size:27px;font-weight:800}.xm-dm-name p{font-size:13.5px}
.xm-dm-summary-top .xm-dm-status{margin-left:28px;align-self:flex-start;margin-top:14px}
.xm-dm-status{border-radius:7px;padding:6px 18px;font-size:14px;font-weight:700;background:#d6f2e4}.xm-dm-status:before{display:none}.xm-dm-status-sm{padding:3px 12px;font-size:12px;border-radius:6px}
.xm-dm-status-active{background:#cdeedd;color:#0a6b4e}
.xm-theme .xm-dm-summary-actions .xm-dm-btn{min-height:44px;padding:10px 22px;font-size:14px}
.xm-theme .xm-dm-summary-actions .xm-dm-btn-outline{border-color:#cfdbeb;color:var(--xm-navy)!important}
.xm-dm-tiles{border-top:0;padding-top:0;margin-top:24px}
.xm-dm-tile{align-items:center;padding:18px 20px;gap:16px;background:#fff;min-height:92px}
.xm-dm-tile-icon{background:none;width:auto;height:auto;border-radius:0}.xm-dm-tile-icon svg{width:30px;height:30px;stroke-width:1.7}
.xm-dm-tile-label{font-size:13px}.xm-dm-tile strong{font-size:15.5px;font-weight:700}
.xm-dm-days{align-self:flex-start;margin-top:5px;padding:3px 12px;border-radius:6px;background:#d6f2e4;color:#0a6b4e;font-size:12.5px;font-weight:700}.xm-dm-days.is-late{background:#fdecec;color:#b42318}
.xm-dm-switch{width:40px;height:22px;margin-top:4px}.xm-dm-switch span{width:16px;height:16px}.xm-dm-switch.is-on{background:#139171}.xm-dm-switch.is-on span{left:21px}
.xm-dm-tabs{justify-content:space-between;padding:6px;border-radius:12px;gap:2px}
.xm-theme .xm-dm-tab{padding:12px 20px;font-size:14px;border-radius:8px;color:#3b4a63;position:relative}
.xm-theme .xm-dm-tab+.xm-dm-tab:before{content:"";position:absolute;left:-2px;top:12px;bottom:12px;width:1px;background:#e3eaf4}
.xm-theme .xm-dm-tab.active{background:linear-gradient(135deg,#0f7c62,#0a5243);color:#fff;box-shadow:0 4px 12px #0c665133}.xm-theme .xm-dm-tab.active:before,.xm-theme .xm-dm-tab.active+.xm-dm-tab:before{display:none}.xm-theme .xm-dm-tab.active:hover{color:#fff}
.xm-dm-card-title{font-size:18px;font-weight:800;gap:11px}.xm-dm-card-title svg{width:22px;height:22px}
.xm-dm-grid>.xm-dm-card>.xm-dm-card-title,.xm-dm-grid .xm-dm-card-head{padding-bottom:14px;border-bottom:1px solid #edf1f5;margin-bottom:6px}
.xm-dm-info>div{display:grid;grid-template-columns:44% 1fr;gap:12px;padding:12px 4px;font-size:14px}.xm-dm-info dt{color:#56657b;font-weight:500}.xm-dm-info dd{text-align:left;font-weight:600}
.xm-dm-info>div[hidden]{display:none}
.xm-dm-actions{margin-top:10px}
.xm-theme .xm-dm-action{padding:16px 18px;gap:16px;min-height:74px}
.xm-dm-action>svg{background:none;padding:0;width:30px;height:30px;stroke-width:1.7}
.xm-dm-action strong{font-size:14px;font-weight:700}.xm-dm-action small{font-size:12.5px}
.xm-theme .xm-dm-chip-btn{background:#e3f5ee;border-color:#c5e8da;color:#0a5243;font-weight:700}
.xm-dm-chip-ok{border-radius:6px;background:#d6f2e4}
.xm-dm-ns{gap:0;margin-top:4px}.xm-dm-ns li{background:none;border:0;border-bottom:1px solid #edf1f5;border-radius:0;padding:13px 14px;font-family:inherit;font-size:14px;font-weight:600}
.xm-dm-alert-danger{background:#f9dcdc;border-color:#f3c3c3;color:#7a1b14}
.xm-theme .xm-dm-alert .xm-dm-btn-light{min-height:34px;padding:6px 16px;font-size:12.5px;color:#0c6651!important}
@media(max-width:1199px){.xm-dm-tabs{justify-content:flex-start}}
@media(max-width:575px){.xm-dm-summary-top .xm-dm-status{margin:0}.xm-dm-info>div{grid-template-columns:1fr}}
.xm-theme .xm-dm-tab{padding:11px 14px;font-size:13.5px;gap:7px}.xm-dm-tab svg{width:17px;height:17px}
@media(min-width:1200px) and (max-width:1399px){.xm-theme .xm-dm-tab{padding:10px 10px;font-size:13px}}

/* Pressed feedback for WHMCS buttons (js/xm-press.js) */
.xm-pressing{position:relative!important;color:transparent!important;pointer-events:none}
.xm-pressing>*{visibility:hidden}
.xm-pressing:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2.5px solid #ffffff59;border-top-color:#fff;animation:xmPressSpin .7s linear infinite;visibility:visible}
.btn-default.xm-pressing:after,.btn-link.xm-pressing:after,.btn-outline-primary.xm-pressing:after,.xm-btn-outline.xm-pressing:after,.btn-light.xm-pressing:after,.xm-dm-btn-outline.xm-pressing:after,.xm-dm-btn-light.xm-pressing:after,.xm-cart-continue.xm-pressing:after,#btnAlreadyRegistered.xm-pressing:after{border-color:#0c665140;border-top-color:#0c6651}
@keyframes xmPressSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.xm-pressing:after{animation-duration:2s}}
.xm-theme .btn,.xm-theme button,.xm-theme [class*=-btn]{transition:transform .08s ease,box-shadow .15s,background .15s,color .15s,border-color .15s}
.xm-theme .btn:active:not(:disabled),.xm-theme button:active:not(:disabled),.xm-theme a[class*=-btn]:active,.xm-press-pulse{transform:scale(.97)}
/* Phones/tablets: one menu. The header menu button opens the account menu, so the extra "Account menu" button is hidden. */
@media(max-width:991px){.xm-theme .xm-sidebar-toggle,.xm-design2 .xm-sidebar-toggle,.xm-theme.xm-portal .xm-sidebar-toggle{display:none!important}}
/* Client dashboard (clientareahome.tpl) */
.xm-db svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xm-db-layout{display:grid;grid-template-columns:20% minmax(0,1fr);gap:20px;align-items:start}
.xm-db-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.xm-db-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 300px;align-items:center;gap:20px;padding:28px 30px;border:1px solid #cfe6dd;border-radius:18px;background:radial-gradient(ellipse at 60% 30%,#d6f3e8 0%,transparent 60%),linear-gradient(110deg,#e9f7f1,#f3fbf8 55%,#e4f4ee);overflow:hidden}
.xm-db-hello{margin:0;font-size:20px;color:#0b1b3f}
.xm-theme .xm-db-welcome h1{margin:2px 0 12px;font-size:32px;font-weight:800;color:#0b1b3f;line-height:1.15}
.xm-db-welcome-copy>p:last-child{margin:0;max-width:380px;color:#3b4a63;font-size:14.5px;line-height:1.6}
.xm-db-welcome-art img{display:block;width:200px;height:auto}
.xm-db-quick{display:flex;flex-direction:column;gap:12px;padding-left:24px;border-left:1px solid #c9e2d8}
.xm-theme .xm-db-quick h2{margin:0 0 4px;font-size:19px;font-weight:800;color:#0b1b3f}
.xm-theme .xm-db-btn{display:flex;align-items:center;gap:12px;height:46px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none}
.xm-db-btn svg{width:19px;height:19px;flex-shrink:0}.xm-db-btn svg:last-child:not(:first-child){margin-left:auto}
.xm-theme .xm-db-btn-primary{background:linear-gradient(180deg,#139171,#0c6651);color:#fff;box-shadow:0 8px 18px -10px #0c6651}
.xm-theme .xm-db-btn-primary:hover{color:#fff;background:#0a5243}
.xm-theme .xm-db-btn-outline{background:#fff;border:1px solid #cfdbeb;color:#0b1b3f}.xm-theme .xm-db-btn-outline:hover{border-color:#0c6651;color:#0c6651}
.xm-db-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.xm-theme .xm-db-stat{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #e3eaf4;border-radius:14px;background:#fff;color:#0b1b3f;box-shadow:0 6px 20px #0b1b3f0a;transition:transform .15s,box-shadow .15s}
.xm-theme .xm-db-stat:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0b1b3f12;text-decoration:none;color:#0b1b3f}
.xm-db-stat-icon{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:14px}.xm-db-stat-icon svg{width:30px;height:30px}
.xm-db-stat-text{display:flex;flex-direction:column;align-items:flex-start}.xm-db-stat-text small{font-size:13px;color:#56657b}.xm-db-stat-text strong{font-size:28px;font-weight:800;line-height:1.15}
.xm-db-stat-text em{margin-top:6px;padding:3px 12px;border-radius:6px;font-style:normal;font-size:12px;font-weight:700}
.xm-db-pill-ok{background:#d6f2e4;color:#0a6b4e}.xm-db-pill-bad{background:#fde2e4;color:#c81e3c}
.xm-db-tone-blue .xm-db-stat-icon,.xm-db-tile.xm-db-tone-blue{background:#e8f1fe;color:#2563eb}
.xm-db-tone-green .xm-db-stat-icon,.xm-db-tile.xm-db-tone-green{background:#e3f6ee;color:#0c8a5f}
.xm-db-tone-purple .xm-db-stat-icon,.xm-db-tile.xm-db-tone-purple{background:#f1ebfe;color:#7c3aed}
.xm-db-tone-orange .xm-db-stat-icon,.xm-db-tile.xm-db-tone-orange{background:#fff1e3;color:#ea7a0c}
.xm-db-tile.xm-db-tone-teal{background:#e3f6f1;color:#0f8a72}.xm-db-tile.xm-db-tone-red{background:#fdeceb;color:#e0453a}
.xm-db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.xm-db-card{padding:20px 22px;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0b1b3f0a;min-width:0}
.xm-db-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.xm-theme .xm-db-card-head h2{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:800;color:#0b1b3f}
.xm-db-card-head h2 svg{width:24px;height:24px;color:#0b1b3f;flex-shrink:0}
.xm-theme .xm-db-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0c6651}.xm-db-link svg{width:15px;height:15px}
.xm-theme .xm-db-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:#e3f5ee;border:1px solid #c5e8da;color:#0a5243;font-size:12.5px;font-weight:700;white-space:nowrap}
.xm-theme .xm-db-chip:hover{background:#d2efe4;text-decoration:none}.xm-db-chip svg{width:14px;height:14px}
.xm-theme .xm-db-chip-danger{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.xm-theme .xm-db-chip-danger:hover{background:#e95656;color:#fff}
.xm-db-list{list-style:none;margin:0;padding:0}
.xm-db-list>li{border-top:1px solid #edf1f5}.xm-db-list>li:first-child{border-top:0}
.xm-db-service{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3eaf4!important;border-radius:11px;margin-bottom:8px}
.xm-db-service-name{flex:1;min-width:0;font-size:14px;font-weight:700;color:#0b1b3f;line-height:1.45}.xm-db-service-name .text-domain,.xm-db-service-name br+*{font-weight:500;color:#0c6651;font-size:13px}
.xm-db-service-status .label,.xm-db-service-status span{display:inline-block;padding:3px 10px;border-radius:6px;background:#d6f2e4;color:#0a6b4e;font-size:11.5px;font-weight:700}
.xm-theme .xm-db-manage{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1px solid #cfdbeb;border-radius:8px;color:#0b1b3f;font-size:13px;font-weight:700;white-space:nowrap}
.xm-theme .xm-db-manage:hover{border-color:#0c6651;color:#0c6651;text-decoration:none}.xm-db-manage svg{width:14px;height:14px}
.xm-theme .xm-db-ticket a{display:flex;align-items:center;gap:12px;padding:12px 4px;color:#0b1b3f;font-size:13.5px}
.xm-theme .xm-db-ticket a:hover{color:#0c6651;text-decoration:none}.xm-db-ticket a>span{flex:1;min-width:0}.xm-db-ticket strong{color:#0c6651;font-weight:800}.xm-db-ticket small{display:block;color:#64748b;font-size:12px}
.xm-db-ticket .label{padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700;color:#fff;background:#0b1b3f}
.xm-db-ticket svg{width:16px;height:16px;color:#94a3b8;flex-shrink:0}
.xm-db-body{font-size:14px;color:#3b4a63;line-height:1.6}.xm-db-body p{margin:0}
.xm-db-empty{padding:18px;border-radius:11px;background:#f8fafc;color:#56657b;font-size:14px}.xm-db-empty p{margin:0 0 6px}
.xm-db-empty-ok{display:flex;align-items:center;gap:12px;background:#eef8f4}.xm-db-empty-ok p{margin:0}.xm-db-empty-ok svg{width:24px;height:24px;color:#0c8a5f;flex-shrink:0}
.xm-db-domain{position:relative;padding:24px;border:0;background:linear-gradient(130deg,#0f7c62,#0a5243 60%,#083f35);color:#fff;overflow:hidden}
.xm-theme .xm-db-domain h2{margin:0 0 6px;font-size:21px;font-weight:800;color:#fff}.xm-db-domain p{margin:0 0 16px;color:#d4efe5;font-size:14px}
.xm-db-domain-art{position:absolute;right:16px;top:12px;width:90px;opacity:.95}.xm-db-domain-art svg{width:100%;height:auto}
.xm-db-domain-form{display:flex;align-items:center;gap:6px;padding:5px;border-radius:10px;background:#fff}
.xm-db-domain-form input{flex:1;min-width:0;height:40px;padding:0 12px;border:0;outline:0;font-size:14px;color:#0b1b3f;background:transparent}
.xm-theme .xm-db-domain-form input:focus{box-shadow:none!important;border:0!important}
.xm-db-domain-form button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#139171,#0c6651);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.xm-db-domain-form button svg{width:17px;height:17px}
.xm-db-domain-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.xm-db-domain-chips button{min-width:50px;height:30px;padding:0 14px;border:0;border-radius:8px;background:#ffffffe6;color:#0b1b3f;font-weight:700;font-size:13px;cursor:pointer}.xm-db-domain-chips button:hover{background:#fff}
.xm-db-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.xm-theme .xm-db-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:110px;padding:16px 10px;border-radius:13px;font-size:14px;font-weight:700;text-align:center;transition:transform .15s}
.xm-theme .xm-db-tile:hover{transform:translateY(-2px);text-decoration:none}
.xm-db-tile svg{width:34px;height:34px}
.xm-theme .xm-db-tile{color:#0b1b3f}.xm-db-tile svg{color:inherit}
.xm-db-tile.xm-db-tone-green svg{color:#0c8a5f}.xm-db-tile.xm-db-tone-blue svg{color:#2563eb}.xm-db-tile.xm-db-tone-orange svg{color:#ea7a0c}.xm-db-tile.xm-db-tone-teal svg{color:#0f8a72}.xm-db-tile.xm-db-tone-purple svg{color:#7c3aed}.xm-db-tile.xm-db-tone-red svg{color:#e0453a}
.xm-theme .xm-db-tile.xm-db-tone-green,.xm-theme .xm-db-tile.xm-db-tone-blue,.xm-theme .xm-db-tile.xm-db-tone-orange,.xm-theme .xm-db-tile.xm-db-tone-teal,.xm-theme .xm-db-tile.xm-db-tone-purple,.xm-theme .xm-db-tile.xm-db-tone-red{color:#0b1b3f}
.xm-db-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:1199px){.xm-db-welcome{grid-template-columns:minmax(0,1fr) 260px}.xm-db-welcome-art{display:none}.xm-db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-db-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.xm-db-layout{grid-template-columns:1fr}.xm-db-grid,.xm-db-more{grid-template-columns:1fr}}
@media(max-width:767px){.xm-db-welcome{grid-template-columns:1fr;padding:22px 18px}.xm-db-quick{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid #c9e2d8}.xm-theme .xm-db-welcome h1{font-size:26px}}
@media(max-width:575px){.xm-db-stats{gap:10px}.xm-theme .xm-db-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.xm-db-stat-icon{width:46px;height:46px}.xm-db-stat-icon svg{width:24px;height:24px}.xm-db-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-db-card{padding:16px}.xm-db-domain-art{display:none}.xm-db-card-head{flex-wrap:wrap}.xm-db-service{flex-wrap:wrap}}
.xm-theme .xm-client-sidebar .xm-client-more>summary{font-size:13px;padding:9px 12px}@media(max-width:991px){.xm-theme .xm-client-sidebar .xm-client-more>summary{font-size:12px;padding:10px 6px}}
.xm-theme .xm-db-all{margin-top:10px}
.xm-db-grid{align-items:stretch}
.xm-db-ticket a>span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Client-area lists: My Domains / My Services (clientareadomains.tpl, clientareaproducts.tpl) */
.xm-profile-avatar.has-photo{padding:0;overflow:hidden;background:#e8f6f1}.xm-profile-avatar.has-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.xm-ls{display:flex;flex-direction:column;gap:18px;color:#3b4a63}
.xm-ls svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xm-ls-hero{position:relative;display:flex;align-items:center;gap:20px;min-height:120px;padding:24px 28px;border:1px solid #cfe6dd;border-radius:18px;background:radial-gradient(ellipse at 90% 40%,#cdeee2 0%,transparent 55%),linear-gradient(110deg,#e9f7f1,#f3fbf8 60%,#e4f4ee);overflow:hidden}
.xm-ls-hero-icon{display:grid;place-items:center;width:66px;height:66px;flex-shrink:0;border-radius:16px;background:#d9f1e7;color:#0c6651}.xm-ls-hero-icon svg{width:34px;height:34px}
.xm-theme .xm-ls-hero h1{margin:0 0 6px;font-size:28px;font-weight:800;color:#0b1b3f}.xm-ls-hero p{margin:0;color:#3b4a63;font-size:14.5px}
.xm-ls-hero-text{flex:1;min-width:0}
.xm-ls-hero-art{width:150px;height:110px;flex-shrink:0;margin:-12px 0}.xm-ls-hero-art svg{width:100%;height:100%}
.xm-ls-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.xm-ls-stat{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #e3eaf4;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0b1b3f0a}
.xm-ls-stat-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:13px}.xm-ls-stat-icon svg{width:28px;height:28px}
.xm-ls-stat>span:last-child{display:flex;flex-direction:column}.xm-ls-stat strong{font-size:26px;font-weight:800;color:#0b1b3f;line-height:1.1}.xm-ls-stat small{font-size:13px;color:#56657b}
.xm-tone-green{background:#e3f6ee;color:#0c8a5f}.xm-tone-purple{background:#f1ebfe;color:#7c3aed}.xm-tone-red{background:#fdeceb;color:#e0453a}
.xm-ls-card{padding:20px;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0b1b3f0a}
.xm-ls-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.xm-ls-search{display:flex;gap:8px;flex:1 1 360px;max-width:420px;margin:0}
.xm-ls-search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:42px;margin:0;padding:0 12px;border:1px solid #d6e0ec;border-radius:9px;background:#fff;color:#0b1b3f}
.xm-ls-search-field:focus-within{border-color:#0c6651;box-shadow:0 0 0 3px #13917126}
.xm-ls-search-field svg{width:18px;height:18px;flex-shrink:0}
.xm-theme .xm-ls-search-field input{flex:1;min-width:0;height:40px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font-size:14px;color:#0b1b3f;padding:0}
.xm-theme .xm-ls-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border:0;border-radius:9px;background:linear-gradient(180deg,#0f7c62,#0a5243);color:#fff;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}
.xm-theme .xm-ls-btn:hover{color:#fff;background:#0a5243}
.xm-ls-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.xm-ls-filters label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:#3b4a63;font-weight:500}
.xm-ls select{height:42px;padding:0 36px 0 12px;border:1px solid #d6e0ec;border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1b3f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 11px center/15px no-repeat;-webkit-appearance:none;appearance:none;font-size:14px;color:#0b1b3f;cursor:pointer}
.xm-ls-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#eef8f4;border:1px solid #c9e8dc}
.xm-ls-bulk[hidden]{display:none}
.xm-ls-bulk-count{font-weight:800;color:#0a5243;font-size:13px;margin-right:6px}
.xm-ls-bulk button{height:34px;padding:0 12px;border:1px solid #b9dcd3;border-radius:8px;background:#fff;color:#0a5243;font-size:12.5px;font-weight:700;cursor:pointer}.xm-ls-bulk button:hover{background:#0c6651;color:#fff}
.xm-ls-table-wrap{overflow-x:auto}
.xm-ls-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.xm-ls-table thead th{padding:13px 14px;background:#f2f6fb;color:#0b1b3f;font-size:12.5px;font-weight:800;text-align:left;white-space:nowrap;border:0}
.xm-ls-table thead th:first-child{border-radius:10px 0 0 10px}.xm-ls-table thead th:last-child{border-radius:0 10px 10px 0}
.xm-ls-table tbody td{padding:16px 14px;border-bottom:1px solid #edf1f5;vertical-align:middle;color:#0b1b3f}
.xm-ls-table tbody tr:hover td,.xm-ls-table tbody tr.is-selected td{background:#f8fcfa}
.xm-ls-check{width:44px}.xm-ls-check input{width:18px;height:18px;accent-color:#0c6651;cursor:pointer}
.xm-theme a.xm-ls-name{display:flex;align-items:center;gap:12px;color:#0b1b3f;text-decoration:none}
.xm-theme a.xm-ls-name:hover strong{color:#0c6651}
.xm-ls-row-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#e8f6f1;color:#0c6651}.xm-ls-row-icon svg{width:21px;height:21px}
.xm-ls-name>span:last-child{display:flex;flex-direction:column;min-width:0}.xm-ls-name strong{font-size:14.5px;font-weight:800;word-break:break-word}
.xm-ls-name small{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#3b4a63;margin-top:2px}.xm-ls-name small svg{width:13px;height:13px;color:#0c8a5f}
.xm-ls-left{display:block;font-size:12px;color:#0c8a5f}.xm-ls-left.is-soon{color:#b45309}.xm-ls-left.is-late{color:#c81e3c}
.xm-ls-price{font-weight:800}.xm-ls-sub{display:block;font-size:12px;color:#56657b}
.xm-ls-status-pill{display:inline-block;padding:5px 12px;border-radius:7px;background:#eef2f7;color:#56657b;font-size:12.5px;font-weight:700;white-space:nowrap}
.xm-ls-status-active{background:#5cb85c;color:#fff}
.xm-ls-status-pending,.xm-ls-status-pending-transfer,.xm-ls-status-pending-registration{background:#fff1d6;color:#a2620a}
.xm-ls-status-suspended,.xm-ls-status-expired,.xm-ls-status-grace,.xm-ls-status-redemption,.xm-ls-status-fraud{background:#fde2e4;color:#c81e3c}
.xm-ls-status-cancelled,.xm-ls-status-terminated,.xm-ls-status-transferred-away{background:#eef2f7;color:#56657b}
.xm-ls-switch{position:relative;display:inline-block;width:42px;height:24px;padding:0;border:0;border-radius:999px;background:#cfd8e3;cursor:pointer;transition:background .2s;vertical-align:middle}
.xm-ls-switch>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}
.xm-ls-switch.is-on{background:#139171}.xm-ls-switch.is-on>span{left:21px}.xm-ls-switch.is-disabled{opacity:.5;cursor:default}
.xm-ls-actions-col{text-align:right;width:120px}
.xm-ls-manage{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid #d6e0ec;border-radius:8px;background:#fff;color:#0b1b3f;font-size:13.5px;font-weight:600;cursor:pointer}
.xm-ls-manage:hover{border-color:#0c6651;color:#0c6651}.xm-ls-manage svg{width:15px;height:15px}
.xm-ls-noresults{margin:18px 0 0;text-align:center;color:#56657b}
.xm-ls-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
.xm-ls-foot label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:#3b4a63;font-weight:500}
.xm-ls-pager{display:flex;gap:6px}
.xm-ls-pager button{min-width:36px;height:36px;padding:0 8px;border:1px solid #d6e0ec;border-radius:8px;background:#fff;color:#0b1b3f;font-weight:700;cursor:pointer}
.xm-ls-pager button.is-current{background:#0c6651;border-color:#0c6651;color:#fff}.xm-ls-pager button:disabled{opacity:.45;cursor:default}
.xm-ls-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;text-align:center}.xm-theme .xm-ls-empty h2{margin:0;font-size:18px;color:#0b1b3f}
@media(max-width:1199px){.xm-ls-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .xm-ls-hero{padding:20px 18px}.xm-ls-hero-art{display:none}.xm-ls-hero-icon{width:54px;height:54px}.xm-theme .xm-ls-hero h1{font-size:23px}
  .xm-ls-search{max-width:none;flex-basis:100%}.xm-ls-filters{width:100%}.xm-ls-filters label{flex:1 1 140px}.xm-ls-filters select{flex:1;min-width:0}
  .xm-ls-table thead{display:none}
  .xm-ls-table,.xm-ls-table tbody,.xm-ls-table tr,.xm-ls-table td{display:block;width:100%}
  .xm-ls-table tbody tr{position:relative;margin-bottom:12px;padding:14px;border:1px solid #e3eaf4;border-radius:12px}
  .xm-ls-table tbody tr[hidden]{display:none}
  .xm-ls-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border:0;text-align:right}
  .xm-ls-table tbody td:before{content:attr(data-label);font-size:12.5px;color:#56657b;text-align:left;flex-shrink:0}
  .xm-ls-table tbody td:not([data-label]):before{display:none}
  .xm-ls-table tbody td.xm-ls-check{position:absolute;top:14px;right:14px;width:auto;padding:0}
  .xm-ls-table tbody td:nth-child(1):not(.xm-ls-check),.xm-ls-table tbody td.xm-ls-check+td{text-align:left;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #edf1f5}
  .xm-ls-table tbody td.xm-ls-check+td{padding-right:30px}
  .xm-ls-table td .xm-ls-left{text-align:right}
  .xm-ls-actions-col{width:auto}.xm-ls-table tbody td.xm-ls-actions-col{justify-content:flex-end;padding-top:10px}
}
@media(max-width:575px){.xm-ls-stats{gap:10px}.xm-ls-stat{padding:14px;gap:12px}.xm-ls-stat-icon{width:42px;height:42px}.xm-ls-stat-icon svg{width:22px;height:22px}.xm-ls-stat strong{font-size:22px}.xm-ls-card{padding:14px}}
@media(max-width:767px){.xm-ls-table tbody td[data-label="Next Due Date"],.xm-ls-table tbody td[data-label="Pricing"]{flex-wrap:wrap;justify-content:flex-end}.xm-ls-table tbody td[data-label="Next Due Date"]:before,.xm-ls-table tbody td[data-label="Pricing"]:before{margin-right:auto}.xm-ls-table td .xm-ls-left,.xm-ls-table td .xm-ls-sub{flex-basis:100%;text-align:right}}
/* Service overview (clientareaproductdetails.tpl → includes/xm-service-overview.tpl) */
.xm-svc{display:flex;flex-direction:column;gap:18px;margin-bottom:18px;color:#3b4a63}
.xm-svc svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xm-svc-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:180px;padding:26px 32px;border-radius:18px;background:radial-gradient(ellipse at 80% 30%,#1fa67f 0%,transparent 55%),linear-gradient(120deg,#0f7c62 0%,#0a5243 60%,#0b6b55 100%);color:#fff;overflow:hidden}
.xm-svc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,#ffffff12 55%,#ffffff12 70%,transparent 70%);pointer-events:none}
.xm-svc-hero-text{position:relative;z-index:1;min-width:0}
.xm-svc-group{display:inline-block;margin-bottom:10px;padding:4px 12px;border:1px solid #ffffffb3;border-radius:999px;font-size:12.5px;font-weight:700}
.xm-theme .xm-svc-hero h1{margin:0 0 10px;font-size:30px;font-weight:800;color:#fff;line-height:1.2}
.xm-svc-hero p{margin:0 0 16px;max-width:420px;color:#e2f4ed;font-size:14.5px}
.xm-svc-status{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#d9f7e8;color:#0a6b4e;font-weight:800;font-size:14px}.xm-svc-status svg{width:20px;height:20px;fill:#16a34a;stroke:#fff;stroke-width:2.4}
.xm-svc-status-suspended,.xm-svc-status-terminated,.xm-svc-status-cancelled{background:#fde2e4;color:#c81e3c}.xm-svc-status-suspended svg,.xm-svc-status-terminated svg,.xm-svc-status-cancelled svg{fill:#c81e3c}
.xm-svc-status-pending{background:#fff1d6;color:#a2620a}.xm-svc-status-pending svg{fill:#d97706}
.xm-svc-hero-art{position:relative;z-index:1;width:230px;flex-shrink:0;margin:-10px 0}.xm-svc-hero-art svg{width:100%;height:auto}
.xm-svc-card{padding:20px 22px;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0b1b3f0a}
.xm-theme .xm-svc-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:18px;font-weight:800;color:#0b1b3f}.xm-svc-title>svg{width:24px;height:24px}
.xm-svc-cp{font-family:Arial,sans-serif;font-style:italic;font-weight:900;font-size:22px;color:#ff6c2c;letter-spacing:-1px}
.xm-svc-login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.xm-svc-login ul{list-style:none;margin:0;padding:0}
.xm-svc-login ul+ul{padding-left:28px;border-left:1px solid #edf1f5}
.xm-svc-login li{display:flex;align-items:center;gap:14px;padding:10px 4px;border-bottom:1px solid #edf1f5}
.xm-svc-li-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#e8f6f1;color:#0c6651}.xm-svc-li-icon svg{width:21px;height:21px}
.xm-svc-li-text{flex:1;display:flex;flex-direction:column;min-width:0}.xm-svc-li-text small{font-size:13px;font-weight:700;color:#0b1b3f}.xm-svc-li-text strong{font-size:14px;font-weight:500;color:#0b1b3f;overflow-wrap:anywhere}
.xm-svc-mask{letter-spacing:2px}
.xm-svc-copy,.xm-theme .xm-svc-icon-btn{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;padding:0;border:1px solid #cbe7dd;border-radius:8px;background:#eaf7f2;color:#06735e;cursor:pointer}
.xm-svc-copy:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center/contain no-repeat}
.xm-svc-copy.is-copied{background:#0c6651;border-color:#0c6651;color:#fff}
.xm-svc-copy.is-copied:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.xm-svc-icon-btn svg{width:15px;height:15px}.xm-theme .xm-svc-icon-btn:hover,.xm-svc-copy:hover{background:#d2efe4;text-decoration:none}
.xm-svc-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.xm-theme .xm-svc-action{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border:1px solid #e3eaf4;border-radius:13px;text-align:center;color:#0b1b3f;transition:transform .15s,box-shadow .15s}
.xm-theme .xm-svc-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0b1b3f12;text-decoration:none;color:#0b1b3f}
.xm-svc-action>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:8px;border-radius:12px}.xm-svc-action>span svg{width:28px;height:28px}
.xm-svc-action strong{font-size:14.5px;font-weight:800}.xm-svc-action small{font-size:12px;color:#56657b;line-height:1.4}
.xm-c-green{background:#f1faf6}.xm-c-green>span{background:#dcf3e8;color:#0c8a5f}
.xm-c-blue{background:#f2f6fe}.xm-c-blue>span{background:#e0eafd;color:#2563eb}
.xm-c-purple{background:#f7f3fe}.xm-c-purple>span{background:#ece3fd;color:#7c3aed}
.xm-c-orange{background:#fff7ef}.xm-c-orange>span{background:#ffead3;color:#ea7a0c}
.xm-c-cpanel{background:#fff6f1}.xm-c-cpanel>span{width:auto;background:none}
.xm-svc-cpanel-word{font-family:Arial,sans-serif;font-style:italic;font-weight:900;font-size:26px;color:#ff6c2c;letter-spacing:-1px}
.xm-svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.xm-svc-billing{padding:0;overflow:hidden}
.xm-theme .xm-svc-billing .xm-svc-title{margin:0;padding:16px 20px;background:linear-gradient(135deg,#0f7c62,#0a5243);color:#fff}
.xm-svc-billing dl{margin:0;padding:8px 20px 14px}
.xm-svc-billing dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:14px}.xm-svc-billing dl>div:last-child{border-bottom:0}
.xm-svc-billing dt{display:flex;align-items:center;gap:10px;font-weight:500;color:#3b4a63}.xm-svc-billing dt svg{width:16px;height:16px;color:#0c8a5f}.xm-svc-billing dd{margin:0;font-weight:700;color:#0b1b3f;text-align:right}
.xm-svc-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.xm-svc-gauge{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.xm-svc-gauge p{margin:0 0 8px;font-size:14px;font-weight:600;color:#0b1b3f}
.xm-svc-gauge svg{width:120px;height:120px;transform:rotate(135deg)}
.xm-svc-gauge circle{fill:none;stroke-width:12;stroke-linecap:round}.xm-g-track{stroke:#e7ecf2;stroke-dasharray:226.2 999}.xm-g-bar{stroke:#16a34a;stroke-dasharray:0 999;transition:stroke-dasharray .6s ease}
.xm-svc-gauge.is-high .xm-g-bar{stroke:#e0453a}
.xm-g-pct{position:absolute;top:84px;left:50%;transform:translateX(-50%);font-size:22px;font-weight:800;color:#0b1b3f}
.xm-g-text{margin-top:-8px;font-size:14px;font-weight:700;color:#0b1b3f}
.xm-svc-updated{margin:12px 0 0;text-align:center;font-size:12px;color:#64748b}
.xm-theme .xm-svc-upgrade{display:block;margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:#0c6651}
@media(max-width:1199px){.xm-svc-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.xm-svc-grid{grid-template-columns:1fr}}
@media(max-width:767px){.xm-svc-hero{padding:22px 18px}.xm-svc-hero-art{display:none}.xm-theme .xm-svc-hero h1{font-size:24px}.xm-svc-login{grid-template-columns:1fr}.xm-svc-login ul+ul{padding-left:0;border-left:0}.xm-svc-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xm-svc-card{padding:16px}}
.xm-svc-pass{letter-spacing:2px}.xm-svc-pass.is-visible{letter-spacing:0;font-family:ui-monospace,Consolas,monospace;font-size:13.5px}
.xm-svc-login li .xm-svc-icon-btn+.xm-svc-copy,.xm-svc-login li .xm-svc-copy+.xm-svc-icon-btn{margin-left:-6px}
.xm-svc-eye.is-on{background:#0c6651;border-color:#0c6651;color:#fff}
.xm-page-panels [menuItemName="Service Details Overview"]{display:none!important}
/* Desktop header menu = marketing site header (hover dropdowns, same card, same hover tint) */
@media (min-width:1200px){
  .xm-theme .xm-mainnav #xmMainNav>.nav-item>.nav-link{display:inline-flex;align-items:center;gap:4px;height:72px;padding:0 8px!important;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-size:14.4px;font-weight:500;color:#0b1b3f;background:transparent!important;transition:color .15s}
  .xm-theme .xm-mainnav #xmMainNav>.nav-item>.nav-link:hover,.xm-theme .xm-mainnav #xmMainNav>.nav-item:hover>.nav-link,.xm-theme .xm-mainnav #xmMainNav>.nav-item:has(:focus-visible)>.nav-link{color:#0f7c62!important}
  .xm-theme .xm-mainnav #xmMainNav .dropdown-toggle::after{width:14px;height:14px;min-width:14px;margin:0;border:0;opacity:.7;background:currentColor;transform:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
  .xm-theme .xm-mainnav #xmMainNav .dropdown:hover>.dropdown-toggle::after,.xm-theme .xm-mainnav #xmMainNav .dropdown:has(:focus-visible)>.dropdown-toggle::after,.xm-theme .xm-mainnav #xmMainNav .dropdown-toggle[aria-expanded=true]::after{transform:rotate(180deg);margin:0}
  .xm-theme .xm-mainnav #xmMainNav .dropdown-menu{display:block!important;visibility:hidden;opacity:0;top:calc(100% - 8px);left:50%;right:auto;width:240px;min-width:0;margin:0;padding:8px;border:1px solid #e3eaf4;border-radius:12px;background:#fff;box-shadow:0 12px 40px #0b1b3f1f;transform:translate(-50%,4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
  .xm-theme .xm-mainnav #xmMainNav .dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;width:auto;background:transparent;border:0;transform:none}
  .xm-theme .xm-mainnav #xmMainNav .dropdown:hover>.dropdown-menu,.xm-theme .xm-mainnav #xmMainNav .dropdown:has(:focus-visible)>.dropdown-menu,.xm-theme .xm-mainnav #xmMainNav .dropdown.show>.dropdown-menu{visibility:visible;opacity:1;transform:translate(-50%,0);pointer-events:auto}
  .xm-theme .xm-mainnav #xmMainNav .dropdown-item{display:block;padding:8px 12px;border-radius:8px;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.43;color:#0b1b3f;white-space:normal;transition:background-color .15s,color .15s}
  .xm-theme .xm-mainnav #xmMainNav .dropdown-item:hover,.xm-theme .xm-mainnav #xmMainNav .dropdown-item:focus{background:#edf4fc!important;color:#0c6651!important}
  .xm-theme .xm-mainnav #xmMainNav .dropdown-divider{margin:6px 4px;border-color:#e3eaf4}
}
/* Phones/tablets: the account drawer shows only the account menu, and a clean close button */
@media(max-width:991px){
  .xm-theme .xm-client-sidebar .xm-page-panels{display:none!important}
  .xm-theme .xm-sidebar-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #e3eaf4;border-radius:50%;background:#f5f8fb;color:#0b1b3f;font-size:22px;line-height:1;box-shadow:none;outline:none}
  .xm-theme .xm-sidebar-close:hover{background:#e8f6f1;border-color:#c9e8dc;color:#0c6651}
  .xm-theme .xm-sidebar-close:focus{outline:none;box-shadow:none}
  .xm-theme .xm-sidebar-close:focus-visible{outline:none;box-shadow:0 0 0 3px #13917140;border-color:#0c6651}
}
/* Phone pre-header: contact icons on the left, currency / account / alerts grouped on the right */
@media(max-width:767px){
  .xm-preheader-inner{justify-content:flex-start!important;flex-wrap:nowrap;gap:8px!important;min-height:48px;padding:8px 16px!important}
  .xm-preheader .xm-contact{gap:8px!important;flex-shrink:0}
  .xm-theme .xm-preheader .xm-contact a{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #e3eaf4;border-radius:50%;background:#fff;color:#0b1b3f;font-size:14px}
  .xm-preheader .xm-contact a span,.xm-preheader .xm-promise{display:none!important}
  .xm-preheader .xm-utility{margin-left:auto!important;margin-right:0!important;gap:0}
  .xm-preheader .xm-locale{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}
  .xm-preheader .xm-mobile-auth{gap:6px}
  .xm-theme .xm-preheader .xm-mobile-auth a{display:inline-flex;align-items:center;height:32px;padding:0 12px;font-size:12px}
  .xm-preheader .xm-notification{margin-left:0}
  .xm-preheader .xm-notification-button{height:32px;padding:0 4px}
}
/* Login + Register (login.tpl, clientregister.tpl) */
.xm-theme.xm-page-login #main-body,.xm-theme.xm-page-clientregister #main-body{position:relative;overflow:hidden;padding:44px 0 56px;background:radial-gradient(ellipse 60% 50% at 100% 20%,#d8f2e7 0%,transparent 70%),radial-gradient(ellipse 55% 45% at 0% 85%,#d4f0e4 0%,transparent 70%),linear-gradient(180deg,#f3faf7,#f7fbfd)}
.xm-theme.xm-page-login #main-body:before,.xm-theme.xm-page-login #main-body:after{content:"";position:absolute;pointer-events:none;border-radius:50%;opacity:.55}
.xm-theme.xm-page-login #main-body:before{left:-15%;bottom:8%;width:70%;height:300px;border-top:60px solid #dff3ea;transform:rotate(-6deg)}
.xm-theme.xm-page-login #main-body:after{right:-20%;top:12%;width:60%;height:420px;border-left:70px solid #e3f5ed;transform:rotate(-14deg)}
.xm-theme.xm-page-login .master-breadcrumb{display:none!important}
.xm-auth{position:relative;z-index:1;color:#3b4a63}
.xm-auth svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xm-auth .xm-auth-art{stroke:none}
.xm-auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:56px;align-items:start;max-width:1150px;margin:0 auto}
.xm-auth-intro{padding:36px 0 0 6%}
.xm-theme .xm-auth-intro h1{margin:0 0 18px;font-size:46px;font-weight:800;color:#0b1b3f;letter-spacing:-.02em;line-height:1.1}
.xm-auth-lead{margin:0 0 30px;max-width:420px;font-size:18px;line-height:1.6;color:#3b4a63}
.xm-auth-points,.xm-reg-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.xm-auth-points li,.xm-reg-points li{display:flex;align-items:center;gap:18px}
.xm-auth-points li>span,.xm-reg-points li>span{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:13px;background:#e3f5ee;color:#0c8a5f}
.xm-auth-points svg,.xm-reg-points svg{width:28px;height:28px}
.xm-auth-points strong,.xm-reg-points strong{display:block;font-size:17px;font-weight:800;color:#0b1b3f}.xm-auth-points small,.xm-reg-points small{font-size:14.5px;color:#3b4a63}
.xm-auth-art-wrap{margin:34px 0 0 40px;width:300px}.xm-auth-art{width:100%;height:auto;display:block}
.xm-auth-card{background:#fff;border:1px solid #e3eaf4;border-radius:22px;box-shadow:0 20px 50px #0b1b3f14;padding:30px 44px 0;overflow:hidden}
.xm-auth-head{text-align:center;margin-bottom:22px}
.xm-auth-badge{display:inline-grid;place-items:center;width:66px;height:66px;border-radius:15px;background:#e3f5ee;color:#0c8a5f}.xm-auth-badge svg{width:32px;height:32px}
.xm-theme .xm-auth-head h2{margin:14px 0 8px;font-size:27px;font-weight:800;color:#0b1b3f}.xm-auth-head p{margin:0;font-size:15px;color:#3b4a63}
.xm-auth-field{margin-bottom:16px}
.xm-auth-field label{display:block;margin:0 0 7px;font-size:15px;font-weight:500;color:#0b1b3f}
.xm-auth-label-row{display:flex;justify-content:space-between;align-items:center}.xm-auth-label-row a{font-size:13px;font-weight:600;color:#0c8a5f}
.xm-auth-input{position:relative;display:flex;align-items:center}
.xm-auth-input>svg{position:absolute;left:16px;width:20px;height:20px;color:#3b4a63;pointer-events:none}
.xm-theme .xm-auth-input .form-control{height:50px;padding:0 48px 0 50px;border:1px solid #d6e0ec;border-radius:9px;font-size:16px;color:#0b1b3f;background:#fff}
.xm-auth-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#3b4a63;cursor:pointer;z-index:3}
.xm-auth-eye svg{width:21px;height:21px}.xm-auth-eye:hover,.xm-auth-eye.is-on{color:#0c6651;background:#e8f6f1}
.xm-auth-check{display:flex!important;align-items:flex-start;gap:10px;margin:4px 0 18px;font-size:15px;font-weight:500!important;color:#0b1b3f;cursor:pointer}
.xm-auth-check input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:#0c6651}
.xm-auth-check a{color:#0c8a5f;font-weight:600}
.xm-auth-captcha{margin-bottom:16px}
.xm-theme .xm-auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:10px;background:linear-gradient(180deg,#0f7c62,#0a5243);color:#fff;font-size:19px;font-weight:700;box-shadow:0 10px 22px -10px #0c6651;cursor:pointer}
.xm-theme .xm-auth-submit:hover{background:#0a5243}.xm-auth-submit svg{width:22px;height:22px}
.xm-auth-or{position:relative;margin:24px 0 18px;text-align:center}.xm-auth-or:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#d6e0ec}
.xm-auth-or span{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #d6e0ec;border-radius:50%;background:#fff;font-size:13px;color:#3b4a63}
.xm-auth-social:empty{display:none}.xm-auth-social{margin-bottom:22px}
.xm-auth-social .btn,.xm-auth-social a.btn,.xm-auth-social button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:1px solid #d6e0ec!important;border-radius:9px!important;background:#fff!important;color:#0b1b3f!important;font-weight:700;font-size:16px;box-shadow:none}
.xm-auth-social .social-signin-btns,.xm-auth-social .providerPreLinking{margin:0}
.xm-auth-foot{margin:22px -44px 0;padding:22px 44px;background:#eef8f3;text-align:center;font-size:15.5px;color:#0b1b3f}.xm-auth-foot a{font-weight:800;color:#0c8a5f}
.xm-auth-card>form+.xm-auth-social{margin-top:22px}
.xm-auth-trust{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1350px;margin:56px auto 0;padding:24px 20px;border:1px solid #e3eaf4;border-radius:16px;background:#ffffffd9}
.xm-auth-trust li{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 12px}.xm-auth-trust li+li{border-left:1px solid #e3eaf4}
.xm-auth-trust svg{width:38px;height:38px;color:#0c8a5f;flex-shrink:0}.xm-auth-trust strong{display:block;font-size:16px;font-weight:800;color:#0b1b3f}.xm-auth-trust small{font-size:14px;color:#3b4a63}
/* Register */
.xm-reg-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px;align-items:stretch;max-width:1080px;margin:0 auto}
.xm-reg-side{position:relative;display:flex;flex-direction:column;padding:34px 34px 60px;border:1px solid #cfe6dd;border-radius:20px;background:radial-gradient(ellipse at 50% 55%,#cfeee2 0%,transparent 60%),linear-gradient(180deg,#e6f6ef,#f1faf6 60%,#e2f4ec);overflow:hidden}
.xm-reg-side:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-60px;height:140px;border-radius:50%;background:#d6f0e5;opacity:.8}
.xm-reg-pill{align-self:flex-start;padding:6px 12px;border:1.5px solid #0c6651;border-radius:8px;font-size:14px;font-weight:700;color:#0b3b2f;background:#fff}
.xm-theme .xm-reg-side h1{margin:22px 0 14px;font-size:34px;font-weight:800;color:#0b1b3f;line-height:1.15}
.xm-reg-side>p{margin:0;font-size:16px;line-height:1.6;color:#3b4a63}
.xm-reg-art{margin:24px auto 30px;width:260px;max-width:100%}
.xm-reg-points{position:relative;z-index:1;gap:0}.xm-reg-points li{padding:14px 0}.xm-reg-points li+li{border-top:1px solid #cfe2da}
.xm-reg-points li>span{width:52px;height:52px;background:#fff}.xm-reg-points strong{font-size:16px}.xm-reg-points small{font-size:13.5px}
.xm-reg-card{padding:26px 24px 28px;border:1px solid #e3eaf4;border-radius:20px;background:#fff;box-shadow:0 20px 50px #0b1b3f12;min-width:0}
.xm-reg-head{display:flex;align-items:center;gap:22px;margin:0 0 18px 6px}.xm-reg-head .xm-auth-badge{width:58px;height:58px}
.xm-theme .xm-reg-head h2{margin:0 0 4px;font-size:26px;font-weight:800;color:#0b1b3f}.xm-reg-head p{margin:0;font-size:15px;color:#3b4a63}
.xm-theme .xm-reg-section{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:9px 16px;border-radius:9px;background:linear-gradient(90deg,#e3f5ee,#f2faf7);font-size:16px;font-weight:800;color:#0b1b3f}
.xm-reg-section svg{width:21px;height:21px;color:#0c6651}
.xm-auth-register .TM-card{padding:0;border:0;background:none;box-shadow:none;margin:0}
.xm-auth-register .row{margin-left:-8px;margin-right:-8px}.xm-auth-register .row>[class*=col-]{padding-left:8px;padding-right:8px}
.xm-auth-register .form-group{position:relative;margin-bottom:12px}
.xm-theme .xm-auth-register .prepend-icon .field{height:44px;padding-left:42px;border:1px solid #d6e0ec;border-radius:8px;font-size:14px;color:#0b1b3f}
.xm-theme .xm-auth-register .prepend-icon .field-icon{position:absolute;top:0;left:0;width:42px;height:44px;display:grid;place-items:center;margin:0;color:#94a3b8;z-index:2}
.xm-auth-register .form-group .xm-auth-eye{top:22px}
.xm-auth-register #inputNewPassword1,.xm-auth-register #inputNewPassword2{padding-right:46px}
.xm-auth-register .iti,.xm-auth-register .intl-tel-input{width:100%}
.xm-auth-register .password-strength-meter .progress{height:8px;border-radius:999px;background:#e7ecf2;margin-top:14px}
.xm-auth-register .password-strength-meter .progress-bar{border-radius:999px;background:#16a34a}
.xm-auth-register #passwordStrengthTextLabel{text-align:right!important;margin:6px 0 0}
.xm-auth-register .generate-password{height:36px;padding:0 14px;border:1px solid #cfdbeb;border-radius:8px;background:#fff;color:#0c6651;font-weight:700;font-size:13px}
.xm-reg-optin{margin-top:16px}.xm-reg-optin small{font-size:13px;color:#56657b}
.xm-auth-register .form-actions{margin-top:10px}
.xm-reg-login{margin:14px 0 0;text-align:center;font-size:15px;color:#0b1b3f}.xm-reg-login a{font-weight:800;color:#0c8a5f;text-decoration:underline}
@media(max-width:1199px){.xm-auth-grid{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:32px}.xm-auth-intro{padding-left:0}.xm-theme .xm-auth-intro h1{font-size:38px}}
@media(max-width:991px){
  .xm-auth-grid,.xm-reg-grid{grid-template-columns:1fr;max-width:620px}
  .xm-auth-intro{padding:0;text-align:center}.xm-auth-lead{margin-left:auto;margin-right:auto}.xm-auth-points,.xm-auth-art-wrap{display:none}
  .xm-auth-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;margin-top:32px}.xm-auth-trust li:nth-child(3){border-left:0}
  .xm-reg-side{padding:26px 24px 30px}.xm-reg-art{display:none}.xm-reg-side:after{display:none}.xm-reg-points{margin-top:14px}
}
@media(max-width:575px){
  .xm-theme.xm-page-login #main-body,.xm-theme.xm-page-clientregister #main-body{padding:24px 0 36px}
  .xm-theme .xm-auth-intro h1{font-size:30px}.xm-auth-lead{font-size:15.5px;margin-bottom:20px}
  .xm-auth-card{padding:24px 18px 0;border-radius:18px}.xm-auth-foot{margin:22px -18px 0;padding:18px}
  .xm-theme .xm-auth-head h2{font-size:23px}
  .xm-auth-trust{grid-template-columns:1fr;padding:16px}.xm-auth-trust li{justify-content:flex-start;padding:4px 6px}.xm-auth-trust li+li{border-left:0;border-top:1px solid #e3eaf4;padding-top:14px}
  .xm-theme .xm-reg-side h1{font-size:27px}.xm-reg-card{padding:20px 14px}.xm-reg-head{gap:14px;margin-left:0}.xm-theme .xm-reg-head h2{font-size:22px}.xm-reg-head .xm-auth-badge{width:48px;height:48px}
}
@media(max-width:991px){.xm-reg-card{order:-1}}
/* Checkout: only the relevant account button shows */
#order-standard_cart.xm-step-4 .already-registered .btn.w-hidden{display:none!important}
.xm-tone-blue{background:#e8f1fe;color:#2563eb}
/* Notifications popover (flag in the pre-header) */
.xm-theme .popover.popover-user-notifications{max-width:360px;width:min(360px,calc(100vw - 24px));padding:0;border:1px solid #e3eaf4;border-radius:14px;box-shadow:0 18px 44px #0b1b3f24;font-family:inherit}
.xm-theme .popover-user-notifications .popover-header{display:none}
.xm-theme .popover-user-notifications .popover-body{padding:8px}
.xm-theme .popover-user-notifications .arrow:before{border-bottom-color:#e3eaf4}
.xm-theme .popover-user-notifications .client-alerts{list-style:none;margin:0;padding:0}
.xm-theme .popover-user-notifications .client-alerts li+li{border-top:1px solid #edf1f5}
.xm-theme .popover-user-notifications .client-alerts a{display:flex!important;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:10px;color:#3b4a63;font-size:13.5px;line-height:1.5;text-align:left!important;text-decoration:none}
.xm-theme .popover-user-notifications .client-alerts a:hover{background:#f3f8f6;color:#0b1b3f}
.xm-theme .popover-user-notifications .client-alerts i{flex-shrink:0;width:30px!important;height:30px;display:grid!important;place-items:center;margin:0;border-radius:8px;font-size:15px;background:#e8f1fe;color:#2563eb}
.xm-theme .popover-user-notifications .client-alerts i.fa-exclamation-triangle,.xm-theme .popover-user-notifications .client-alerts i.fa-exclamation-circle{background:#fde2e4;color:#c81e3c}
.xm-theme .popover-user-notifications .client-alerts i.fa-check-circle{background:#dcf3e8;color:#0c8a5f}
.xm-theme .popover-user-notifications .client-alerts .message{flex:1;min-width:0;margin:0!important;padding:0!important;text-align:left}
.xm-theme .popover-user-notifications .client-alerts .none{display:block;padding:12px;text-align:center;color:#56657b}
/* Announcements / knowledgebase style cards */
.xm-portal .primary-content .TM-card,.xm-theme .primary-content .TM-card.annoucements{padding:24px 26px;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0b1b3f0a}
.xm-theme .TM-card.annoucements>.heading{margin:0 0 18px!important;padding:0 0 16px!important;border-bottom:1px solid #edf1f5!important;gap:12px;flex-wrap:wrap}
.xm-theme .TM-card.annoucements>.heading h1{margin:0!important;font-size:24px!important;font-weight:800;color:#0b1b3f}
.xm-theme .TM-card.annoucements>.heading p{margin:0!important}
.xm-theme .TM-card.annoucements>.row{margin:0;gap:14px}
.xm-theme .annuncement-item{padding:18px 20px!important;border:1px solid #e3eaf4;border-radius:13px;background:#fbfdfc;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.xm-theme .annuncement-item:hover{border-color:#9fd6c4;box-shadow:0 8px 22px #0b1b3f0d}
.xm-theme .annuncement-item .announcement-date{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:#e3f5ee;color:#0a6b4e;font-size:12px;font-weight:700}
.xm-theme .annuncement-item h2{margin:0 0 8px;font-size:20px;font-weight:800;color:#0b1b3f}
.xm-theme .annuncement-item .annuncement-body{color:#3b4a63;font-size:14.5px;line-height:1.65}
.xm-theme .annuncement-item .annuncement-footer .btn-link{padding:0;color:#0c6651;font-weight:700}
/* Affiliates */
.xm-aff-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.xm-aff-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}
.xm-theme .xm-aff-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:18px;font-weight:800;color:#0b1b3f}.xm-aff-title svg{width:22px;height:22px;color:#0c6651}
.xm-aff-muted{margin:0 0 14px;font-size:13.5px;color:#56657b}
.xm-aff-copy{display:flex;gap:8px}
.xm-theme .xm-aff-copy input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid #d6e0ec;border-radius:9px;background:#f8fafc;font-size:14px;color:#0b1b3f;font-family:ui-monospace,Consolas,monospace}
.xm-aff-copy .xm-ls-btn{gap:8px;flex-shrink:0}.xm-aff-copy .xm-ls-btn svg{width:17px;height:17px}.xm-aff-copy .xm-ls-btn.is-copied{background:#16a34a}
.xm-aff-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:13px;color:#56657b}
.xm-theme .xm-aff-share a{padding:6px 12px;border:1px solid #d6e0ec;border-radius:999px;color:#0b1b3f;font-weight:700;font-size:12.5px}.xm-theme .xm-aff-share a:hover{border-color:#0c6651;color:#0c6651;text-decoration:none}
.xm-aff-dl{margin:0 0 14px}.xm-aff-dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:14px}
.xm-aff-dl dt{font-weight:500;color:#3b4a63}.xm-aff-dl dd{margin:0;font-weight:700;color:#0b1b3f}.xm-aff-dl .xm-aff-strong{color:#0c8a5f;font-size:16px}
.xm-theme .xm-aff-withdraw{width:100%;gap:8px}.xm-aff-withdraw svg{width:18px;height:18px}.xm-theme .xm-aff-withdraw:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8}
.xm-aff-note{margin:10px 0 0;text-align:center}
.xm-aff-ok{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border-radius:10px;background:#e3f5ee;color:#0a6b4e;font-weight:700;font-size:13.5px}.xm-aff-ok svg{width:20px;height:20px}
.xm-aff-empty{display:flex;align-items:center;gap:14px;padding:18px;border-radius:12px;background:#f8fafc;color:#56657b;font-size:14px}.xm-aff-empty svg{width:34px;height:34px;color:#0c8a5f;flex-shrink:0}.xm-aff-empty p{margin:0}.xm-aff-empty strong{color:#0b1b3f}
.xm-aff-code{overflow-x:auto;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e3eaf4;font-size:13px}
.xm-aff .xm-ls-card{display:block}
@media(max-width:991px){.xm-aff-grid{grid-template-columns:1fr}}
@media(max-width:575px){.xm-aff-stats{grid-template-columns:1fr}.xm-aff-copy{flex-direction:column}}
/* Signed-in shoppers: quick way back to the client area from cart/checkout */
.xm-theme a.xm-cart-clientarea{display:inline-flex;align-items:center;gap:7px;height:40px;margin-right:12px;padding:0 16px;border:1.5px solid #0c6651;border-radius:9px;background:#fff;color:#0c6651;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
.xm-theme a.xm-cart-clientarea:hover{background:#0c6651;color:#fff;text-decoration:none}
.xm-cart-clientarea svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1199px){.xm-theme a.xm-cart-clientarea{display:none}}
/* Sidebar profile: photo/initials and name centred */
.xm-client-profile{text-align:center}
.xm-client-profile .xm-profile-avatar{margin-left:auto!important;margin-right:auto!important}
/* Invoice (viewinvoice.tpl) */
.xm-inv-page{color:#3b4a63}
.xm-inv-page svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xm-inv-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.xm-inv-card{overflow:hidden;border:1px solid #e3eaf4;border-radius:18px;background:#fff;box-shadow:0 8px 28px #0b1b3f0d}
.xm-inv-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(120deg,#0f7c62,#0a5243 70%,#0b6b55)}
.xm-theme .xm-inv-bar h2{display:flex;align-items:center;gap:12px;margin:0;font-size:19px;font-weight:800;color:#fff}
.xm-inv-bar h2 svg{width:22px;height:22px;padding:6px;box-sizing:content-box;border-radius:9px;background:#ffffff26;stroke:#fff}
.xm-inv-logo{height:34px;width:auto;filter:brightness(0) invert(1)}
.xm-inv-body{padding:24px}
.xm-inv-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #edf1f5}
.xm-theme .xm-inv-title h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px;font-size:26px;font-weight:800;color:#0b1b3f}
.xm-inv-title p{margin:0;max-width:340px;font-size:13.5px;color:#56657b}
.xm-inv-status{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.xm-inv-status.is-unpaid{background:#e5484d;color:#fff}.xm-inv-status.is-paid{background:#16a34a;color:#fff}.xm-inv-status.is-info{background:#e8f1fe;color:#2563eb}.xm-inv-status.is-pending{background:#fff1d6;color:#a2620a}
.xm-inv-dates{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:22px;border-left:1px solid #edf1f5}
.xm-inv-dates>div{display:grid;grid-template-columns:38px auto;column-gap:12px;align-items:center}
.xm-inv-dates .xm-inv-ico{grid-row:span 2}
.xm-inv-dates dt{font-size:13px;font-weight:800;color:#0b1b3f}.xm-inv-dates dd{margin:0;font-size:13px;color:#56657b}
.xm-inv-ico{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#e8f6f1;color:#0c6651}.xm-inv-ico svg{width:20px;height:20px}
.xm-inv-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}
.xm-inv-party{display:flex;gap:14px;padding:18px;border:1px solid #e3eaf4;border-radius:14px}
.xm-theme .xm-inv-party h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#0b1b3f}
.xm-inv-party address{margin:0;font-size:13.5px;line-height:1.6;color:#3b4a63}
.xm-inv-notes{margin-bottom:20px;padding:12px 16px;border-radius:10px;background:#f0f7ff;border:1px solid #d5e5fa;font-size:13.5px}
.xm-theme .xm-inv-h{display:flex;align-items:center;gap:10px;margin:6px 0 12px;font-size:18px;font-weight:800;color:#0b1b3f}.xm-inv-h svg{width:22px;height:22px;color:#0c6651}
.xm-inv-table{border:1px solid #e3eaf4;border-radius:12px;overflow:hidden}
.xm-inv-table table{width:100%;border-collapse:collapse;font-size:13.5px}
.xm-inv-table thead th{padding:11px 16px;background:#eef4fb;color:#0b1b3f;font-weight:700;text-align:left}
.xm-inv-table td{padding:12px 16px;border-top:1px solid #edf1f5;color:#0b1b3f;vertical-align:middle}
.xm-inv-table .xm-inv-amt{text-align:right;white-space:nowrap;font-weight:600}
.xm-inv-item{display:flex;align-items:center;gap:12px}
.xm-inv-item-ico{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#e8f6f1;color:#0c6651}.xm-inv-item-ico svg{width:18px;height:18px}
.xm-inv-desc{line-height:1.45}.xm-inv-desc small{display:block;font-size:12px;color:#64748b}
.xm-inv-totals{margin:0;padding:6px 0}.xm-inv-totals>div{display:grid;grid-template-columns:1fr 160px;padding:7px 16px;font-size:14px}
.xm-inv-totals dt{text-align:right;font-weight:700;color:#0b1b3f;padding-right:16px;border-right:1px solid #edf1f5}.xm-inv-totals dd{margin:0;text-align:right;font-weight:700;color:#0b1b3f}
.xm-inv-credit dd{color:#0c8a5f!important}
.xm-inv-totalbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 24px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,#dcf3e8,#eef8f4)}
.xm-inv-totalbar span{display:flex;align-items:center;gap:10px;font-weight:800;color:#0b1b3f}.xm-inv-totalbar span svg{width:22px;height:22px;color:#0c6651}
.xm-inv-totalbar strong{font-size:22px;font-weight:800;color:#0b1b3f}
.xm-inv-muted{margin:-14px 0 20px;font-size:12px;color:#64748b}
.xm-inv-empty td{text-align:center;padding:26px 16px!important;color:#56657b}.xm-inv-empty svg{display:block;width:44px;height:44px;margin:0 auto 8px;color:#0c8a5f;stroke-width:1.5}
.xm-inv-balance{display:flex;justify-content:flex-end;gap:24px;margin-top:10px;padding:10px 16px;font-weight:800;color:#0b1b3f}
.xm-inv-side{display:flex;flex-direction:column;gap:18px}
.xm-inv-paycard,.xm-inv-sidecard{overflow:hidden;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 8px 28px #0b1b3f0d}
.xm-inv-due{display:flex;flex-direction:column;gap:2px;padding:20px;background:linear-gradient(130deg,#0f7c62,#0a5243);color:#fff}
.xm-inv-due-ico{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:10px;background:#fff;color:#0c6651}.xm-inv-due-ico svg{width:22px;height:22px}
.xm-inv-due small{font-size:13px;font-weight:600;color:#d7f0e6}.xm-inv-due strong{font-size:26px;font-weight:800;line-height:1.2}
.xm-inv-paybody{padding:16px 18px 18px}
.xm-inv-method{display:flex;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf1f5}
.xm-inv-method>div{flex:1;min-width:0;font-size:13px}.xm-inv-method strong{display:block;color:#0b1b3f;font-size:13.5px}
.xm-inv-method .form-group{margin:6px 0 0}.xm-theme .xm-inv-method select{height:38px;border-radius:8px;font-size:13px}
.xm-theme .xm-inv-paybtn .btn,.xm-theme .xm-inv-paybtn input[type=submit],.xm-theme .xm-inv-paybtn button,.xm-theme .xm-inv-paybtn a.btn{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0 0 8px;padding:10px 16px;border:0;border-radius:10px;background:linear-gradient(180deg,#139171,#0c6651)!important;color:#fff!important;font-size:15px;font-weight:800;white-space:normal;box-shadow:0 8px 18px -10px #0c6651}
.xm-inv-paybtn form{margin:0}.xm-inv-paybtn img{max-width:100%}
.xm-inv-sidecard{padding:18px}
.xm-inv-credit-total{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.xm-inv-credit-total strong{color:#0c8a5f}
.xm-theme .xm-inv-btn{width:100%;height:42px;border:0;border-radius:9px;background:#0c6651;color:#fff;font-weight:700}
.xm-inv-actions{padding:0}
.xm-theme .xm-inv-actions h3{display:flex;align-items:center;gap:10px;margin:0;padding:16px 18px;border-bottom:1px solid #edf1f5;font-size:16px;font-weight:800;color:#0b1b3f}.xm-inv-actions h3 svg{width:20px;height:20px}
.xm-theme .xm-inv-actions a{display:flex;align-items:center;gap:12px;margin:0 10px;padding:12px 8px;border-bottom:1px solid #edf1f5;color:#0b1b3f;font-size:14px;font-weight:600}
.xm-theme .xm-inv-actions a:last-child{border-bottom:0;margin-bottom:6px}.xm-theme .xm-inv-actions a:hover{color:#0c6651;text-decoration:none;background:#f6fbf9;border-radius:8px}
.xm-inv-actions a svg{width:18px;height:18px;color:#0c6651}
@media(max-width:1199px){.xm-inv-grid{grid-template-columns:1fr}.xm-inv-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.xm-inv-side{grid-template-columns:1fr}.xm-inv-parties{grid-template-columns:1fr}.xm-inv-dates{padding-left:0;border-left:0}.xm-inv-body{padding:18px 14px}.xm-inv-bar{padding:14px 16px}.xm-inv-logo{height:26px}
  .xm-inv-table thead{display:none}.xm-inv-table td{display:block}.xm-inv-table tbody tr{display:block;border-top:1px solid #edf1f5}.xm-inv-table tbody tr td{border:0;padding:6px 14px}
  .xm-inv-table tbody tr td:first-child{padding-top:12px}.xm-inv-table tbody tr td:last-child{padding-bottom:12px}.xm-inv-table .xm-inv-amt{text-align:left;padding-left:58px!important}
  .xm-inv-table td[data-label]{display:flex;justify-content:space-between;gap:10px;padding-left:14px!important}.xm-inv-table td[data-label]:before{content:attr(data-label);color:#56657b;font-weight:500}
  .xm-inv-totals>div{grid-template-columns:1fr auto}.xm-inv-totalbar strong{font-size:18px}}
@media print{.xm-inv-grid{grid-template-columns:1fr}.xm-inv-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* My Invoices (clientareainvoices.tpl) */
.xm-tone-orange{background:#fff1e3;color:#ea7a0c}
.xm-ls-th{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;cursor:pointer}
.xm-ls-th:after{content:"";width:10px;height:12px;opacity:.45;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 0 9 5H1zM5 12 1 7h8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 0 9 5H1zM5 12 1 7h8z'/%3E%3C/svg%3E") center/contain no-repeat}
.xm-ls-th[data-dir]:after{opacity:1;color:#0c6651}
.xm-ls-th[data-dir=asc]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 0 9 5H1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 0 9 5H1z'/%3E%3C/svg%3E")}
.xm-ls-th[data-dir=desc]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 12 1 7h8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 12 1 7h8z'/%3E%3C/svg%3E")}
.xm-invl-table .xm-invl-ico-col{width:56px}
.xm-invl-table tbody td{padding:10px 14px}
.xm-theme a.xm-invl-num{font-weight:800;color:#0c6651}
.xm-invl-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:#eef2f7;color:#56657b;white-space:nowrap}
.xm-invl-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.xm-invl-unpaid,.xm-invl-overdue,.xm-invl-collections{background:#fde8e8;color:#d92d20}
.xm-invl-paid{background:#dcf3e8;color:#0a7a5f}
.xm-invl-refunded{background:#fff1d6;color:#c46f08}
.xm-invl-cancelled,.xm-invl-draft{background:#eef2f7;color:#56657b}
.xm-invl-payment-pending{background:#e8f1fe;color:#2563eb}
.xm-invl-actions{display:inline-flex;align-items:center;gap:10px}
.xm-theme a.xm-invl-view{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1.5px solid #0c6651;border-radius:999px;color:#0c6651;font-size:13px;font-weight:700;white-space:nowrap}
.xm-theme a.xm-invl-view:hover{background:#0c6651;color:#fff;text-decoration:none}.xm-invl-view svg{width:15px;height:15px}
.xm-theme a.xm-invl-view.is-pay{border-color:#d92d20;color:#d92d20}.xm-theme a.xm-invl-view.is-pay:hover{background:#d92d20;color:#fff}
.xm-theme a.xm-invl-dl{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#0c6651}.xm-theme a.xm-invl-dl:hover{background:#e8f6f1}.xm-invl-dl svg{width:19px;height:19px}
@media(max-width:767px){.xm-invl-table tbody td.xm-invl-ico-col{display:none}.xm-invl-table tbody td:nth-child(2){font-size:15px}}
@media(min-width:768px){.xm-invl-table tbody td{white-space:nowrap}.xm-invl-table{min-width:760px}}
/* Support tickets list */
.xm-tk-hero{min-height:150px;border:0;background:radial-gradient(ellipse at 85% 30%,#1fa67f 0%,transparent 55%),linear-gradient(120deg,#0f7c62,#0a5243 65%,#0b6b55)}
.xm-theme .xm-tk-hero h1{color:#fff}.xm-tk-hero p{color:#dcf2ea;max-width:440px}
.xm-tk-hero .xm-ls-hero-icon{background:#ffffff26;color:#fff}
.xm-tk-hero .xm-ls-hero-art{width:190px;height:120px}
.xm-tk-statsrow{display:flex;align-items:center;gap:16px}
.xm-tk-statsrow .xm-ls-stats{flex:1}
.xm-theme a.xm-tk-new{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:10px;background:linear-gradient(180deg,#0f7c62,#0a5243);color:#fff;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:0 8px 18px -10px #0c6651}
.xm-theme a.xm-tk-new:hover{background:#0a5243;color:#fff;text-decoration:none}.xm-tk-new svg{width:18px;height:18px}
.xm-tk-table .xm-tk-ico-col{width:56px}
.xm-tk-table tbody td{padding:10px 14px}
.xm-theme a.xm-tk-id{font-weight:800;color:#0c6651;white-space:nowrap}
.xm-tk-dept{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.xm-tk-dept-ico{display:inline-grid;color:#3b4a63}.xm-tk-dept-ico svg{width:17px;height:17px}
.xm-theme a.xm-tk-subject{color:#0b1b3f;font-weight:600}.xm-theme a.xm-tk-subject:hover{color:#0c6651}
.xm-ls-row.is-unread td{background:#f7fcfa}
.xm-tk-status{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;background:#eef2f7;color:#56657b}
.xm-tk-answered{background:#16a34a;color:#fff}
.xm-tk-customer-reply,.xm-tk-open,.xm-tk-in-progress,.xm-tk-on-hold{background:#ffe8cf;color:#c2410c}
.xm-tk-closed{background:#eef2f7;color:#56657b}
.xm-tk-date{white-space:nowrap;font-size:13px;color:#3b4a63}
.xm-tk-more{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#0b1b3f;cursor:pointer}.xm-tk-more:hover{background:#eef4fb}.xm-tk-more svg{width:20px;height:20px;fill:currentColor;stroke:none}
.xm-ls .xm-ls-filters select{min-width:150px}
@media(max-width:1199px){.xm-tk-statsrow{flex-direction:column;align-items:stretch}.xm-theme a.xm-tk-new{justify-content:center}}
@media(min-width:768px){.xm-tk-table{min-width:820px}}
@media(max-width:767px){.xm-tk-table tbody td.xm-tk-ico-col{display:none}.xm-tk-hero .xm-ls-hero-art{display:none}}

/* Ticket view */
.xm-vt-head{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px;padding:22px 24px;border:1px solid #cfe6dd;border-radius:18px;background:radial-gradient(ellipse at 90% 40%,#cdeee2 0%,transparent 55%),linear-gradient(110deg,#e9f7f1,#f3fbf8 60%,#e4f4ee)}
.xm-vt-head svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xm-vt-ico{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border-radius:14px;background:#d9f1e7;color:#0c6651}.xm-vt-ico svg{width:28px;height:28px}
.xm-vt-title{flex:1;min-width:220px}
.xm-vt-id{display:inline-block;padding:2px 10px;border-radius:999px;background:#0c6651;color:#fff;font-size:12px;font-weight:800}
.xm-theme .xm-vt-title h1{margin:8px 0 10px;font-size:24px;font-weight:800;color:#0b1b3f;word-break:break-word}
.xm-vt-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:13px;color:#3b4a63}
.xm-vt-meta li{display:inline-flex;align-items:center;gap:6px}.xm-vt-meta svg{width:15px;height:15px;color:#0c6651}
.xm-vt-status{padding:2px 10px;border-radius:999px;background:#fff;border:1px solid #c9e8dc;font-weight:800;color:#0a5243}
.xm-vt-actions{display:flex;flex-wrap:wrap;gap:8px}
.xm-theme .xm-vt-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:0;border-radius:9px;background:linear-gradient(180deg,#0f7c62,#0a5243);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none}
.xm-vt-btn svg{width:16px;height:16px}
.xm-theme .xm-vt-btn-danger{background:#fff;border:1.5px solid #f1b8b3;color:#c81e3c}.xm-theme .xm-vt-btn-danger:hover{background:#fdecec;color:#c81e3c}
.xm-theme .xm-vt-btn-muted{background:#fff;border:1px solid #d6e0ec;color:#0b1b3f}.xm-theme .xm-vt-btn-muted:hover{border-color:#0c6651;color:#0c6651;text-decoration:none}
.xm-vt-thread{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.xm-theme .xm-vt-thread>.card{margin:0;border:1px solid #e3eaf4;border-radius:16px;box-shadow:0 6px 20px #0b1b3f0a;overflow:hidden}
.xm-theme .xm-vt-thread>.card .card-body{padding:0}
.xm-theme .xm-vt-thread .posted-by{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #edf1f5;background:#f8fafc}
.xm-theme .xm-vt-thread .staff .posted-by{background:#eef8f4}
.xm-theme .xm-vt-thread .posted-by .user{display:flex;align-items:center;gap:10px}
.xm-theme .xm-vt-thread .user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3eaf4;color:#56657b;overflow:hidden}.xm-vt-thread .user-avatar img{width:100%;height:100%;object-fit:cover}
.xm-theme .xm-vt-thread .staff .user-avatar{background:#0c6651;color:#fff}
.xm-theme .xm-vt-thread .posted-by-name{font-weight:800;color:#0b1b3f}
.xm-theme .xm-vt-thread .requestor-badge{margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#e3eaf4;color:#3b4a63}
.xm-theme .xm-vt-thread .staff .requestor-badge{background:#dcf3e8;color:#0a6b4e}
.xm-theme .xm-vt-thread .posted-on{font-size:12.5px;color:#64748b}
.xm-theme .xm-vt-thread .message{padding:18px!important;font-size:14.5px;line-height:1.7;color:#1f2d45;word-break:break-word}
.xm-theme .xm-vt-thread .staff{border-left:4px solid #0c8a5f}
.xm-theme .xm-vt-thread .attachments{border-top:1px solid #edf1f5;background:#fbfdfc}
.xm-theme .xm-vt-thread .attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.xm-theme .xm-vt-thread .attachment-list a,.xm-vt-thread .attachment-list span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d6e0ec;border-radius:8px;font-size:13px}
.xm-theme .xm-vt-thread .attachment-list figure{margin:0}
.xm-theme #ticketReplyContainer{border:1px solid #e3eaf4;border-radius:16px;box-shadow:0 6px 20px #0b1b3f0a}
.xm-theme .xm-vt-replytitle{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#0b1b3f}.xm-vt-replytitle svg{width:20px;height:20px;fill:none;stroke:#0c6651;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xm-theme .xm-vt-send{display:inline-flex;align-items:center;gap:8px}.xm-vt-send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Open a ticket (steps) */
.xm-st-steps{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.xm-st-steps li{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e3eaf4;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#64748b}
.xm-st-steps li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef2f7;font-size:12px}
.xm-st-steps li.is-current{border-color:#0c6651;color:#0b1b3f}.xm-st-steps li.is-current span{background:#0c6651;color:#fff}
.xm-st-steps li.is-done{color:#0c6651}.xm-st-steps li.is-done span{background:#dcf3e8;color:#0c6651}
.xm-st-depts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.xm-theme a.xm-st-dept{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #e3eaf4;border-radius:14px;background:#fff;color:#0b1b3f;box-shadow:0 6px 20px #0b1b3f0a;transition:border-color .15s,transform .15s}
.xm-theme a.xm-st-dept:hover{border-color:#9fd6c4;transform:translateY(-2px);text-decoration:none;color:#0b1b3f}
.xm-st-dept-ico{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:12px;background:#e8f6f1;color:#0c6651}.xm-st-dept-ico svg{width:24px;height:24px}
.xm-st-dept-text{flex:1;min-width:0;display:flex;flex-direction:column}.xm-st-dept-text strong{font-size:15px}.xm-st-dept-text small{font-size:12.5px;color:#56657b;line-height:1.45}
.xm-st-arrow{width:18px;height:18px;color:#94a3b8;flex-shrink:0}
.xm-st-two>form>.TM-card{padding:24px;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0b1b3f0a}
.xm-st-two .form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.xm-theme .xm-st-two #openTicketSubmit{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:10px;font-weight:800}
.xm-st-two #openTicketSubmit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xm-st-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px solid #e3eaf4;border-radius:18px;background:#fff;text-align:center;box-shadow:0 6px 20px #0b1b3f0a}
.xm-st-done-ico{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#dcf3e8;color:#0c8a5f}.xm-st-done-ico svg{width:38px;height:38px}
.xm-theme .xm-st-done h2{margin:6px 0 0;font-size:22px;font-weight:800;color:#0b1b3f}.xm-st-done h2 a{color:#0c6651}
.xm-st-done p{margin:0;color:#56657b}
.xm-st-done-actions{display:flex;gap:14px;align-items:center;margin-top:10px}.xm-st-done-actions .xm-ls-btn{gap:8px}.xm-st-done-actions svg{width:16px;height:16px}
.xm-theme a.xm-st-link{font-weight:700;color:#0c6651}

/* Every other client-area page: same cards, tables, forms and buttons as the redesigned pages */
.xm-page-hero{margin-bottom:18px}
.xm-theme .xm-page-hero+.header-lined,.xm-theme .xm-page-hero~.header-lined:first-of-type{display:none}
.xm-theme .primary-content .TM-card:not(.xm-inv-card),.xm-theme .primary-content>.card,.xm-theme .primary-content .tab-content>.card{border:1px solid #e3eaf4!important;border-radius:16px!important;background:#fff;box-shadow:0 6px 20px #0b1b3f0a!important}
.xm-theme .primary-content .TM-card{padding:22px 24px}
.xm-theme .primary-content>h4,.xm-theme .primary-content .TM-card h4,.xm-theme .primary-content .sub-heading{font-size:17px;font-weight:800;color:#0b1b3f}
.xm-theme .primary-content .card-header{background:#fff;border-bottom:1px solid #edf1f5;border-radius:16px 16px 0 0!important}
.xm-theme .primary-content .card-title{font-weight:800;color:#0b1b3f}
.xm-theme .primary-content .table-container,.xm-theme .primary-content .dataTables_wrapper{border:1px solid #e3eaf4;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 6px 20px #0b1b3f0a}
.xm-theme .primary-content table.table{margin:0;font-size:14px}
.xm-theme .primary-content table.table thead th{padding:13px 14px;background:#f2f6fb!important;border:0!important;color:#0b1b3f;font-size:12.5px;font-weight:800}
.xm-theme .primary-content table.table tbody td{padding:14px;border-top:1px solid #edf1f5;vertical-align:middle;color:#0b1b3f}
.xm-theme .primary-content table.table tbody tr:hover td{background:#f8fcfa}
.xm-theme .primary-content .dataTables_filter input,.xm-theme .primary-content .listtable .dataTables_filter input{height:40px;padding:0 12px;border:1px solid #d6e0ec;border-radius:9px}
.xm-theme .primary-content .dataTables_info,.xm-theme .primary-content .dataTables_length{padding:12px 14px;font-size:13px;color:#56657b}
.xm-theme .primary-content .dataTables_paginate .paginate_button,.xm-theme .primary-content .pagination .page-link{border-radius:8px!important;margin:0 2px}
.xm-theme .primary-content .label.status{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;border:0}
.xm-theme .primary-content .status-active,.xm-theme .primary-content .status-paid,.xm-theme .primary-content .status-accepted,.xm-theme .primary-content .status-completed{background:#dcf3e8!important;color:#0a7a5f!important}
.xm-theme .primary-content .status-unpaid,.xm-theme .primary-content .status-overdue,.xm-theme .primary-content .status-suspended,.xm-theme .primary-content .status-expired,.xm-theme .primary-content .status-dead,.xm-theme .primary-content .status-lost{background:#fde8e8!important;color:#d92d20!important}
.xm-theme .primary-content .status-pending,.xm-theme .primary-content .status-delivered,.xm-theme .primary-content .status-onhold{background:#fff1d6!important;color:#a2620a!important}
.xm-theme .primary-content .status-cancelled,.xm-theme .primary-content .status-closed,.xm-theme .primary-content .status-terminated,.xm-theme .primary-content .status-draft{background:#eef2f7!important;color:#56657b!important}
.xm-theme .primary-content .form-group>label,.xm-theme .primary-content label.control-label{font-size:13.5px;font-weight:700;color:#0b1b3f}
.xm-theme .primary-content .form-control:not(textarea),.xm-theme .primary-content .custom-select{min-height:44px;border-radius:9px;border-color:#d6e0ec}
.xm-theme .primary-content textarea.form-control{border-radius:10px;border-color:#d6e0ec}
.xm-theme .primary-content .btn{border-radius:9px;font-weight:700}
.xm-theme .primary-content .btn-default,.xm-theme .primary-content .btn-secondary,.xm-theme .primary-content .btn-light{background:#fff;border:1px solid #d6e0ec;color:#0b1b3f}
.xm-theme .primary-content .btn-default:hover,.xm-theme .primary-content .btn-secondary:hover{border-color:#0c6651;color:#0c6651;background:#f6fbf9}
.xm-theme .primary-content .btn-danger{background:#fff;border:1.5px solid #f1b8b3;color:#c81e3c}.xm-theme .primary-content .btn-danger:hover{background:#fdecec;color:#c81e3c}
.xm-theme .primary-content .alert{border-radius:12px;border-width:1px}
.xm-theme .primary-content .list-group{border-radius:14px;overflow:hidden;border:1px solid #e3eaf4;box-shadow:0 6px 20px #0b1b3f0a}
.xm-theme .primary-content .list-group-item{border-color:#edf1f5;padding:14px 18px}
.xm-theme .primary-content .list-group-item-action:hover{background:#f6fbf9;color:#0c6651}
.xm-theme .primary-content .nav-tabs .nav-link{border:0;border-radius:9px;color:#3b4a63;font-weight:700}
.xm-theme .primary-content .nav-tabs .nav-link.active{background:#e8f6f1;color:#0c6651;border:0}
/* Knowledgebase, downloads, network status */
.xm-theme .primary-content .kbcategories a,.xm-theme .primary-content .kb-category a,.xm-theme .primary-content .downloads-category a{color:#0b1b3f;font-weight:700}
.xm-theme .primary-content .kbarticles a,.xm-theme .primary-content .kb-article-item{color:#0c6651}
.xm-theme .primary-content .knowledgebase-search input,.xm-theme .primary-content form[role=search] input{min-height:48px;border-radius:12px}
@media(max-width:767px){.xm-theme .primary-content .TM-card{padding:16px}.xm-theme .primary-content .table-responsive,.xm-theme .primary-content .table-container{overflow-x:auto}}
.xm-theme .xm-auth-register .TM-card{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.xm-theme .xm-vt-thread .attachment-list li{margin:0;width:auto;height:auto;border:0;padding:0}.xm-theme .xm-vt-thread .attachment-list a,.xm-theme .xm-vt-thread .attachment-list li>span{width:auto!important;height:auto!important;display:inline-flex!important}.xm-theme .xm-vt-thread .attachment-list a>span{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;width:auto!important;height:auto!important;padding:0!important;border:0!important}.xm-theme .xm-vt-thread .attachment-list figure{display:inline-grid!important;width:auto!important;height:auto!important;font-size:15px!important;margin:0!important;color:#0c6651}.xm-theme .xm-vt-thread .attachment-list .caption{position:static!important;padding:0!important;font-size:13px;color:#0b1b3f;background:none!important}
.xm-page-hero svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* ---- fixes round */
/* WHMCS "w-hidden" (hidden until its script shows it) must stay hidden in this theme too */
body.xm-theme .w-hidden.w-hidden{display:none}
/* Invoices table: fit the card, no sideways scroll; download button lines up */
@media(min-width:768px){.xm-invl-table{min-width:0!important}.xm-invl-table tbody td{white-space:normal}.xm-invl-table td:nth-child(5),.xm-invl-table td:nth-child(6),.xm-invl-table td.xm-ls-actions-col{white-space:nowrap}}
.xm-invl-table .xm-ls-actions-col{width:1%;text-align:right}
.xm-invl-actions{justify-content:flex-end;gap:8px}
.xm-theme a.xm-invl-dl{width:34px;height:34px;border:1px solid #d6e0ec;border-radius:9px;background:#fff}
.xm-theme a.xm-invl-dl:hover{border-color:#0c6651;background:#e8f6f1}
.xm-invl-table td:nth-child(3),.xm-invl-table td:nth-child(4){font-size:13.5px}
@media(min-width:768px){.xm-tk-table{min-width:0!important}.xm-tk-table td.xm-tk-date{white-space:normal}}
/* clickable rows */
.xm-ls-table tr.is-link{cursor:pointer}
.xm-ls-table tr.is-link:hover td{background:#f3faf7}
/* Sidebar panels on ticket pages: CC recipients, ticket information, recent tickets */
.xm-page-panels .ticket-cc-email{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.xm-page-panels .ticket-cc-email .email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.xm-page-panels .ticket-cc-email .float-right{float:none!important;flex-shrink:0}
.xm-page-panels .delete-cc-email{display:grid;place-items:center;width:28px;height:28px;border-radius:7px}.xm-page-panels .delete-cc-email:hover{background:#fdecec}
.xm-page-panels #frmAddCcEmail{margin:0}
.xm-page-panels #containerAddCcEmail{display:flex;flex-wrap:nowrap}
.xm-theme .xm-page-panels #containerAddCcEmail .form-control{min-height:40px;height:40px;border-radius:9px 0 0 9px!important;font-size:13px}
.xm-theme .xm-page-panels #containerAddCcEmail .btn{height:40px;border-radius:0 9px 9px 0!important;padding:0 14px;font-weight:700;background:#0c6651;border-color:#0c6651;color:#fff}
.xm-page-panels #divCcEmailFeedback{margin-top:8px;padding:8px 10px;font-size:12.5px}
.xm-page-panels .panel-footer{border-top:1px solid #e1ece9}
.xm-page-panels [menuItemName="Recent Tickets"] .list-group,.xm-page-panels [menuitemname="Recent Tickets"] .list-group{gap:4px}
.xm-theme .xm-page-panels .list-group-item.ticket,.xm-theme .xm-page-panels [menuitemname="Recent Tickets"] .list-group-item{display:block!important;margin:0!important;padding:10px 12px!important;border:1px solid #e3eaf4!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;font-size:13px;line-height:1.45}
.xm-theme .xm-page-panels [menuitemname="Recent Tickets"] .list-group-item:hover{border-color:#9fd6c4!important;background:#f6fbf9!important}
.xm-theme .xm-page-panels [menuitemname="Recent Tickets"] .list-group-item small,.xm-theme .xm-page-panels [menuitemname="Recent Tickets"] .list-group-item .label{display:inline-block;margin-top:4px;font-size:11.5px}
.xm-page-panels [menuitemname="Recent Tickets"] .list-group{border:0!important;box-shadow:none!important}
.xm-page-panels [menuitemname="Ticket Information"] .list-group-item{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px}
/* Markdown editor toolbar: same-size square buttons, evenly spaced */
.xm-theme .md-editor{border:1px solid #d6e0ec!important;border-radius:12px!important;overflow:hidden;box-shadow:none}
.xm-theme .md-editor .md-header{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:8px 10px!important;border-bottom:1px solid #e3eaf4;background:#f8fafc}
.xm-theme .md-editor .md-header .btn-group{display:inline-flex;gap:4px;margin:0!important;float:none}
.xm-theme .md-editor .md-header .btn{display:inline-grid!important;place-items:center;width:34px;height:34px;min-width:34px;margin:0!important;padding:0!important;border:1px solid #d6e0ec!important;border-radius:8px!important;background:#fff!important;color:#0b1b3f!important;font-size:13px;box-shadow:none!important;float:none}
.xm-theme .md-editor .md-header .btn:hover{border-color:#0c6651!important;color:#0c6651!important;background:#f1faf6!important}
.xm-theme .md-editor .md-header .btn[data-handler*=Preview]{width:auto;padding:0 12px!important;gap:6px;background:#0c6651!important;border-color:#0c6651!important;color:#fff!important;display:inline-flex!important;align-items:center}
.xm-theme .md-editor .md-header .btn[data-handler*=Preview] span{margin-right:4px}
.xm-theme .md-editor textarea{border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px!important;min-height:220px}
.xm-theme .md-editor .md-footer,.xm-theme .md-editor + .small{font-size:12px;color:#64748b}
/* Attachments: file field and "Add More" on one 44px line */
.xm-theme .attachment-group{display:flex!important;flex-wrap:nowrap;align-items:stretch;gap:8px}
.xm-theme .attachment-group .custom-file{flex:1;min-width:0;height:44px}
.xm-theme .attachment-group .custom-file-label{height:44px;display:flex;align-items:center;padding:0 110px 0 14px;border:1px solid #d6e0ec;border-radius:9px!important;color:#3b4a63;font-size:14px}
.xm-theme .attachment-group .custom-file-label:after{height:42px;display:flex;align-items:center;padding:0 16px;border-radius:0 9px 9px 0;background:#f1f5f9;color:#0b1b3f;font-weight:600}
.xm-theme .attachment-group .custom-file-input{height:44px}
.xm-theme .attachment-group .input-group-append{margin:0}
.xm-theme .attachment-group .input-group-append .btn,.xm-theme #btnTicketAttachmentsAdd{display:inline-flex!important;align-items:center;gap:6px;height:44px;padding:0 16px!important;border:1px solid #d6e0ec!important;border-radius:9px!important;background:#fff!important;color:#0b1b3f!important;font-size:14px;font-weight:700;white-space:nowrap}
.xm-theme #btnTicketAttachmentsAdd:hover{border-color:#0c6651!important;color:#0c6651!important}
/* Form action buttons: same height and shape side by side */
.xm-theme .primary-content .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.xm-theme .primary-content .form-actions .btn,.xm-theme .primary-content .form-actions input[type=submit],.xm-theme .primary-content .form-actions input[type=reset],.xm-theme .primary-content .form-actions a.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:46px;min-width:120px;margin:0!important;padding:0 22px!important;border-radius:10px!important;font-size:15px;font-weight:700;line-height:1}
.xm-theme .primary-content .form-actions .btn-primary{border:0}
.xm-theme .primary-content .form-actions .btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* "More tools" sub-menu: icons like the main menu */
.xm-theme .xm-client-more>div a{display:flex!important;align-items:center;gap:12px}
.xm-client-more>div a svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#56657b}
.xm-client-more>div a:hover svg{color:#08705b}
.xm-client-more>div{padding-left:22px!important}
.xm-page-panels #ccCloneRow{display:none!important}.xm-theme .xm-page-panels #divCcEmailFeedback{display:none}
/* Sidebar "Your Recent Tickets" */
.xm-page-panels .panel-ticket-info .list-group{display:flex!important;flex-direction:column;gap:6px;padding:8px!important;border:0!important;box-shadow:none!important;background:transparent!important}
.xm-theme .xm-page-panels .panel-ticket-info .list-group-item{display:block!important;margin:0!important;padding:10px 12px!important;border:1px solid #e3eaf4!important;border-radius:10px!important;background:#fff!important}
.xm-theme .xm-page-panels .panel-ticket-info .list-group-item:hover{border-color:#9fd6c4!important;background:#f6fbf9!important}
.xm-page-panels .recent-ticket .truncate{font-size:13px;font-weight:700;color:#0b1b3f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xm-page-panels .recent-ticket small{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-top:6px;font-size:11.5px}
.xm-page-panels .recent-ticket small span{white-space:nowrap}
.xm-page-panels .recent-ticket small .float-right{float:none!important;color:#64748b}
.xm-page-panels .recent-ticket small span[style]{padding:2px 9px;border-radius:999px;background:#fff1e3;font-weight:700}
.xm-invl-table td:nth-child(3),.xm-invl-table td:nth-child(4){min-width:150px}
/* Text inside line-icon SVGs must never pick up the icon outline */
.xm-theme svg text:not([stroke]){stroke:none}
/* Dashboard: WHMCS's own service row (with its Manage dropdown) */
.xm-db-service .xm-db-service-name{flex:1;min-width:0}
.xm-db-service .div-service-item{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer}
.xm-db-service .div-service-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}
.xm-db-service .div-service-name>span:first-child{font-weight:600;color:#0b1b3f}
.xm-db-service .div-service-name b{font-weight:800}
.xm-db-service .text-domain{font-size:13px;font-weight:500;color:#0c6651}
.xm-db-service .div-service-status{width:auto!important;flex-shrink:0}
.xm-db-service .label-placeholder{display:none!important}
.xm-db-service .div-service-status .label{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11.5px;font-weight:700;background:#d6f2e4;color:#0a6b4e}
.xm-db-service .div-service-status .label-danger,.xm-db-service .div-service-status .label-warning{background:#fde2e4;color:#c81e3c}
.xm-db-service .div-service-buttons{margin:0!important;flex-shrink:0}
.xm-theme .xm-db-service .list-group-item-dropdown>.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid #cfdbeb;border-radius:8px;background:#fff;color:#0b1b3f;font-size:13px;font-weight:700;box-shadow:none}
.xm-theme .xm-db-service .list-group-item-dropdown>.btn:hover,.xm-theme .xm-db-service .list-group-item-dropdown.show>.btn{border-color:#0c6651;color:#0c6651}
.xm-theme .xm-db-service .list-group-item-dropdown>.btn::after{content:"";width:14px;height:14px;margin:0;border:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
.xm-theme .xm-db-service .list-group-item-dropdown.show>.btn::after{transform:rotate(180deg)}
.xm-db-service .list-group-item-dropdown .caret{display:none}
.xm-theme .xm-db-service .list-group-item-dropdown .dropdown-menu{min-width:200px;padding:6px;border:1px solid #e3eaf4;border-radius:12px;box-shadow:0 12px 32px #0b1b3f1f}
.xm-theme .xm-db-service .list-group-item-dropdown .dropdown-item{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:8px;font-size:13.5px;color:#0b1b3f;cursor:pointer}
.xm-theme .xm-db-service .list-group-item-dropdown .dropdown-item:hover{background:#edf4fc;color:#0c6651}
.xm-theme .xm-db-service .list-group-item-dropdown .dropdown-divider{height:0;margin:4px 0;overflow:hidden;border-top:1px solid #edf1f5;font-size:0;color:transparent}
@media(max-width:575px){.xm-db-service .div-service-item{flex-wrap:wrap}.xm-db-service .div-service-name{flex-basis:100%}}
.xm-db-service .div-service-name span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

/* Account (Hello, name) dropdown: line icons per item */
.xm-theme .dropdown-menu-right a.dropdown-item{display:flex!important;align-items:center;gap:10px}
.xm-theme .dropdown-menu-right a.dropdown-item::before{content:"";width:17px;height:17px;flex-shrink:0;background:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.xm-theme .dropdown-menu-right a.dropdown-item:hover::before{opacity:1}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=details"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="account/users"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="paymentmethods"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=contacts"]::before,.xm-theme .dropdown-menu-right a.dropdown-item[href*="account/contacts"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M15 8h2M15 12h2M6 16c.5-1.5 1.7-2 3-2s2.5.5 3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M15 8h2M15 12h2M6 16c.5-1.5 1.7-2 3-2s2.5.5 3 2'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=security"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=emails"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="user/profile"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.66V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.66'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.66V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.66'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="user/password"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.59 18.59A2 2 0 0 0 2 20v2h4v-2h2v-2h2l1.41-1.41a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.59 18.59A2 2 0 0 0 2 20v2h4v-2h2v-2h2l1.41-1.41a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="user/security"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="logout"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="logout"]{color:#c81e3c}
/* Floating WhatsApp chat button (same as the main site) */
.xm-wa-float{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:1040;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 24px -6px rgb(0 0 0/.35);transition:transform .15s}
.xm-wa-float:hover,.xm-wa-float:focus{color:#fff;transform:scale(1.05);text-decoration:none}
.xm-wa-float:focus-visible{outline:2px solid #25d366;outline-offset:4px}
.xm-wa-float svg{width:28px;height:28px;fill:currentColor;stroke:none}
@media(max-width:639px){.xm-wa-float{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px}.xm-wa-float svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.xm-wa-float{transition:none}}
@media print{.xm-wa-float{display:none}}
.xm-theme a.xm-wa-float,.xm-theme a.xm-wa-float:hover,.xm-theme a.xm-wa-float:focus{color:#fff!important}
.xm-theme .xm-wa-float svg,.xm-theme .xm-wa-float svg path{fill:#fff!important;stroke:none!important;color:#fff!important}
/* Page panels shown inside the content on mobile (moved there by xmart.js) */
.xm-theme .primary-content>.xm-page-panels.is-inline{display:flex!important;margin:20px 0 0;padding:0;border-top:0}
.xm-theme .primary-content>.xm-page-panels.is-inline .panel,.xm-theme .primary-content>.xm-page-panels.is-inline .card{background:#fff;border-color:#e3eaf4!important;border-radius:14px!important;box-shadow:0 6px 20px #0b1b3f0a!important}
.xm-theme .primary-content>.xm-page-panels.is-inline .list-group-item{font-size:14px;padding:11px 12px!important}
/* Main menu dropdown items with icon tile + one-line description (same as the marketing site header) */
.xm-theme .xm-mainnav #xmMainNav .dropdown-item.xm-mi-item{display:flex;align-items:center;gap:12px;padding:8px 10px;white-space:normal}
.xm-theme .xm-mainnav #xmMainNav .xm-mi{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 4%)}
.xm-theme .xm-mainnav #xmMainNav .xm-mi svg,.xm-theme .xm-mainnav #xmMainNav .xm-mi img{display:block;flex:none}
.xm-theme .xm-mainnav #xmMainNav .xm-mi-text{display:flex;flex-direction:column;min-width:0}
.xm-theme .xm-mainnav #xmMainNav .xm-mi-label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;line-height:1.3;color:inherit}
.xm-theme .xm-mainnav #xmMainNav .xm-mi-desc{margin-top:2px;font-size:12.2px;font-weight:400;line-height:1.35;color:#64748b}
.xm-theme .xm-mainnav #xmMainNav .xm-mi-item:hover .xm-mi-desc{color:#3b4a63}
@media (min-width:1200px){.xm-theme .xm-mainnav #xmMainNav .dropdown-menu.xm-mi-menu{width:312px;border-radius:16px}}
@media (max-width:1199px){.xm-theme .xm-mainnav #xmMainNav .xm-mi{flex-basis:32px;width:32px;height:32px;border-radius:9px}.xm-theme .xm-mainnav #xmMainNav .xm-mi svg,.xm-theme .xm-mainnav #xmMainNav .xm-mi img{width:20px;height:20px}.xm-theme .xm-mainnav #xmMainNav .xm-mi-desc{display:none}}
/* Header = marketing site header, measured 1:1 (container 1240/24px gutters, 37px top bar, 72px nav row, 171px logo, menu 40px after the logo) */
@media (min-width:1200px){
  .xm-theme .xm-preheader-inner.container,.xm-theme #header .xm-mainnav>.container{max-width:1240px;padding-left:24px;padding-right:24px}
  .xm-theme .xm-preheader-inner{min-height:36px;font-size:12.48px}
  .xm-theme .xm-preheader-inner a,.xm-theme .xm-preheader-inner span{font-size:12.48px}
  .xm-theme .xm-mainnav{padding:0!important;min-height:72px}
  .xm-theme .xm-mainnav .navbar-brand{padding:0;margin-right:16px}
  .xm-theme .xm-mainnav .xm-logo{width:171px;height:40px}
  .xm-theme .xm-mainnav #xmMainNav{margin-left:40px!important;margin-right:auto!important;gap:12px}
  .xm-theme .xm-mainnav #xmMainNav>.nav-item>.nav-link{letter-spacing:normal}
}
/* PRO / NEW badges as on the site: solid green pill, and no chevron next to a badge */
.xm-theme .xm-mainnav #xmMainNav .xm-nav-badge{margin-left:2px;padding:3px 6px;border-radius:999px;background:#0f7c62;color:#fff;font-size:9.28px;font-weight:700;letter-spacing:.025em;line-height:1}
.xm-theme .xm-mainnav #xmMainNav .xm-mi-label .xm-nav-badge{margin-left:6px;padding:2px 6px;font-size:9.6px}
@media (min-width:1200px){.xm-theme .xm-mainnav #xmMainNav>.dropdown>.dropdown-toggle:has(.xm-nav-badge)::after{display:none}}
/* Domain list “Manage” menu: one icon per action instead of the default dot */
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=domaindetails"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="tabNameservers"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='8' x='2' y='2' rx='2' ry='2'/%3E%3Crect width='20' height='8' x='2' y='14' rx='2' ry='2'/%3E%3Cline x1='6' x2='6.01' y1='6' y2='6'/%3E%3Cline x1='6' x2='6.01' y1='18' y2='18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='8' x='2' y='2' rx='2' ry='2'/%3E%3Crect width='20' height='8' x='2' y='14' rx='2' ry='2'/%3E%3Cline x1='6' x2='6.01' y1='6' y2='6'/%3E%3Cline x1='6' x2='6.01' y1='18' y2='18'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=domaincontacts"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v2'/%3E%3Cpath d='M7 21v-2a2 2 0 012-2h6a2 2 0 012 2v2'/%3E%3Cpath d='M8 2v2'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v2'/%3E%3Cpath d='M7 21v-2a2 2 0 012-2h6a2 2 0 012 2v2'/%3E%3Cpath d='M8 2v2'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=domaindns"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='16' width='6' height='6' rx='1'/%3E%3Crect x='2' y='16' width='6' height='6' rx='1'/%3E%3Crect x='9' y='2' width='6' height='6' rx='1'/%3E%3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M12 12V8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='16' width='6' height='6' rx='1'/%3E%3Crect x='2' y='16' width='6' height='6' rx='1'/%3E%3Crect x='9' y='2' width='6' height='6' rx='1'/%3E%3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M12 12V8'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="tabAddons"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="renew"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 10v4h4'/%3E%3Cpath d='m11 14 1.535-1.605a5 5 0 018 1.5'/%3E%3Cpath d='M16 2v3'/%3E%3Cpath d='m21 18-1.535 1.605a5 5 0 01-8-1.5'/%3E%3Cpath d='M21 22v-4h-4'/%3E%3Cpath d='M21 8.517V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h3.517'/%3E%3Cpath d='M3 9h4'/%3E%3Cpath d='M8 2v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 10v4h4'/%3E%3Cpath d='m11 14 1.535-1.605a5 5 0 018 1.5'/%3E%3Cpath d='M16 2v3'/%3E%3Cpath d='m21 18-1.535 1.605a5 5 0 01-8-1.5'/%3E%3Cpath d='M21 22v-4h-4'/%3E%3Cpath d='M21 8.517V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h3.517'/%3E%3Cpath d='M3 9h4'/%3E%3Cpath d='M8 2v3'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="tabAutorenew"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E")}
/* Account menu ("Hello, name") opens on hover like the main menu, and closes when the pointer leaves */
@media (min-width:1200px){
  .xm-theme .xm-mainnav .xm-account>.dropdown{position:relative}
  .xm-theme .xm-mainnav .xm-account>.dropdown:hover>.dropdown-menu,.xm-theme .xm-mainnav .xm-account>.dropdown:focus-within>.dropdown-menu{display:block}
  .xm-theme .xm-mainnav .xm-account>.dropdown:hover::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
  .xm-theme .xm-mainnav .xm-account>.dropdown:hover>.dropdown-toggle{color:var(--xm-green)}
  .xm-theme .xm-mainnav .xm-account>.dropdown>.dropdown-menu-right{left:auto;right:0}
  .xm-theme .xm-mainnav .xm-account>.dropdown>.dropdown-menu-right::before{left:auto;right:24px}
}
/* Ticket thread: support replies show the XMart Host badge, customer replies their own photo */
.xm-theme .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.xm-theme .xm-vt-thread .staff .user-avatar:has(img){background:#fff;box-shadow:0 0 0 1px #d5ebe3}
.xm-theme .user-avatar.has-photo{background:#fff}
/* Services list “Manage” menu: one icon per action instead of the default dot */
.xm-theme .dropdown-menu-right a.dropdown-item[href*="action=productdetails"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="tabDownloads"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="tabAddons"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="upgrade.php"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-4 4-4-4'/%3E%3Cpath d='M17 20V4'/%3E%3Cpath d='m3 8 4-4 4 4'/%3E%3Cpath d='M7 4v16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-4 4-4-4'/%3E%3Cpath d='M17 20V4'/%3E%3Cpath d='m3 8 4-4 4 4'/%3E%3Cpath d='M7 4v16'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="tabChangepw"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E")}
.xm-theme .dropdown-menu-right a.dropdown-item[href*="cancel"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E")}
/* Dashboard quick-action buttons: while the next page loads, the text and icon stay and a spinner replaces the arrow */
.xm-theme .xm-db-btn.xm-pressing>*{visibility:visible}
.xm-theme .xm-db-btn.xm-pressing>svg:last-child:not(:first-child){visibility:hidden}
.xm-theme .xm-db-btn-primary.xm-pressing{color:#fff!important}
.xm-theme .xm-db-btn-outline.xm-pressing{color:#0c6651!important;border-color:#0c6651;background:#fff!important}
.xm-theme .xm-db-btn.xm-pressing:after{left:auto;right:18px;width:18px;height:18px;margin:-9px 0 0;border:2.4px solid currentColor;border-top-color:transparent;opacity:.85}
/* WhatsApp: the floating button opens a department picker (Sales / Technical Support / Billing) */
.xm-wa{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:1040}
.xm-wa .xm-wa-float{position:static;border:0;cursor:pointer}
.xm-wa-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(320px,calc(100vw - 32px));overflow:hidden;border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 20px 50px -12px #0b1b3f59;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
.xm-wa-panel[hidden]{display:none}
.xm-wa-head{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#128c7e,#25d366);color:#fff}
.xm-wa-head-ic{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#ffffff33}
.xm-wa-head-ic svg{width:24px;height:24px;fill:currentColor}
.xm-wa-head strong{display:block;font-size:15px;line-height:1.25}
.xm-wa-head small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:#ffffffe6}
.xm-wa-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;width:28px;height:28px;border-radius:50%;cursor:pointer}
.xm-wa-close:hover{background:#ffffff33}
.xm-wa-list{padding:8px}
.xm-wa-dep{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;color:#0b1b3f;text-decoration:none!important;transition:background .15s}
.xm-wa-dep:hover,.xm-wa-dep:focus{background:#f0fbf4;color:#0b1b3f}
.xm-wa-dep-ic{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px}
.xm-wa-dep-ic svg{width:20px;height:20px}
.xm-wa-dep--sales .xm-wa-dep-ic{background:#e9f6ef;color:#16a34a}.xm-wa-dep--support .xm-wa-dep-ic{background:#e9f2fe;color:#2563eb}.xm-wa-dep--billing .xm-wa-dep-ic{background:#fff4e0;color:#d97706}
.xm-wa-dep-tx{flex:1;min-width:0}.xm-wa-dep-tx strong{display:block;font-size:14px;font-weight:600}.xm-wa-dep-tx small{display:block;font-size:12px;line-height:1.35;color:#64748b}
.xm-wa-dep-go{font-size:22px;line-height:1;color:#94a3b8}.xm-wa-dep:hover .xm-wa-dep-go{color:#128c7e}
@media(max-width:767px){.xm-wa{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
/* Buttons with a trailing arrow: while loading, a spinner replaces only the arrow */
.xm-pressing-icon{pointer-events:none}
.xm-spin{display:inline-block;flex:none;width:1em;height:1em;min-width:16px;min-height:16px;border:2.4px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.85;animation:xmPressSpin .7s linear infinite;vertical-align:-.15em}
/* Footer = marketing site footer (1320px container, 171px logo, same type sizes and Trustpilot button) */
@media (min-width:1200px){.xm-footer>.container,.xm-footer .xm-footer-bottom>.container{max-width:1320px;padding-left:24px;padding-right:24px}}
.xm-footer .xm-logo{width:171px;height:40px}
.xm-footer .xm-footer-brand p{font-size:12.8px;line-height:1.625}
.xm-footer .xm-socials a{width:32px;height:32px}
.xm-footer .xm-footer-links a{font-size:12.48px;line-height:1.5}
.xm-footer .xm-footer-links li{margin-bottom:14px}
.xm-footer .xm-trust{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 12px;border:1px solid #e3eaf4;border-radius:8px;background:#fff;color:#0b1b3f;font-size:12.48px;font-weight:600;line-height:1.5;text-decoration:none;transition:border-color .15s}
.xm-footer .xm-trust:hover{border-color:#00b67a;color:#0b1b3f;text-decoration:none}
.xm-footer .xm-trust svg{width:16px;height:16px;fill:#00b67a;flex:none}

/* Page panels sit inside the account card: keep them off its edges so borders don't overlap. */
.xm-theme .xm-client-sidebar .xm-page-panels{margin:4px 0 0;padding:16px 12px 12px;gap:14px}
.xm-theme .xm-page-panels .panel-footer .btn,.xm-theme .xm-page-panels .card-footer .btn{display:flex;align-items:center;justify-content:center;gap:6px}

/* Phone country picker: no browser focus box; soft divider + green focus ring instead. */
.xm-theme .intl-tel-input .flag-container,.xm-theme .iti__flag-container{padding:4px 0 4px 4px}
.xm-theme .intl-tel-input .selected-flag,.xm-theme .iti__selected-flag{height:100%;padding:0 10px 0 12px;border-radius:9px 0 0 9px;border-right:1px solid #e3eaf4;background:transparent!important;outline:none!important;box-shadow:none;transition:background .15s,box-shadow .15s}
.xm-theme .intl-tel-input .selected-flag:hover,.xm-theme .iti__selected-flag:hover{background:#f2f8f6!important}
.xm-theme .intl-tel-input .selected-flag:focus,.xm-theme .iti__selected-flag:focus{outline:none!important;background:#eef7f4!important}
.xm-theme .intl-tel-input .selected-flag:focus-visible,.xm-theme .iti__selected-flag:focus-visible{box-shadow:0 0 0 3px #13917133}
.xm-theme .intl-tel-input .country-list,.xm-theme .iti__country-list{border:1px solid #e3eaf4;border-radius:10px;box-shadow:0 12px 30px #0b1b3f1f}

/* iCheck radios/checkboxes drawn with CSS only (no icon font): WHMCS 9 ships Font Awesome 6,
   so the old "Font Awesome 5 Pro" glyphs showed as empty boxes. */
html body .iradio_square-blue,html body .icheckbox_square-blue{position:relative;display:inline-block;width:20px!important;height:20px!important;min-width:20px;background:none!important;vertical-align:middle}
html body .iradio_square-blue::before,html body .icheckbox_square-blue::before{content:''!important;position:absolute;inset:0;font-family:inherit!important;box-sizing:border-box;border:2px solid #b8c5d4;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}
html body .iradio_square-blue::before{border-radius:50%}
html body .icheckbox_square-blue::before{border-radius:6px}
html body .iradio_square-blue.hover::before,html body .icheckbox_square-blue.hover::before{border-color:#0c6651}
html body .iradio_square-blue.checked::before{border-color:#0c6651;box-shadow:inset 0 0 0 4px #fff;background:#0c6651}
html body .icheckbox_square-blue.checked::before{border-color:#0c6651;background:#0c6651}
html body .icheckbox_square-blue.checked::after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
html body .iradio_square-blue.disabled::before,html body .icheckbox_square-blue.disabled::before{background:#f1f4f8;border-color:#d7dee8}