/* Xeteria Hosting client command center — WHMCS Nexus-compatible */
:root {
  --xh-bg: #070811;
  --xh-bg-2: #0b0d19;
  --xh-panel: rgba(18, 20, 36, .86);
  --xh-panel-strong: #111425;
  --xh-panel-soft: rgba(255,255,255,.045);
  --xh-line: rgba(255,255,255,.095);
  --xh-line-strong: rgba(155,128,255,.34);
  --xh-text: #f7f8ff;
  --xh-muted: #9da5c2;
  --xh-purple: #8168ff;
  --xh-purple-2: #a78bfa;
  --xh-cyan: #38d8ff;
  --xh-green: #45e6a6;
  --xh-gold: #ffc96b;
  --xh-red: #ff6b88;
  --xh-shadow: 0 26px 75px rgba(0,0,0,.36);
  --xh-radius: 22px;
  --xh-radius-sm: 14px;
  --primary: #7659ff;
  --primary-lifted: #6749ef;
  --primary-accented: #593bd8;
  --secondary: #66708f;
  --bg: #0b0d19;
  --bg-muted: #0d1020;
  --bg-lifted: #121629;
  --bg-accented: #171c31;
  --bg-inverted: #05060d;
  --text: #f7f8ff;
  --text-muted: #9da5c2;
  --text-lifted: #c7cce0;
  --text-accented: #e7e9f4;
  --border: rgba(255,255,255,.11);
  --border-muted: rgba(255,255,255,.07);
  --border-lifted: rgba(255,255,255,.18);
  --border-accented: rgba(129,104,255,.55);
  --rounding-sm: .5rem;
  --rounding-md: .8rem;
  --rounding-lg: 1.2rem;
}

html { background: var(--xh-bg); }
body.xeteria-body {
  min-height: 100vh;
  color: var(--xh-text);
  background:
    radial-gradient(circle at 14% 4%, rgba(117,87,255,.16), transparent 29rem),
    radial-gradient(circle at 89% 16%, rgba(56,216,255,.09), transparent 31rem),
    linear-gradient(180deg, #070811 0%, #090b15 52%, #070810 100%);
  font-family: Inter, "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.xeteria-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 82%);
}
a { color: #b9abff; transition: color .18s ease, opacity .18s ease, transform .18s ease; }
a:hover { color: #e0d9ff; text-decoration: none; }
::selection { color: #fff; background: rgba(129,104,255,.55); }

/* Header */
#header.header { position: relative; z-index: 1030; background: rgba(7,8,17,.86); border-bottom: 1px solid var(--xh-line); backdrop-filter: blur(20px); box-shadow: 0 10px 35px rgba(0,0,0,.18); }
#header .topbar { background: rgba(255,255,255,.025); border-bottom: 1px solid rgba(255,255,255,.055); }
#header .topbar .btn, #header .topbar .input-group-text { color: var(--xh-muted); background: transparent; border: 0; font-size: .78rem; }
#header .topbar .btn:hover { color: #fff; }
#header .navbar { padding-top: .72rem; padding-bottom: .72rem; }
#header .navbar-light { background: transparent; }
.xh-brand { display: inline-flex; align-items: center; gap: .75rem; color: #fff !important; min-width: 215px; }
.xh-brand-mark { width: 44px; height: 44px; flex: 0 0 44px; }
.xh-brand-copy { line-height: 1.02; }
.xh-brand-name { display: block; font-size: 1.08rem; font-weight: 820; letter-spacing: -.025em; }
.xh-brand-tag { display: block; margin-top: .28rem; color: var(--xh-muted); font-size: .63rem; letter-spacing: .13em; text-transform: uppercase; }
.xh-live { display: inline-flex; align-items: center; gap: .42rem; padding: .46rem .72rem; color: #b9fbdc; background: rgba(69,230,166,.075); border: 1px solid rgba(69,230,166,.19); border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.xh-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--xh-green); box-shadow: 0 0 0 5px rgba(69,230,166,.09), 0 0 14px rgba(69,230,166,.72); }
#header .search .form-control, #header .search .btn { min-height: 44px; color: var(--xh-text); background: rgba(255,255,255,.045); border-color: var(--xh-line); }
#header .search .form-control { min-width: 250px; }
#header .search .form-control::placeholder { color: #777f9e; }
#header .toolbar .nav-link { position: relative; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; color: #d8dcf0; background: rgba(255,255,255,.045); border: 1px solid var(--xh-line); border-radius: 13px; }
#header .toolbar .nav-link:hover { color: #fff; border-color: rgba(129,104,255,.36); transform: translateY(-1px); }
#header .cart-btn .badge { position: absolute; top: -6px; right: -6px; min-width: 20px; color: #fff; background: linear-gradient(135deg, var(--xh-purple), #5a3bdd); border: 2px solid #090a13; }
.main-navbar-wrapper { padding: 0 !important; background: rgba(255,255,255,.018); border-top: 1px solid rgba(255,255,255,.04); }
.main-navbar-wrapper .navbar-nav > .nav-item > .nav-link { padding: .78rem .88rem; color: #aeb5cf; font-size: .84rem; font-weight: 700; }
.main-navbar-wrapper .navbar-nav > .nav-item > .nav-link:hover,
.main-navbar-wrapper .navbar-nav > .nav-item.active > .nav-link { color: #fff; }
.main-navbar-wrapper .dropdown-menu { background: #121426; border: 1px solid var(--xh-line); border-radius: 15px; box-shadow: var(--xh-shadow); }
.main-navbar-wrapper .dropdown-item { color: #c5cae0; }
.main-navbar-wrapper .dropdown-item:hover { color: #fff; background: rgba(129,104,255,.11); }
.master-breadcrumb { background: transparent; border: 0; }
.master-breadcrumb .breadcrumb { padding: 1.15rem 0 .45rem; margin: 0; background: transparent; }
.breadcrumb-item, .breadcrumb-item a { color: #757e9d; font-size: .73rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.breadcrumb-item.active { color: #c7cce0; }
.breadcrumb-item + .breadcrumb-item::before { color: #4d5369; }

/* Main shell */
section#main-body { min-height: calc(100vh - 310px); padding: 1rem 0 4rem; background: transparent; }
.primary-content > h1:first-child, .primary-content > .page-header h1 { color: #fff; font-weight: 800; letter-spacing: -.035em; }
.card, .modal-content, .panel, .well {
  color: var(--xh-text);
  background: linear-gradient(145deg, rgba(20,23,41,.94), rgba(13,15,29,.94));
  border: 1px solid var(--xh-line);
  border-radius: var(--xh-radius);
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}
.card { overflow: hidden; }
.card-header { padding: 1.05rem 1.25rem; background: rgba(255,255,255,.024); border-bottom: 1px solid var(--xh-line); }
.card-title { color: #fff; font-weight: 780; letter-spacing: -.015em; }
.card-body { color: #c9cee0; }
.card-footer { background: rgba(255,255,255,.018); border-top-color: var(--xh-line); }
.text-muted, small.text-muted { color: var(--xh-muted) !important; }
hr { border-top-color: var(--xh-line); }

/* Buttons */
.btn { border-radius: 12px; font-weight: 760; letter-spacing: -.005em; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary, .btn-success { color: #fff !important; background: linear-gradient(135deg, #8d73ff, #6848f0); border-color: transparent; box-shadow: 0 12px 28px rgba(105,72,240,.23); }
.btn-primary:hover, .btn-success:hover { background: linear-gradient(135deg, #9b84ff, #7556fa); box-shadow: 0 15px 34px rgba(105,72,240,.34); }
.btn-default, .btn-secondary, .btn-outline-primary { color: #e1e4f1; background: rgba(255,255,255,.045); border-color: var(--xh-line); }
.btn-default:hover, .btn-secondary:hover, .btn-outline-primary:hover { color: #fff; background: rgba(129,104,255,.11); border-color: rgba(129,104,255,.42); }
.btn-danger { background: rgba(255,107,136,.11); border-color: rgba(255,107,136,.32); color: #ffb3c2; }

/* Forms */
.form-control, .custom-select, .input-group-text, .custom-file-label, select.form-control {
  color: #eef0fa;
  background-color: rgba(255,255,255,.045);
  border-color: var(--xh-line);
  border-radius: 12px;
}
.form-control:focus, .custom-select:focus { color: #fff; background-color: rgba(255,255,255,.058); border-color: rgba(129,104,255,.72); box-shadow: 0 0 0 .2rem rgba(129,104,255,.12); }
.form-control::placeholder { color: #727b9a; }
.input-group .form-control:not(:first-child), .input-group .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-text { color: #9fa8c5; }
label, .form-control-label { color: #cdd2e4; font-size: .82rem; font-weight: 700; }

/* Tables */
.table { color: #d8dced; }
.table thead th { color: #8f98b8; background: rgba(255,255,255,.025); border-top: 0; border-bottom: 1px solid var(--xh-line); font-size: .7rem; letter-spacing: .075em; text-transform: uppercase; }
.table td { border-top-color: rgba(255,255,255,.06); vertical-align: middle; }
.table-hover tbody tr:hover, .table-list tbody tr:hover { color: #fff; background: rgba(129,104,255,.065); }
.table-container { overflow: hidden; background: rgba(17,20,37,.78); border: 1px solid var(--xh-line); border-radius: var(--xh-radius); box-shadow: 0 18px 55px rgba(0,0,0,.18); }
.table-container .table { margin-bottom: 0; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { color: #fff; background: rgba(255,255,255,.045); border: 1px solid var(--xh-line); border-radius: 9px; }
.page-link { color: #bcb1ff; background: #111425; border-color: var(--xh-line); }
.page-item.active .page-link { background: #7357ff; border-color: #7357ff; }

/* Alerts and labels */
.alert { color: #dfe3f2; background: rgba(255,255,255,.045); border: 1px solid var(--xh-line); border-radius: 15px; }
.alert-success { color: #bff9df; background: rgba(69,230,166,.08); border-color: rgba(69,230,166,.24); }
.alert-warning { color: #ffe0a7; background: rgba(255,201,107,.08); border-color: rgba(255,201,107,.25); }
.alert-danger { color: #ffc1cd; background: rgba(255,107,136,.09); border-color: rgba(255,107,136,.26); }
.label.status, .badge { padding: .42rem .68rem; border-radius: 999px; font-size: .68rem; font-weight: 800; }
.status-active, .status-paid, .badge-success { color: #bff9df !important; background: rgba(69,230,166,.12) !important; border: 1px solid rgba(69,230,166,.22); }
.status-pending, .status-unpaid, .badge-warning { color: #ffe0a7 !important; background: rgba(255,201,107,.11) !important; border: 1px solid rgba(255,201,107,.2); }
.status-suspended, .status-overdue, .status-cancelled, .badge-danger { color: #ffc1cd !important; background: rgba(255,107,136,.11) !important; border: 1px solid rgba(255,107,136,.22); }

/* Sidebar */
.sidebar .card { margin-bottom: 1rem; border-radius: 18px; }
.sidebar .card-header { color: #fff; background: rgba(255,255,255,.03); }
.sidebar .list-group-item { color: #aeb5cf; background: transparent; border-color: rgba(255,255,255,.055); }
.sidebar .list-group-item:hover, .sidebar .list-group-item.active { color: #fff; background: rgba(129,104,255,.11); }
.sidebar .list-group-item i { color: #8e79ff; }

/* Xeteria dashboard */
.xh-command-hero { position: relative; overflow: hidden; padding: 1.6rem 1.7rem; margin-bottom: 1.25rem; background: linear-gradient(135deg, rgba(35,29,72,.94), rgba(14,17,32,.94) 58%, rgba(10,31,42,.88)); border: 1px solid rgba(148,125,255,.23); border-radius: 26px; box-shadow: var(--xh-shadow); }
.xh-command-hero::after { content: ""; position: absolute; inset: -35%; background: url('../img/xeteria-orbit.svg') center/cover no-repeat; opacity: .72; pointer-events: none; }
.xh-command-hero > * { position: relative; z-index: 1; }
.xh-eyebrow { display: flex; align-items: center; gap: .55rem; color: #9feaff; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.xh-eyebrow::before { content: ""; width: 19px; height: 1px; background: #56ddff; box-shadow: 0 0 10px #56ddff; }
.xh-command-hero h1 { margin: .65rem 0 .4rem; color: #fff; font-size: clamp(1.75rem, 4vw, 2.65rem); font-weight: 850; letter-spacing: -.045em; }
.xh-command-hero p { max-width: 680px; margin: 0; color: #b8bfd8; font-size: .95rem; }
.xh-command-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.2rem; }
.xh-command-actions .btn { min-height: 43px; display: inline-flex; align-items: center; gap: .55rem; }
.xh-dashboard-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .9rem; margin-bottom: 1.25rem; }
.xh-stat-card { position: relative; min-height: 142px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.15rem; color: #fff; background: linear-gradient(145deg, rgba(20,23,42,.96), rgba(12,14,27,.96)); border: 1px solid var(--xh-line); border-radius: 19px; box-shadow: 0 14px 40px rgba(0,0,0,.18); overflow: hidden; }
.xh-stat-card:hover { color: #fff; border-color: rgba(129,104,255,.33); transform: translateY(-2px); }
.xh-stat-card::after { content: ""; position: absolute; width: 120px; height: 120px; right: -54px; bottom: -62px; border-radius: 50%; background: var(--xh-stat-glow, rgba(129,104,255,.18)); filter: blur(2px); }
.xh-stat-top { display: flex; align-items: center; justify-content: space-between; }
.xh-stat-icon { width: 39px; height: 39px; display: grid; place-items: center; color: var(--xh-stat-accent, #a995ff); background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.07); border-radius: 12px; }
.xh-stat-kicker { color: #8f98b8; font-size: .64rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.xh-stat-value { position: relative; z-index: 1; margin-top: .7rem; font-size: 2rem; font-weight: 850; letter-spacing: -.045em; }
.xh-stat-caption { position: relative; z-index: 1; color: #9ca5c1; font-size: .72rem; }
.xh-stat-services { --xh-stat-accent: #a995ff; --xh-stat-glow: rgba(129,104,255,.2); }
.xh-stat-domains { --xh-stat-accent: #57e2ff; --xh-stat-glow: rgba(56,216,255,.15); }
.xh-stat-tickets { --xh-stat-accent: #45e6a6; --xh-stat-glow: rgba(69,230,166,.15); }
.xh-stat-invoices { --xh-stat-accent: #ffc96b; --xh-stat-glow: rgba(255,201,107,.15); }
.xh-section-label { display: flex; align-items: center; justify-content: space-between; margin: 1.45rem 0 .75rem; }
.xh-section-label h2 { margin: 0; color: #fff; font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em; }
.xh-section-label span { color: #747d99; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.client-home-cards .card { margin-bottom: 1rem; }
.client-home-cards .list-group-item { color: #c4c9dc; background: transparent; border-color: rgba(255,255,255,.055); }
.client-home-cards .list-group-item:hover { color: #fff; background: rgba(129,104,255,.075); }

/* Public portal / login */
.xh-public-hero { position: relative; overflow: hidden; padding: clamp(2rem,5vw,4.2rem); margin: .5rem 0 1.4rem; text-align: center; background: linear-gradient(145deg, rgba(31,25,66,.94), rgba(11,14,28,.96)); border: 1px solid rgba(138,112,255,.25); border-radius: 30px; box-shadow: var(--xh-shadow); }
.xh-public-hero::before { content: ""; position: absolute; inset: -15%; background: url('../img/xeteria-orbit.svg') center/cover no-repeat; opacity: .68; }
.xh-public-hero > * { position: relative; z-index: 1; }
.xh-public-hero h1 { color: #fff; font-size: clamp(2.15rem,6vw,4.4rem); font-weight: 900; letter-spacing: -.06em; }
.xh-public-hero p { max-width: 680px; margin: 1rem auto 0; color: #b8bfd8; font-size: 1.02rem; }
.xh-public-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin-top: 1.4rem; }
.xh-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1rem 0 1.7rem; }
.xh-product-card { padding: 1.25rem; background: linear-gradient(145deg, rgba(18,21,39,.95), rgba(11,13,25,.95)); border: 1px solid var(--xh-line); border-radius: 20px; }
.xh-product-card h3 { color: #fff; font-size: 1rem; font-weight: 800; }
.xh-product-card p { min-height: 42px; color: #919ab7; font-size: .82rem; }
.xh-login-shell { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); max-width: 1040px; margin: 1.5rem auto 2rem; overflow: hidden; background: #0d1020; border: 1px solid var(--xh-line); border-radius: 28px; box-shadow: var(--xh-shadow); }
.xh-login-visual { position: relative; min-height: 570px; padding: 3rem; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(145deg, #241d4d, #11152b 57%, #092430); overflow: hidden; }
.xh-login-visual::after { content: ""; position: absolute; inset: -25%; background: url('../img/xeteria-orbit.svg') center/cover no-repeat; opacity: .8; }
.xh-login-visual > * { position: relative; z-index: 1; }
.xh-login-visual h1 { max-width: 450px; margin-top: 1.6rem; color: #fff; font-size: clamp(2.2rem,5vw,3.55rem); font-weight: 900; line-height: .98; letter-spacing: -.06em; }
.xh-login-visual p { max-width: 440px; color: #bbc3dc; }
.xh-feature-list { display: grid; gap: .7rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.xh-feature-list li { display: flex; align-items: center; gap: .65rem; color: #d7dced; font-size: .82rem; }
.xh-feature-list i { color: #65e9ff; }
.xh-login-form-panel { display: flex; align-items: center; padding: clamp(1.5rem,4vw,3.2rem); background: linear-gradient(180deg, #111426, #0c0f1d); }
.xh-login-form-panel .login-form { width: 100%; }
.xh-login-form-panel .card { margin: 0 !important; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.xh-login-form-panel .card-body, .xh-login-form-panel .card-footer { padding-left: 0 !important; padding-right: 0 !important; background: transparent; border: 0; }

/* Product and invoice pages */
.product-details .product-status { border-radius: 20px; overflow: hidden; border: 1px solid var(--xh-line); }
.product-details .product-status .product-icon { background: linear-gradient(145deg, rgba(129,104,255,.13), rgba(56,216,255,.05)); }
.product-details .product-status-text { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-details .row > div > .btn { margin-bottom: .55rem; }
.invoice-container { color: #20243a; background: #fff; border-radius: 22px; box-shadow: 0 25px 80px rgba(0,0,0,.38); }
.invoice-container a { color: #6848f0; }
.invoice-container .table { color: #24283a; }
.invoice-container .table thead th { color: #535b76; background: #f4f5fa; border-color: #e5e7ef; }
.invoice-container .table td { border-color: #e9eaf0; }

/* Tickets */
.ticket-reply { background: rgba(255,255,255,.025); border: 1px solid var(--xh-line); border-radius: 18px; }
.ticket-reply.staff { border-color: rgba(129,104,255,.25); }
.ticket-reply .user { background: rgba(255,255,255,.025); border-right-color: var(--xh-line); }

/* Footer */
#footer.footer { padding: 2.35rem 0; color: #8d96b2; background: rgba(5,6,13,.88); border-top: 1px solid var(--xh-line); }
.xh-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 2rem; align-items: start; }
.xh-footer-brand { display: flex; align-items: center; gap: .72rem; color: #fff; font-weight: 850; }
.xh-footer-brand img { width: 38px; height: 38px; }
.xh-footer-copy { max-width: 390px; margin-top: .8rem; color: #7f88a5; font-size: .78rem; line-height: 1.65; }
.xh-footer-title { margin-bottom: .7rem; color: #d9deed; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.xh-footer-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 0; padding: 0; list-style: none; }
.xh-footer-links a { color: #8d96b2; font-size: .78rem; }
.xh-footer-links a:hover { color: #fff; }
.xh-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.4rem; margin-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.055); font-size: .72rem; }
.xh-powered { color: #9c91d5; }

/* Modal */
.modal-backdrop.show { opacity: .72; }
.modal-content { background: #111425; }
.modal-header, .modal-footer { border-color: var(--xh-line); }
.close { color: #fff; text-shadow: none; opacity: .7; }

@media (max-width: 1199.98px) {
  #header .main-navbar-wrapper .container { max-width: 100%; }
  .main-navbar-wrapper .navbar-collapse { padding: 1rem 0; }
  .xh-dashboard-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
  .xh-login-shell { grid-template-columns: 1fr; max-width: 690px; }
  .xh-login-visual { min-height: 360px; padding: 2rem; }
  .xh-login-form-panel { padding: 2rem; }
  .xh-product-grid { grid-template-columns: 1fr 1fr; }
  .xh-footer-grid { grid-template-columns: 1fr 1fr; }
  .xh-footer-grid > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  .xh-brand-tag, .xh-live { display: none; }
  .xh-brand { min-width: 0; }
  .xh-brand-name { font-size: .98rem; }
  .xh-command-hero { padding: 1.3rem; border-radius: 21px; }
  .xh-command-actions .btn { flex: 1 1 calc(50% - .4rem); justify-content: center; }
  .xh-dashboard-grid { grid-template-columns: 1fr 1fr; gap: .7rem; }
  .xh-stat-card { min-height: 128px; padding: .95rem; }
  .xh-stat-value { font-size: 1.7rem; }
  .xh-product-grid { grid-template-columns: 1fr; }
  .xh-login-visual { min-height: 320px; }
  .xh-footer-grid { grid-template-columns: 1fr; }
  .xh-footer-grid > :first-child { grid-column: auto; }
  .xh-footer-bottom { align-items: flex-start; flex-direction: column; }
  section#main-body { padding-top: .4rem; }
}
@media (max-width: 479.98px) {
  .xh-dashboard-grid { grid-template-columns: 1fr; }
  .xh-command-actions .btn { flex-basis: 100%; }
  .xh-login-visual, .xh-login-form-panel { padding: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .001ms !important; }
}

/* Public utility cards and domain search */
.action-icon-btns > div > a { min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .65rem; margin-bottom: 1rem; color: #cdd2e4 !important; background: linear-gradient(145deg, rgba(18,21,39,.96), rgba(11,13,25,.96)); border: 1px solid var(--xh-line); border-radius: 19px; box-shadow: 0 14px 40px rgba(0,0,0,.16); }
.action-icon-btns > div > a:hover { color: #fff !important; border-color: rgba(129,104,255,.35); transform: translateY(-2px); }
.action-icon-btns .ico-container { width: 46px; height: 46px; display: grid; place-items: center; margin: 0; color: #a995ff; background: rgba(129,104,255,.1); border: 1px solid rgba(129,104,255,.18); border-radius: 14px; }
.action-icon-btns .ico-container i { font-size: 1.2rem; }
.domain-search { color: #fff; background: linear-gradient(135deg, rgba(32,26,67,.96), rgba(12,16,30,.96)); border-bottom: 1px solid rgba(129,104,255,.22); }
.domain-search .form-control { min-height: 50px; background: rgba(255,255,255,.065); }
.domain-search .btn { min-height: 50px; }
#accountNotificationsContent { color: #dfe3f2; background: #111425; border: 1px solid var(--xh-line); border-radius: 14px; box-shadow: var(--xh-shadow); }
.client-alerts li a { color: #cfd4e5; }

/* -------------------------------------------------------------------------
   Xeteria Client Area v1.0.1 live polish
   High-specificity corrections for Nexus/WHMCS dashboard panel rules.
   ------------------------------------------------------------------------- */
body.xeteria-body .xh-command-hero,
body.xeteria-body .xh-stat-card,
body.xeteria-body .client-home-cards .card {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

body.xeteria-body .xh-command-actions .btn,
body.xeteria-body .xh-stat-card,
body.xeteria-body .xh-stat-card:hover,
body.xeteria-body .xh-stat-card:focus {
  text-decoration: none !important;
}

body.xeteria-body .alert-email-verification,
body.xeteria-body .email-verification-alert,
body.xeteria-body #emailVerificationBanner,
body.xeteria-body .alert.alert-warning.verify-email {
  color: #e7e9f6 !important;
  background: linear-gradient(135deg, rgba(31, 27, 59, .96), rgba(13, 18, 34, .96)) !important;
  border: 1px solid rgba(129, 104, 255, .28) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .18);
}

/* WHMCS home panels: override the stock Nexus white panel caps. */
body.xeteria-body .primary-content .client-home-cards .card,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  color: #d9deef !important;
  background:
    radial-gradient(circle at 100% 0, rgba(129, 104, 255, .11), transparent 14rem),
    linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
  border: 1px solid rgba(255, 255, 255, .095) !important;
  border-top: 1px solid rgba(155, 128, 255, .28) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

body.xeteria-body .primary-content .client-home-cards .card::before,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage::before,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #8f74ff, rgba(56, 216, 255, .72), transparent 82%);
  opacity: .9;
  pointer-events: none;
}

body.xeteria-body .primary-content .client-home-cards .card .card-header,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .card-header,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .card-header {
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 1rem 1.15rem !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 20px 20px 0 0 !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-title,
body.xeteria-body .primary-content .client-home-cards .card .card-title a,
body.xeteria-body .primary-content .client-home-cards .card .card-title i,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .panel-heading h3,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .panel-heading h3 {
  color: #f7f8ff !important;
  text-shadow: none !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-title {
  width: 100%;
  font-size: .86rem !important;
  font-weight: 800 !important;
  letter-spacing: .015em;
}

body.xeteria-body .primary-content .client-home-cards .card .card-header .btn,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .card-header .btn,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .card-header .btn {
  color: #ddd8ff !important;
  background: rgba(129, 104, 255, .095) !important;
  border: 1px solid rgba(155, 128, 255, .22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-header .btn:hover,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .card-header .btn:hover,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .card-header .btn:hover {
  color: #fff !important;
  background: rgba(129, 104, 255, .18) !important;
  border-color: rgba(155, 128, 255, .44) !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-body,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .content,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .content {
  min-height: 106px;
  padding: 1.15rem 1.3rem !important;
  color: #bfc6dc !important;
  background: transparent !important;
  overflow: visible !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-body p,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .content p,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .content p {
  padding: 0 !important;
  margin: 0;
  color: #bfc6dc !important;
  line-height: 1.65;
}

body.xeteria-body .primary-content .client-home-cards .card .card-body a,
body.xeteria-body .primary-content .client-home-cards .list-group-item a {
  color: #c5baff !important;
}

body.xeteria-body .primary-content .client-home-cards .card .list-group,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .list-group,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .list-group {
  max-height: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body.xeteria-body .primary-content .client-home-cards .card .list-group .list-group-item,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .list-group .list-group-item,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .list-group .list-group-item {
  padding: .82rem 1.25rem !important;
  color: #c7cde0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
}

body.xeteria-body .primary-content .client-home-cards .card .list-group .list-group-item:hover,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .list-group .list-group-item:hover,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .list-group .list-group-item:hover {
  color: #fff !important;
  background: rgba(129, 104, 255, .075) !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-footer,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .card-footer,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .card-footer {
  min-height: 50px;
  padding: .7rem 1.15rem !important;
  color: #929bb8 !important;
  background: rgba(255, 255, 255, .018) !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .055) !important;
  border-radius: 0 0 20px 20px !important;
}

body.xeteria-body .primary-content .client-home-cards .card .card-footer a,
body.xeteria-body .primary-content .client-home-cards .card .card-footer .btn-view-more,
body.xeteria-body .primary-content .client-home-cards .mc-promo-manage .card-footer .btn-view-more,
body.xeteria-body .primary-content .client-home-cards .mc-promo-login .card-footer .btn-view-more {
  color: #afa4ec !important;
}

body.xeteria-body .client-home-cards .badge {
  color: #f6f3ff !important;
  background: rgba(129, 104, 255, .18) !important;
  border: 1px solid rgba(155, 128, 255, .24);
}

body.xeteria-body .client-home-cards > .row {
  margin-right: -.5rem;
  margin-left: -.5rem;
}
body.xeteria-body .client-home-cards > .row > [class*="col-"] {
  padding-right: .5rem;
  padding-left: .5rem;
}

/* Give the stock panel types distinct accents while retaining module compatibility. */
body.xeteria-body .client-home-cards [menuitemname="Active Products/Services"]::before,
body.xeteria-body .client-home-cards [menuitemname="My Services"]::before { background: linear-gradient(180deg, #9d86ff, transparent 82%); }
body.xeteria-body .client-home-cards [menuitemname="Recent Support Tickets"]::before { background: linear-gradient(180deg, #45e6a6, transparent 82%); }
body.xeteria-body .client-home-cards [menuitemname="Recent News"]::before { background: linear-gradient(180deg, #38d8ff, transparent 82%); }
body.xeteria-body .client-home-cards [menuitemname="My Invoices Summary"]::before { background: linear-gradient(180deg, #ffc96b, transparent 82%); }

/* Better desktop rhythm: secondary intelligence panels remain side-by-side at lg. */
@media (min-width: 768px) {
  body.xeteria-body .client-home-cards .xh-intel-column {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Print/PDF output should be compact and must not create an empty second page. */
@media print {
  html,
  body.xeteria-body {
    min-height: 0 !important;
    background: #070811 !important;
  }
  body.xeteria-body::before,
  #fullpage-overlay,
  .btn-return-to-admin {
    display: none !important;
  }
  body.xeteria-body section#main-body {
    min-height: 0 !important;
    padding-bottom: 1rem !important;
  }
  body.xeteria-body #footer.footer {
    break-inside: avoid;
    page-break-inside: avoid;
    padding: 1.25rem 0 !important;
  }
  body.xeteria-body .xh-footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr !important;
  }
  body.xeteria-body .xh-command-hero,
  body.xeteria-body .xh-stat-card,
  body.xeteria-body .client-home-cards .card {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  body.xeteria-body .client-home-cards .card-header,
  body.xeteria-body .client-home-cards .card-footer {
    background: rgba(255, 255, 255, .025) !important;
  }
  body.xeteria-body a[href]::after {
    content: none !important;
  }
}