/* Xensec customer portal visual rebuild — acp-v2.0.6
   Matches the approved dark VPN dashboard reference while preserving existing routes and forms. */

:root {
  --x-sidebar: 286px;
  --x-bg: #020a16;
  --x-bg-deep: #010712;
  --x-panel: #071322;
  --x-panel-soft: #091728;
  --x-panel-strong: #0b192b;
  --x-border: rgba(80, 108, 145, .38);
  --x-border-soft: rgba(73, 101, 137, .24);
  --x-text: #f7f9ff;
  --x-muted: #8d99ad;
  --x-muted-2: #66748b;
  --x-blue: #4777ff;
  --x-indigo: #574cff;
  --x-violet: #8d4cff;
  --x-green: #43db91;
  --x-red: #ff676f;
  --x-amber: #f3b85b;
  --x-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

html,
body.customer-portal-v2 {
  min-height: 100%;
  background: var(--x-bg-deep) !important;
}

body.customer-portal-v2 {
  margin: 0;
  color: var(--x-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 66% 8%, rgba(17, 42, 82, .16), transparent 35%),
    linear-gradient(135deg, #020916 0%, #020b18 48%, #030b17 100%) !important;
}

body.customer-portal-v2 *,
body.customer-portal-v2 *::before,
body.customer-portal-v2 *::after {
  box-sizing: border-box;
}

body.customer-portal-v2 a {
  color: inherit;
}

body.customer-portal-v2 button,
body.customer-portal-v2 input,
body.customer-portal-v2 select,
body.customer-portal-v2 textarea {
  font: inherit;
}

body.customer-portal-v2 .customer-svg-icon {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

body.customer-portal-v2 .customer-shell {
  display: grid !important;
  grid-template-columns: var(--x-sidebar) minmax(0, 1fr) !important;
  min-height: 100vh !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

/* Sidebar */
body.customer-portal-v2 .customer-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 120;
  width: var(--x-sidebar) !important;
  height: 100vh !important;
  min-height: 620px;
  border: 0 !important;
  border-right: 1px solid rgba(73, 96, 128, .22) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 30% 12%, rgba(31, 70, 132, .10), transparent 34%),
    linear-gradient(180deg, #020b18 0%, #03101d 100%) !important;
  box-shadow: 10px 0 45px rgba(0, 0, 0, .12) !important;
  overflow: hidden !important;
  transform: none;
}

body.customer-portal-v2 .customer-sidebar-inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 28px 23px 0 !important;
  overflow: hidden !important;
}

body.customer-portal-v2 .customer-logo-v2 {
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: max-content;
  min-height: 48px;
  margin: 0 0 27px 14px !important;
  color: #fff !important;
  text-decoration: none !important;
}

body.customer-portal-v2 .customer-logo-v2 img {
  width: 42px !important;
  height: 48px !important;
  object-fit: contain;
  filter: drop-shadow(0 0 13px rgba(76, 83, 255, .45));
}

body.customer-portal-v2 .customer-logo-v2 span {
  color: #fff;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: .065em;
  line-height: 1;
}

body.customer-portal-v2 .customer-nav-v2 {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.customer-portal-v2 .customer-nav-v2 > a {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 17px !important;
  width: 100%;
  min-height: 49px !important;
  margin: 0 !important;
  padding: 0 17px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a9b1c1 !important;
  text-decoration: none !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.customer-portal-v2 .customer-nav-v2 > a::before,
body.customer-portal-v2 .customer-nav-v2 > a::after {
  display: none !important;
}

body.customer-portal-v2 .customer-nav-v2 > a .customer-nav-icon {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  color: #aab4c7;
}

body.customer-portal-v2 .customer-nav-v2 > a .customer-svg-icon {
  width: 23px;
  height: 23px;
  stroke-width: 1.55;
}

body.customer-portal-v2 .customer-nav-v2 > a b {
  min-width: 0;
  color: inherit !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: -.01em !important;
  line-height: 1;
}

body.customer-portal-v2 .customer-nav-v2 > a em {
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  margin-left: auto;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(76, 108, 255, .22);
  color: #9eaeff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

body.customer-portal-v2 .customer-nav-v2 > a > i {
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-radius: 999px;
  background: #687cff;
  box-shadow: 0 0 12px rgba(94, 115, 255, .8);
}

body.customer-portal-v2 .customer-nav-v2 > a:hover {
  color: #e9edff !important;
  background: rgba(36, 58, 99, .18) !important;
}

body.customer-portal-v2 .customer-nav-v2 > a.active {
  color: #83a2ff !important;
  border-color: rgba(78, 101, 166, .31) !important;
  background:
    linear-gradient(90deg, rgba(31, 54, 118, .54), rgba(19, 34, 73, .44)) !important;
  box-shadow:
    -8px 0 24px rgba(48, 74, 255, .28),
    inset 0 0 22px rgba(49, 76, 185, .12) !important;
}

body.customer-portal-v2 .customer-nav-v2 > a.active .customer-nav-icon {
  color: #8faaff;
  filter: drop-shadow(0 0 7px rgba(73, 93, 255, .6));
}

body.customer-portal-v2 .customer-sidebar-spacer {
  flex: 1 1 auto;
  min-height: 28px;
}

body.customer-portal-v2 .customer-upgrade-card {
  position: relative;
  flex: 0 0 auto;
  min-height: 194px;
  padding: 23px 19px 19px !important;
  border: 1px solid rgba(61, 88, 132, .34) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(91, 65, 255, .25), transparent 31%),
    linear-gradient(145deg, rgba(11, 25, 54, .96), rgba(5, 17, 34, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
  overflow: hidden;
}

body.customer-portal-v2 .customer-upgrade-card::after {
  content: "";
  position: absolute;
  inset: auto -35px -55px auto;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(38, 65, 165, .08);
  filter: blur(10px);
}

body.customer-portal-v2 .customer-upgrade-card-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}

body.customer-portal-v2 .customer-upgrade-card-head b {
  max-width: 135px;
  color: #f5f7ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

body.customer-portal-v2 .customer-upgrade-card-head img {
  width: 31px;
  height: 37px;
  margin-top: -2px;
  filter: drop-shadow(0 0 12px rgba(87, 74, 255, .55));
}

body.customer-portal-v2 .customer-upgrade-card p {
  position: relative;
  z-index: 1;
  max-width: 170px;
  margin: 11px 0 20px !important;
  color: #929eb3 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.customer-portal-v2 .customer-upgrade-card > a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 109px;
  min-height: 39px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background:
    linear-gradient(#08162b, #08162b) padding-box,
    linear-gradient(110deg, #2f75ff, #a448ff) border-box;
  color: #93a5ff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
}

body.customer-portal-v2 .customer-upgrade-card > a:hover {
  color: #fff;
  box-shadow: 0 0 24px rgba(72, 82, 255, .18);
}

body.customer-portal-v2 .customer-sidebar-footer {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 148px;
  margin-top: 36px;
  padding: 29px 5px 16px !important;
  border-top: 1px solid rgba(69, 92, 123, .20) !important;
}

body.customer-portal-v2 .customer-sidebar-footer p {
  margin: 0 !important;
  color: #778399 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

body.customer-portal-v2 .customer-sidebar-footer button {
  align-self: end;
  justify-self: center;
  width: 38px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #bdc5d3;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: -.18em;
  cursor: pointer;
}

body.customer-portal-v2 .customer-sidebar-close-v188a {
  display: none;
}

/* Main shell and top bar */
body.customer-portal-v2 .customer-main {
  grid-column: 2 !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.customer-portal-v2 .customer-topbar {
  position: absolute !important;
  inset: 0 29px auto 0 !important;
  z-index: 70;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  width: auto !important;
  height: 96px !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  pointer-events: none;
}

body.customer-portal-v2 .customer-topbar::before,
body.customer-portal-v2 .customer-topbar::after {
  display: none !important;
}

body.customer-portal-v2 .customer-menu-button {
  display: none !important;
  pointer-events: auto;
}

body.customer-portal-v2 .customer-top-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  min-width: 0;
  pointer-events: auto;
}

body.customer-portal-v2 .customer-balance-block {
  display: grid;
  gap: 1px;
  min-width: 70px;
  color: #fff;
}

body.customer-portal-v2 .customer-balance-block span,
body.customer-portal-v2 .customer-balance-block strong {
  display: block;
  margin: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

body.customer-portal-v2 .customer-add-funds {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 142px;
  height: 49px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(105deg, #2859f2 0%, #5b4bf5 52%, #8a45ed 100%);
  box-shadow: 0 11px 27px rgba(56, 68, 255, .30), inset 0 1px 0 rgba(255, 255, 255, .12);
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: transform .18s ease, box-shadow .18s ease;
}

body.customer-portal-v2 .customer-add-funds:hover {
  transform: translateY(-1px);
  box-shadow: 0 15px 34px rgba(66, 70, 255, .38), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body.customer-portal-v2 .customer-add-funds .customer-svg-icon {
  width: 17px;
  height: 17px;
  stroke-width: 1.9;
}

body.customer-portal-v2 .customer-notification-button {
  position: relative;
  display: grid !important;
  place-items: center;
  width: 41px !important;
  height: 41px !important;
  min-width: 41px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #f0f3fb !important;
  text-decoration: none;
  box-shadow: none !important;
}

body.customer-portal-v2 .customer-notification-button .customer-svg-icon {
  width: 24px;
  height: 24px;
}

body.customer-portal-v2 .customer-notification-button i {
  position: absolute;
  top: 3px;
  right: 5px;
  width: 9px;
  height: 9px;
  border: 2px solid #020b18;
  border-radius: 50%;
  background: #5575ff;
  box-shadow: 0 0 10px rgba(82, 113, 255, .65);
}

body.customer-portal-v2 .customer-profile-menu {
  position: relative;
  min-width: 143px;
}

body.customer-portal-v2 .customer-profile-menu > summary {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 49px;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

body.customer-portal-v2 .customer-profile-menu > summary::-webkit-details-marker {
  display: none;
}

body.customer-portal-v2 .customer-profile-avatar {
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background: linear-gradient(145deg, #102548, #071426);
  color: #f4f6ff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: inset 0 0 0 1px rgba(68, 100, 151, .16);
}

body.customer-portal-v2 .customer-profile-menu > summary b {
  max-width: 92px;
  overflow: hidden;
  color: #f5f7fb;
  font-size: 15px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .customer-profile-menu > summary > .customer-svg-icon {
  width: 16px;
  height: 16px;
  color: #b7bfcd;
  transition: transform .18s ease;
}

body.customer-portal-v2 .customer-profile-menu[open] > summary > .customer-svg-icon {
  transform: rotate(180deg);
}

body.customer-portal-v2 .customer-profile-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 150;
  display: grid;
  width: 245px;
  padding: 9px;
  border: 1px solid rgba(76, 104, 143, .38);
  border-radius: 13px;
  background: rgba(6, 17, 31, .98);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
  backdrop-filter: blur(16px);
}

body.customer-portal-v2 .customer-profile-dropdown header {
  display: grid;
  gap: 2px;
  margin-bottom: 7px;
  padding: 10px 10px 12px;
  border-bottom: 1px solid rgba(76, 101, 134, .22);
}

body.customer-portal-v2 .customer-profile-dropdown header strong {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

body.customer-portal-v2 .customer-profile-dropdown header small {
  overflow: hidden;
  color: var(--x-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .customer-profile-dropdown > a,
body.customer-portal-v2 .customer-profile-dropdown form button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 39px;
  width: 100%;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #aeb8c9;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  cursor: pointer;
}

body.customer-portal-v2 .customer-profile-dropdown > a:hover,
body.customer-portal-v2 .customer-profile-dropdown form button:hover {
  background: rgba(61, 83, 124, .22);
  color: #fff;
}

body.customer-portal-v2 .customer-profile-dropdown .customer-svg-icon {
  width: 17px;
  height: 17px;
}

body.customer-portal-v2 .customer-profile-dropdown form {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid rgba(76, 101, 134, .22);
}

body.customer-portal-v2 .customer-profile-dropdown form button {
  color: #ff858e;
}

body.customer-portal-v2 .customer-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 75px 30px 16px 39px !important;
  overflow: visible !important;
}

body.customer-portal-v2 .customer-flashes {
  position: relative;
  z-index: 90;
  display: grid;
  gap: 8px;
  margin: 86px 30px -61px 39px;
}

body.customer-portal-v2 .customer-flash {
  padding: 12px 15px !important;
  border: 1px solid rgba(71, 103, 144, .42) !important;
  border-radius: 9px !important;
  background: rgba(9, 25, 44, .96) !important;
  color: #dce5f5 !important;
  box-shadow: var(--x-shadow) !important;
}

/* Exact dashboard */
body.customer-portal-v2 .x-dashboard-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 58px;
  margin: 0 0 20px;
}

body.customer-portal-v2 .x-dashboard-heading h1 {
  margin: 0 !important;
  color: #f8f9fd !important;
  font-size: 27px !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  line-height: 1.16 !important;
}

body.customer-portal-v2 .x-dashboard-heading h1 span {
  display: inline-block;
  margin-left: 5px;
  font-size: 27px;
  transform: translateY(1px);
}

body.customer-portal-v2 .x-dashboard-heading p {
  margin: 6px 0 0 !important;
  color: #8c98ac !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

body.customer-portal-v2 .x-dashboard-stats {
  display: grid;
  grid-template-columns: 1.09fr 1fr .99fr .98fr;
  gap: 20px;
  min-width: 0;
}

body.customer-portal-v2 .x-stat-card,
body.customer-portal-v2 .x-dashboard-card {
  border: 1px solid var(--x-border) !important;
  background:
    radial-gradient(circle at 85% 7%, rgba(25, 54, 95, .08), transparent 38%),
    linear-gradient(140deg, rgba(8, 21, 37, .98), rgba(5, 17, 31, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .012), 0 14px 32px rgba(0, 0, 0, .08) !important;
}

body.customer-portal-v2 .x-stat-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 17px;
  min-width: 0;
  height: 140px;
  padding: 20px 19px;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

body.customer-portal-v2 .x-stat-card:hover {
  transform: translateY(-2px);
  border-color: rgba(83, 117, 169, .58) !important;
  background: linear-gradient(140deg, rgba(10, 26, 46, .99), rgba(6, 19, 35, .99)) !important;
}

body.customer-portal-v2 .x-stat-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 61px;
  height: 61px;
  border: 1px solid rgba(68, 93, 161, .20);
  border-radius: 50%;
  background: rgba(27, 37, 94, .50);
}

body.customer-portal-v2 .x-stat-icon .customer-svg-icon {
  width: 29px;
  height: 29px;
  stroke-width: 1.6;
}

body.customer-portal-v2 .x-stat-icon-blue {
  color: #628cff;
  background: radial-gradient(circle, rgba(27, 58, 143, .72), rgba(16, 27, 84, .72));
}

body.customer-portal-v2 .x-stat-icon-purple,
body.customer-portal-v2 .x-stat-icon-violet {
  color: #9b6cff;
  background: radial-gradient(circle, rgba(62, 36, 141, .68), rgba(22, 22, 73, .72));
}

body.customer-portal-v2 .x-stat-copy {
  display: grid;
  align-content: center;
  min-width: 0;
  flex: 1 1 auto;
}

body.customer-portal-v2 .x-stat-copy > small {
  margin: 0 0 7px;
  color: #8f9aae;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .015em;
  line-height: 1;
}

body.customer-portal-v2 .x-stat-copy > strong,
body.customer-portal-v2 .x-stat-value-row > strong {
  overflow: hidden;
  margin: 0;
  color: #f8f9fd;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-stat-value-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

body.customer-portal-v2 .x-stat-value-row > strong {
  flex: 0 1 auto;
}

body.customer-portal-v2 .x-stat-value-row em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 23px;
  padding: 0 9px;
  border-radius: 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}

body.customer-portal-v2 .x-stat-value-row em.is-active {
  background: rgba(24, 117, 75, .28);
  color: #42d98d;
}

body.customer-portal-v2 .x-stat-value-row em.is-muted {
  background: rgba(95, 108, 128, .18);
  color: #a4afc1;
}

body.customer-portal-v2 .x-stat-copy > p {
  overflow: hidden;
  margin: 8px 0 0 !important;
  color: #8b97aa !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-stat-progress {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: #20304a;
  overflow: hidden;
}

body.customer-portal-v2 .x-stat-progress i {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #7048ff, #9858ff);
  box-shadow: 0 0 10px rgba(121, 76, 255, .36);
}

body.customer-portal-v2 .x-card-chevron {
  width: 18px;
  height: 18px;
  margin-left: auto;
  color: #b5bdca;
}

body.customer-portal-v2 .x-value-good {
  color: #43dd91 !important;
}

body.customer-portal-v2 .x-value-warn {
  color: #f0b95d !important;
}

body.customer-portal-v2 .x-dashboard-primary-grid,
body.customer-portal-v2 .x-dashboard-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(430px, 1fr);
  gap: 22px;
  min-width: 0;
}

body.customer-portal-v2 .x-dashboard-primary-grid {
  margin-top: 22px;
}

body.customer-portal-v2 .x-dashboard-secondary-grid {
  margin-top: 20px;
}

body.customer-portal-v2 .x-dashboard-card {
  min-width: 0;
  border-radius: 10px !important;
  overflow: hidden;
}

body.customer-portal-v2 .x-vpn-connection-card,
body.customer-portal-v2 .x-security-overview-card {
  height: 355px;
}

body.customer-portal-v2 .x-recent-activity-card,
body.customer-portal-v2 .x-help-card {
  height: 223px;
}

body.customer-portal-v2 .x-card-heading {
  display: flex;
  align-items: center;
  min-height: 56px;
  gap: 8px;
  padding: 0 20px;
}

body.customer-portal-v2 .x-card-heading h2 {
  margin: 0 !important;
  color: #d8dde8 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .055em !important;
  line-height: 1 !important;
}

body.customer-portal-v2 .x-card-heading-link {
  justify-content: space-between;
}

body.customer-portal-v2 .x-card-heading-link a {
  color: #677bff;
  text-decoration: none;
  font-size: 11px;
  font-weight: 400;
}

body.customer-portal-v2 .x-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

body.customer-portal-v2 .x-status-dot.connected,
body.customer-portal-v2 .x-status-dot.ready {
  background: #48d99a;
  box-shadow: 0 0 9px rgba(72, 217, 154, .45);
}

body.customer-portal-v2 .x-status-dot.pending {
  background: #6f7f99;
}

body.customer-portal-v2 .x-vpn-connection-body {
  display: grid;
  grid-template-columns: minmax(300px, 1.12fr) minmax(270px, .88fr);
  align-items: center;
  gap: 12px;
  height: calc(100% - 56px);
  padding: 0 23px 21px 20px;
}

body.customer-portal-v2 .x-shield-orbit {
  position: relative;
  display: grid;
  place-items: center;
  width: min(100%, 340px);
  aspect-ratio: 1.12 / 1;
  margin: -3px auto 0;
}

body.customer-portal-v2 .x-shield-orbit::before,
body.customer-portal-v2 .x-shield-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

body.customer-portal-v2 .x-shield-orbit::before {
  width: 250px;
  height: 250px;
  border: 1px solid rgba(50, 95, 169, .22);
  background:
    repeating-conic-gradient(from 6deg, rgba(59, 109, 203, .20) 0deg 1deg, transparent 1deg 18deg);
  mask: radial-gradient(circle, transparent 0 59%, #000 60% 61%, transparent 62% 100%);
  opacity: .65;
}

body.customer-portal-v2 .x-shield-orbit::after {
  width: 178px;
  height: 178px;
  background: radial-gradient(circle, rgba(35, 65, 168, .28), rgba(26, 47, 122, .07) 53%, transparent 70%);
  filter: blur(6px);
}

body.customer-portal-v2 .x-shield-orbit > img {
  position: relative;
  z-index: 5;
  width: 126px;
  height: 145px;
  filter: drop-shadow(0 0 20px rgba(66, 71, 255, .58));
}

body.customer-portal-v2 .x-orbit-ring {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

body.customer-portal-v2 .x-orbit-ring-one {
  width: 240px;
  height: 171px;
  border: 1px solid rgba(52, 97, 175, .38);
  transform: rotate(2deg);
}

body.customer-portal-v2 .x-orbit-ring-two {
  width: 276px;
  height: 208px;
  border: 1px dashed rgba(47, 86, 151, .22);
  transform: rotate(-8deg);
}

body.customer-portal-v2 .x-orbit-ring-three {
  width: 188px;
  height: 240px;
  border: 1px solid rgba(51, 89, 151, .18);
  transform: rotate(28deg);
}

body.customer-portal-v2 .x-orbit-node {
  position: absolute;
  z-index: 6;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4f5cff;
  box-shadow: 0 0 10px rgba(75, 87, 255, .7);
}

body.customer-portal-v2 .x-orbit-node.n1 { left: 17px; top: 58%; }
body.customer-portal-v2 .x-orbit-node.n2 { right: 17px; top: 42%; }
body.customer-portal-v2 .x-orbit-node.n3 { right: 65px; bottom: 29px; width: 4px; height: 4px; background: #3670d9; }

body.customer-portal-v2 .x-connection-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-top: 5px;
}

body.customer-portal-v2 .x-connection-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 83px;
  min-height: 27px;
  padding: 0 12px;
  border-radius: 8px;
  background: rgba(24, 112, 76, .28);
  color: #4bdc94;
  font-size: 11px;
  font-weight: 500;
}

body.customer-portal-v2 .x-connection-pill.pending {
  background: rgba(78, 90, 112, .24);
  color: #aeb8c8;
}

body.customer-portal-v2 .x-connection-details h3 {
  margin: 10px 0 3px !important;
  color: #f5f7fd !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  line-height: 1.25 !important;
}

body.customer-portal-v2 .x-connection-details > p {
  max-width: 245px;
  min-height: 39px;
  margin: 0 0 12px !important;
  color: #8996aa !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.customer-portal-v2 .x-connection-details dl {
  display: grid;
  gap: 8px;
  width: 100%;
  margin: 0 0 15px;
}

body.customer-portal-v2 .x-connection-details dl > div {
  display: grid;
  grid-template-columns: minmax(118px, 1fr) minmax(115px, auto);
  align-items: center;
  gap: 10px;
}

body.customer-portal-v2 .x-connection-details dt {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #8793a7;
  font-size: 11px;
  font-weight: 400;
}

body.customer-portal-v2 .x-connection-details dt .customer-svg-icon {
  width: 16px;
  height: 16px;
  color: #a1adbf;
  stroke-width: 1.55;
}

body.customer-portal-v2 .x-connection-details dd {
  overflow: hidden;
  margin: 0;
  color: #d9deea;
  font-size: 11px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-connection-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 37px;
  padding: 0 14px;
  border: 1px solid rgba(80, 108, 146, .45);
  border-radius: 7px;
  background: rgba(5, 14, 26, .42);
  color: #7894ff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
}

body.customer-portal-v2 .x-connection-button.is-disconnect {
  color: #ff777d;
}

body.customer-portal-v2 .x-connection-button .customer-svg-icon {
  width: 17px;
  height: 17px;
}

body.customer-portal-v2 .x-security-overview-card {
  padding: 0 20px 18px;
}

body.customer-portal-v2 .x-security-overview-card .x-card-heading {
  margin: 0 -20px;
}

body.customer-portal-v2 .x-security-list {
  border: 1px solid rgba(64, 88, 121, .30);
  border-radius: 9px;
  background: rgba(8, 22, 39, .56);
  overflow: hidden;
}

body.customer-portal-v2 .x-security-list > a {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) 100px 22px;
  align-items: center;
  gap: 10px;
  min-height: 55px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(66, 89, 119, .20);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-v2 .x-security-list > a:last-child {
  border-bottom: 0;
}

body.customer-portal-v2 .x-security-list > a > span {
  display: grid;
  place-items: center;
  color: #aeb9ca;
}

body.customer-portal-v2 .x-security-list > a > span .customer-svg-icon {
  width: 21px;
  height: 21px;
  stroke-width: 1.45;
}

body.customer-portal-v2 .x-security-list > a b {
  color: #d7dce7;
  font-size: 12px;
  font-weight: 400;
}

body.customer-portal-v2 .x-security-list > a em {
  overflow: hidden;
  color: #43d98d;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-security-list > a.needs-review em {
  color: #a8b3c5;
}

body.customer-portal-v2 .x-security-list > a > i {
  display: grid;
  place-items: center;
  color: #43d98d;
  font-style: normal;
}

body.customer-portal-v2 .x-security-list > a.needs-review > i {
  color: #7f8da3;
}

body.customer-portal-v2 .x-security-list > a > i .customer-svg-icon {
  width: 18px;
  height: 18px;
}

body.customer-portal-v2 .x-security-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 22px 3px 0 !important;
  color: #8996a9 !important;
  font-size: 11px !important;
}

body.customer-portal-v2 .x-security-note .customer-svg-icon {
  width: 21px;
  height: 21px;
  color: #a9b4c5;
}

body.customer-portal-v2 .x-recent-activity-card,
body.customer-portal-v2 .x-help-card {
  padding: 0 20px 15px;
}

body.customer-portal-v2 .x-recent-activity-card .x-card-heading,
body.customer-portal-v2 .x-help-card .x-card-heading {
  min-height: 45px;
  margin: 0 -20px;
}

body.customer-portal-v2 .x-activity-list {
  display: grid;
}

body.customer-portal-v2 .x-activity-list > a {
  display: grid;
  grid-template-columns: 21px 145px minmax(0, 1fr) minmax(120px, 165px);
  align-items: center;
  gap: 9px;
  min-height: 42px;
  border-bottom: 1px solid rgba(64, 87, 117, .18);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-v2 .x-activity-list > a:last-child {
  border-bottom: 0;
}

body.customer-portal-v2 .x-activity-icon {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #4bd99a;
  color: #061728;
}

body.customer-portal-v2 .x-activity-icon.info {
  background: #4c78ff;
  color: #071631;
}

body.customer-portal-v2 .x-activity-icon .customer-svg-icon {
  width: 11px;
  height: 11px;
  stroke-width: 2.4;
}

body.customer-portal-v2 .x-activity-list time,
body.customer-portal-v2 .x-activity-list b,
body.customer-portal-v2 .x-activity-list em {
  overflow: hidden;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-activity-list time {
  color: #8f9bad;
}

body.customer-portal-v2 .x-activity-list b {
  color: #929db0;
}

body.customer-portal-v2 .x-activity-list em {
  color: #8f9bad;
  text-align: right;
}

body.customer-portal-v2 .x-activity-empty {
  display: grid;
  place-items: center;
  min-height: 150px;
  color: #8794a8;
  text-align: center;
}

body.customer-portal-v2 .x-activity-empty span {
  color: #617bff;
}

body.customer-portal-v2 .x-activity-empty b {
  color: #dce2ed;
  font-size: 13px;
}

body.customer-portal-v2 .x-activity-empty p {
  margin: 0;
  font-size: 11px;
}

body.customer-portal-v2 .x-help-card nav {
  display: grid;
}

body.customer-portal-v2 .x-help-card nav > a {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  min-height: 55px;
  border-bottom: 1px solid rgba(64, 87, 117, .18);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-v2 .x-help-card nav > a:last-child {
  border-bottom: 0;
}

body.customer-portal-v2 .x-help-card nav > a > span {
  display: grid;
  place-items: center;
  color: #aeb9c9;
}

body.customer-portal-v2 .x-help-card nav > a > span .customer-svg-icon {
  width: 24px;
  height: 24px;
  stroke-width: 1.45;
}

body.customer-portal-v2 .x-help-card nav > a > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

body.customer-portal-v2 .x-help-card nav > a b {
  overflow: hidden;
  color: #d8dde8;
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-help-card nav > a small {
  overflow: hidden;
  color: #8390a5;
  font-size: 10px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-help-card nav > a > .customer-svg-icon {
  width: 17px;
  height: 17px;
  color: #b9c2d0;
}

/* Shared subpage design system */
body.customer-portal-v2 .customer-panel,
body.customer-portal-v2 .customer-form-card,
body.customer-portal-v2 .customer-file-card,
body.customer-portal-v2 .customer-service-workbench-hero,
body.customer-portal-v2 .customer-security-card,
body.customer-portal-v2 .customer-settings-section,
body.customer-portal-v2 .customer-owned-service-card,
body.customer-portal-v2 .customer-service-tile,
body.customer-portal-v2 .customer-command-card,
body.customer-portal-v2 .customer-alert,
body.customer-portal-v2 .customer-empty-state,
body.customer-portal-v2 .tool-panel,
body.customer-portal-v2 .tool-form-card,
body.customer-portal-v2 .tool-output-card {
  border: 1px solid var(--x-border) !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, rgba(8, 21, 37, .98), rgba(5, 17, 31, .98)) !important;
  box-shadow: none !important;
  color: var(--x-text) !important;
}

body.customer-portal-v2 .customer-compact-hero,
body.customer-portal-v2 .customer-page-hero,
body.customer-portal-v2 .customer-account-hero,
body.customer-portal-v2 .customer-billing-hero,
body.customer-portal-v2 .customer-files-hero,
body.customer-portal-v2 .customer-security-hero,
body.customer-portal-v2 .customer-dashboard-hero,
body.customer-portal-v2 .ticket-detail-hero,
body.customer-portal-v2 .customer-service-workbench-hero,
body.customer-portal-v2 .customer-service-hero,
body.customer-portal-v2 .customer-search-hero,
body.customer-portal-v2 .customer-report-view-hero,
body.customer-portal-v2 .tools-hero {
  min-height: 0 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.customer-portal-v2 .customer-compact-hero::before,
body.customer-portal-v2 .customer-compact-hero::after,
body.customer-portal-v2 .customer-page-hero::before,
body.customer-portal-v2 .customer-page-hero::after,
body.customer-portal-v2 .customer-service-workbench-hero::before,
body.customer-portal-v2 .customer-service-workbench-hero::after {
  display: none !important;
}

body.customer-portal-v2 .customer-compact-welcome,
body.customer-portal-v2 .customer-hero-copy,
body.customer-portal-v2 .service-hero-copy {
  max-width: 850px !important;
}

body.customer-portal-v2 .customer-compact-welcome h1,
body.customer-portal-v2 .customer-page-hero h1,
body.customer-portal-v2 .customer-account-hero h1,
body.customer-portal-v2 .customer-billing-hero h1,
body.customer-portal-v2 .customer-files-hero h1,
body.customer-portal-v2 .customer-security-hero h1,
body.customer-portal-v2 .customer-dashboard-hero h1,
body.customer-portal-v2 .ticket-detail-hero h1,
body.customer-portal-v2 .customer-service-workbench-hero h1,
body.customer-portal-v2 .customer-search-hero h1,
body.customer-portal-v2 .customer-report-view-hero h1,
body.customer-portal-v2 .tools-hero h1 {
  margin: 0 !important;
  color: #f7f9fd !important;
  font-size: clamp(26px, 2.3vw, 34px) !important;
  font-weight: 500 !important;
  letter-spacing: -.04em !important;
  line-height: 1.15 !important;
}

body.customer-portal-v2 .customer-compact-welcome p,
body.customer-portal-v2 .customer-page-hero p,
body.customer-portal-v2 .customer-account-hero p,
body.customer-portal-v2 .customer-billing-hero p,
body.customer-portal-v2 .customer-files-hero p,
body.customer-portal-v2 .customer-security-hero p,
body.customer-portal-v2 .customer-dashboard-hero p,
body.customer-portal-v2 .ticket-detail-hero p,
body.customer-portal-v2 .customer-service-workbench-hero p,
body.customer-portal-v2 .customer-search-hero p,
body.customer-portal-v2 .customer-report-view-hero p,
body.customer-portal-v2 .tools-hero p {
  max-width: 760px;
  margin: 7px 0 0 !important;
  color: var(--x-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.customer-portal-v2 .customer-kicker,
body.customer-portal-v2 .customer-eyebrow,
body.customer-portal-v2 .eyebrow,
body.customer-portal-v2 .customer-panel-head span,
body.customer-portal-v2 .next-command-copy > span {
  color: #718cff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

body.customer-portal-v2 .customer-compact-status,
body.customer-portal-v2 .customer-hero-status-card,
body.customer-portal-v2 .service-next-card {
  border: 1px solid var(--x-border) !important;
  border-radius: 9px !important;
  background: rgba(8, 22, 39, .75) !important;
  box-shadow: none !important;
}

body.customer-portal-v2 .customer-panel {
  margin: 0 0 20px !important;
  padding: 20px !important;
}

body.customer-portal-v2 .customer-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 37px !important;
  margin: 0 0 17px !important;
  padding: 0 !important;
  border: 0 !important;
}

body.customer-portal-v2 .customer-panel-head h2,
body.customer-portal-v2 .customer-panel h2,
body.customer-portal-v2 .customer-form-card h2,
body.customer-portal-v2 .tool-panel h2 {
  margin: 3px 0 0 !important;
  color: #edf1f8 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}

body.customer-portal-v2 .customer-panel-head > a,
body.customer-portal-v2 .customer-panel-head > div > a {
  color: #7388ff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.customer-portal-v2 .customer-next-command {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 102px !important;
  margin: 0 0 20px !important;
  padding: 17px 20px !important;
}

body.customer-portal-v2 .next-command-icon {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(46, 69, 145, .32) !important;
  color: #8297ff !important;
  font-size: 18px !important;
}

body.customer-portal-v2 .next-command-copy h2 {
  margin: 4px 0 2px !important;
  font-size: 17px !important;
}

body.customer-portal-v2 .next-command-copy p {
  margin: 0 !important;
  color: var(--x-muted) !important;
  font-size: 12px !important;
}

body.customer-portal-v2 .customer-gradient-button,
body.customer-portal-v2 .customer-button.primary,
body.customer-portal-v2 .primary-btn,
body.customer-portal-v2 button.customer-button.primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(105deg, #315ff1, #734ff0) !important;
  box-shadow: 0 9px 24px rgba(57, 70, 246, .20) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

body.customer-portal-v2 .customer-ghost-button,
body.customer-portal-v2 .customer-button.secondary,
body.customer-portal-v2 .ghost-pill,
body.customer-portal-v2 .customer-button:not(.primary) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(79, 107, 145, .43) !important;
  border-radius: 8px !important;
  background: rgba(7, 19, 34, .55) !important;
  box-shadow: none !important;
  color: #aeb9ca !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

body.customer-portal-v2 .customer-gradient-button:hover,
body.customer-portal-v2 .customer-button.primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

body.customer-portal-v2 input:not([type="checkbox"]):not([type="radio"]),
body.customer-portal-v2 select,
body.customer-portal-v2 textarea {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  border: 1px solid rgba(75, 101, 137, .40) !important;
  border-radius: 8px !important;
  outline: 0;
  background: rgba(4, 14, 27, .82) !important;
  color: #e9edf5 !important;
  box-shadow: none !important;
}

body.customer-portal-v2 textarea {
  min-height: 118px;
  resize: vertical;
}

body.customer-portal-v2 input:focus,
body.customer-portal-v2 select:focus,
body.customer-portal-v2 textarea:focus {
  border-color: rgba(91, 112, 255, .72) !important;
  box-shadow: 0 0 0 3px rgba(74, 86, 255, .10) !important;
}

body.customer-portal-v2 label,
body.customer-portal-v2 .customer-form-card label {
  color: #bcc5d3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.customer-portal-v2 .muted,
body.customer-portal-v2 small,
body.customer-portal-v2 .customer-panel p,
body.customer-portal-v2 .customer-form-card p {
  color: var(--x-muted) !important;
}

body.customer-portal-v2 table {
  width: 100%;
  border-collapse: collapse;
  color: #cbd3df;
}

body.customer-portal-v2 th,
body.customer-portal-v2 td {
  padding: 13px 12px !important;
  border-bottom: 1px solid rgba(65, 88, 119, .22) !important;
  text-align: left;
  font-size: 12px;
}

body.customer-portal-v2 th {
  color: #8794a9 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.customer-portal-v2 .customer-profile-filter-row,
body.customer-portal-v2 .customer-service-tabs,
body.customer-portal-v2 .customer-ticket-tabs,
body.customer-portal-v2 .customer-billing-tabs,
body.customer-portal-v2 .customer-settings-tabs,
body.customer-portal-v2 .activity-filter-pills,
body.customer-portal-v2 .customer-notification-pills {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto;
  padding: 2px 0 1px !important;
  scrollbar-width: none;
}

body.customer-portal-v2 .customer-profile-filter-row::-webkit-scrollbar,
body.customer-portal-v2 .customer-service-tabs::-webkit-scrollbar,
body.customer-portal-v2 .customer-ticket-tabs::-webkit-scrollbar {
  display: none;
}

body.customer-portal-v2 .customer-profile-filter-row a,
body.customer-portal-v2 .customer-service-tabs a,
body.customer-portal-v2 .customer-ticket-tabs a,
body.customer-portal-v2 .customer-billing-tabs a,
body.customer-portal-v2 .customer-settings-tabs a,
body.customer-portal-v2 .activity-filter-pills a,
body.customer-portal-v2 .customer-notification-pills a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 35px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(73, 99, 135, .35) !important;
  border-radius: 8px !important;
  background: rgba(6, 18, 32, .62) !important;
  color: #929fb2 !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

body.customer-portal-v2 .customer-profile-filter-row a.active,
body.customer-portal-v2 .customer-service-tabs a.active,
body.customer-portal-v2 .customer-ticket-tabs a.active,
body.customer-portal-v2 .customer-billing-tabs a.active,
body.customer-portal-v2 .customer-settings-tabs a.active,
body.customer-portal-v2 .activity-filter-pills a.active,
body.customer-portal-v2 .customer-notification-pills a.active {
  border-color: rgba(79, 99, 229, .55) !important;
  background: rgba(37, 53, 117, .48) !important;
  color: #aab7ff !important;
}

body.customer-portal-v2 .customer-compact-overview-grid,
body.customer-portal-v2 .customer-stat-grid,
body.customer-portal-v2 .customer-settings-grid,
body.customer-portal-v2 .customer-file-grid,
body.customer-portal-v2 .customer-service-grid-page,
body.customer-portal-v2 .customer-search-result-grid,
body.customer-portal-v2 .tool-panel-grid {
  gap: 16px !important;
}

body.customer-portal-v2 .customer-compact-card,
body.customer-portal-v2 .customer-stat-card,
body.customer-portal-v2 .customer-search-result-card,
body.customer-portal-v2 .compact-service-row,
body.customer-portal-v2 .customer-library-file-card,
body.customer-portal-v2 .ticket-card,
body.customer-portal-v2 .customer-session-card,
body.customer-portal-v2 .customer-notification,
body.customer-portal-v2 .customer-report-card,
body.customer-portal-v2 .customer-finding-card,
body.customer-portal-v2 .customer-action-request {
  border: 1px solid rgba(73, 99, 135, .32) !important;
  border-radius: 9px !important;
  background: rgba(7, 20, 36, .70) !important;
  box-shadow: none !important;
}

body.customer-portal-v2 .customer-compact-card:hover,
body.customer-portal-v2 .compact-service-row:hover,
body.customer-portal-v2 .ticket-card:hover,
body.customer-portal-v2 .customer-library-file-card:hover {
  border-color: rgba(85, 113, 161, .55) !important;
  transform: translateY(-1px);
}

body.customer-portal-v2 .customer-status-pill,
body.customer-portal-v2 .ticket-status,
body.customer-portal-v2 .customer-soft-pill,
body.customer-portal-v2 .channel-pill {
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.customer-portal-v2 .customer-empty-state,
body.customer-portal-v2 .customer-compact-empty {
  padding: 30px !important;
  color: var(--x-muted) !important;
  text-align: center !important;
}

body.customer-portal-v2 .customer-empty-state b,
body.customer-portal-v2 .customer-compact-empty b {
  color: #e7ebf3 !important;
  font-weight: 500 !important;
}

body.customer-portal-v2 .customer-back-link {
  display: inline-flex;
  margin-bottom: 12px;
  color: #7d91ff !important;
  text-decoration: none !important;
  font-size: 12px;
}

/* Command palette */
body.customer-portal-v2 .customer-command-palette[hidden] {
  display: none !important;
}

body.customer-portal-v2 .customer-command-palette {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: start center;
  padding-top: min(18vh, 150px);
}

body.customer-portal-v2 .customer-command-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 5, 14, .76);
  backdrop-filter: blur(9px);
}

body.customer-portal-v2 .customer-command-modal {
  position: relative;
  width: min(620px, calc(100vw - 30px));
  max-height: 70vh;
  padding: 10px;
  border: 1px solid rgba(80, 108, 147, .46);
  border-radius: 14px;
  background: #071423;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55);
  overflow: hidden;
}

body.customer-portal-v2 .palette-head {
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 4px 5px 12px;
  border-bottom: 1px solid rgba(75, 100, 134, .24);
}

body.customer-portal-v2 .palette-head input {
  min-height: 43px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.customer-portal-v2 .palette-head button {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid rgba(80, 107, 145, .35);
  border-radius: 7px;
  background: rgba(19, 37, 59, .72);
  color: #8f9bad;
  font-size: 11px;
}

body.customer-portal-v2 .palette-results {
  display: grid;
  gap: 3px;
  max-height: 54vh;
  padding-top: 8px;
  overflow: auto;
}

body.customer-portal-v2 .palette-results a {
  display: grid;
  gap: 2px;
  min-height: 52px;
  padding: 9px 12px;
  border-radius: 8px;
  text-decoration: none;
}

body.customer-portal-v2 .palette-results a:hover {
  background: rgba(54, 74, 113, .24);
}

body.customer-portal-v2 .palette-results b {
  color: #e7ebf3;
  font-size: 13px;
  font-weight: 500;
}

body.customer-portal-v2 .palette-results small {
  font-size: 11px;
}

/* Hide legacy decorative/injected desktop clutter */
body.customer-portal-v2 .customer-aurora,
body.customer-portal-v2 .customer-grid-bg,
body.customer-portal-v2 .customer-noise-bg,
body.customer-portal-v2 .xensec-pwa-quick-strip,
body.customer-portal-v2 .xensec-pwa-update-card,
body.customer-portal-v2 .customer-pwa-bottom-nav {
  display: none !important;
}

/* Collapsed desktop rail */
@media (min-width: 981px) {
  body.customer-portal-v2.customer-sidebar-collapsed {
    --x-sidebar: 90px;
  }

  body.customer-portal-v2.customer-sidebar-collapsed .customer-sidebar-inner {
    padding-inline: 14px !important;
  }

  body.customer-portal-v2.customer-sidebar-collapsed .customer-logo-v2 {
    margin-left: 10px !important;
  }

  body.customer-portal-v2.customer-sidebar-collapsed .customer-logo-v2 span,
  body.customer-portal-v2.customer-sidebar-collapsed .customer-nav-v2 > a b,
  body.customer-portal-v2.customer-sidebar-collapsed .customer-nav-v2 > a em,
  body.customer-portal-v2.customer-sidebar-collapsed .customer-nav-v2 > a > i,
  body.customer-portal-v2.customer-sidebar-collapsed .customer-upgrade-card,
  body.customer-portal-v2.customer-sidebar-collapsed .customer-sidebar-footer p {
    display: none !important;
  }

  body.customer-portal-v2.customer-sidebar-collapsed .customer-nav-v2 > a {
    justify-content: center !important;
    padding: 0 !important;
  }

  body.customer-portal-v2.customer-sidebar-collapsed .customer-sidebar-footer {
    min-height: 80px;
  }
}

/* Large desktop tuning */
@media (min-width: 1500px) {
  body.customer-portal-v2 .customer-content {
    padding-right: 30px !important;
  }
}

@media (max-width: 1320px) {
  body.customer-portal-v2 .x-dashboard-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.customer-portal-v2 .x-dashboard-primary-grid,
  body.customer-portal-v2 .x-dashboard-secondary-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  }

  body.customer-portal-v2 .x-vpn-connection-body {
    grid-template-columns: minmax(250px, .95fr) minmax(260px, 1.05fr);
  }

  body.customer-portal-v2 .x-activity-list > a {
    grid-template-columns: 21px 120px minmax(0, 1fr);
  }

  body.customer-portal-v2 .x-activity-list em {
    display: none;
  }
}

@media (max-width: 1100px) {
  body.customer-portal-v2 .customer-top-actions {
    gap: 16px !important;
  }

  body.customer-portal-v2 .customer-balance-block {
    display: none;
  }

  body.customer-portal-v2 .x-dashboard-primary-grid,
  body.customer-portal-v2 .x-dashboard-secondary-grid {
    grid-template-columns: 1fr;
  }

  body.customer-portal-v2 .x-vpn-connection-card,
  body.customer-portal-v2 .x-security-overview-card,
  body.customer-portal-v2 .x-recent-activity-card,
  body.customer-portal-v2 .x-help-card {
    height: auto;
    min-height: 250px;
  }

  body.customer-portal-v2 .x-vpn-connection-body {
    min-height: 310px;
  }
}

/* Mobile/tablet drawer */
@media (max-width: 980px) {
  body.customer-portal-v2 {
    --x-sidebar: 286px;
  }

  body.customer-portal-v2 .customer-shell {
    display: block !important;
  }

  body.customer-portal-v2 .customer-sidebar {
    transform: translateX(-102%) !important;
    transition: transform .22s ease !important;
    box-shadow: 24px 0 60px rgba(0, 0, 0, .48) !important;
  }

  body.customer-portal-v2 .customer-sidebar.open,
  body.customer-portal-v2.customer-menu-open .customer-sidebar {
    transform: translateX(0) !important;
  }

  body.customer-portal-v2 .customer-sidebar-close-v188a {
    position: absolute;
    top: 17px;
    right: 14px;
    z-index: 5;
    display: grid !important;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(79, 105, 142, .36);
    border-radius: 9px;
    background: rgba(9, 24, 42, .92);
    color: #c9d1de;
    font-size: 23px;
  }

  body.customer-portal-v2 .customer-sidebar-backdrop-v188a {
    position: fixed;
    inset: 0;
    z-index: 110;
    display: block;
    border: 0;
    background: rgba(0, 5, 13, .70);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
  }

  body.customer-portal-v2 .customer-sidebar-backdrop-v188a.is-open,
  body.customer-portal-v2.customer-menu-open .customer-sidebar-backdrop-v188a {
    opacity: 1;
    visibility: visible;
  }

  body.customer-portal-v2 .customer-main {
    grid-column: 1 !important;
  }

  body.customer-portal-v2 .customer-topbar {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 15px !important;
    border-bottom: 1px solid rgba(69, 94, 128, .25) !important;
    background: rgba(2, 11, 24, .88) !important;
    backdrop-filter: blur(18px) !important;
    pointer-events: auto;
  }

  body.customer-portal-v2 .customer-menu-button {
    display: grid !important;
    place-items: center;
    width: 42px !important;
    height: 42px !important;
    margin-right: auto !important;
    padding: 0 !important;
    border: 1px solid rgba(79, 105, 143, .35) !important;
    border-radius: 9px !important;
    background: rgba(8, 23, 41, .78) !important;
    color: #d5dbe6 !important;
    box-shadow: none !important;
  }

  body.customer-portal-v2 .customer-menu-button .customer-svg-icon {
    width: 21px;
    height: 21px;
  }

  body.customer-portal-v2 .customer-add-funds {
    min-width: 44px;
    width: 44px;
    height: 42px;
    padding: 0;
  }

  body.customer-portal-v2 .customer-add-funds span {
    display: none;
  }

  body.customer-portal-v2 .customer-profile-menu {
    min-width: auto;
  }

  body.customer-portal-v2 .customer-profile-menu > summary b,
  body.customer-portal-v2 .customer-profile-menu > summary > .customer-svg-icon {
    display: none;
  }

  body.customer-portal-v2 .customer-profile-avatar {
    width: 39px;
    height: 39px;
  }

  body.customer-portal-v2 .customer-content {
    padding: 94px 17px 30px !important;
  }

  body.customer-portal-v2 .customer-flashes {
    margin: 84px 17px -70px;
  }

  body.customer-portal-v2 .x-dashboard-heading {
    min-height: 52px;
  }

  body.customer-portal-v2 .x-dashboard-heading h1 {
    font-size: 25px !important;
  }

  body.customer-portal-v2 .x-dashboard-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  body.customer-portal-v2 .x-stat-card {
    height: 128px;
  }

  body.customer-portal-v2 .xensec-pwa-quick-strip,
  body.customer-portal-v2 .xensec-pwa-update-card,
  body.customer-portal-v2 .customer-pwa-bottom-nav {
    display: none !important;
  }
}

@media (max-width: 700px) {
  body.customer-portal-v2 .customer-top-actions {
    gap: 8px !important;
  }

  body.customer-portal-v2 .customer-notification-button {
    width: 36px !important;
    min-width: 36px !important;
  }

  body.customer-portal-v2 .x-dashboard-stats {
    grid-template-columns: 1fr;
  }

  body.customer-portal-v2 .x-stat-card {
    height: 117px;
  }

  body.customer-portal-v2 .x-dashboard-primary-grid,
  body.customer-portal-v2 .x-dashboard-secondary-grid {
    gap: 15px;
    margin-top: 15px;
  }

  body.customer-portal-v2 .x-vpn-connection-body {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 0 17px 20px;
  }

  body.customer-portal-v2 .x-shield-orbit {
    width: 280px;
    margin-top: -9px;
  }

  body.customer-portal-v2 .x-connection-details {
    width: 100%;
    padding: 0 0 4px;
  }

  body.customer-portal-v2 .x-connection-details > p {
    max-width: 100%;
  }

  body.customer-portal-v2 .x-security-overview-card,
  body.customer-portal-v2 .x-recent-activity-card,
  body.customer-portal-v2 .x-help-card {
    min-height: 0;
  }

  body.customer-portal-v2 .x-security-list > a {
    grid-template-columns: 25px minmax(0, 1fr) auto 20px;
    padding: 0 12px;
  }

  body.customer-portal-v2 .x-activity-list > a {
    grid-template-columns: 20px minmax(85px, 110px) minmax(0, 1fr);
    gap: 7px;
  }

  body.customer-portal-v2 .x-activity-list time,
  body.customer-portal-v2 .x-activity-list b {
    font-size: 10px;
  }

  body.customer-portal-v2 .customer-next-command {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  body.customer-portal-v2 .next-command-actions {
    grid-column: 1 / -1;
  }

  body.customer-portal-v2 .next-command-actions a,
  body.customer-portal-v2 .next-command-actions button {
    width: 100%;
  }

  body.customer-portal-v2 .customer-panel {
    padding: 16px !important;
  }

  body.customer-portal-v2 .customer-panel-head {
    align-items: flex-start !important;
  }
}

@media (max-width: 460px) {
  body.customer-portal-v2 .customer-content {
    padding-inline: 12px !important;
  }

  body.customer-portal-v2 .customer-topbar {
    padding-inline: 10px !important;
  }

  body.customer-portal-v2 .customer-add-funds {
    display: none;
  }

  body.customer-portal-v2 .x-dashboard-heading h1 {
    font-size: 23px !important;
  }

  body.customer-portal-v2 .x-dashboard-heading h1 span {
    font-size: 22px;
  }

  body.customer-portal-v2 .x-stat-card {
    gap: 13px;
    padding: 16px;
  }

  body.customer-portal-v2 .x-stat-icon {
    width: 52px;
    height: 52px;
  }

  body.customer-portal-v2 .x-stat-copy > strong,
  body.customer-portal-v2 .x-stat-value-row > strong {
    font-size: 18px;
  }

  body.customer-portal-v2 .x-shield-orbit {
    width: 245px;
  }

  body.customer-portal-v2 .x-orbit-ring-one { width: 208px; height: 149px; }
  body.customer-portal-v2 .x-orbit-ring-two { width: 235px; height: 179px; }
  body.customer-portal-v2 .x-shield-orbit::before { width: 215px; height: 215px; }
  body.customer-portal-v2 .x-shield-orbit > img { width: 106px; height: 124px; }

  body.customer-portal-v2 .x-connection-details dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(65, 88, 119, .16);
  }

  body.customer-portal-v2 .x-security-list > a {
    grid-template-columns: 24px minmax(0, 1fr) 18px;
  }

  body.customer-portal-v2 .x-security-list > a em {
    display: none;
  }

  body.customer-portal-v2 .x-activity-list > a {
    grid-template-columns: 20px minmax(0, 1fr);
    padding: 8px 0;
  }

  body.customer-portal-v2 .x-activity-list time {
    grid-column: 2;
  }

  body.customer-portal-v2 .x-activity-list b {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.customer-portal-v2 *,
  body.customer-portal-v2 *::before,
  body.customer-portal-v2 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Final shell ownership reset.
   The legacy customer stylesheet contains route-specific !important rules from earlier layouts.
   This block deliberately gives the v2 portal shell the final word. */
body.customer-portal-body.customer-portal-v2 {
  background:
    radial-gradient(circle at 66% 8%, rgba(17, 42, 82, .16), transparent 35%),
    linear-gradient(135deg, #020916 0%, #020b18 48%, #030b17 100%) !important;
  background-image:
    radial-gradient(circle at 66% 8%, rgba(17, 42, 82, .16), transparent 35%),
    linear-gradient(135deg, #020916 0%, #020b18 48%, #030b17 100%) !important;
}

body.customer-portal-body.customer-portal-v2::before,
body.customer-portal-body.customer-portal-v2::after,
body.customer-portal-body.customer-portal-v2 .customer-main::before,
body.customer-portal-body.customer-portal-v2 .customer-main::after,
body.customer-portal-body.customer-portal-v2 .customer-grid-bg,
body.customer-portal-body.customer-portal-v2 .customer-aurora {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

body.customer-portal-body.customer-portal-v2 .customer-shell {
  display: grid !important;
  grid-template-columns: var(--x-sidebar) minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-main {
  grid-column: 2 !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
}

body.customer-portal-body.customer-portal-v2 .customer-topbar {
  position: absolute !important;
  top: 0 !important;
  right: 29px !important;
  bottom: auto !important;
  left: 0 !important;
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 96px !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

body.customer-portal-body.customer-portal-v2 .customer-content {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 75px 30px 16px 39px !important;
  overflow: visible !important;
  transform: none !important;
}

body.customer-portal-body.customer-portal-v2 .customer-content > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

@media (max-width: 980px) {
  body.customer-portal-body.customer-portal-v2 .customer-shell {
    display: block !important;
  }

  body.customer-portal-body.customer-portal-v2 .customer-main {
    grid-column: 1 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.customer-portal-body.customer-portal-v2 .customer-topbar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 15px !important;
    border-bottom: 1px solid rgba(69, 94, 128, .25) !important;
    background: rgba(2, 11, 24, .88) !important;
    backdrop-filter: blur(18px) !important;
  }

  body.customer-portal-body.customer-portal-v2 .customer-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 94px 17px 30px !important;
  }
}

@media (max-width: 460px) {
  body.customer-portal-body.customer-portal-v2 .customer-content {
    padding: 88px 12px 26px !important;
  }
}

/* Reference-image fidelity pass: sidebar rhythm, header spacing and VPN card geometry. */
body.customer-portal-body.customer-portal-v2 .customer-sidebar-inner {
  gap: 0 !important;
  padding: 28px 20px 0 23px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-logo-v2 {
  width: max-content !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 0 27px 14px !important;
  padding: 0 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-logo-v2 img {
  width: 42px !important;
  height: 48px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 {
  width: 100% !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-spacer {
  flex: 0 0 60px !important;
  min-height: 60px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card {
  width: 100% !important;
  min-height: 194px !important;
  height: 194px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card-head img {
  width: 31px !important;
  height: 37px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-footer {
  width: 100% !important;
  min-height: 148px !important;
  height: 148px !important;
  margin-top: 36px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-top-actions {
  gap: 24px !important;
}

body.customer-portal-body.customer-portal-v2 .x-vpn-connection-body {
  grid-template-columns: minmax(350px, 1fr) 310px !important;
  gap: 0 !important;
  padding-right: 10px !important;
}

body.customer-portal-body.customer-portal-v2 .x-shield-orbit {
  transform: translate(-25px, -27px) !important;
}

body.customer-portal-body.customer-portal-v2 .x-connection-details {
  width: 310px !important;
  max-width: 310px !important;
}

body.customer-portal-body.customer-portal-v2 .x-connection-details dl > div {
  grid-template-columns: 150px minmax(115px, 1fr) !important;
  gap: 10px !important;
}

@media (max-width: 1320px) {
  body.customer-portal-body.customer-portal-v2 .x-vpn-connection-body {
    grid-template-columns: minmax(280px, 1fr) minmax(270px, 310px) !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-shield-orbit {
    transform: translate(-10px, -20px) !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-connection-details {
    width: 100% !important;
    max-width: 310px !important;
  }
}

@media (max-width: 1100px) {
  body.customer-portal-body.customer-portal-v2 .x-shield-orbit {
    transform: none !important;
  }
}

@media (max-width: 980px) {
  body.customer-portal-body.customer-portal-v2 .customer-sidebar-inner {
    padding: 28px 20px 0 23px !important;
  }
}

/* Final micro-alignment against the approved 1648 × 928 dashboard reference. */
body.customer-portal-body.customer-portal-v2 .customer-sidebar-footer {
  grid-template-rows: 38px 30px !important;
  align-content: start !important;
  row-gap: 14px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-footer button {
  align-self: start !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

body.customer-portal-body.customer-portal-v2 .x-stat-card:first-child .x-stat-value-row {
  gap: 7px !important;
}

body.customer-portal-body.customer-portal-v2 .x-stat-card:first-child .x-stat-value-row > strong {
  flex: 0 0 auto !important;
  overflow: visible !important;
  font-size: 20px !important;
  text-overflow: clip !important;
}

body.customer-portal-body.customer-portal-v2 .x-connection-details {
  transform: translateY(-20px) !important;
}

body.customer-portal-body.customer-portal-v2 .x-connection-details dl {
  margin-bottom: 30px !important;
}

@media (max-width: 1320px) {
  body.customer-portal-body.customer-portal-v2 .x-connection-details {
    transform: translateY(-12px) !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-connection-details dl {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1100px) {
  body.customer-portal-body.customer-portal-v2 .x-connection-details {
    transform: none !important;
  }
}

/* Narrow-screen ownership reset after the desktop fidelity overrides. */
@media (max-width: 700px) {
  body.customer-portal-body.customer-portal-v2 .customer-top-actions {
    gap: 8px !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-vpn-connection-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 17px 20px !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-shield-orbit {
    width: min(100%, 280px) !important;
    margin: -9px auto 0 !important;
    transform: none !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-connection-details {
    width: 100% !important;
    max-width: none !important;
    padding: 0 0 4px !important;
    transform: none !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-connection-details dl {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 460px) {
  body.customer-portal-body.customer-portal-v2 .x-connection-details dl > div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
  }
}

/* My Services fidelity pass — acp-v2.0.7 */
/* Activity and live VPN status are shared customer-sidebar features. */

body.customer-portal-body.customer-portal-v2.customer-route-services {
  --x-sidebar: 268px;
  background:
    radial-gradient(circle at 63% 4%, rgba(17, 42, 82, .11), transparent 34%),
    linear-gradient(135deg, #020916 0%, #020b18 49%, #020a16 100%) !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar {
  width: 268px !important;
  border-right-color: rgba(67, 89, 119, .30) !important;
  background:
    radial-gradient(circle at 28% 9%, rgba(27, 62, 118, .09), transparent 34%),
    linear-gradient(180deg, #020b18 0%, #03101c 100%) !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-inner {
  padding: 25px 20px 0 !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-logo-v2 {
  gap: 11px !important;
  min-height: 42px !important;
  margin: 0 0 26px 13px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-logo-v2 img {
  width: 36px !important;
  height: 42px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-logo-v2 span {
  font-size: 24px !important;
  letter-spacing: .06em !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 {
  gap: 5px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a {
  min-height: 47px !important;
  gap: 14px !important;
  padding: 0 16px !important;
  border-radius: 9px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a .customer-nav-icon {
  width: 28px !important;
  height: 28px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a .customer-svg-icon {
  width: 22px !important;
  height: 22px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a b {
  font-size: 15px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a.active {
  border-color: rgba(74, 95, 160, .42) !important;
  background: linear-gradient(90deg, rgba(34, 51, 145, .73), rgba(13, 31, 70, .69)) !important;
  box-shadow: -7px 0 23px rgba(47, 64, 255, .34), inset 0 0 22px rgba(53, 76, 208, .12) !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-spacer {
  min-height: 22px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-upgrade-card {
  min-height: 163px !important;
  padding: 19px 17px 14px !important;
  border-radius: 11px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-upgrade-card-head b {
  max-width: 126px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-upgrade-card-head img {
  width: 27px !important;
  height: 32px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-upgrade-card p {
  max-width: 178px !important;
  margin: 9px 0 13px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-upgrade-card > a {
  min-width: 100px !important;
  min-height: 35px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
}

body.customer-portal-v2 .customer-vpn-status-card {
  position: relative;
  flex: 0 0 auto;
  min-height: 148px;
  margin-top: 11px;
  padding: 15px 13px 12px;
  border: 1px solid rgba(58, 84, 119, .35);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(5, 18, 34, .97), rgba(3, 14, 28, .97));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .015);
}

body.customer-portal-v2 .customer-vpn-status-card dl {
  display: grid;
  gap: 9px;
  margin: 0 0 12px;
}

body.customer-portal-v2 .customer-vpn-status-card dl > div {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
}

body.customer-portal-v2 .customer-vpn-status-card dt,
body.customer-portal-v2 .customer-vpn-status-card dd {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

body.customer-portal-v2 .customer-vpn-status-card dt {
  color: #d9deea;
}

body.customer-portal-v2 .customer-vpn-status-card dd {
  overflow: hidden;
  color: #f1f4fa;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .customer-vpn-status-card.is-connected dl > div:first-child dd,
body.customer-portal-v2 .customer-vpn-status-card dl > div:first-child dd {
  color: #31dd87;
}

body.customer-portal-v2 .customer-vpn-status-card > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  height: 36px;
  border-radius: 7px;
  background: linear-gradient(105deg, #243aa7 0%, #4335d1 58%, #5530e3 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 8px 20px rgba(47, 52, 218, .20);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}

body.customer-portal-v2 .customer-vpn-status-card > a .customer-svg-icon {
  width: 15px;
  height: 15px;
  color: #987bff;
  fill: currentColor;
  stroke-width: 1.25;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-footer {
  grid-template-columns: 1fr 32px !important;
  grid-template-rows: 1fr !important;
  align-items: end !important;
  min-height: 92px !important;
  margin-top: 9px !important;
  padding: 17px 8px 15px !important;
  row-gap: 0 !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-footer p {
  align-self: center !important;
  font-size: 11px !important;
  line-height: 1.75 !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-footer button {
  align-self: center !important;
  justify-self: end !important;
  width: 31px !important;
  height: 31px !important;
  font-size: 20px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-content {
  min-height: 941px !important;
  padding: 75px 43px 24px 45px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-topbar {
  inset: 0 50px auto 0 !important;
  height: 82px !important;
  min-height: 82px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-top-actions {
  gap: 23px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-balance-block {
  min-width: 73px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-balance-block span,
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-balance-block strong {
  font-size: 14px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-add-funds {
  min-width: 133px !important;
  height: 48px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-profile-menu {
  min-width: 138px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .customer-profile-avatar {
  width: 41px !important;
  height: 41px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .x-services-heading {
  display: grid;
  align-content: start;
  min-height: 66px;
  margin: 0 0 22px;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .x-services-heading h1 {
  margin: 0 !important;
  color: #f7f8fc !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: 1.15 !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-services .x-services-heading p {
  margin: 8px 0 0 !important;
  color: #a0a8b8 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.customer-portal-v2 .x-services-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

body.customer-portal-v2 .x-services-stat-card {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 130px;
  min-width: 0;
  padding: 20px 21px;
  border: 1px solid rgba(68, 95, 132, .39);
  border-radius: 10px;
  background: linear-gradient(140deg, rgba(7, 20, 36, .98), rgba(4, 16, 30, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .012), 0 13px 30px rgba(0, 0, 0, .07);
}

body.customer-portal-v2 .x-services-stat-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 57px;
  height: 57px;
  border: 1px solid rgba(78, 86, 184, .20);
  border-radius: 13px;
}

body.customer-portal-v2 .x-services-stat-icon .customer-svg-icon {
  width: 30px;
  height: 30px;
  stroke-width: 1.75;
}

body.customer-portal-v2 .x-services-stat-icon.is-purple {
  color: #9b6cff;
  background: linear-gradient(145deg, rgba(44, 32, 131, .88), rgba(25, 22, 91, .86));
}

body.customer-portal-v2 .x-services-stat-icon.is-blue {
  color: #5e88ff;
  background: linear-gradient(145deg, rgba(17, 55, 127, .75), rgba(11, 31, 78, .85));
}

body.customer-portal-v2 .x-services-stat-icon.is-amber {
  color: #ffab2f;
  background: linear-gradient(145deg, rgba(83, 57, 17, .72), rgba(45, 35, 18, .76));
}

body.customer-portal-v2 .x-services-stat-icon.is-violet {
  color: #a66dff;
  background: linear-gradient(145deg, rgba(56, 31, 112, .72), rgba(31, 21, 70, .78));
}

body.customer-portal-v2 .x-services-stat-card > div {
  display: grid;
  min-width: 0;
}

body.customer-portal-v2 .x-services-stat-card small {
  margin: 0 0 8px;
  color: #a5adbc;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

body.customer-portal-v2 .x-services-stat-card strong {
  margin: 0;
  color: #f7f8fb;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.05;
}

body.customer-portal-v2 .x-services-stat-card em {
  margin-top: 10px;
  color: #9ba4b5;
  font-size: 13px;
  font-style: normal;
  line-height: 1;
}

body.customer-portal-v2 .x-services-stat-card em.is-good {
  color: #34e28a;
}

body.customer-portal-v2 .x-services-toolbar {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  min-height: 85px;
  padding: 29px 0 0;
  border-bottom: 1px solid rgba(54, 78, 109, .18);
}

body.customer-portal-v2 .x-services-tabs {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 56px;
  min-width: 0;
}

body.customer-portal-v2 .x-services-tabs a {
  position: relative;
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 16px;
  color: #aab2c2;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}

body.customer-portal-v2 .x-services-tabs a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: transparent;
}

body.customer-portal-v2 .x-services-tabs a.active {
  color: #7f72ff;
}

body.customer-portal-v2 .x-services-tabs a.active::after {
  background: linear-gradient(90deg, #405eff, #8b50ff);
  box-shadow: 0 0 12px rgba(100, 76, 255, .45);
}

body.customer-portal-v2 .x-services-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 17px;
  padding-bottom: 9px;
}

body.customer-portal-v2 .x-services-search {
  position: relative;
  width: 302px;
  height: 44px;
}

body.customer-portal-v2 .x-services-search input {
  width: 100%;
  height: 100%;
  padding: 0 48px 0 16px;
  border: 1px solid rgba(55, 81, 118, .39);
  border-radius: 8px;
  outline: 0;
  background: rgba(3, 14, 28, .78);
  color: #f2f5fb;
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .012);
}

body.customer-portal-v2 .x-services-search input::placeholder {
  color: #929cad;
}

body.customer-portal-v2 .x-services-search input:focus {
  border-color: rgba(84, 98, 218, .65);
  box-shadow: 0 0 0 3px rgba(70, 70, 220, .10);
}

body.customer-portal-v2 .x-services-search button {
  position: absolute;
  inset: 0 5px 0 auto;
  display: grid;
  place-items: center;
  width: 40px;
  border: 0;
  background: transparent;
  color: #94a1b6;
  cursor: pointer;
}

body.customer-portal-v2 .x-services-search button .customer-svg-icon {
  width: 20px;
  height: 20px;
}

body.customer-portal-v2 .x-services-filter-menu {
  position: relative;
}

body.customer-portal-v2 .x-services-filter-menu > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 116px;
  height: 44px;
  border: 1px solid rgba(55, 81, 118, .39);
  border-radius: 8px;
  background: rgba(3, 14, 28, .78);
  color: #bdc4d1;
  list-style: none;
  font-size: 14px;
  cursor: pointer;
}

body.customer-portal-v2 .x-services-filter-menu > summary::-webkit-details-marker {
  display: none;
}

body.customer-portal-v2 .x-services-filter-menu > summary .customer-svg-icon {
  width: 19px;
  height: 19px;
}

body.customer-portal-v2 .x-services-filter-menu > div {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  display: grid;
  width: 190px;
  padding: 8px;
  border: 1px solid rgba(70, 96, 133, .42);
  border-radius: 10px;
  background: rgba(5, 16, 30, .98);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .42);
}

body.customer-portal-v2 .x-services-filter-menu > div a {
  display: flex;
  align-items: center;
  min-height: 37px;
  padding: 0 11px;
  border-radius: 7px;
  color: #aeb7c8;
  text-decoration: none;
  font-size: 12px;
}

body.customer-portal-v2 .x-services-filter-menu > div a:hover,
body.customer-portal-v2 .x-services-filter-menu > div a.active {
  background: rgba(65, 69, 177, .20);
  color: #8f84ff;
}

body.customer-portal-v2 .x-services-filter-menu > div a.reset {
  margin-top: 5px;
  border-top: 1px solid rgba(66, 91, 124, .22);
  color: #ff858d;
}

body.customer-portal-v2 .x-services-list {
  display: grid;
  gap: 6px;
  margin-top: 16px;
}

body.customer-portal-v2 .x-service-row {
  display: grid;
  grid-template-columns: minmax(320px, 1.48fr) minmax(150px, .78fr) minmax(150px, .78fr) minmax(190px, .88fr) 174px;
  align-items: center;
  min-height: 133px;
  padding: 18px 24px;
  border: 1px solid rgba(63, 91, 128, .42);
  border-radius: 10px;
  background:
    radial-gradient(circle at 78% 45%, rgba(17, 40, 76, .075), transparent 27%),
    linear-gradient(135deg, rgba(6, 19, 34, .98), rgba(4, 15, 29, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .012), 0 12px 26px rgba(0, 0, 0, .05);
}

body.customer-portal-v2 .x-service-identity {
  display: flex;
  align-items: center;
  gap: 23px;
  min-width: 0;
}

body.customer-portal-v2 .x-service-product-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 61px;
  height: 58px;
  border: 1px solid rgba(76, 76, 176, .20);
  border-radius: 12px;
  color: #9c6cff;
  background: linear-gradient(145deg, rgba(41, 29, 112, .76), rgba(21, 21, 75, .82));
}

body.customer-portal-v2 .x-service-product-icon.is-ip {
  color: #28e77e;
  border-color: rgba(26, 120, 87, .22);
  background: linear-gradient(145deg, rgba(5, 66, 55, .64), rgba(4, 42, 42, .72));
}

body.customer-portal-v2 .x-service-product-icon.is-addon {
  color: #5e89ff;
  border-color: rgba(47, 76, 157, .24);
  background: linear-gradient(145deg, rgba(15, 46, 111, .72), rgba(10, 28, 73, .82));
}

body.customer-portal-v2 .x-service-product-icon .customer-svg-icon {
  width: 34px;
  height: 34px;
  stroke-width: 1.65;
}

body.customer-portal-v2 .x-service-identity > div {
  min-width: 0;
}

body.customer-portal-v2 .x-service-name-line {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.customer-portal-v2 .x-service-name-line h2 {
  overflow: hidden;
  margin: 0 !important;
  color: #f7f8fc !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-service-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 5px;
  font-size: 12px;
  font-style: normal;
  white-space: nowrap;
}

body.customer-portal-v2 .x-service-status.is-active {
  background: rgba(19, 111, 69, .30);
  color: #37df87;
}

body.customer-portal-v2 .x-service-status.is-inactive,
body.customer-portal-v2 .x-service-status.is-suspended {
  background: rgba(59, 76, 119, .38);
  color: #b7c0d5;
}

body.customer-portal-v2 .x-service-status.is-expired {
  background: rgba(92, 46, 59, .28);
  color: #ff737a;
}

body.customer-portal-v2 .x-service-identity p {
  margin: 8px 0 9px !important;
  color: #98a2b5 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

body.customer-portal-v2 .x-service-identity small {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #9aa5b7;
  font-size: 12px;
  line-height: 1;
}

body.customer-portal-v2 .x-service-identity small.is-expired {
  color: #ff666f;
}

body.customer-portal-v2 .x-service-identity small .customer-svg-icon {
  width: 17px;
  height: 17px;
}

body.customer-portal-v2 .x-service-detail {
  display: grid;
  align-content: center;
  gap: 9px;
  min-width: 0;
  padding-left: 6px;
}

body.customer-portal-v2 .x-service-detail small {
  color: #9aa4b5;
  font-size: 12px;
  line-height: 1;
}

body.customer-portal-v2 .x-service-detail strong {
  display: flex;
  align-items: center;
  gap: 9px;
  overflow: hidden;
  color: #f4f6fa;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-v2 .x-service-detail strong.is-good {
  color: #36e38a;
}

body.customer-portal-v2 .x-service-detail strong button {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #abb5c7;
  cursor: pointer;
}

body.customer-portal-v2 .x-service-detail strong button .customer-svg-icon {
  width: 17px;
  height: 17px;
}

body.customer-portal-v2 .x-service-detail > a {
  width: max-content;
  color: #856eff;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
}

body.customer-portal-v2 .x-service-usage {
  gap: 7px;
}

body.customer-portal-v2 .x-service-usage span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9aa4b5;
  font-size: 12px;
  line-height: 1;
}

body.customer-portal-v2 .x-service-usage span .customer-svg-icon {
  width: 15px;
  height: 15px;
}

body.customer-portal-v2 .x-service-usage > i {
  display: block;
  width: 100%;
  max-width: 200px;
  height: 7px;
  margin-top: 2px;
  border-radius: 999px;
  background: #11233c;
  overflow: hidden;
}

body.customer-portal-v2 .x-service-usage > i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6847f4, #8c4fff);
  box-shadow: 0 0 12px rgba(114, 72, 255, .35);
}

body.customer-portal-v2 .x-service-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  min-width: 0;
  padding-left: 18px;
  border-left: 1px solid rgba(47, 71, 102, .16);
}

body.customer-portal-v2 .x-service-actions > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 101px;
  height: 46px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: linear-gradient(105deg, #2f57f0, #6847f5 60%, #7e43ee);
  box-shadow: 0 10px 24px rgba(59, 58, 236, .24), inset 0 1px 0 rgba(255, 255, 255, .11);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

body.customer-portal-v2 .x-service-actions > a.is-outline {
  border-color: rgba(67, 91, 123, .50);
  background: rgba(3, 14, 27, .75);
  box-shadow: none;
  color: #e6e9ef;
}

body.customer-portal-v2 .x-service-actions details {
  position: relative;
}

body.customer-portal-v2 .x-service-actions details > summary {
  display: grid;
  place-items: center;
  width: 28px;
  height: 42px;
  color: #aab4c5;
  list-style: none;
  cursor: pointer;
}

body.customer-portal-v2 .x-service-actions details > summary::-webkit-details-marker {
  display: none;
}

body.customer-portal-v2 .x-service-actions details > summary .customer-svg-icon {
  width: 22px;
  height: 22px;
}

body.customer-portal-v2 .x-service-actions details > div {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 60;
  display: grid;
  width: 172px;
  padding: 7px;
  border: 1px solid rgba(68, 94, 132, .42);
  border-radius: 9px;
  background: rgba(5, 17, 31, .98);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
}

body.customer-portal-v2 .x-service-actions details > div a {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 6px;
  color: #b3bdcd;
  text-decoration: none;
  font-size: 12px;
}

body.customer-portal-v2 .x-service-actions details > div a:hover {
  background: rgba(62, 70, 164, .20);
  color: #fff;
}

body.customer-portal-v2 .x-services-empty {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 35px;
  border: 1px solid rgba(63, 91, 128, .42);
  border-radius: 10px;
  background: rgba(5, 18, 33, .82);
  text-align: center;
}

body.customer-portal-v2 .x-services-empty > span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: rgba(44, 36, 126, .55);
  color: #9075ff;
}

body.customer-portal-v2 .x-services-empty h2 {
  margin: 15px 0 0 !important;
  font-size: 20px !important;
}

body.customer-portal-v2 .x-services-empty p {
  margin: 7px 0 18px !important;
  color: #98a4b7 !important;
}

body.customer-portal-v2 .x-services-empty > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  padding: 0 18px;
  border-radius: 7px;
  background: linear-gradient(105deg, #3458ed, #7645ef);
  color: #fff;
  text-decoration: none;
}

body.customer-portal-v2 .x-services-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 65px;
  border-bottom: 1px solid rgba(54, 78, 109, .18);
}

body.customer-portal-v2 .x-services-pagination p {
  margin: 0 !important;
  color: #aab2c1 !important;
  font-size: 13px !important;
}

body.customer-portal-v2 .x-services-pagination nav {
  display: flex;
  align-items: center;
  gap: 9px;
}

body.customer-portal-v2 .x-services-pagination nav a {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border: 1px solid rgba(54, 81, 117, .40);
  border-radius: 7px;
  background: rgba(3, 14, 27, .72);
  color: #abb5c7;
  text-decoration: none;
  font-size: 13px;
}

body.customer-portal-v2 .x-services-pagination nav a.active {
  border-color: rgba(77, 84, 245, .55);
  background: linear-gradient(145deg, #3149df, #663ceb);
  box-shadow: 0 8px 20px rgba(61, 55, 231, .24);
  color: #fff;
}

body.customer-portal-v2 .x-services-pagination nav a.disabled {
  pointer-events: none;
  opacity: .5;
}

body.customer-portal-v2 .x-services-pagination nav .customer-svg-icon {
  width: 17px;
  height: 17px;
}

body.customer-portal-v2 .x-services-footer-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 42px;
  min-height: 49px;
  padding-right: 19px;
}

body.customer-portal-v2 .x-services-footer-links a {
  color: #9aa4b5;
  text-decoration: none;
  font-size: 12px;
}

body.customer-portal-v2 .x-services-footer-links a:hover {
  color: #fff;
}

@media (max-width: 1450px) {
  body.customer-portal-v2 .x-service-row {
    grid-template-columns: minmax(280px, 1.35fr) minmax(125px, .72fr) minmax(125px, .72fr) minmax(165px, .84fr) 158px;
    padding-inline: 19px;
  }

  body.customer-portal-v2 .x-service-identity {
    gap: 16px;
  }

  body.customer-portal-v2 .x-service-actions {
    gap: 11px;
    padding-left: 12px;
  }
}

@media (max-width: 1220px) {
  body.customer-portal-v2 .x-services-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.customer-portal-v2 .x-services-toolbar {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 8px;
    padding-top: 22px;
  }

  body.customer-portal-v2 .x-services-toolbar-actions {
    justify-content: flex-end;
    padding-bottom: 0;
  }

  body.customer-portal-v2 .x-services-tabs {
    width: 100%;
    overflow-x: auto;
  }

  body.customer-portal-v2 .x-service-row {
    grid-template-columns: minmax(300px, 1.35fr) repeat(3, minmax(130px, .75fr));
  }

  body.customer-portal-v2 .x-service-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding: 12px 0 0;
    border-top: 1px solid rgba(47, 71, 102, .16);
    border-left: 0;
  }
}

@media (max-width: 980px) {
  body.customer-portal-body.customer-portal-v2.customer-route-services {
    --x-sidebar: 0px;
  }

  body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar {
    width: min(286px, 88vw) !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-route-services .customer-content {
    min-height: 100vh !important;
    padding: 92px 20px 24px !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-route-services .customer-topbar {
    inset: 0 16px auto 16px !important;
  }

  body.customer-portal-body.customer-portal-v2:not(.customer-route-services) .customer-nav-v2 > a[href="/activity"] {
    display: flex !important;
  }

  body.customer-portal-v2 .x-service-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 21px 16px;
  }

  body.customer-portal-v2 .x-service-identity {
    grid-column: 1 / -1;
  }

  body.customer-portal-v2 .x-service-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  body.customer-portal-body.customer-portal-v2.customer-route-services .x-services-heading h1 {
    font-size: 27px !important;
  }

  body.customer-portal-v2 .x-services-stats {
    grid-template-columns: minmax(0, 1fr);
    gap: 11px;
  }

  body.customer-portal-v2 .x-services-stat-card {
    height: 105px;
  }

  body.customer-portal-v2 .x-services-toolbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.customer-portal-v2 .x-services-search {
    width: 100%;
  }

  body.customer-portal-v2 .x-services-filter-menu > summary {
    width: 46px;
  }

  body.customer-portal-v2 .x-services-filter-menu > summary span {
    display: none;
  }

  body.customer-portal-v2 .x-service-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
  }

  body.customer-portal-v2 .x-service-identity,
  body.customer-portal-v2 .x-service-actions {
    grid-column: auto;
  }

  body.customer-portal-v2 .x-service-detail {
    padding-left: 0;
  }

  body.customer-portal-v2 .x-service-actions {
    justify-content: space-between;
  }

  body.customer-portal-v2 .x-services-pagination {
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
    padding: 16px 0;
  }

  body.customer-portal-v2 .x-services-footer-links {
    justify-content: flex-start;
    gap: 22px;
    padding-right: 0;
    overflow-x: auto;
  }
}
body.customer-portal-v2 .x-service-product-icon.is-port {
  color: #5e89ff;
  border-color: rgba(47, 76, 157, .24);
  background: linear-gradient(145deg, rgba(15, 46, 111, .72), rgba(10, 28, 73, .82));
}
body.customer-portal-v2 .x-service-detail strong.is-danger { color: #ff565f; }
body.customer-portal-v2 [data-copy-value].is-copied { color: #38dd89 !important; }
/* Services sidebar final geometry at 1672 × 941. */
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a {
  height: 47px !important;
  min-height: 47px !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-spacer {
  flex: 0 0 58px !important;
  min-height: 58px !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-upgrade-card {
  height: 163px !important;
  min-height: 163px !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-footer {
  height: 92px !important;
  min-height: 92px !important;
  grid-template-rows: 1fr !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-logo-v2 {
  height: 42px !important;
  min-height: 42px !important;
  margin-bottom: 22px !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a {
  height: 46px !important;
  min-height: 46px !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-sidebar-spacer {
  flex: 0 0 24px !important;
  min-height: 24px !important;
}
/* Final My Services reference alignment. */
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-logo-v2 span {
  font-size: 26px !important;
  letter-spacing: .105em !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a .customer-nav-icon {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-nav-v2 > a > i {
  display: none !important;
}
body.customer-portal-v2 .customer-vpn-status-card dd span,
body.customer-portal-v2 .x-location-flag {
  display: inline !important;
  margin-left: 3px;
  font-size: .92em;
}
body.customer-portal-v2 .x-services-list {
  gap: 5px;
  margin-top: 14px;
}
body.customer-portal-v2 .x-service-row {
  min-height: 130px;
}
body.customer-portal-v2 .x-service-row:first-child {
  min-height: 139px;
}
body.customer-portal-v2 .x-services-pagination {
  min-height: 66px;
}
@media (min-width: 1451px) {
  body.customer-portal-v2 .x-service-row {
    grid-template-columns: 382px 213px 208px minmax(240px, 1fr) 174px;
  }
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-vpn-status-card dl > div {
  grid-template-columns: 69px minmax(0, 1fr);
  gap: 5px;
}
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-vpn-status-card dt,
body.customer-portal-body.customer-portal-v2.customer-route-services .customer-vpn-status-card dd {
  font-size: 11px;
}

/* v2.0.8 Devices 1:1 rebuild */
body.customer-portal-v2.customer-route-files .customer-main{padding-top:70px}
.x-devices-page{max-width:1282px;margin:0 auto}.x-devices-heading h1{font-size:31px;line-height:1.15;margin:0 0 10px;color:#f7f9ff}.x-devices-heading p{margin:0;color:#aab1c2;font-size:15px}.x-devices-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.x-device-stat{min-height:122px;border:1px solid #223149;border-radius:10px;background:linear-gradient(140deg,rgba(7,19,34,.92),rgba(5,16,29,.72));display:flex;align-items:center;padding:23px 20px;gap:20px}.x-device-stat-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#9268ff;background:#151348;border:1px solid #292060}.x-device-stat-icon.green{color:#25e98a;background:#073b2b;border-color:#075038}.x-device-stat-icon.blue{color:#5893ff;background:#092452;border-color:#113b72}.x-device-stat-icon.violet{color:#a875ff}.x-device-stat-icon svg{width:29px;height:29px}.x-device-stat div{display:flex;flex-direction:column;gap:5px;min-width:0}.x-device-stat small,.x-device-stat em{font-style:normal;color:#aeb5c5;font-size:13px}.x-device-stat strong{font-size:23px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-devices-toolbar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #172338;margin-top:25px}.x-devices-tabs{display:flex;gap:6px}.x-devices-tabs button{position:relative;padding:13px 14px 16px;border:0;background:none;color:#acb2c2;font-size:14px}.x-devices-tabs button.active{color:#8a6cff}.x-devices-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#3d64ff,#a44dff)}.x-devices-actions{display:flex;gap:14px;padding-bottom:8px}.x-devices-search{width:290px;height:41px;border:1px solid #1c2b43;border-radius:9px;display:flex;align-items:center;padding:0 14px;background:#061326}.x-devices-search input{flex:1;background:none;border:0;outline:0;color:#fff}.x-devices-search svg{width:19px;color:#9ba5b8}.x-devices-filter{height:41px;border:1px solid #1c2b43;border-radius:9px;background:#071426;color:#c4c9d5;padding:0 18px;display:flex;gap:10px;align-items:center}.x-devices-filter svg{width:18px}.x-device-table-wrap{margin-top:18px;border:1px solid #203049;border-radius:9px;overflow:hidden;background:rgba(5,16,29,.65)}.x-device-table{display:grid;grid-template-columns:2.4fr .8fr 1.25fr 1.4fr 1.6fr 1fr .9fr 1.45fr;align-items:center;column-gap:15px}.x-device-table-head{height:42px;padding:0 20px;color:#a9b0c0;font-size:13px;border-bottom:1px solid #1b2940}.x-device-row{min-height:72px;padding:0 20px;border-bottom:1px solid #17263b;color:#e7eaf2}.x-device-row:last-child{border-bottom:0}.x-device-identity{display:flex;align-items:center;gap:14px;min-width:0}.x-device-avatar{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#a26dff;background:#17124d;border:1px solid #2d225e}.x-device-avatar.blue{color:#5f9cff;background:#082a54}.x-device-avatar svg{width:24px}.x-device-identity>div{min-width:0}.x-device-identity>div>div{display:flex;gap:8px;align-items:center}.x-device-identity strong{font-size:15px;white-space:nowrap}.x-device-identity small{display:block;color:#9ca5b6;font-size:12px;margin-top:3px}.x-device-tag{font-size:10px;padding:4px 7px;border-radius:5px;font-weight:500}.x-device-tag.current{background:#271a64;color:#9c75ff}.x-device-tag.trusted{background:#073d2b;color:#2bea8c}.x-device-cell{display:flex;align-items:center;gap:8px;color:#c6cbd6;font-size:12px;min-width:0}.x-device-cell svg{width:16px;flex:0 0 auto;color:#a7b0c0}.x-device-status{display:inline-flex;gap:7px;align-items:center;border-radius:5px;padding:5px 8px;background:#07372d;color:#35e58c;font-size:11px}.x-device-status i{width:7px;height:7px;background:#2ee68b;border-radius:50%}.x-device-last{color:#31de83;font-size:12px}.x-device-row-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.x-device-row-actions button{border:0;background:none;color:#9eabc0;padding:5px}.x-device-row-actions svg{width:19px}.x-device-manage,.x-device-outline{height:42px;min-width:82px;border-radius:7px;display:grid;place-items:center;text-decoration:none;font-size:12px}.x-device-manage{background:linear-gradient(135deg,#3158fa,#8a3ff5);color:#fff;box-shadow:0 8px 22px rgba(72,64,255,.25)}.x-device-outline{border:1px solid #7349dd;color:#a989ff}.x-device-security-strip{margin-top:18px;min-height:82px;border:1px solid #203049;border-radius:9px;display:grid;grid-template-columns:1.15fr repeat(3,1fr);align-items:center;background:rgba(6,18,32,.68)}.x-device-security-strip>div{height:54px;display:flex;align-items:center;gap:13px;padding:0 20px;border-left:1px solid #1b2940}.x-device-security-strip>div:first-child{border-left:0}.x-device-security-title span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:#d7e1ff;background:#12233f}.x-device-security-strip svg{width:20px;color:#9ba8bf}.x-device-security-strip p{display:flex;flex-direction:column;margin:0;gap:5px}.x-device-security-strip b{font-size:12px}.x-device-security-strip small{font-size:11px;color:#99a3b5}.x-device-security-strip em{font-style:normal;color:#2cdf8a;font-size:12px;margin-left:auto}.x-device-security-strip em.blue{color:#6c83ff}.x-device-empty{text-align:center;padding:50px;color:#aab2c3}.x-device-row[hidden]{display:none}
@media(max-width:1200px){.x-devices-stats{grid-template-columns:repeat(2,1fr)}.x-device-table{grid-template-columns:2fr 1fr 1.2fr 1.3fr 1.3fr 1fr}.x-device-table>*:nth-child(3),.x-device-table>*:nth-child(7){display:none}.x-device-security-strip{grid-template-columns:1fr 1fr}.x-device-security-strip>div:nth-child(3){border-left:0}}
@media(max-width:760px){body.customer-portal-v2.customer-route-files .customer-main{padding-top:26px}.x-devices-stats{grid-template-columns:1fr}.x-devices-toolbar{align-items:stretch;flex-direction:column}.x-devices-tabs{overflow-x:auto}.x-devices-actions{padding:12px 0}.x-devices-search{width:auto;flex:1}.x-device-table-head{display:none}.x-device-table.x-device-row{display:grid;grid-template-columns:1fr auto;padding:16px;gap:14px}.x-device-row>*{display:none!important}.x-device-row>.x-device-identity,.x-device-row>.x-device-row-actions{display:flex!important}.x-device-security-strip{grid-template-columns:1fr}.x-device-security-strip>div{border-left:0;border-top:1px solid #1b2940}.x-device-security-strip>div:first-child{border-top:0}}

/* v2.0.12 — one shared customer sidebar on every portal route.
   The My Services geometry is now the canonical shell, preventing width,
   logo, navigation, card and footer jumps while changing pages. */
body.customer-portal-body.customer-portal-v2 {
  --x-sidebar: 268px;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar {
  width: var(--x-sidebar) !important;
  border-right-color: rgba(67, 89, 119, .30) !important;
  background:
    radial-gradient(circle at 28% 9%, rgba(27, 62, 118, .09), transparent 34%),
    linear-gradient(180deg, #020b18 0%, #03101c 100%) !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-inner {
  padding: 25px 20px 0 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-logo-v2 {
  gap: 11px !important;
  width: max-content !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 0 22px 13px !important;
  padding: 0 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-logo-v2 img {
  width: 36px !important;
  height: 42px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-logo-v2 span {
  font-size: 26px !important;
  letter-spacing: .105em !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 {
  width: 100% !important;
  gap: 5px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 > a {
  display: flex !important;
  height: 46px !important;
  min-height: 46px !important;
  gap: 14px !important;
  padding: 0 16px !important;
  border-radius: 9px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 > a .customer-nav-icon {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 > a .customer-svg-icon {
  width: 22px !important;
  height: 22px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 > a b {
  font-size: 15px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 > a.active {
  border-color: rgba(74, 95, 160, .42) !important;
  background: linear-gradient(90deg, rgba(34, 51, 145, .73), rgba(13, 31, 70, .69)) !important;
  box-shadow: -7px 0 23px rgba(47, 64, 255, .34), inset 0 0 22px rgba(53, 76, 208, .12) !important;
}

body.customer-portal-body.customer-portal-v2 .customer-nav-v2 > a > i {
  display: none !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-spacer {
  flex: 0 0 24px !important;
  min-height: 24px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card {
  width: 100% !important;
  height: 163px !important;
  min-height: 163px !important;
  padding: 19px 17px 14px !important;
  border-radius: 11px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card-head b {
  max-width: 126px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card-head img {
  width: 27px !important;
  height: 32px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card p {
  max-width: 178px !important;
  margin: 9px 0 13px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-upgrade-card > a {
  min-width: 100px !important;
  min-height: 35px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
}

body.customer-portal-body.customer-portal-v2 .customer-vpn-status-card {
  display: block !important;
}

body.customer-portal-body.customer-portal-v2 .customer-vpn-status-card dl > div {
  grid-template-columns: 69px minmax(0, 1fr);
  gap: 5px;
}

body.customer-portal-body.customer-portal-v2 .customer-vpn-status-card dt,
body.customer-portal-body.customer-portal-v2 .customer-vpn-status-card dd {
  font-size: 11px;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-footer {
  grid-template-columns: 1fr 32px !important;
  grid-template-rows: 1fr !important;
  align-items: end !important;
  width: 100% !important;
  height: 92px !important;
  min-height: 92px !important;
  margin-top: 9px !important;
  padding: 17px 8px 15px !important;
  row-gap: 0 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-footer p {
  align-self: center !important;
  font-size: 11px !important;
  line-height: 1.75 !important;
}

body.customer-portal-body.customer-portal-v2 .customer-sidebar-footer button {
  align-self: center !important;
  justify-self: end !important;
  width: 31px !important;
  height: 31px !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

@media (min-width: 981px) {
  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed {
    --x-sidebar: 90px;
  }

  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed .customer-sidebar-inner {
    padding-inline: 14px !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed .customer-logo-v2 {
    margin-left: 10px !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed .customer-nav-v2 > a {
    justify-content: center !important;
    padding: 0 !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed .customer-sidebar-spacer {
    flex: 1 1 auto !important;
    min-height: 20px !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed .customer-vpn-status-card {
    display: none !important;
  }

  body.customer-portal-body.customer-portal-v2.customer-sidebar-collapsed .customer-sidebar-footer {
    grid-template-columns: 1fr !important;
    min-height: 80px !important;
    height: 80px !important;
  }
}


/* v2.0.13 — VPN configurations are the customer Devices workspace */
body.customer-portal-body.customer-portal-v2 .x-vpn-devices-page .x-device-table{
  grid-template-columns:2.2fr .85fr 1.45fr 1.15fr 1.35fr .95fr .8fr 1.45fr;
}
body.customer-portal-body.customer-portal-v2 .x-device-service-link{
  color:#dbe2f2;
  text-decoration:none;
  line-height:1.35;
}
body.customer-portal-body.customer-portal-v2 .x-device-service-link:hover{color:#8d77ff}
body.customer-portal-body.customer-portal-v2 .x-device-copy{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#9aa7bc;
  cursor:pointer;
}
body.customer-portal-body.customer-portal-v2 .x-device-copy:hover,
body.customer-portal-body.customer-portal-v2 .x-device-copy.is-copied{background:#15243b;color:#7e8fff}
body.customer-portal-body.customer-portal-v2 .x-device-copy svg{width:15px}
body.customer-portal-body.customer-portal-v2 .x-device-status.pending{background:#3b2b0b;color:#f6b938}
body.customer-portal-body.customer-portal-v2 .x-device-status.pending i{background:#f0a91e}
body.customer-portal-body.customer-portal-v2 .x-device-status.blocked{background:#3b141b;color:#ff6d7f}
body.customer-portal-body.customer-portal-v2 .x-device-status.blocked i{background:#ff5c72}
body.customer-portal-body.customer-portal-v2 .x-device-last.muted{color:#9aa4b7}
body.customer-portal-body.customer-portal-v2 .x-device-more{
  display:grid;
  place-items:center;
  width:28px;
  height:36px;
  border-radius:7px;
  color:#9eabc0;
  text-decoration:none;
}
body.customer-portal-body.customer-portal-v2 .x-device-more:hover{background:#111f34;color:#fff}
body.customer-portal-body.customer-portal-v2 .x-device-more svg{width:19px}
body.customer-portal-body.customer-portal-v2 .x-devices-filter{text-decoration:none;white-space:nowrap}
body.customer-portal-body.customer-portal-v2 .x-device-security-link{
  margin-left:auto;
  color:#7f8fff;
  font-size:12px;
  text-decoration:none;
}
body.customer-portal-body.customer-portal-v2 .x-device-security-link:hover{color:#a78bff}
body.customer-portal-body.customer-portal-v2 .x-device-guides{
  margin-top:18px;
  padding:22px;
  border:1px solid #203049;
  border-radius:9px;
  background:rgba(6,18,32,.68);
}
body.customer-portal-body.customer-portal-v2 .x-device-guides-head span{
  display:block;
  margin-bottom:5px;
  color:#7586ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.customer-portal-body.customer-portal-v2 .x-device-guides-head h2{margin:0;color:#fff;font-size:18px}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:92px;
  padding:16px;
  border:1px solid #1b2b43;
  border-radius:9px;
  background:#061426;
}
body.customer-portal-body.customer-portal-v2 .x-device-guide-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:10px;
  color:#8d7aff;
  background:#17164c;
}
body.customer-portal-body.customer-portal-v2 .x-device-guide-icon svg{width:22px}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid small{color:#74829a;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid h3{margin:3px 0;color:#fff;font-size:14px}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid p{margin:0;color:#98a2b5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid article>a{
  padding:10px 13px;
  border:1px solid #6146d3;
  border-radius:7px;
  color:#aa91ff;
  text-decoration:none;
  font-size:12px;
}
body.customer-portal-body.customer-portal-v2 .x-device-guide-grid article>a:hover{background:#17154b;color:#fff}
@media(max-width:1200px){
  body.customer-portal-body.customer-portal-v2 .x-vpn-devices-page .x-device-table{grid-template-columns:2fr 1fr 1.4fr 1.25fr 1.05fr 1.35fr}
  body.customer-portal-body.customer-portal-v2 .x-vpn-devices-page .x-device-table>*:nth-child(4),
  body.customer-portal-body.customer-portal-v2 .x-vpn-devices-page .x-device-table>*:nth-child(7){display:none}
}
@media(max-width:760px){
  body.customer-portal-v2.customer-route-devices .customer-main{padding-top:26px}
  body.customer-portal-body.customer-portal-v2 .x-device-guide-grid{grid-template-columns:1fr}
  body.customer-portal-body.customer-portal-v2 .x-device-guide-grid article{grid-template-columns:auto minmax(0,1fr)}
  body.customer-portal-body.customer-portal-v2 .x-device-guide-grid article>a{grid-column:1/-1;text-align:center}
}
body.customer-portal-body.customer-portal-v2 .service-command-strip.v185 article{position:relative}
body.customer-portal-body.customer-portal-v2 .x-service-command-overlay{position:absolute;inset:0;z-index:3;border-radius:inherit}
body.customer-portal-body.customer-portal-v2 .service-command-strip.v185 article:has(.x-service-command-overlay):hover{border-color:rgba(111,99,255,.55);transform:translateY(-1px)}

/* v2.0.14 — VPN download route and storage integrity */
.x-device-guide-unavailable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(248, 113, 113, .28);
  border-radius: 10px;
  color: #fca5a5;
  background: rgba(127, 29, 29, .16);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

/* v2.0.15 — Security Center 1:1 customer portal rebuild */
body.customer-portal-body.customer-portal-v2.customer-route-security .customer-content {
  padding: 53px 52px 13px 30px !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-page {
  width: 100%;
  min-width: 0;
  color: #f7f9ff;
}

body.customer-portal-body.customer-portal-v2 .x-security-heading {
  min-height: 52px;
  margin: 0 0 13px;
}

body.customer-portal-body.customer-portal-v2 .x-security-heading h1 {
  margin: 0 !important;
  color: #fbfcff !important;
  font-size: 27px !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  line-height: 1.13 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-heading p {
  margin: 6px 0 0 !important;
  color: #919bad !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-card,
body.customer-portal-body.customer-portal-v2 .x-security-stat,
body.customer-portal-body.customer-portal-v2 .x-security-settings-card {
  border: 1px solid rgba(67, 91, 124, .42);
  background:
    radial-gradient(circle at 96% 4%, rgba(31, 56, 104, .09), transparent 31%),
    linear-gradient(145deg, rgba(6, 18, 33, .94), rgba(4, 15, 28, .87));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .012);
}

body.customer-portal-body.customer-portal-v2 .x-security-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 13px;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 118px;
  min-width: 0;
  padding: 20px 18px;
  border-radius: 9px;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat:hover {
  border-color: rgba(91, 118, 163, .55);
  background: linear-gradient(145deg, rgba(8, 23, 41, .98), rgba(5, 17, 31, .94));
}

body.customer-portal-body.customer-portal-v2 .x-security-stat-icon {
  display: grid;
  place-items: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(54, 77, 134, .37);
  border-radius: 50%;
  color: #5f91ff;
  background: radial-gradient(circle at 36% 28%, rgba(37, 79, 170, .48), rgba(7, 31, 72, .95));
}

body.customer-portal-body.customer-portal-v2 .x-security-stat-icon.green {
  color: #35e18d;
  border-color: rgba(18, 117, 76, .42);
  background: radial-gradient(circle at 36% 28%, rgba(18, 117, 76, .42), rgba(4, 51, 38, .92));
}

body.customer-portal-body.customer-portal-v2 .x-security-stat-icon.violet {
  color: #a26fff;
  border-color: rgba(75, 56, 147, .42);
  background: radial-gradient(circle at 36% 28%, rgba(68, 49, 150, .48), rgba(23, 17, 74, .94));
}

body.customer-portal-body.customer-portal-v2 .x-security-stat-icon .customer-svg-icon {
  width: 28px;
  height: 28px;
  stroke-width: 1.65;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat > span:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat small {
  margin: 0 0 7px;
  color: #aeb5c4;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat strong {
  overflow: hidden;
  margin: 0;
  color: #f9faff;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat strong.good,
body.customer-portal-body.customer-portal-v2 .x-security-center-copy dd.good {
  color: #37de89;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat strong.warn,
body.customer-portal-body.customer-portal-v2 .x-security-center-copy dd.warn {
  color: #f1b956;
}

body.customer-portal-body.customer-portal-v2 .x-security-stat em {
  overflow: hidden;
  margin-top: 8px;
  color: #9ba5b6;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-primary-grid,
body.customer-portal-body.customer-portal-v2 .x-security-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.025fr) minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-primary-grid {
  margin-bottom: 14px;
}

body.customer-portal-body.customer-portal-v2 .x-security-secondary-grid {
  margin-bottom: 13px;
}

body.customer-portal-body.customer-portal-v2 .x-security-card {
  min-width: 0;
  border-radius: 9px;
  overflow: hidden;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-card,
body.customer-portal-body.customer-portal-v2 .x-security-protection-card {
  height: 295px;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-card {
  padding: 0 16px 15px;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-card > h2,
body.customer-portal-body.customer-portal-v2 .x-security-quick-card > h2 {
  height: 44px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  color: #dce1ec !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .065em !important;
  line-height: 1 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-body {
  display: grid;
  grid-template-columns: minmax(270px, .92fr) minmax(280px, 1.08fr);
  align-items: center;
  gap: 14px;
  height: calc(100% - 44px);
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 292px;
  height: 230px;
  margin: -4px auto 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit::before,
body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit::before {
  width: 220px;
  height: 220px;
  background: repeating-conic-gradient(from 7deg, rgba(53, 96, 174, .21) 0deg 1deg, transparent 1deg 18deg);
  -webkit-mask: radial-gradient(circle, transparent 0 58%, #000 59% 60%, transparent 61% 100%);
  mask: radial-gradient(circle, transparent 0 58%, #000 59% 60%, transparent 61% 100%);
  opacity: .7;
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit::after {
  width: 170px;
  height: 170px;
  background: radial-gradient(circle, rgba(38, 62, 173, .30), rgba(23, 42, 114, .08) 56%, transparent 72%);
  filter: blur(5px);
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit img {
  position: relative;
  z-index: 6;
  width: 112px;
  height: 125px;
  filter: drop-shadow(0 0 20px rgba(69, 73, 255, .56));
}

body.customer-portal-body.customer-portal-v2 .x-security-orbit {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

body.customer-portal-body.customer-portal-v2 .x-security-orbit.ring-one {
  width: 221px;
  height: 159px;
  border: 1px solid rgba(54, 101, 181, .39);
  transform: rotate(2deg);
}

body.customer-portal-body.customer-portal-v2 .x-security-orbit.ring-two {
  width: 258px;
  height: 196px;
  border: 1px dashed rgba(49, 88, 154, .24);
  transform: rotate(-8deg);
}

body.customer-portal-body.customer-portal-v2 .x-security-orbit.ring-three {
  width: 176px;
  height: 218px;
  border: 1px solid rgba(53, 91, 154, .17);
  transform: rotate(28deg);
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit > i {
  position: absolute;
  z-index: 7;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4d5bff;
  box-shadow: 0 0 10px rgba(75, 87, 255, .75);
}

body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit .node-one { left: 13px; top: 57%; }
body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit .node-two { right: 13px; top: 40%; }
body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit .node-three { right: 58px; bottom: 22px; width: 4px; height: 4px; background: #3975db; }

body.customer-portal-body.customer-portal-v2 .x-security-center-copy {
  min-width: 0;
  padding: 4px 16px 0 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy h3 {
  margin: 0 0 4px !important;
  color: #f6f8fd !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  line-height: 1.2 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy > p {
  margin: 0 0 15px !important;
  color: #939eaf !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy dl {
  display: grid;
  gap: 9px;
  margin: 0 0 17px;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy dl > div {
  display: grid;
  grid-template-columns: minmax(175px, 1fr) auto;
  align-items: center;
  gap: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy dt {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #a5afbf;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.15;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy dt .customer-svg-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-copy dd {
  margin: 0;
  color: #adb7c7;
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-center-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-security-primary-button,
body.customer-portal-body.customer-portal-v2 .x-security-secondary-button,
body.customer-portal-body.customer-portal-v2 .x-security-danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 17px;
  border-radius: 7px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-security-primary-button {
  border: 0;
  background: linear-gradient(108deg, #2e5bfa 0%, #574cf5 55%, #8a43ee 100%);
  box-shadow: 0 9px 22px rgba(55, 67, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .12);
  color: #fff;
}

body.customer-portal-body.customer-portal-v2 .x-security-secondary-button {
  border: 1px solid rgba(78, 103, 144, .55);
  background: rgba(5, 15, 28, .40);
  color: #9d84ff;
}

body.customer-portal-body.customer-portal-v2 .x-security-danger-button {
  border: 1px solid rgba(255, 101, 112, .34);
  background: rgba(119, 29, 40, .14);
  color: #ff828b;
}

body.customer-portal-body.customer-portal-v2 .x-security-primary-button.full,
body.customer-portal-body.customer-portal-v2 .x-security-secondary-button.full {
  width: 100%;
}

body.customer-portal-body.customer-portal-v2 .x-security-primary-button:hover,
body.customer-portal-body.customer-portal-v2 .x-security-secondary-button:hover,
body.customer-portal-body.customer-portal-v2 .x-security-danger-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-card {
  padding: 0 16px 14px;
}

body.customer-portal-body.customer-portal-v2 .x-security-card-title {
  display: flex;
  align-items: center;
  min-height: 45px;
}

body.customer-portal-body.customer-portal-v2 .x-security-card-title.link {
  justify-content: space-between;
}

body.customer-portal-body.customer-portal-v2 .x-security-card-title h2 {
  margin: 0 !important;
  color: #dce1ec !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .065em !important;
  line-height: 1 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-card-title a {
  color: #697bff;
  text-decoration: none;
  font-size: 11px;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list {
  border: 1px solid rgba(64, 88, 121, .31);
  border-radius: 8px;
  background: rgba(7, 21, 38, .60);
  overflow: hidden;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) 105px 21px;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 13px;
  border-bottom: 1px solid rgba(64, 88, 121, .22);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a:last-child {
  border-bottom: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a:hover {
  background: rgba(20, 38, 65, .42);
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > span,
body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > i {
  display: grid;
  place-items: center;
  color: #aeb8c9;
  font-style: normal;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > span .customer-svg-icon {
  width: 18px;
  height: 18px;
  stroke-width: 1.5;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > i,
body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > em {
  color: #37dc89;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a.needs-review > i,
body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a.needs-review > em {
  color: #f2b958;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > i .customer-svg-icon {
  width: 17px;
  height: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list b {
  color: #d5dbe6;
  font-size: 12px;
  font-weight: 400;
}

body.customer-portal-body.customer-portal-v2 .x-security-protection-list em {
  overflow: hidden;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-card,
body.customer-portal-body.customer-portal-v2 .x-security-sessions-card {
  height: 233px;
  padding: 0 16px 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list,
body.customer-portal-body.customer-portal-v2 .x-security-session-preview {
  display: grid;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a {
  display: grid;
  grid-template-columns: 20px 116px minmax(130px, 1.05fr) minmax(110px, .85fr) minmax(105px, .75fr);
  align-items: center;
  gap: 10px;
  height: 35px;
  border-bottom: 1px solid rgba(63, 87, 120, .18);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a:last-child {
  border-bottom: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > span {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > span.ok {
  color: #43da91;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > span.info {
  color: #5689ff;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > span .customer-svg-icon {
  width: 18px;
  height: 18px;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list time,
body.customer-portal-body.customer-portal-v2 .x-security-activity-list b,
body.customer-portal-body.customer-portal-v2 .x-security-activity-list em,
body.customer-portal-body.customer-portal-v2 .x-security-activity-list small {
  overflow: hidden;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list time,
body.customer-portal-body.customer-portal-v2 .x-security-activity-list em,
body.customer-portal-body.customer-portal-v2 .x-security-activity-list small {
  color: #9ba5b6;
}

body.customer-portal-body.customer-portal-v2 .x-security-activity-list b {
  color: #bfc6d2;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 118px 25px;
  align-items: center;
  gap: 10px;
  min-height: 43px;
  border-bottom: 1px solid rgba(63, 87, 120, .18);
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row:last-child {
  border-bottom: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-device {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  color: #d8e2ff;
  background: rgba(21, 39, 68, .88);
}

body.customer-portal-body.customer-portal-v2 .x-security-session-device.green {
  color: #31e28a;
  background: rgba(3, 62, 43, .72);
}

body.customer-portal-body.customer-portal-v2 .x-security-session-device .customer-svg-icon {
  width: 20px;
  height: 20px;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row > div {
  min-width: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row b {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  color: #e3e7ef;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row mark {
  padding: 2px 6px;
  border-radius: 5px;
  background: rgba(43, 58, 136, .58);
  color: #8aa0ff;
  font-size: 9px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #919cac;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row > em {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #9ca6b6;
  font-size: 11px;
  font-style: normal;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row > em i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #35de88;
  box-shadow: 0 0 9px rgba(53, 222, 136, .34);
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row > a {
  display: grid;
  place-items: center;
  color: #aeb7c7;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row > a .customer-svg-icon {
  width: 18px;
  height: 18px;
}

body.customer-portal-body.customer-portal-v2 .x-security-empty-row {
  display: flex;
  align-items: center;
  min-height: 72px;
  color: #8f9aab;
  font-size: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-card {
  height: 110px;
  padding: 0 16px 14px;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-card > h2 {
  height: 41px;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid > a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 11px;
  min-width: 0;
  height: 54px;
  padding: 0 13px;
  border: 1px solid rgba(54, 78, 110, .30);
  border-radius: 8px;
  background: rgba(7, 20, 36, .57);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid > a:hover {
  border-color: rgba(88, 111, 154, .5);
  background: rgba(13, 29, 51, .72);
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid > a > span {
  display: grid;
  place-items: center;
  color: #d4dbe8;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid > a > span .customer-svg-icon {
  width: 24px;
  height: 24px;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid > a > div {
  min-width: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid b,
body.customer-portal-body.customer-portal-v2 .x-security-quick-grid small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid b {
  color: #e5e8f0;
  font-size: 12px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid small {
  margin-top: 2px;
  color: #8e99aa;
  font-size: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-security-quick-grid > a > .customer-svg-icon {
  width: 16px;
  height: 16px;
  color: #b7c0cf;
}

/* Detailed controls are intentionally below the approved first viewport. */
body.customer-portal-body.customer-portal-v2 .x-security-settings {
  display: grid;
  gap: 16px;
  margin-top: 28px;
  padding-top: 25px;
  border-top: 1px solid rgba(62, 86, 120, .27);
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-heading span,
body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head span {
  color: #7c8dff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-heading h2 {
  margin: 5px 0 3px !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-heading p {
  margin: 0 !important;
  color: #929eaf !important;
  font-size: 12px !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-grid,
body.customer-portal-body.customer-portal-v2 .x-security-history-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card {
  min-width: 0;
  padding: 20px;
  border-radius: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 15px;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head h3 {
  margin: 4px 0 3px !important;
  color: #f4f7fd !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head p {
  margin: 0 !important;
  color: #929daf !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head > em {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 7px;
  color: #a9b3c3;
  background: rgba(65, 79, 101, .22);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head > em.good {
  color: #35dd88;
  background: rgba(10, 93, 61, .25);
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-card-head > em.warn {
  color: #f0b857;
  background: rgba(112, 73, 12, .25);
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card,
body.customer-portal-body.customer-portal-v2 .x-security-form {
  display: grid;
  gap: 12px;
  padding: 15px;
  border: 1px solid rgba(62, 86, 119, .31);
  border-radius: 9px;
  background: rgba(6, 19, 34, .65);
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card + .x-security-inner-card,
body.customer-portal-body.customer-portal-v2 .x-security-form + form {
  margin-top: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card > b {
  color: #e8ebf2;
  font-size: 13px;
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card > p,
body.customer-portal-body.customer-portal-v2 .x-security-inner-card small {
  margin: 0;
  color: #929daf;
  font-size: 11px;
  line-height: 1.55;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings label,
body.customer-portal-body.customer-portal-v2 .x-security-inner-card label {
  display: grid;
  gap: 6px;
  color: #b6bfcd;
  font-size: 11px;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings input,
body.customer-portal-body.customer-portal-v2 .x-security-settings textarea,
body.customer-portal-body.customer-portal-v2 .x-security-settings select {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(68, 94, 129, .45);
  border-radius: 7px;
  outline: 0;
  background: rgba(3, 13, 25, .75);
  color: #e7ebf3;
  font-size: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings textarea {
  min-height: 112px;
  resize: vertical;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings input:focus,
body.customer-portal-body.customer-portal-v2 .x-security-settings textarea:focus {
  border-color: rgba(101, 93, 255, .65);
  box-shadow: 0 0 0 3px rgba(84, 73, 255, .10);
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card details {
  border-top: 1px solid rgba(62, 86, 119, .27);
  padding-top: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card details summary {
  color: #a996ff;
  font-size: 12px;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-security-inner-card details form {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-qr-grid {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
}

body.customer-portal-body.customer-portal-v2 .x-security-passkey-list,
body.customer-portal-body.customer-portal-v2 .x-security-history-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-passkey-list > div,
body.customer-portal-body.customer-portal-v2 .x-security-history-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 11px;
  border: 1px solid rgba(58, 83, 117, .27);
  border-radius: 8px;
  background: rgba(6, 18, 32, .55);
}

body.customer-portal-body.customer-portal-v2 .x-security-history-list > div {
  grid-template-columns: 28px minmax(0, 1fr);
}

body.customer-portal-body.customer-portal-v2 .x-security-passkey-list > div > span,
body.customer-portal-body.customer-portal-v2 .x-security-history-list > div > span {
  display: grid;
  place-items: center;
  color: #8499ff;
}

body.customer-portal-body.customer-portal-v2 .x-security-history-list > div > span.ok { color: #35dd88; }
body.customer-portal-body.customer-portal-v2 .x-security-history-list > div > span.warn { color: #f0b857; }

body.customer-portal-body.customer-portal-v2 .x-security-passkey-list p,
body.customer-portal-body.customer-portal-v2 .x-security-history-list p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-passkey-list b,
body.customer-portal-body.customer-portal-v2 .x-security-history-list b {
  display: block;
  color: #e3e8f1;
  font-size: 12px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-security-passkey-list small,
body.customer-portal-body.customer-portal-v2 .x-security-history-list small {
  display: block;
  margin-top: 3px;
  color: #8f9aab;
  font-size: 10px;
  line-height: 1.4;
}

body.customer-portal-body.customer-portal-v2 .x-security-secondary-button.compact,
body.customer-portal-body.customer-portal-v2 .x-security-danger-button.compact {
  min-height: 32px;
  padding: 0 11px;
  font-size: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list {
  display: grid;
  gap: 9px;
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list > label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  min-height: 57px;
  padding: 10px 13px;
  border: 1px solid rgba(57, 81, 114, .27);
  border-radius: 8px;
  background: rgba(6, 18, 32, .56);
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list span b,
body.customer-portal-body.customer-portal-v2 .x-security-toggle-list span small {
  display: block;
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list span b {
  color: #e0e5ee;
  font-size: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list span small {
  margin-top: 3px;
  color: #8f99aa;
  font-size: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list > label > em {
  color: #7186ff;
  font-size: 10px;
  font-style: normal;
}

body.customer-portal-body.customer-portal-v2 .x-security-toggle-list input[type="checkbox"] {
  width: 38px;
  min-height: 20px;
  accent-color: #6b55ff;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager {
  margin-top: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list {
  display: grid;
  gap: 8px;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list > div {
  display: grid;
  grid-template-columns: 38px minmax(180px, 1fr) minmax(210px, .8fr) auto;
  align-items: center;
  gap: 13px;
  padding: 12px;
  border: 1px solid rgba(59, 84, 117, .27);
  border-radius: 8px;
  background: rgba(6, 18, 32, .56);
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list > div.current {
  border-color: rgba(70, 96, 173, .43);
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list p b,
body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list p small {
  display: block;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list p b {
  color: #e4e8f0;
  font-size: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list p small {
  overflow: hidden;
  margin-top: 3px;
  color: #8f9aab;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-name {
  display: flex;
  gap: 8px;
}

body.customer-portal-body.customer-portal-v2 .x-security-session-name input {
  min-width: 0;
  min-height: 34px;
}

body.customer-portal-body.customer-portal-v2 .x-security-settings-empty {
  margin: 0;
  padding: 16px;
  color: #8f9aab;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 1320px) {
  body.customer-portal-body.customer-portal-v2.customer-route-security .customer-content {
    padding-right: 30px !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-body {
    grid-template-columns: minmax(220px, .8fr) minmax(250px, 1.2fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a {
    grid-template-columns: 20px 105px minmax(120px, 1fr) minmax(90px, .7fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > small {
    display: none;
  }
}

@media (max-width: 1120px) {
  body.customer-portal-body.customer-portal-v2 .x-security-stats,
  body.customer-portal-body.customer-portal-v2 .x-security-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.customer-portal-body.customer-portal-v2 .x-security-primary-grid,
  body.customer-portal-body.customer-portal-v2 .x-security-secondary-grid,
  body.customer-portal-body.customer-portal-v2 .x-security-settings-grid,
  body.customer-portal-body.customer-portal-v2 .x-security-history-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-card,
  body.customer-portal-body.customer-portal-v2 .x-security-protection-card,
  body.customer-portal-body.customer-portal-v2 .x-security-activity-card,
  body.customer-portal-body.customer-portal-v2 .x-security-sessions-card,
  body.customer-portal-body.customer-portal-v2 .x-security-quick-card {
    height: auto;
    min-height: 0;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-body {
    min-height: 280px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-protection-card,
  body.customer-portal-body.customer-portal-v2 .x-security-activity-card,
  body.customer-portal-body.customer-portal-v2 .x-security-sessions-card,
  body.customer-portal-body.customer-portal-v2 .x-security-quick-card {
    padding-bottom: 16px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-quick-grid {
    padding-bottom: 2px;
  }
}

@media (max-width: 980px) {
  body.customer-portal-body.customer-portal-v2.customer-route-security .customer-content {
    padding: 92px 17px 30px !important;
  }
}

@media (max-width: 760px) {
  body.customer-portal-body.customer-portal-v2 .x-security-heading h1 {
    font-size: 25px !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-stats,
  body.customer-portal-body.customer-portal-v2 .x-security-quick-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-security-stat {
    height: 103px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-body {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding-bottom: 8px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-shield-orbit {
    height: 220px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-copy {
    padding: 0 0 8px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a {
    grid-template-columns: 20px 95px minmax(0, 1fr);
    min-height: 42px;
    height: auto;
    padding: 6px 0;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > em,
  body.customer-portal-body.customer-portal-v2 .x-security-activity-list > a > small {
    display: none;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row {
    grid-template-columns: 36px minmax(0, 1fr) 25px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-session-preview-row > em {
    display: none;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a {
    grid-template-columns: 25px minmax(0, 1fr) 85px 19px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list > div {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-security-session-manager-list > div > form {
    grid-column: 1 / -1;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-qr-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  body.customer-portal-body.customer-portal-v2.customer-route-security .customer-content {
    padding: 87px 11px 25px !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-stat {
    padding: 16px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-copy dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-center-copy dd {
    padding-left: 25px;
    text-align: left;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a {
    grid-template-columns: 24px minmax(0, 1fr) 18px;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-protection-list > a > em {
    display: none;
  }

  body.customer-portal-body.customer-portal-v2 .x-security-settings-card,
  body.customer-portal-body.customer-portal-v2 .x-security-center-card,
  body.customer-portal-body.customer-portal-v2 .x-security-protection-card,
  body.customer-portal-body.customer-portal-v2 .x-security-activity-card,
  body.customer-portal-body.customer-portal-v2 .x-security-sessions-card,
  body.customer-portal-body.customer-portal-v2 .x-security-quick-card {
    padding-left: 13px;
    padding-right: 13px;
  }
}

/* XENSEC_BILLING_V217_START */
body.customer-portal-body.customer-portal-v2.customer-route-billing .customer-content {
  padding-top: 58px !important;
}

body.customer-portal-body.customer-portal-v2 .x-billing-page {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: #f4f7ff;
}

body.customer-portal-body.customer-portal-v2 .x-billing-heading h1 {
  margin: 0;
  font-size: clamp(30px, 2.2vw, 40px);
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.04em;
}

body.customer-portal-body.customer-portal-v2 .x-billing-heading p {
  margin: 8px 0 0;
  color: #9aa8c2;
  font-size: 15px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat,
body.customer-portal-body.customer-portal-v2 .x-billing-panel {
  border: 1px solid rgba(82, 106, 157, 0.35);
  background:
    radial-gradient(circle at 90% 0%, rgba(53, 73, 137, 0.08), transparent 35%),
    linear-gradient(145deg, rgba(5, 17, 39, 0.98), rgba(4, 14, 32, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015), 0 20px 55px rgba(0, 4, 18, 0.18);
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat {
  min-height: 105px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 22px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat-icon {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(115, 99, 255, 0.18);
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat-icon svg {
  width: 27px;
  height: 27px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat-icon.purple {
  color: #9a76ff;
  background: rgba(82, 42, 183, 0.2);
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat-icon.violet {
  color: #846dff;
  background: rgba(72, 45, 165, 0.19);
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat-icon.blue {
  color: #5c8dff;
  background: rgba(25, 68, 145, 0.22);
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat > div {
  min-width: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat small {
  display: block;
  margin-bottom: 6px;
  color: #93a0ba;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #f7f8ff;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat em {
  display: block;
  margin-top: 6px;
  color: #98a5be;
  font-size: 12px;
  font-style: normal;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stat em.good {
  display: inline-flex;
  width: max-content;
  margin-top: 4px;
  padding: 4px 9px;
  border-radius: 7px;
  color: #32dc88;
  background: rgba(27, 133, 84, 0.18);
}

body.customer-portal-body.customer-portal-v2 .x-billing-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.57fr) minmax(350px, 0.98fr);
  gap: 18px;
  align-items: start;
}

body.customer-portal-body.customer-portal-v2 .x-billing-main-column,
body.customer-portal-body.customer-portal-v2 .x-billing-side-column {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-panel {
  border-radius: 13px;
  overflow: hidden;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-card {
  padding: 17px 18px 15px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-card > header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(78, 97, 139, 0.22);
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-card > header > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #5f89ff;
  background: rgba(34, 75, 162, 0.24);
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-card > header svg {
  width: 17px;
  height: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-card h2,
body.customer-portal-body.customer-portal-v2 .x-billing-panel-heading h2,
body.customer-portal-body.customer-portal-v2 .x-billing-side-column h2 {
  margin: 0;
  color: #eef3ff;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 13px 0 11px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dl {
  margin: 0;
  padding: 0 14px 0 7px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dl + dl {
  border-left: 1px solid rgba(78, 97, 139, 0.2);
  padding-left: 28px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dl > div {
  min-height: 37px;
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dt {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #93a0b8;
  font-size: 13px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dt svg {
  width: 17px;
  height: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dd {
  margin: 0;
  color: #e7ecf7;
  font-size: 13px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dd.good {
  color: #31d987;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dd.warn {
  color: #f6b951;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions form {
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions a,
body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions button {
  width: 100%;
  min-height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 7px;
  border: 1px solid rgba(86, 108, 161, 0.36);
  color: #f4f6ff;
  font: inherit;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions .primary {
  border-color: transparent;
  background: linear-gradient(100deg, #3d5cff, #703bf0);
  box-shadow: 0 8px 25px rgba(83, 64, 238, 0.24);
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions .secondary {
  background: rgba(7, 17, 38, 0.68);
}

body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions svg {
  width: 15px;
  height: 15px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-managed-note {
  margin: 11px 0 0;
  color: #8794ae;
  font-size: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoices-card {
  min-height: 363px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-panel-heading {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 17px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-panel-heading form {
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-panel-heading button {
  border: 0;
  padding: 0;
  color: #758bff;
  background: transparent;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-billing-table-wrap {
  overflow-x: auto;
  border-top: 1px solid rgba(78, 97, 139, 0.2);
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table {
  width: 100%;
  min-width: 690px;
  border-collapse: collapse;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table th,
body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(77, 96, 138, 0.16);
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table th {
  color: #9ba8c1;
  font-size: 11px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td {
  color: #dbe2f1;
  font-size: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td:first-child {
  width: 31%;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td strong,
body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td small {
  display: block;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td strong {
  color: #edf2ff;
  font-size: 12px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td small {
  max-width: 240px;
  margin-top: 2px;
  overflow: hidden;
  color: #7886a0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td:last-child a,
body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td:last-child button {
  border: 0;
  padding: 0;
  color: #6e87ff;
  background: transparent;
  font: inherit;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoice-table td:last-child form {
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 11px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-status.paid {
  color: #36da88;
  background: rgba(21, 123, 77, 0.2);
}

body.customer-portal-body.customer-portal-v2 .x-billing-status.pending {
  color: #f1b43c;
  background: rgba(129, 87, 17, 0.24);
}

body.customer-portal-body.customer-portal-v2 .x-billing-status.refunded {
  color: #a77dff;
  background: rgba(86, 46, 164, 0.24);
}

body.customer-portal-body.customer-portal-v2 .x-billing-status.failed {
  color: #ff7181;
  background: rgba(142, 31, 49, 0.22);
}

body.customer-portal-body.customer-portal-v2 .x-billing-status.neutral {
  color: #a9b4cb;
  background: rgba(76, 89, 119, 0.2);
}

body.customer-portal-body.customer-portal-v2 .x-billing-invoices-card > footer {
  padding: 9px 16px;
  color: #8d9ab2;
  font-size: 11px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-empty {
  min-height: 150px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  text-align: center;
}

body.customer-portal-body.customer-portal-v2 .x-billing-empty span {
  color: #8794ae;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-card,
body.customer-portal-body.customer-portal-v2 .x-billing-payment-card,
body.customer-portal-body.customer-portal-v2 .x-billing-quick-card,
body.customer-portal-body.customer-portal-v2 .x-billing-activity-card {
  padding: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid > div > span {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid > div > span svg {
  width: 19px;
  height: 19px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid span.purple { color: #8874ff; background: rgba(83, 52, 175, 0.22); }
body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid span.green { color: #35da85; background: rgba(21, 122, 75, 0.22); }
body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid span.red { color: #ff667c; background: rgba(135, 33, 51, 0.22); }
body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid span.blue { color: #638cff; background: rgba(34, 65, 139, 0.22); }

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid small,
body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid strong {
  display: block;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid small {
  color: #8794ad;
  font-size: 9px;
  text-transform: uppercase;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid strong {
  margin-top: 3px;
  overflow: hidden;
  color: #f0f3fb;
  font-size: 15px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 15px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-stripe-badge {
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(135deg, #25509a, #4f4ed4);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row strong,
body.customer-portal-body.customer-portal-v2 .x-billing-payment-row small {
  display: block;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row strong {
  color: #e9edf8;
  font-size: 14px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row small {
  margin-top: 3px;
  color: #8491aa;
  font-size: 11px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row form {
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row button {
  min-height: 35px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid rgba(83, 105, 155, 0.34);
  border-radius: 7px;
  color: #e9edf8;
  background: rgba(8, 18, 39, 0.76);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-billing-payment-row button svg {
  width: 14px;
  height: 14px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-quick-card > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 14px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-quick-card form {
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-quick-card button,
body.customer-portal-body.customer-portal-v2 .x-billing-quick-card a {
  width: 100%;
  min-height: 36px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 0 11px;
  border: 1px solid rgba(80, 101, 148, 0.3);
  border-radius: 7px;
  color: #dce3f2;
  background: rgba(7, 17, 37, 0.65);
  font: inherit;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

body.customer-portal-body.customer-portal-v2 .x-billing-quick-card svg {
  width: 17px;
  height: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > header a {
  color: #7287ff;
  font-size: 11px;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > div {
  display: flex;
  flex-direction: column;
  margin-top: 11px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > div > a {
  min-height: 47px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(77, 96, 138, 0.15);
  color: inherit;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > div > a:last-child {
  border-bottom: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > div > a > span {
  color: #4edc91;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > div > a > span.warning {
  color: #718bff;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card svg {
  width: 17px;
  height: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card strong,
body.customer-portal-body.customer-portal-v2 .x-billing-activity-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card strong {
  color: #dce3f2;
  font-size: 11px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card small {
  margin-top: 2px;
  color: #7e8aa1;
  font-size: 9px;
}

body.customer-portal-body.customer-portal-v2 .x-billing-activity-card time {
  color: #8793aa;
  font-size: 10px;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-billing-no-activity {
  margin: 16px 0 0;
  color: #8491a9;
  font-size: 12px;
}

@media (max-width: 1350px) {
  body.customer-portal-body.customer-portal-v2 .x-billing-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-side-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-activity-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  body.customer-portal-body.customer-portal-v2.customer-route-billing .customer-content {
    padding-top: 87px !important;
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details,
  body.customer-portal-body.customer-portal-v2 .x-billing-side-column {
    grid-template-columns: minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dl + dl {
    margin-top: 8px;
    padding-top: 8px;
    padding-left: 7px;
    border-top: 1px solid rgba(78, 97, 139, 0.2);
    border-left: 0;
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-activity-card {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  body.customer-portal-body.customer-portal-v2 .x-billing-stats,
  body.customer-portal-body.customer-portal-v2 .x-billing-subscription-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-stat {
    min-height: 96px;
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-subscription-details dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 7px 0;
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-payment-row {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-payment-row form {
    grid-column: 1 / -1;
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-payment-row button {
    width: 100%;
    justify-content: center;
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-insights-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-activity-card > div > a {
    grid-template-columns: 20px minmax(0, 1fr);
  }

  body.customer-portal-body.customer-portal-v2 .x-billing-activity-card time {
    grid-column: 2;
    padding-bottom: 7px;
  }
}
/* XENSEC_BILLING_V217_END */

/* XENSEC_SUPPORT_V218_START */
body.customer-portal-body.customer-portal-v2 .x-support-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding-bottom: 4px;
}

body.customer-portal-body.customer-portal-v2 .x-support-heading {
  margin: 1px 0 2px;
}

body.customer-portal-body.customer-portal-v2 .x-support-heading h1 {
  margin: 0;
  color: #f7f9ff;
  font-size: clamp(28px, 2vw, 33px);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.035em;
}

body.customer-portal-body.customer-portal-v2 .x-support-heading p {
  margin: 8px 0 0;
  color: #aeb7ca;
  font-size: 15px;
  line-height: 1.45;
}

body.customer-portal-body.customer-portal-v2 .x-support-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat,
body.customer-portal-body.customer-portal-v2 .x-support-panel,
body.customer-portal-body.customer-portal-v2 .x-support-response-note {
  border: 1px solid rgba(82, 104, 154, .34);
  background: linear-gradient(145deg, rgba(7, 18, 39, .96), rgba(4, 14, 31, .88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 18px 45px rgba(0, 5, 20, .16);
}

body.customer-portal-body.customer-portal-v2 .x-support-stat {
  min-height: 112px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  border-radius: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat-icon {
  flex: 0 0 55px;
  width: 55px;
  height: 55px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 50%;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat-icon svg {
  width: 28px;
  height: 28px;
  stroke-width: 1.65;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat-icon.purple,
body.customer-portal-body.customer-portal-v2 .x-support-stat-icon.violet {
  color: #a966ff;
  background: radial-gradient(circle at 30% 24%, rgba(154, 71, 255, .29), rgba(73, 23, 132, .38));
}

body.customer-portal-body.customer-portal-v2 .x-support-stat-icon.blue {
  color: #5f8fff;
  background: radial-gradient(circle at 30% 24%, rgba(64, 116, 255, .30), rgba(19, 55, 123, .38));
}

body.customer-portal-body.customer-portal-v2 .x-support-stat-icon.green {
  color: #36e99b;
  background: radial-gradient(circle at 30% 24%, rgba(25, 219, 144, .25), rgba(5, 92, 62, .38));
}

body.customer-portal-body.customer-portal-v2 .x-support-stat > div {
  min-width: 0;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat small {
  display: block;
  margin-bottom: 7px;
  color: #aeb7ca;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat strong {
  display: block;
  color: #f7f9ff;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.customer-portal-body.customer-portal-v2 .x-support-stat em {
  display: block;
  margin-top: 9px;
  color: #aeb7ca;
  font-size: 12px;
  font-style: normal;
  line-height: 1.25;
}

body.customer-portal-body.customer-portal-v2 .x-support-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.86fr) minmax(310px, .82fr);
  gap: 20px;
  align-items: stretch;
}

body.customer-portal-body.customer-portal-v2 .x-support-panel {
  border-radius: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-panel {
  min-height: 574px;
  padding: 20px 18px 18px;
}

body.customer-portal-body.customer-portal-v2 .x-support-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 6px 14px;
}

body.customer-portal-body.customer-portal-v2 .x-support-panel h2,
body.customer-portal-body.customer-portal-v2 .x-support-panel-heading h2 {
  margin: 0;
  color: #edf2ff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .065em;
  text-transform: uppercase;
}

body.customer-portal-body.customer-portal-v2 .x-support-panel-heading a {
  color: #7089ff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-table {
  overflow: hidden;
  border: 1px solid rgba(73, 93, 137, .29);
  border-radius: 10px;
  background: rgba(4, 15, 33, .48);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-head,
body.customer-portal-body.customer-portal-v2 .x-support-ticket-row {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) 145px 142px 28px;
  align-items: center;
  gap: 16px;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-head {
  min-height: 43px;
  padding: 0 14px;
  color: #b9c2d5;
  font-size: 12px;
  border-bottom: 1px solid rgba(73, 93, 137, .23);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-row {
  min-height: 83px;
  padding: 10px 14px;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(73, 93, 137, .19);
  transition: background .18s ease, border-color .18s ease;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-row:last-child {
  border-bottom: 0;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-row:hover {
  background: rgba(35, 57, 104, .17);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-subject {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-icon svg {
  width: 23px;
  height: 23px;
  stroke-width: 1.7;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-icon.purple {
  color: #ba70ff;
  background: rgba(111, 42, 172, .34);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-icon.blue {
  color: #5e91ff;
  background: rgba(26, 69, 145, .35);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-icon.orange {
  color: #ffb35a;
  background: rgba(122, 76, 20, .34);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-icon.green {
  color: #36e89a;
  background: rgba(7, 91, 61, .36);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-subject p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-subject strong {
  display: block;
  color: #f2f5ff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-subject small {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-top: 8px;
  color: #8f99ae;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-subject small i {
  flex: 0 0 1px;
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background: rgba(129, 145, 179, .35);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-status {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 27px;
  padding: 0 11px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-status.open {
  color: #bd6dff;
  background: rgba(89, 36, 143, .34);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-status.progress {
  color: #6795ff;
  background: rgba(27, 66, 137, .38);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-status.waiting {
  color: #ffb75c;
  background: rgba(115, 70, 18, .36);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-status.resolved {
  color: #38df91;
  background: rgba(6, 86, 58, .42);
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-row time {
  color: #a4aec2;
  font-size: 12px;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-arrow {
  color: #b4bed1;
}

body.customer-portal-body.customer-portal-v2 .x-support-ticket-arrow svg {
  width: 17px;
  height: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-support-empty {
  min-height: 375px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  text-align: center;
}

body.customer-portal-body.customer-portal-v2 .x-support-empty > span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: #43df98;
  border-radius: 50%;
  background: rgba(9, 83, 60, .35);
}

body.customer-portal-body.customer-portal-v2 .x-support-empty h3 {
  margin: 16px 0 7px;
  color: #f5f7ff;
  font-size: 17px;
}

body.customer-portal-body.customer-portal-v2 .x-support-empty p {
  max-width: 460px;
  margin: 0 0 18px;
  color: #9ba6ba;
  font-size: 13px;
  line-height: 1.6;
}

body.customer-portal-body.customer-portal-v2 .x-support-empty a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 18px;
  color: #fff;
  border-radius: 7px;
  background: linear-gradient(135deg, #394aff, #7b38ef);
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-support-side-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.customer-portal-body.customer-portal-v2 .x-support-side-column .x-support-panel {
  padding: 14px 14px 13px;
}

body.customer-portal-body.customer-portal-v2 .x-support-side-column .x-support-panel h2 {
  margin: 0 4px 10px;
}

body.customer-portal-body.customer-portal-v2 .x-support-actions-card > div,
body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card > div,
body.customer-portal-body.customer-portal-v2 .x-support-contact-card > div {
  display: flex;
  flex-direction: column;
}

body.customer-portal-body.customer-portal-v2 .x-support-actions-card a {
  min-height: 39px;
  display: grid;
  grid-template-columns: 22px 1fr 17px;
  align-items: center;
  gap: 10px;
  padding: 0 11px;
  color: #e7ecf8;
  font-size: 12px;
  text-decoration: none;
  border-radius: 5px;
}

body.customer-portal-body.customer-portal-v2 .x-support-actions-card a + a {
  border-top: 1px solid rgba(77, 96, 137, .18);
}

body.customer-portal-body.customer-portal-v2 .x-support-actions-card a.primary {
  color: #fff;
  background: linear-gradient(95deg, #2e4eff, #5637eb);
  box-shadow: 0 8px 24px rgba(61, 71, 255, .18);
}

body.customer-portal-body.customer-portal-v2 .x-support-actions-card svg,
body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card svg,
body.customer-portal-body.customer-portal-v2 .x-support-contact-card svg {
  width: 18px;
  height: 18px;
}

body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card a {
  min-height: 46px;
  display: grid;
  grid-template-columns: 24px 1fr 17px;
  align-items: center;
  gap: 9px;
  color: #dce3f2;
  text-decoration: none;
}

body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card a + a {
  border-top: 1px solid rgba(77, 96, 137, .15);
}

body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card a > span {
  color: #bcc6da;
}

body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card p,
body.customer-portal-body.customer-portal-v2 .x-support-contact-card p {
  min-width: 0;
  margin: 0;
}

body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card strong,
body.customer-portal-body.customer-portal-v2 .x-support-contact-card strong {
  display: block;
  color: #edf2fc;
  font-size: 12px;
  font-weight: 500;
}

body.customer-portal-body.customer-portal-v2 .x-support-knowledge-card small,
body.customer-portal-body.customer-portal-v2 .x-support-contact-card small {
  display: block;
  margin-top: 2px;
  color: #8f9bb1;
  font-size: 10.5px;
  line-height: 1.25;
}

body.customer-portal-body.customer-portal-v2 .x-support-contact-card section {
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
}

body.customer-portal-body.customer-portal-v2 .x-support-contact-card section > span {
  color: #c3ccdc;
}

body.customer-portal-body.customer-portal-v2 .x-support-contact-card section a {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  color: #6f91ff;
  font-size: 10px;
  border: 1px solid rgba(68, 102, 191, .35);
  border-radius: 5px;
  background: rgba(7, 20, 46, .74);
  text-decoration: none;
  white-space: nowrap;
}

body.customer-portal-body.customer-portal-v2 .x-support-contact-card section a.status {
  color: #45dd8f;
  border-color: rgba(35, 139, 92, .26);
  background: rgba(6, 73, 49, .32);
}

body.customer-portal-body.customer-portal-v2 .x-support-response-note {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 11px 14px;
  border-radius: 8px;
}

body.customer-portal-body.customer-portal-v2 .x-support-response-note > span {
  color: #745dff;
}

body.customer-portal-body.customer-portal-v2 .x-support-response-note svg {
  width: 22px;
  height: 22px;
}

body.customer-portal-body.customer-portal-v2 .x-support-response-note p {
  margin: 0;
  color: #929eb4;
  font-size: 11px;
  line-height: 1.45;
}

body.customer-portal-body.customer-portal-v2 .x-support-footer {
  min-height: 34px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 0 2px;
  color: #7f899e;
  font-size: 11px;
  border-top: 1px solid rgba(74, 93, 132, .18);
}

body.customer-portal-body.customer-portal-v2 .x-support-footer nav {
  display: flex;
  align-items: center;
  gap: 32px;
}

body.customer-portal-body.customer-portal-v2 .x-support-footer a {
  color: #8f99ae;
  text-decoration: none;
}

@media (max-width: 1320px) {
  body.customer-portal-body.customer-portal-v2 .x-support-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) 310px;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-head,
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-row {
    grid-template-columns: minmax(0, 1.45fr) 125px 112px 22px;
    gap: 10px;
  }
}

@media (max-width: 1120px) {
  body.customer-portal-body.customer-portal-v2 .x-support-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.customer-portal-body.customer-portal-v2 .x-support-dashboard-grid {
    grid-template-columns: 1fr;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-side-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.customer-portal-body.customer-portal-v2 .x-support-response-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  body.customer-portal-body.customer-portal-v2 .x-support-page {
    gap: 14px;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-stats,
  body.customer-portal-body.customer-portal-v2 .x-support-side-column {
    grid-template-columns: 1fr;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-stat {
    min-height: 100px;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-panel {
    min-height: 0;
    padding: 15px 12px;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-head {
    display: none;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-row {
    min-height: 0;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 15px 10px;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-subject {
    grid-column: 1 / -1;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-status {
    grid-column: 1;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-row time {
    grid-column: 2;
    justify-self: end;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-ticket-arrow {
    display: none;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-footer {
    align-items: flex-start;
    flex-direction: column;
    padding-top: 14px;
  }
  body.customer-portal-body.customer-portal-v2 .x-support-footer nav {
    flex-wrap: wrap;
    gap: 18px;
  }
}
/* XENSEC_SUPPORT_V218_END */

/* XENSEC_REAUTH_V220_START */
body.customer-portal-body.customer-portal-v2.customer-route-reauth .customer-content {
  display: flex !important;
  justify-content: center !important;
  padding-top: 96px !important;
  padding-bottom: 48px !important;
}

body.customer-portal-body.customer-portal-v2.customer-route-reauth .customer-content > .customer-reauth-v220 {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

.customer-reauth-v220 {
  display: grid;
  gap: 18px;
}

.customer-reauth-top-v220 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.customer-reauth-back-v220 {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(89, 115, 160, .34);
  border-radius: 11px;
  background: rgba(5, 16, 35, .72);
  color: rgba(226, 235, 251, .86);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.customer-reauth-back-v220:hover {
  border-color: rgba(103, 105, 255, .7);
  background: rgba(20, 31, 67, .82);
  color: #fff;
}

.customer-reauth-kicker-v220 {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(72, 182, 255, .32);
  border-radius: 999px;
  background: rgba(20, 81, 126, .15);
  color: #7fd9ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.customer-reauth-panel-v220 {
  overflow: hidden;
  border: 1px solid rgba(75, 101, 142, .32);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 0%, rgba(101, 67, 255, .14), transparent 31%),
    linear-gradient(180deg, rgba(6, 18, 39, .98), rgba(4, 14, 31, .98));
  box-shadow: 0 28px 80px rgba(0, 5, 19, .38);
}

.customer-reauth-heading-v220 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 32px 25px;
}

.customer-reauth-lock-v220 {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(102, 119, 255, .34);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(57, 83, 255, .32), rgba(121, 56, 255, .22));
  color: #cbd5ff;
  font-size: 25px;
  font-weight: 800;
  box-shadow: 0 14px 35px rgba(59, 54, 255, .15), inset 0 1px 0 rgba(255,255,255,.08);
}

.customer-reauth-heading-v220 small,
.customer-reauth-method-title-v220 small,
.customer-reauth-session-v220 small {
  display: block;
  color: #7e91b8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.customer-reauth-heading-v220 h1 {
  margin: 4px 0 7px;
  color: #f7f9ff;
  font-size: clamp(28px, 3vw, 39px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.customer-reauth-heading-v220 p {
  max-width: 680px;
  margin: 0;
  color: rgba(208, 220, 242, .7);
  font-size: 15px;
  line-height: 1.65;
}

.customer-reauth-meta-v220 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 32px;
  border-top: 1px solid rgba(77, 101, 140, .2);
  border-bottom: 1px solid rgba(77, 101, 140, .2);
  background: rgba(8, 22, 45, .58);
}

.customer-reauth-meta-v220 span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(211, 222, 242, .72);
  font-size: 13px;
  font-weight: 600;
}

.customer-reauth-meta-v220 span:first-child i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4b83ff;
  box-shadow: 0 0 12px rgba(75, 131, 255, .75);
}

.customer-reauth-meta-v220 span:last-child {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(247, 180, 60, .1);
  color: #f2b952;
}

.customer-reauth-meta-v220 span:last-child.is-ready {
  background: rgba(48, 203, 123, .1);
  color: #4fe093;
}

.customer-reauth-methods-v220 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  padding: 28px 32px 30px;
}

.customer-reauth-methods-v220.code-only {
  grid-template-columns: minmax(0, 620px);
  justify-content: center;
}

.customer-reauth-method-v220 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(82, 107, 151, .28);
  border-radius: 17px;
  background: linear-gradient(180deg, rgba(9, 23, 49, .74), rgba(6, 18, 39, .68));
}

.customer-reauth-passkey-v220 {
  border-color: rgba(105, 93, 255, .34);
  background:
    radial-gradient(circle at 100% 0%, rgba(121, 65, 255, .14), transparent 38%),
    linear-gradient(180deg, rgba(12, 24, 55, .85), rgba(8, 18, 42, .8));
}

.customer-reauth-method-title-v220 {
  display: flex;
  align-items: center;
  gap: 13px;
}

.customer-reauth-method-title-v220 > span {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(45, 66, 121, .32);
  color: #9eb2ff;
  font-size: 16px;
  font-weight: 800;
}

.customer-reauth-passkey-v220 .customer-reauth-method-title-v220 > span {
  background: rgba(94, 67, 218, .26);
  color: #b6a9ff;
}

.customer-reauth-method-title-v220 h2 {
  margin: 3px 0 0;
  color: #f3f6ff;
  font-size: 18px;
  line-height: 1.2;
}

.customer-reauth-method-v220 > p {
  min-height: 48px;
  margin: 17px 0 22px;
  color: rgba(204, 216, 239, .67);
  font-size: 13px;
  line-height: 1.6;
}

.customer-reauth-primary-v220 {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(105deg, #3d62f3, #7448ef);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(69, 67, 229, .24);
  transition: transform .18s ease, filter .18s ease;
}

.customer-reauth-primary-v220:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

.customer-reauth-primary-v220:disabled {
  cursor: wait;
  opacity: .72;
  transform: none;
}

.customer-reauth-message-v220 {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  color: rgba(195, 208, 235, .58);
  text-align: center;
  font-size: 11px;
}

.customer-reauth-message-v220.ok { color: #53dc91; }
.customer-reauth-message-v220.error { color: #ff7b89; }
.customer-reauth-message-v220.warn { color: #f3be5d; }

.customer-reauth-divider-v220 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(174, 188, 215, .5);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.customer-reauth-divider-v220::before,
.customer-reauth-divider-v220::after {
  content: '';
  width: 1px;
  height: 42%;
  background: rgba(80, 105, 146, .25);
}

.customer-reauth-divider-v220 span {
  margin: 10px 0;
}

.customer-reauth-form-v220 {
  display: grid;
  gap: 11px;
}

.customer-reauth-form-v220 label {
  color: rgba(216, 226, 245, .82);
  font-size: 12px;
  font-weight: 600;
}

.customer-reauth-form-v220 input[name="code"] {
  width: 100%;
  height: 52px;
  border: 1px solid rgba(80, 108, 155, .38);
  border-radius: 11px;
  outline: 0;
  background: rgba(2, 12, 28, .78);
  color: #f6f8ff;
  text-align: center;
  font: inherit;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .22em;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.customer-reauth-form-v220 input[name="code"]::placeholder {
  color: rgba(148, 163, 190, .46);
}

.customer-reauth-form-v220 input[name="code"]:focus {
  border-color: rgba(99, 103, 255, .88);
  box-shadow: 0 0 0 3px rgba(90, 81, 241, .13);
}

.customer-reauth-form-v220 .customer-reauth-primary-v220 {
  margin-top: 4px;
}

.customer-reauth-session-v220 {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  margin: 0 32px 30px;
  padding: 16px 18px;
  border: 1px solid rgba(80, 106, 149, .25);
  border-radius: 14px;
  background: rgba(5, 17, 36, .72);
}

.customer-reauth-session-icon-v220 {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(62, 83, 131, .22);
  color: #8ea5d5;
  font-size: 18px;
  font-weight: 800;
}

.customer-reauth-session-v220.is-verified .customer-reauth-session-icon-v220 {
  background: rgba(31, 158, 92, .15);
  color: #54df91;
}

.customer-reauth-session-v220 strong {
  display: block;
  margin: 3px 0 2px;
  color: #edf3ff;
  font-size: 14px;
}

.customer-reauth-session-v220 p {
  margin: 0;
  color: rgba(197, 210, 234, .62);
  font-size: 12px;
  line-height: 1.45;
}

.customer-reauth-session-v220 > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(88, 111, 157, .34);
  border-radius: 10px;
  color: #aebeff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 900px) {
  body.customer-portal-body.customer-portal-v2.customer-route-reauth .customer-content {
    padding-top: 82px !important;
  }

  .customer-reauth-methods-v220 {
    grid-template-columns: 1fr;
  }

  .customer-reauth-divider-v220 {
    gap: 12px;
  }

  .customer-reauth-divider-v220::before,
  .customer-reauth-divider-v220::after {
    width: 100%;
    height: 1px;
  }
}

@media (max-width: 620px) {
  body.customer-portal-body.customer-portal-v2.customer-route-reauth .customer-content {
    padding: 76px 14px 28px !important;
  }

  .customer-reauth-top-v220 {
    align-items: flex-start;
  }

  .customer-reauth-heading-v220 {
    align-items: flex-start;
    padding: 24px 20px 21px;
  }

  .customer-reauth-lock-v220 {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    font-size: 20px;
  }

  .customer-reauth-heading-v220 h1 {
    font-size: 28px;
  }

  .customer-reauth-meta-v220 {
    align-items: flex-start;
    flex-direction: column;
    padding: 13px 20px;
  }

  .customer-reauth-methods-v220 {
    padding: 20px;
  }

  .customer-reauth-method-v220 {
    padding: 20px;
  }

  .customer-reauth-session-v220 {
    grid-template-columns: 38px minmax(0, 1fr);
    margin: 0 20px 20px;
    padding: 15px;
  }

  .customer-reauth-session-icon-v220 {
    width: 38px;
    height: 38px;
  }

  .customer-reauth-session-v220 > a {
    grid-column: 1 / -1;
    width: 100%;
  }
}
/* XENSEC_REAUTH_V220_END */

/* XENSEC_ACCOUNT_V225_START */
body.customer-route-account .customer-content{max-width:none;padding-top:24px}
.account-page-v225{display:flex;flex-direction:column;gap:18px}
.account-header-v225 h1{margin:0;color:#f7f9ff;font-size:2.15rem;line-height:1.05}.account-header-v225 p{margin:8px 0 0;color:rgba(214,223,246,.7)}
.account-summary-grid-v225{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.account-summary-card-v225{position:relative;display:flex;align-items:center;gap:16px;min-height:116px;padding:20px;border:1px solid rgba(95,119,181,.28);border-radius:18px;background:linear-gradient(180deg,rgba(7,19,45,.9),rgba(4,15,36,.84));box-shadow:0 18px 44px rgba(0,8,28,.24)}.account-summary-card-v225>div{min-width:0}.account-summary-card-v225 small{display:block;color:rgba(210,220,246,.68);font-size:.78rem;text-transform:uppercase}.account-summary-card-v225 strong{display:block;margin-top:5px;color:#f7f9ff;font-size:1.45rem}.account-summary-card-v225 em{display:block;margin-top:7px;color:rgba(210,220,246,.72);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-summary-icon-v225{flex:0 0 54px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;border:1px solid rgba(96,124,255,.2)}.account-summary-icon-v225.tone-blue{background:rgba(20,73,165,.25);color:#5f9cff}.account-summary-icon-v225.tone-violet{background:rgba(85,45,171,.28);color:#a676ff}.account-check-v225{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-style:normal;color:#25e77e}.tone-success{color:#27e783!important}.tone-warning{color:#ffbd4b!important}
.account-main-grid-v225{display:grid;grid-template-columns:1.35fr 1fr .95fr;gap:16px;align-items:stretch}.account-bottom-grid-v225{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.65fr);gap:16px}.account-profile-panel-v225,.account-list-panel-v225,.account-activity-panel-v225,.account-quick-panel-v225{padding:18px!important;border-radius:18px!important}.account-panel-title-v225{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.account-panel-title-v225 h2{margin:0;color:#f5f7ff;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.account-panel-title-v225 a,.account-panel-title-v225 button{border:0;background:none;color:#8196ff;text-decoration:none;font:inherit;cursor:pointer}
.account-profile-body-v225{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:start}.account-avatar-v225{position:relative;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;border:1px solid #9358ff;background:radial-gradient(circle at 30% 25%,rgba(73,106,212,.24),rgba(8,18,48,.95));box-shadow:0 0 30px rgba(102,72,255,.14)}.account-avatar-v225 span{font-size:2.2rem;color:#eef2ff}.account-avatar-v225 i{position:absolute;right:2px;bottom:6px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#25126b;border:1px solid #8359ff;color:#bca8ff;font-style:normal}.account-profile-name-v225{display:flex;align-items:center;gap:10px}.account-profile-name-v225 h3{margin:0;color:#fff;font-size:1.55rem}.account-profile-name-v225 span{padding:4px 9px;border-radius:999px;background:rgba(16,122,70,.22);color:#35e682;font-size:.78rem}.account-profile-copy-v225>p{margin:4px 0 14px;color:rgba(215,224,249,.7)}.account-profile-copy-v225 dl{margin:0;display:grid;gap:8px}.account-profile-copy-v225 dl div{display:grid;grid-template-columns:minmax(100px,.85fr) 1fr;gap:12px}.account-profile-copy-v225 dt{color:rgba(204,215,242,.68)}.account-profile-copy-v225 dd{margin:0;color:#dfe6fb}.account-secure-note-v225{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid rgba(71,107,164,.24);border-radius:12px;background:rgba(9,26,55,.5)}.account-secure-note-v225>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(5,119,68,.28);color:#2ce582}.account-secure-note-v225 b,.account-secure-note-v225 small{display:block}.account-secure-note-v225 b{color:#f4f7ff}.account-secure-note-v225 small{margin-top:3px;color:rgba(209,219,245,.66)}
.account-row-list-v225{display:flex;flex-direction:column;border:1px solid rgba(83,105,162,.2);border-radius:12px;overflow:hidden}.account-row-list-v225>div,.account-row-list-v225>a{display:grid;grid-template-columns:26px minmax(105px,.9fr) minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:0 14px;border-bottom:1px solid rgba(83,105,162,.18);color:#e9eefc;text-decoration:none}.account-row-list-v225>:last-child{border-bottom:0}.account-row-list-v225 span{color:#d4dcf6}.account-row-list-v225 b{font-weight:500}.account-row-list-v225 em{font-style:normal;color:rgba(211,220,245,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row-list-v225 strong{font-size:.82rem;font-weight:600;color:rgba(210,220,245,.7)}.account-preferences-v225>a{grid-template-columns:26px minmax(100px,1fr) auto 16px}.account-preferences-v225 i{font-style:normal;color:#aebbf0}
.account-activity-table-wrap-v225{overflow:auto}.account-activity-table-v225{width:100%;border-collapse:collapse}.account-activity-table-v225 th{padding:10px 8px;text-align:left;color:rgba(202,213,241,.65);font-size:.76rem;font-weight:500;text-transform:uppercase}.account-activity-table-v225 td{padding:12px 8px;border-top:1px solid rgba(82,104,159,.16);color:rgba(223,230,249,.83);vertical-align:middle}.account-activity-table-v225 td:first-child{color:#f2f5ff}.account-event-dot-v225{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#21c873;color:#031b12;font-size:.72rem;font-weight:800}.account-quick-list-v225{display:flex;flex-direction:column;border:1px solid rgba(83,105,162,.2);border-radius:12px;overflow:hidden}.account-quick-list-v225>a,.account-quick-list-v225>button{display:grid;grid-template-columns:30px 1fr 16px;align-items:center;gap:10px;min-height:62px;padding:10px 14px;border:0;border-bottom:1px solid rgba(83,105,162,.18);background:transparent;color:#eef3ff;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.account-quick-list-v225>:last-child{border-bottom:0}.account-quick-list-v225 span{font-size:1.25rem;color:#dce5ff}.account-quick-list-v225 b,.account-quick-list-v225 small{display:block}.account-quick-list-v225 b{font-weight:500}.account-quick-list-v225 small{margin-top:3px;color:rgba(202,212,239,.62)}.account-quick-list-v225 i{font-style:normal;color:#9aabef}
.account-modal-v225{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:24px}.account-modal-v225[hidden]{display:none}.account-modal-backdrop-v225{position:absolute;inset:0;border:0;background:rgba(0,5,18,.78);backdrop-filter:blur(8px)}.account-modal-v225>section{position:relative;width:min(480px,100%);padding:22px;border:1px solid rgba(103,87,255,.5);border-radius:20px;background:linear-gradient(180deg,#09152f,#071128);box-shadow:0 28px 90px rgba(0,0,0,.45)}.account-modal-v225 header{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.account-modal-v225 header small{color:#7e91ff;text-transform:uppercase;letter-spacing:.1em}.account-modal-v225 header h2{margin:4px 0 0;color:#fff}.account-modal-v225 header>button{border:0;background:transparent;color:#dbe3ff;font-size:1.5rem;cursor:pointer}.account-modal-v225 form{display:grid;gap:14px}.account-modal-v225 label{display:grid;gap:7px;color:#dce4fb}.account-modal-v225 input{width:100%;padding:13px 14px;border:1px solid rgba(91,112,176,.35);border-radius:11px;background:#050f24;color:#f5f7ff}.account-modal-v225 p{margin:0;color:rgba(207,217,242,.65);font-size:.85rem}.account-modal-open-v225{overflow:hidden}
@media(max-width:1280px){.account-summary-grid-v225{grid-template-columns:repeat(2,minmax(0,1fr))}.account-main-grid-v225{grid-template-columns:1fr 1fr}.account-profile-panel-v225{grid-column:1/-1}.account-bottom-grid-v225{grid-template-columns:1fr}}
@media(max-width:760px){body.customer-route-account .customer-content{padding-top:14px}.account-header-v225 h1{font-size:1.8rem}.account-summary-grid-v225,.account-main-grid-v225{grid-template-columns:1fr}.account-profile-panel-v225{grid-column:auto}.account-profile-body-v225{grid-template-columns:1fr;text-align:center}.account-avatar-v225{margin:0 auto}.account-profile-name-v225{justify-content:center}.account-profile-copy-v225 dl div{text-align:left}.account-row-list-v225>div,.account-row-list-v225>a{grid-template-columns:24px 1fr auto}.account-row-list-v225 em{grid-column:2/4}.account-activity-table-v225{min-width:720px}.account-summary-card-v225{min-height:100px}.account-check-v225{display:none}}
/* XENSEC_ACCOUNT_V225_END */


/* XENSEC_NOTIFICATION_PREFERENCES_V226_START */
body.customer-route-preferences-notifications .customer-content{max-width:none;padding-top:24px}
.notification-page-v226{display:flex;flex-direction:column;gap:18px}
.notification-header-v226{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.notification-header-v226 h1{margin:0;color:#f7f9ff;font-size:2.15rem;line-height:1.05}.notification-header-v226 p{margin:8px 0 0;color:rgba(214,223,246,.7)}.notification-header-link-v226{color:#8298ff;text-decoration:none;font-weight:600}
.notification-summary-grid-v226{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.notification-summary-card-v226{position:relative;display:flex;align-items:center;gap:16px;min-height:116px;padding:20px;border:1px solid rgba(95,119,181,.28);border-radius:18px;background:linear-gradient(180deg,rgba(7,19,45,.9),rgba(4,15,36,.84));box-shadow:0 18px 44px rgba(0,8,28,.24)}.notification-summary-card-v226>div{min-width:0}.notification-summary-card-v226 small{display:block;color:rgba(210,220,246,.68);font-size:.78rem;text-transform:uppercase}.notification-summary-card-v226 strong{display:block;margin-top:5px;color:#f7f9ff;font-size:1.35rem}.notification-summary-card-v226 em{display:block;margin-top:7px;color:rgba(210,220,246,.72);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-summary-card-v226>i{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-style:normal;color:#25e77e}.notification-summary-icon-v226{flex:0 0 54px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;border:1px solid rgba(96,124,255,.2)}.notification-summary-icon-v226.tone-blue{background:rgba(20,73,165,.25);color:#5f9cff}.notification-summary-icon-v226.tone-green{background:rgba(13,109,70,.27);color:#38e495}.notification-summary-icon-v226.tone-violet{background:rgba(85,45,171,.28);color:#a676ff}
.notification-main-grid-v226{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);gap:16px;align-items:start}.notification-category-panel-v226,.notification-push-card-v226,.notification-protected-card-v226,.notification-recent-card-v226{padding:18px!important;border-radius:18px!important}.notification-panel-title-v226{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.notification-panel-title-v226 h2{margin:0;color:#f5f7ff;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.notification-panel-title-v226 p{margin:6px 0 0;color:rgba(205,216,243,.64);font-size:.88rem;line-height:1.45}.notification-panel-title-v226>span,.notification-panel-title-v226>a{flex:0 0 auto;color:#8499ff;text-decoration:none;font-size:.86rem}
.notification-form-v226{display:flex;flex-direction:column}.notification-column-head-v226,.notification-category-row-v226{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px 80px;align-items:center;gap:12px}.notification-column-head-v226{padding:0 14px 10px;color:rgba(195,207,237,.56);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.notification-column-head-v226 span:not(:first-child){text-align:center}.notification-category-list-v226{border:1px solid rgba(83,105,162,.2);border-radius:14px;overflow:hidden}.notification-category-row-v226{min-height:76px;padding:12px 14px;border-bottom:1px solid rgba(83,105,162,.16);background:rgba(5,15,37,.18)}.notification-category-row-v226:last-child{border-bottom:0}.notification-category-row-v226.is-protected{background:linear-gradient(90deg,rgba(14,93,62,.09),rgba(5,15,37,.18))}.notification-category-copy-v226{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.notification-category-copy-v226 b,.notification-category-copy-v226 small{display:block}.notification-category-copy-v226 b{color:#f0f4ff;font-weight:600}.notification-category-copy-v226 small{margin-top:4px;color:rgba(204,215,242,.62);line-height:1.4}.notification-category-icon-v226{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(31,57,119,.35);border:1px solid rgba(87,113,190,.22);color:#99aaff}.notification-channel-state-v226{display:inline-flex;justify-self:center;align-items:center;justify-content:center;min-width:58px;padding:6px 8px;border-radius:999px;color:rgba(210,220,244,.64);background:rgba(61,74,111,.18);font-size:.76rem;font-style:normal}.notification-channel-state-v226.is-on,.notification-channel-state-v226.is-protected{color:#31df86;background:rgba(13,115,68,.2)}.notification-channel-state-v226.is-device{color:#8fa5ff;background:rgba(45,69,145,.24)}
.notification-switch-v226{position:relative;justify-self:center;width:46px;height:25px;cursor:pointer}.notification-switch-v226 input{position:absolute;opacity:0;pointer-events:none}.notification-switch-v226 span{position:absolute;inset:0;border-radius:999px;background:#18233f;border:1px solid rgba(95,117,177,.34);transition:.2s}.notification-switch-v226 span:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#8090b8;transition:.2s}.notification-switch-v226 input:checked+span{background:linear-gradient(90deg,#385cf5,#7849ee);border-color:rgba(119,92,255,.7)}.notification-switch-v226 input:checked+span:after{transform:translateX(21px);background:#fff}.notification-switch-v226 input:focus-visible+span{outline:2px solid #8399ff;outline-offset:3px}
.notification-save-bar-v226{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px 16px;border:1px solid rgba(83,105,162,.2);border-radius:13px;background:rgba(6,17,40,.55)}.notification-save-bar-v226 b,.notification-save-bar-v226 small{display:block}.notification-save-bar-v226 b{color:#f2f5ff}.notification-save-bar-v226 small{margin-top:3px;color:rgba(203,214,241,.62)}.notification-save-bar-v226>div:last-child{display:flex;align-items:center;gap:9px}.notification-primary-button-v226,.notification-secondary-button-v226{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:11px;border:1px solid transparent;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.notification-primary-button-v226{color:#fff;background:linear-gradient(90deg,#3762f4,#8248ec);box-shadow:0 10px 28px rgba(79,70,235,.22)}.notification-secondary-button-v226{color:#e8edff;background:rgba(7,18,43,.72);border-color:rgba(84,108,171,.34)}.notification-primary-button-v226[disabled],.notification-secondary-button-v226[disabled]{opacity:.48;cursor:not-allowed}
.notification-side-v226{display:flex;flex-direction:column;gap:16px}.notification-push-status-v226{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(83,105,162,.2);border-radius:13px;background:rgba(7,19,44,.55)}.notification-push-device-v226{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(38,76,168,.27);color:#7f9aff}.notification-push-status-v226 b,.notification-push-status-v226 small{display:block}.notification-push-status-v226 b{color:#eef3ff}.notification-push-status-v226 small{margin-top:4px;color:rgba(204,215,241,.64);line-height:1.45}.notification-push-actions-v226{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.notification-push-actions-v226 .is-wide{grid-column:1/-1}.notification-protected-list-v226{display:flex;flex-direction:column;gap:10px}.notification-protected-list-v226 span{display:flex;align-items:center;gap:9px;color:rgba(222,229,248,.8);font-size:.88rem}.notification-protected-list-v226 i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(11,119,69,.22);color:#33e388;font-style:normal;font-size:.72rem}.notification-recent-list-v226{display:flex;flex-direction:column;border:1px solid rgba(83,105,162,.2);border-radius:13px;overflow:hidden}.notification-recent-list-v226>a{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:60px;padding:9px 11px;border-bottom:1px solid rgba(83,105,162,.16);color:#eef3ff;text-decoration:none}.notification-recent-list-v226>a:last-child{border-bottom:0}.notification-recent-list-v226>a>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(36,62,133,.3);color:#8da3ff}.notification-recent-list-v226 b,.notification-recent-list-v226 small{display:block}.notification-recent-list-v226 b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-recent-list-v226 small{margin-top:3px;color:rgba(201,212,239,.6);font-size:.78rem}.notification-recent-list-v226 i{font-style:normal;color:#96a7e9}.notification-empty-v226{padding:18px;text-align:center}.notification-empty-v226 b,.notification-empty-v226 small{display:block}.notification-empty-v226 b{color:#eef3ff}.notification-empty-v226 small{margin-top:5px;color:rgba(201,212,239,.62)}
@media(max-width:1280px){.notification-summary-grid-v226{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-main-grid-v226{grid-template-columns:1fr}.notification-side-v226{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notification-recent-card-v226{grid-column:1/-1}}
@media(max-width:760px){body.customer-route-preferences-notifications .customer-content{padding-top:14px}.notification-header-v226{align-items:flex-start}.notification-header-v226 h1{font-size:1.8rem}.notification-summary-grid-v226,.notification-side-v226{grid-template-columns:1fr}.notification-recent-card-v226{grid-column:auto}.notification-column-head-v226{display:none}.notification-category-row-v226{grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:8px}.notification-category-copy-v226{grid-column:1/-1}.notification-channel-state-v226,.notification-switch-v226{justify-self:start}.notification-save-bar-v226{align-items:flex-start;flex-direction:column}.notification-save-bar-v226>div:last-child{width:100%}.notification-save-bar-v226 .notification-primary-button-v226,.notification-save-bar-v226 .notification-secondary-button-v226{flex:1}.notification-summary-card-v226{min-height:100px}.notification-summary-card-v226>i{display:none}}
@media(max-width:430px){.notification-category-row-v226{grid-template-columns:repeat(3,1fr)}.notification-category-copy-v226{grid-column:1/-1}.notification-channel-state-v226,.notification-switch-v226{justify-self:center}.notification-push-actions-v226{grid-template-columns:1fr}.notification-push-actions-v226 .is-wide{grid-column:auto}.notification-save-bar-v226>div:last-child{flex-direction:column}.notification-save-bar-v226 .notification-primary-button-v226,.notification-save-bar-v226 .notification-secondary-button-v226{width:100%}}
/* XENSEC_NOTIFICATION_PREFERENCES_V226_END */

/* XENSEC_UPDATES_SERVICE_V227_START */
.updates-page-v227,
.service-page-v227 { display:flex; flex-direction:column; gap:18px; color:#eef4ff; }
.updates-header-v227,
.service-header-v227 { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.updates-header-v227 h1,
.service-header-v227 h1 { margin:0; color:#fff; font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.03em; }
.updates-header-v227 p,
.service-header-v227 p { margin:8px 0 0; color:#98a5be; font-size:15px; line-height:1.6; }
.updates-preferences-v227,
.service-secondary-action-v227,
.service-primary-action-v227 { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:0 18px; border-radius:11px; text-decoration:none; font-size:14px; font-weight:600; }
.updates-preferences-v227,
.service-secondary-action-v227 { color:#e8efff; background:#071425; border:1px solid #21334e; }
.service-primary-action-v227 { color:#fff; background:linear-gradient(115deg,#3358f4,#8040ed); box-shadow:0 10px 24px rgba(67,65,239,.25); }
.updates-preferences-v227 svg,
.service-secondary-action-v227 svg,
.service-primary-action-v227 svg { width:18px; height:18px; }

.updates-stats-v227,
.service-stats-v227 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.updates-stat-v227,
.service-stat-v227 { min-width:0; min-height:124px; padding:22px; display:flex; align-items:center; gap:16px; border-radius:13px; border:1px solid #203149; background:linear-gradient(145deg,rgba(7,21,38,.96),rgba(4,14,27,.92)); text-decoration:none; color:inherit; }
.updates-stat-v227 > span,
.service-stat-v227 > span { flex:0 0 55px; width:55px; height:55px; display:grid; place-items:center; border-radius:50%; color:#7b8dff; border:1px solid rgba(80,101,235,.25); background:rgba(45,50,150,.2); }
.updates-stat-v227 > span svg,
.service-stat-v227 > span svg { width:27px; height:27px; }
.updates-stat-v227 small,
.service-stat-v227 small { display:block; color:#a6b1c6; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.updates-stat-v227 strong,
.service-stat-v227 strong { display:block; margin-top:5px; color:#fff; font-size:24px; line-height:1.15; font-weight:600; overflow-wrap:anywhere; }
.updates-stat-v227 em,
.service-stat-v227 em { display:block; margin-top:7px; color:#91a0b8; font-style:normal; font-size:13px; line-height:1.45; }
.updates-stat-v227.tone-green > span,
.service-stat-v227.tone-success > span { color:#1fe58a; background:rgba(0,122,76,.2); border-color:rgba(13,210,130,.2); }
.updates-stat-v227.tone-violet > span,
.updates-stat-v227.tone-purple > span,
.service-stat-v227.tone-purple > span { color:#a17cff; background:rgba(93,46,190,.2); border-color:rgba(151,91,255,.22); }
.updates-stat-v227.tone-amber > span,
.service-stat-v227.tone-warning > span { color:#ffbd4a; background:rgba(140,86,0,.2); border-color:rgba(255,174,31,.22); }
.service-stat-v227.tone-danger > span { color:#ff6278; background:rgba(134,28,47,.22); border-color:rgba(255,74,98,.2); }

.updates-mode-v227 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:5px; border:1px solid #1c2c42; background:#061222; border-radius:14px; }
.updates-mode-v227 a { min-width:0; display:flex; align-items:center; gap:12px; padding:13px 15px; border-radius:10px; color:#93a2ba; text-decoration:none; }
.updates-mode-v227 a.active { color:#fff; background:linear-gradient(120deg,rgba(48,79,220,.28),rgba(109,56,222,.2)); box-shadow:inset 0 0 0 1px rgba(86,106,235,.3); }
.updates-mode-v227 svg { width:20px; height:20px; }
.updates-mode-v227 span { min-width:0; flex:1; }
.updates-mode-v227 b { display:block; font-size:14px; }
.updates-mode-v227 small { display:block; margin-top:2px; color:#7f8da5; font-size:12px; }
.updates-mode-v227 em { min-width:28px; padding:4px 8px; border-radius:999px; background:#0e1e34; color:#b7c3d8; font-size:12px; font-style:normal; text-align:center; }

.updates-toolbar-v227 { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #17283e; }
.updates-toolbar-v227 > nav { display:flex; align-items:center; gap:5px; overflow-x:auto; }
.updates-toolbar-v227 > nav a { flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:12px 10px 14px; color:#8e9cb4; border-bottom:2px solid transparent; text-decoration:none; font-size:13px; }
.updates-toolbar-v227 > nav a.active { color:#8f80ff; border-color:#694ef4; }
.updates-toolbar-v227 > nav svg { width:16px; height:16px; }
.updates-toolbar-v227 > nav em { min-width:23px; padding:2px 6px; border-radius:99px; background:#0b192c; color:#8f9db3; font-size:11px; font-style:normal; text-align:center; }
.updates-toolbar-v227 > div { flex:0 0 auto; display:flex; align-items:center; gap:10px; padding-bottom:10px; }
.updates-toolbar-v227 form { margin:0; }
.updates-toolbar-v227 button { height:40px; padding:0 13px; border-radius:9px; border:1px solid #263a56; background:#081629; color:#cbd5e8; font:inherit; cursor:pointer; }
.updates-search-v227 { width:240px; height:40px; padding:0 11px; display:flex; align-items:center; gap:8px; border-radius:9px; border:1px solid #26384f; background:#061323; }
.updates-search-v227 svg { width:17px; height:17px; color:#7e8ca4; }
.updates-search-v227 input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:#eef4ff; font:inherit; font-size:13px; }

.updates-layout-v227,
.service-layout-v227 { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:18px; align-items:start; }
.updates-main-v227,
.service-overview-v227,
.service-config-v227,
.service-setup-v227,
.service-updates-v227,
.updates-side-card-v227,
.service-side-card-v227 { border:1px solid #1f3149 !important; background:linear-gradient(145deg,rgba(5,18,33,.97),rgba(3,13,25,.96)) !important; box-shadow:none !important; }
.updates-main-v227 { padding:0 !important; overflow:hidden; border-radius:13px !important; }
.updates-panel-head-v227,
.service-panel-head-v227 { min-height:86px; padding:19px 21px; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; border-bottom:1px solid #182b42; }
.updates-panel-head-v227 span,
.service-panel-head-v227 span,
.updates-side-card-v227 > span,
.service-side-card-v227 > span { display:block; color:#a8b3c7; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
.updates-panel-head-v227 h2,
.service-panel-head-v227 h2 { margin:5px 0 0; color:#fff; font-size:18px; font-weight:600; }
.updates-panel-head-v227 p,
.service-panel-head-v227 p { margin:5px 0 0; color:#8190a8; font-size:13px; line-height:1.45; }
.updates-panel-head-v227 > a,
.service-panel-head-v227 > a { flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; color:#8196ff; text-decoration:none; font-size:13px; }
.updates-panel-head-v227 > a svg,
.service-panel-head-v227 > a svg { width:15px; height:15px; }

.updates-list-v227 { display:flex; flex-direction:column; }
.updates-item-v227 { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; min-height:112px; border-bottom:1px solid #14263c; }
.updates-item-v227:last-child { border-bottom:0; }
.updates-item-v227.is-unread { background:linear-gradient(90deg,rgba(43,56,151,.12),transparent 68%); }
.updates-item-v227.is-unread::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#755cff; }
.updates-item-main-v227 { min-width:0; padding:18px 17px 18px 21px; display:flex; align-items:flex-start; gap:13px; color:inherit; text-decoration:none; }
.updates-item-icon-v227 { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:11px; color:#8498ff; background:#10234b; }
.updates-item-icon-v227 svg { width:20px; height:20px; }
.updates-item-v227.tone-security .updates-item-icon-v227 { color:#2fe294; background:rgba(0,101,67,.28); }
.updates-item-v227.tone-billing .updates-item-icon-v227 { color:#b185ff; background:rgba(82,37,158,.3); }
.updates-item-v227.tone-action .updates-item-icon-v227 { color:#ffbd4e; background:rgba(128,80,0,.28); }
.updates-item-v227.tone-support .updates-item-icon-v227 { color:#5598ff; background:rgba(20,66,141,.3); }
.updates-item-main-v227 > div { min-width:0; }
.updates-item-main-v227 small { color:#7f90ac; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.updates-item-main-v227 h3 { margin:5px 0 0; color:#f7f9ff; font-size:15px; font-weight:600; }
.updates-item-main-v227 p { margin:5px 0 0; color:#8c9ab1; font-size:13px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.updates-item-main-v227 time { display:block; margin-top:8px; color:#65738a; font-size:11px; }
.updates-item-actions-v227 { width:120px; padding:17px 16px 17px 8px; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:8px; }
.updates-item-actions-v227 > i { padding:3px 8px; border-radius:99px; background:rgba(69,47,189,.32); color:#9c89ff; font-size:10px; font-style:normal; text-transform:uppercase; letter-spacing:.07em; }
.updates-item-actions-v227 > a { display:flex; align-items:center; gap:3px; color:#8298ff; text-decoration:none; font-size:12px; }
.updates-item-actions-v227 > a svg { width:14px; height:14px; }
.updates-item-actions-v227 form { margin:0; }
.updates-item-actions-v227 button { border:0; padding:0; background:transparent; color:#73839a; font:inherit; font-size:11px; cursor:pointer; }

.updates-side-v227,
.service-side-v227 { display:flex; flex-direction:column; gap:14px; }
.updates-side-card-v227,
.service-side-card-v227 { padding:18px !important; border-radius:13px !important; }
.updates-side-card-v227 > strong { display:block; margin-top:12px; color:#fff; font-size:34px; }
.updates-side-card-v227 > p { margin:5px 0 0; color:#8391a8; font-size:13px; line-height:1.5; }
.updates-side-card-v227 dl,
.service-side-card-v227 dl { margin:12px 0 0; }
.updates-side-card-v227 dl div,
.service-side-card-v227 dl div { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #14273d; }
.updates-side-card-v227 dt,
.service-side-card-v227 dt { color:#8796ad; font-size:12px; }
.updates-side-card-v227 dd,
.service-side-card-v227 dd { margin:0; color:#f0f4ff; font-size:12px; text-align:right; }
.updates-side-card-v227 nav,
.service-side-card-v227 nav { margin-top:11px; display:flex; flex-direction:column; }
.updates-side-card-v227 nav a,
.service-side-card-v227 nav a,
.updates-side-card-v227.latest > a,
.service-side-card-v227 > a { min-height:42px; display:flex; align-items:center; gap:9px; color:#d9e1f0; border-bottom:1px solid #14273d; text-decoration:none; font-size:13px; }
.updates-side-card-v227 nav a:last-child,
.service-side-card-v227 nav a:last-child { border-bottom:0; }
.updates-side-card-v227 nav a svg:last-child,
.service-side-card-v227 nav a svg:last-child,
.updates-side-card-v227.latest > a svg,
.service-side-card-v227 > a svg { margin-left:auto; width:15px; height:15px; color:#7e91b4; }
.updates-side-card-v227.latest h3 { margin:12px 0 0; color:#fff; font-size:15px; }
.updates-side-card-v227.latest p { margin:6px 0 9px; }

.updates-changelog-v227 { padding:0 21px; }
.updates-changelog-v227 > article { padding:22px 0; display:grid; grid-template-columns:70px minmax(0,1fr); gap:18px; border-bottom:1px solid #14273d; }
.updates-changelog-v227 > article time { width:62px; height:62px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:12px; background:#0b1b31; border:1px solid #22364e; }
.updates-changelog-v227 > article time b { color:#fff; font-size:20px; }
.updates-changelog-v227 > article time span { color:#7f8da4; font-size:10px; text-transform:uppercase; }
.updates-changelog-v227 > article small { color:#7c8fff; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.updates-changelog-v227 > article h3 { margin:6px 0 0; color:#fff; font-size:16px; }
.updates-changelog-v227 > article p { margin:8px 0 0; color:#8d9ab0; font-size:13px; line-height:1.6; }
.updates-empty-v227,
.service-empty-v227 { padding:38px 20px; text-align:center; }
.updates-empty-v227 > span,
.service-empty-v227 > span { width:48px; height:48px; margin:0 auto 12px; display:grid; place-items:center; border-radius:50%; color:#7f91ff; background:#101e42; }
.updates-empty-v227 svg,
.service-empty-v227 svg { width:23px; height:23px; }
.updates-empty-v227 h3,
.service-empty-v227 h3 { margin:0; color:#fff; font-size:16px; }
.updates-empty-v227 p,
.service-empty-v227 p { margin:7px auto 12px; max-width:420px; color:#8492a8; font-size:13px; line-height:1.5; }
.updates-empty-v227 a,
.service-empty-v227 a { color:#8195ff; text-decoration:none; font-size:13px; }

.service-header-v227 > div:last-child { flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.service-header-v227 > div:first-child > a { display:inline-flex; align-items:center; gap:4px; margin-bottom:12px; color:#8294b3; text-decoration:none; font-size:12px; }
.service-header-v227 > div:first-child > a svg { width:15px; height:15px; }
.service-title-row-v227 { display:flex; align-items:center; gap:11px; flex-wrap:wrap; }
.service-title-row-v227 > span { display:inline-flex; align-items:center; padding:5px 10px; border-radius:99px; font-size:11px; font-weight:600; }
.service-title-row-v227 > span.tone-success { color:#2be68c; background:rgba(4,117,75,.25); }
.service-title-row-v227 > span.tone-info { color:#6fa6ff; background:rgba(28,71,148,.28); }
.service-title-row-v227 > span.tone-warning { color:#ffbe4e; background:rgba(132,80,0,.25); }
.service-title-row-v227 > span.tone-danger { color:#ff7183; background:rgba(135,30,49,.25); }
.service-tabs-v227 { display:flex; align-items:center; gap:26px; border-bottom:1px solid #17283d; overflow-x:auto; }
.service-tabs-v227 a { flex:0 0 auto; padding:5px 0 13px; color:#8d9bb1; text-decoration:none; font-size:13px; }
.service-tabs-v227 a:first-child { color:#8a7cff; border-bottom:2px solid #6d53ef; }
.service-main-v227 { display:flex; flex-direction:column; gap:16px; }
.service-overview-v227,
.service-config-v227,
.service-setup-v227,
.service-updates-v227 { padding:0 !important; border-radius:13px !important; overflow:hidden; }
.service-overview-grid-v227 { padding:22px; display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; align-items:center; }
.service-visual-v227 { min-height:205px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-radius:12px; border:1px solid #1b3151; background:radial-gradient(circle at 50% 28%,rgba(52,78,208,.22),transparent 55%),#071526; }
.service-visual-v227 > span { width:86px; height:86px; display:grid; place-items:center; border-radius:50%; color:#718cff; background:rgba(31,57,158,.32); box-shadow:0 0 36px rgba(59,79,218,.25); }
.service-visual-v227 > span svg { width:47px; height:47px; }
.service-visual-v227 strong { margin-top:13px; color:#fff; font-size:19px; }
.service-visual-v227 small { max-width:190px; margin-top:6px; color:#8493aa; font-size:12px; line-height:1.45; }
.service-overview-grid-v227 dl { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.service-overview-grid-v227 dl div { min-height:57px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #14273d; }
.service-overview-grid-v227 dt { color:#8492a8; font-size:12px; }
.service-overview-grid-v227 dd { margin:0; color:#f2f5ff; font-size:12px; text-align:right; overflow-wrap:anywhere; }
.service-config-list-v227 { display:flex; flex-direction:column; }
.service-config-list-v227 > article { min-height:86px; padding:15px 20px; display:grid; grid-template-columns:45px minmax(0,1fr) auto; gap:13px; align-items:center; border-bottom:1px solid #14273d; }
.service-config-list-v227 > article > span { width:42px; height:42px; display:grid; place-items:center; border-radius:10px; color:#8a7dff; background:#151b4d; }
.service-config-list-v227 > article > span svg { width:20px; height:20px; }
.service-config-list-v227 small { color:#7e8ca3; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.service-config-list-v227 h3 { margin:4px 0 0; color:#fff; font-size:14px; }
.service-config-list-v227 p { margin:4px 0 0; color:#8090a7; font-size:11px; }
.service-config-list-v227 > article > a { min-height:38px; padding:0 13px; display:inline-flex; align-items:center; gap:7px; border-radius:8px; color:#fff; background:linear-gradient(115deg,#3458f4,#7b40ed); text-decoration:none; font-size:12px; }
.service-config-list-v227 > article > a svg { width:15px; height:15px; }
.service-setup-content-v227 { padding:22px; display:grid; grid-template-columns:115px minmax(0,1fr) auto; gap:22px; align-items:center; }
.service-progress-ring-v227 { --progress:0; width:102px; height:102px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:radial-gradient(circle at center,#071526 58%,transparent 59%),conic-gradient(#6a52ed calc(var(--progress) * 1%),#15253d 0); }
.service-progress-ring-v227 strong { color:#fff; font-size:21px; }
.service-progress-ring-v227 span { margin-top:2px; color:#8391a8; font-size:10px; text-transform:uppercase; }
.service-setup-content-v227 h3 { margin:0; color:#fff; font-size:16px; }
.service-setup-content-v227 p { margin:6px 0 10px; color:#8997ad; font-size:13px; line-height:1.5; }
.service-progress-bar-v227 { width:100%; height:6px; border-radius:99px; background:#16283f; overflow:hidden; }
.service-progress-bar-v227 i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#335df0,#8243ef); }
.service-setup-content-v227 small { display:block; margin-top:7px; color:#6f7f97; font-size:11px; }
.service-setup-content-v227 > a { min-height:40px; padding:0 15px; display:flex; align-items:center; justify-content:center; border-radius:8px; color:#dce4f5; border:1px solid #263b57; text-decoration:none; font-size:12px; }
.service-timeline-v227 { padding:0 20px; }
.service-timeline-v227 > article { padding:18px 0; display:grid; grid-template-columns:39px minmax(0,1fr); gap:13px; border-bottom:1px solid #14273d; }
.service-timeline-v227 > article > span { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:#45dd8a; background:rgba(0,104,64,.25); }
.service-timeline-v227 > article > span svg { width:18px; height:18px; }
.service-timeline-v227 small { color:#718098; font-size:11px; }
.service-timeline-v227 h3 { margin:4px 0 0; color:#fff; font-size:14px; }
.service-timeline-v227 p { margin:5px 0 0; color:#8795aa; font-size:12px; line-height:1.55; }
.service-side-card-v227 nav a > svg:first-child { width:18px; height:18px; color:#8094ff; }
.service-side-card-v227 nav a b { font-size:12px; font-weight:500; }
.service-side-card-v227.secure > div { margin-top:13px; padding:14px; border-radius:10px; border:1px solid #1b3150; background:#08182a; text-align:center; }
.service-side-card-v227.secure > div > svg { width:29px; height:29px; color:#54df9b; }
.service-side-card-v227.secure h3 { margin:7px 0 0; color:#fff; font-size:14px; }
.service-side-card-v227.secure p { margin:6px 0 0; color:#8290a7; font-size:12px; line-height:1.5; }

@media (max-width:1250px) {
  .updates-stats-v227,.service-stats-v227 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .updates-layout-v227,.service-layout-v227 { grid-template-columns:minmax(0,1fr) 280px; }
}
@media (max-width:980px) {
  .updates-layout-v227,.service-layout-v227 { grid-template-columns:1fr; }
  .updates-side-v227,.service-side-v227 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-overview-grid-v227 { grid-template-columns:210px minmax(0,1fr); }
}
@media (max-width:760px) {
  .updates-header-v227,.service-header-v227 { flex-direction:column; }
  .updates-header-v227 h1,.service-header-v227 h1 { font-size:29px; }
  .service-header-v227 > div:last-child { width:100%; }
  .service-header-v227 > div:last-child a { flex:1; }
  .updates-stats-v227,.service-stats-v227 { grid-template-columns:1fr; }
  .updates-stat-v227,.service-stat-v227 { min-height:105px; padding:17px; }
  .updates-mode-v227 { grid-template-columns:1fr; }
  .updates-toolbar-v227 { align-items:stretch; flex-direction:column; border-bottom:0; }
  .updates-toolbar-v227 > nav { border-bottom:1px solid #17283e; }
  .updates-toolbar-v227 > div { width:100%; }
  .updates-search-v227 { width:auto; flex:1; }
  .updates-item-v227 { grid-template-columns:1fr; }
  .updates-item-actions-v227 { width:auto; padding:0 17px 15px 76px; flex-direction:row; align-items:center; justify-content:flex-start; }
  .updates-side-v227,.service-side-v227 { grid-template-columns:1fr; }
  .updates-changelog-v227 > article { grid-template-columns:52px minmax(0,1fr); }
  .updates-changelog-v227 > article time { width:48px; height:48px; }
  .service-overview-grid-v227 { grid-template-columns:1fr; }
  .service-overview-grid-v227 dl { grid-template-columns:1fr; }
  .service-setup-content-v227 { grid-template-columns:1fr; text-align:center; }
  .service-progress-ring-v227 { margin:0 auto; }
  .service-config-list-v227 > article { grid-template-columns:42px minmax(0,1fr); }
  .service-config-list-v227 > article > a { grid-column:2; justify-self:start; }
}
@media (max-width:480px) {
  .updates-preferences-v227 { width:100%; }
  .updates-panel-head-v227,.service-panel-head-v227 { flex-direction:column; }
  .updates-toolbar-v227 > div { flex-direction:column; align-items:stretch; }
  .updates-search-v227 { width:100%; }
  .updates-toolbar-v227 button { width:100%; }
  .service-header-v227 > div:last-child { flex-direction:column; }
  .service-header-v227 > div:last-child a { width:100%; }
  .service-overview-grid-v227,.service-setup-content-v227 { padding:16px; }
  .service-title-row-v227 h1 { width:100%; }
}
/* XENSEC_UPDATES_SERVICE_V227_END */

/* XENSEC_CUSTOMER_REMAINING_PAGES_V229_START */
.portal-page-heading-v229{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.portal-page-heading-v229 h1{margin:0;color:#f8fbff;font-size:32px;line-height:1.1;letter-spacing:-.035em}.portal-page-heading-v229 p{margin:7px 0 0;color:#9eacc5;font-size:15px;line-height:1.55}.portal-primary-button-v229,.portal-outline-button-v229{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.portal-primary-button-v229{border:0;color:#fff;background:linear-gradient(135deg,#2f64ff,#8745ef);box-shadow:0 12px 28px rgba(75,71,238,.24)}.portal-outline-button-v229{border:1px solid rgba(102,125,181,.38);color:#e9efff;background:rgba(6,17,37,.56)}.portal-primary-button-v229 svg,.portal-outline-button-v229 svg{width:17px;height:17px}.portal-stat-grid-v229{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.portal-stat-card-v229{min-height:120px;display:flex;align-items:center;gap:18px;padding:20px;border:1px solid rgba(88,111,166,.3);border-radius:14px;background:linear-gradient(145deg,rgba(7,20,40,.94),rgba(4,14,31,.9));box-shadow:0 18px 42px rgba(0,0,0,.14)}.portal-stat-card-v229>span{flex:0 0 54px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(101,121,220,.23);background:rgba(40,61,147,.25)}.portal-stat-card-v229>span svg{width:25px;height:25px}.portal-stat-card-v229.tone-green>span{color:#35e28d;background:rgba(11,116,72,.23)}.portal-stat-card-v229.tone-blue>span{color:#5e8cff;background:rgba(27,70,157,.25)}.portal-stat-card-v229.tone-violet>span,.portal-stat-card-v229.tone-purple>span{color:#a477ff;background:rgba(83,48,160,.27)}.portal-stat-card-v229 small,.portal-stat-card-v229 em{display:block;color:#9ba9c2;font-style:normal}.portal-stat-card-v229 small{text-transform:uppercase;font-size:11px;letter-spacing:.04em}.portal-stat-card-v229 strong{display:block;margin:7px 0 5px;color:#f8fbff;font-size:21px;line-height:1.15}.portal-stat-card-v229 em{font-size:13px;line-height:1.4}.portal-panel-title-v229{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.portal-panel-title-v229>div>span{color:#aab7cf;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.06em}.portal-panel-title-v229 h2{margin:6px 0 0;color:#f6f9ff;font-size:18px;letter-spacing:-.015em}.portal-panel-title-v229 p{margin:6px 0 0;color:#8493ad;font-size:13px;line-height:1.5}.portal-panel-title-v229>a,.portal-panel-title-v229>small{color:#8197ff;text-decoration:none;font-size:13px}.portal-notice-v229{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:15px 17px;border:1px solid rgba(100,124,184,.28);border-radius:12px;background:rgba(9,24,49,.82)}.portal-notice-v229>svg{width:22px;height:22px}.portal-notice-v229 strong{display:block;color:#f7f9ff;font-size:14px}.portal-notice-v229 p{margin:3px 0 0;color:#98a7c0;font-size:13px}.portal-notice-v229.warning{border-color:rgba(222,159,47,.32)}.portal-notice-v229.warning>svg{color:#ffb93f}.portal-notice-v229.info>svg{color:#7291ff}.portal-notice-v229.success>svg{color:#39e38c}.portal-detail-list-v229{margin:0}.portal-detail-list-v229>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(95,116,166,.15)}.portal-detail-list-v229>div:last-child{border-bottom:0}.portal-detail-list-v229 dt{color:#8f9eb7;font-size:13px}.portal-detail-list-v229 dd{margin:0;color:#f2f5fc;font-size:13px;text-align:right}.portal-detail-list-v229 dd.tone-success{color:#37df88}.portal-detail-list-v229 dd.tone-warning{color:#f6b33f}.portal-detail-list-v229 dd.tone-info{color:#7d96ff}.portal-status-pill-v229{display:inline-flex;align-items:center;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:700}.portal-status-pill-v229.tone-success{color:#39df86;background:rgba(17,113,69,.25)}.portal-status-pill-v229.tone-info{color:#879cff;background:rgba(43,66,145,.28)}.portal-status-pill-v229.tone-warning{color:#ffb942;background:rgba(131,88,14,.27)}

.setup-page-v229,.ticket-create-page-v229,.ticket-detail-page-v229,.search-page-v229{display:flex;flex-direction:column}.setup-service-picker-v229{margin-bottom:20px;padding:18px}.setup-service-list-v229{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-service-option-v229{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(91,112,165,.26);border-radius:12px;background:rgba(4,15,34,.56);color:#eef3ff;text-decoration:none;overflow:hidden}.setup-service-option-v229.active{border-color:rgba(87,85,255,.72);background:linear-gradient(135deg,rgba(39,63,157,.38),rgba(74,40,151,.28));box-shadow:0 10px 28px rgba(58,61,207,.14)}.setup-service-option-icon-v229{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#8297ff;background:rgba(45,62,137,.34)}.setup-service-option-icon-v229 svg{width:21px;height:21px}.setup-service-option-v229 strong,.setup-service-option-v229 small{display:block}.setup-service-option-v229 strong{font-size:14px}.setup-service-option-v229 small{margin-top:4px;color:#8d9ab2;font-size:12px}.setup-service-option-v229 em{font-style:normal;color:#8da1ff;font-size:13px;font-weight:700}.setup-service-option-v229>i{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(91,110,158,.16)}.setup-service-option-v229>i>b{display:block;height:100%;background:linear-gradient(90deg,#2d6cff,#a53bea)}.setup-workspace-grid-v229{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.setup-form-card-v229{padding:20px}.setup-progress-ring-v229{--p:calc(var(--progress)*1%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#7658ff var(--p),rgba(88,108,157,.18) 0);position:relative}.setup-progress-ring-v229:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#071429}.setup-progress-ring-v229 strong{position:relative;z-index:1;color:#f6f8ff;font-size:13px}.setup-step-tabs-v229{display:flex;gap:10px;margin-bottom:20px;overflow:auto}.setup-step-tabs-v229 a{flex:1;min-width:135px;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(94,113,163,.22);border-radius:10px;color:#94a1b9;text-decoration:none;background:rgba(4,14,31,.45)}.setup-step-tabs-v229 a b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:rgba(68,80,139,.34)}.setup-step-tabs-v229 a.done{color:#dbe5ff;border-color:rgba(44,193,121,.25)}.setup-step-tabs-v229 a.done b{color:#38de87;background:rgba(19,111,69,.28)}.setup-section-v229{margin:0 0 18px;padding:18px;border:1px solid rgba(89,109,159,.2);border-radius:12px;background:rgba(4,14,30,.42)}.setup-section-v229 legend{padding:0 9px}.setup-section-v229 legend small,.setup-section-v229 legend strong{display:block}.setup-section-v229 legend small{color:#758aff;text-transform:uppercase;font-size:10px;letter-spacing:.07em}.setup-section-v229 legend strong{margin-top:3px;color:#eef3ff;font-size:15px}.setup-fields-v229,.ticket-form-grid-v229{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.setup-fields-v229 label,.ticket-form-grid-v229 label{display:flex;flex-direction:column;gap:7px}.setup-fields-v229 label.wide,.ticket-form-grid-v229 label.wide{grid-column:1/-1}.setup-fields-v229 label>span,.ticket-form-grid-v229 label>span{color:#c4cee0;font-size:12px;font-weight:600}.setup-fields-v229 input,.setup-fields-v229 select,.setup-fields-v229 textarea,.ticket-form-grid-v229 input,.ticket-form-grid-v229 select,.ticket-form-grid-v229 textarea,.setup-upload-form-v229 input,.setup-upload-form-v229 textarea,.ticket-reply-form-v229 textarea{width:100%;border:1px solid rgba(87,109,164,.32);border-radius:10px;background:#030d1f;color:#f2f6ff;padding:12px 13px;outline:0}.setup-fields-v229 input:focus,.setup-fields-v229 select:focus,.setup-fields-v229 textarea:focus,.ticket-form-grid-v229 input:focus,.ticket-form-grid-v229 select:focus,.ticket-form-grid-v229 textarea:focus,.ticket-reply-form-v229 textarea:focus{border-color:#4e7cff;box-shadow:0 0 0 3px rgba(59,102,255,.12)}.setup-submit-bar-v229,.ticket-submit-bar-v229{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(93,113,162,.18)}.setup-submit-bar-v229 strong,.setup-submit-bar-v229 small,.ticket-submit-bar-v229 strong,.ticket-submit-bar-v229 small{display:block}.setup-submit-bar-v229 strong,.ticket-submit-bar-v229 strong{color:#eef2fa;font-size:14px}.setup-submit-bar-v229 small,.ticket-submit-bar-v229 small{margin-top:4px;color:#8998b1;font-size:12px}.setup-submit-bar-v229>span{display:flex;gap:9px}.setup-side-v229,.ticket-create-side-v229,.ticket-context-side-v229,.search-side-v229{display:flex;flex-direction:column;gap:16px}.setup-side-v229>.customer-panel,.ticket-create-side-v229>.customer-panel,.ticket-context-side-v229>.customer-panel,.search-side-v229>.customer-panel{padding:18px}.setup-upload-form-v229{display:flex;flex-direction:column;gap:10px}.setup-no-file-v229,.setup-uploaded-file-v229{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid rgba(85,108,158,.2);border-radius:10px;background:rgba(5,16,34,.48)}.setup-no-file-v229>svg,.setup-uploaded-file-v229>svg{width:22px;height:22px;color:#45dd90}.setup-no-file-v229 strong,.setup-no-file-v229 p,.setup-uploaded-file-v229 strong,.setup-uploaded-file-v229 small{display:block}.setup-no-file-v229 strong,.setup-uploaded-file-v229 strong{color:#edf2fb;font-size:13px}.setup-no-file-v229 p,.setup-uploaded-file-v229 small{margin:3px 0 0;color:#8795ad;font-size:11px;line-height:1.4}.setup-uploaded-file-v229{margin-top:9px}.setup-help-card-v229>a,.ticket-help-card-v229>a,.ticket-linked-panel-v229>a,.search-side-v229 a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(91,111,159,.16);color:#dce5f8;text-decoration:none;font-size:13px}.setup-help-card-v229>a svg,.ticket-help-card-v229>a svg,.ticket-linked-panel-v229>a svg,.search-side-v229 a svg{width:16px;height:16px;color:#778eff}

.ticket-create-grid-v229{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.ticket-compose-card-v229{padding:20px}.ticket-linked-service-v229{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:18px;padding:13px;border:1px solid rgba(83,103,165,.25);border-radius:11px;background:linear-gradient(135deg,rgba(28,54,132,.26),rgba(75,37,139,.18))}.ticket-linked-service-v229>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#8b9fff;background:rgba(44,63,139,.33)}.ticket-linked-service-v229 strong,.ticket-linked-service-v229 small,.ticket-linked-service-v229 em{display:block}.ticket-linked-service-v229 small{color:#8896b0;font-size:11px}.ticket-linked-service-v229 strong{margin:3px 0;color:#f2f5fc;font-size:14px}.ticket-linked-service-v229 em{color:#8997b0;font-size:11px;font-style:normal}.ticket-linked-service-v229>a{color:#8198ff;text-decoration:none;font-size:12px}.ticket-file-field-v229 small{color:#77869f;font-size:11px;line-height:1.45}.ticket-help-card-v229 ul{list-style:none;margin:0;padding:0}.ticket-help-card-v229 li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid rgba(91,111,159,.16)}.ticket-help-card-v229 li>svg{width:19px;height:19px;color:#8097ff}.ticket-help-card-v229 li strong,.ticket-help-card-v229 li small{display:block}.ticket-help-card-v229 li strong{color:#e8eef9;font-size:13px}.ticket-help-card-v229 li small{margin-top:3px;color:#8492aa;font-size:11px}.ticket-detail-heading-v229{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.ticket-detail-heading-v229 a{display:inline-flex;align-items:center;gap:5px;color:#8196ff;text-decoration:none;font-size:12px}.ticket-detail-heading-v229 a svg{width:15px}.ticket-detail-heading-v229>div>span{display:block;margin-top:14px;color:#8d9ab1;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.ticket-detail-heading-v229 h1{margin:7px 0;color:#f8faff;font-size:30px;letter-spacing:-.035em}.ticket-detail-heading-v229 p{margin:0;color:#929fb6;font-size:14px}.ticket-detail-actions-v229{display:flex;align-items:center;gap:10px}.ticket-detail-actions-v229 form{margin:0}.ticket-conversation-grid-v229{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.ticket-conversation-main-v229{display:flex;flex-direction:column;gap:18px}.ticket-thread-card-v229,.ticket-reply-card-v229{padding:20px}.ticket-thread-v229{display:flex;flex-direction:column;gap:18px}.ticket-message-v229{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px}.ticket-message-v229.customer{padding-left:42px}.ticket-message-avatar-v229{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#dfe7ff;font-size:12px;font-weight:700;background:rgba(47,67,139,.45);border:1px solid rgba(92,112,184,.25)}.ticket-message-v229.staff .ticket-message-avatar-v229{color:#8fe7ff;background:rgba(15,111,142,.25)}.ticket-message-body-v229{padding:14px;border:1px solid rgba(90,109,158,.22);border-radius:12px;background:rgba(5,15,32,.55)}.ticket-message-v229.staff .ticket-message-body-v229{border-color:rgba(40,157,197,.28);background:linear-gradient(135deg,rgba(9,47,72,.35),rgba(6,20,40,.58))}.ticket-message-body-v229 header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ticket-message-body-v229 header strong,.ticket-message-body-v229 header span{display:block}.ticket-message-body-v229 header strong{color:#eef3fc;font-size:13px}.ticket-message-body-v229 header span,.ticket-message-body-v229 time{color:#75849d;font-size:10px}.ticket-message-body-v229 p{margin:12px 0 0;color:#c8d1e2;font-size:13px;line-height:1.65}.ticket-attachment-v229{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid rgba(89,111,170,.22);border-radius:9px;color:#dce5f7;text-decoration:none;background:rgba(8,21,44,.55)}.ticket-attachment-v229>svg{width:18px;color:#7d96ff}.ticket-attachment-v229 strong,.ticket-attachment-v229 small{display:block}.ticket-attachment-v229 strong{font-size:12px}.ticket-attachment-v229 small{margin-top:2px;color:#7d8ca5;font-size:10px}.ticket-reply-form-v229>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ticket-reply-form-v229 label{position:relative;display:inline-flex}.ticket-reply-form-v229 label>span{display:inline-flex;align-items:center;gap:7px;padding:11px 13px;border:1px solid rgba(91,112,165,.27);border-radius:9px;color:#cbd5e6;font-size:12px;cursor:pointer}.ticket-reply-form-v229 label input{position:absolute;opacity:0;pointer-events:none}

.search-command-card-v229{padding:18px;margin-bottom:18px}.search-command-form-v229{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px}.search-command-form-v229>svg{width:22px;color:#8195ff}.search-command-form-v229 input{width:100%;border:0;outline:0;background:transparent;color:#f5f7fc;font-size:16px}.search-command-meta-v229{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(90,111,159,.15);color:#7f8ea7;font-size:11px}.search-command-meta-v229 span{display:flex;align-items:center;gap:7px}.search-command-meta-v229 svg{width:15px}.search-command-meta-v229 kbd{padding:4px 7px;border:1px solid rgba(97,116,166,.22);border-radius:5px;background:rgba(9,20,42,.7);font-family:inherit}.search-suggestions-v229,.search-group-v229{padding:18px}.search-result-grid-v229{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.search-result-card-v229,.search-result-row-v229{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:13px;border:1px solid rgba(87,109,161,.22);border-radius:11px;color:#eaf0fc;text-decoration:none;background:rgba(4,15,33,.48)}.search-result-card-v229>span,.search-result-icon-v229{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#8198ff;background:rgba(44,61,135,.31)}.search-result-card-v229>span svg,.search-result-icon-v229 svg{width:20px}.search-result-card-v229 strong,.search-result-card-v229 small,.search-result-row-v229 strong,.search-result-row-v229 small{display:block}.search-result-card-v229 strong,.search-result-row-v229 strong{font-size:13px}.search-result-card-v229 small,.search-result-row-v229 small{margin-top:4px;color:#8694ad;font-size:11px;line-height:1.4}.search-result-card-v229>svg,.search-result-row-v229>svg{width:16px;color:#6f86e9}.search-empty-v229{padding:50px 24px;text-align:center}.search-empty-v229>span{width:66px;height:66px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#8195ff;background:rgba(42,58,132,.32)}.search-empty-v229>span svg{width:28px}.search-empty-v229 h2{margin:0;color:#f5f8ff;font-size:22px}.search-empty-v229 p{max-width:500px;margin:9px auto 20px;color:#8c9ab2;line-height:1.6}.search-empty-v229>div{display:flex;justify-content:center;gap:10px}.search-results-layout-v229{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.search-results-main-v229{display:flex;flex-direction:column;gap:15px}.search-result-list-v229{display:flex;flex-direction:column}.search-result-row-v229{grid-template-columns:42px minmax(0,1fr) auto 18px;border-width:1px 0 0;border-radius:0;padding:13px 0;background:transparent}.search-result-row-v229 em{color:#8395ee;font-size:11px;font-style:normal}.search-side-v229 .customer-panel{padding:18px}

.checkout-result-page-v229,.checkout-success-page-v229,.portal-error-page-v229{min-height:calc(100vh - 190px);display:grid;place-items:center;padding:30px 0}.checkout-result-card-v229,.checkout-success-card-v229,.portal-error-card-v229{width:min(620px,100%);padding:38px;text-align:center}.checkout-result-icon-v229,.checkout-success-icon-v229,.portal-error-icon-v229{width:70px;height:70px;margin:0 auto 20px;display:grid;place-items:center;border-radius:20px;color:#43df8c;background:linear-gradient(145deg,rgba(26,127,83,.25),rgba(37,70,135,.2));border:1px solid rgba(65,196,135,.25)}.checkout-result-icon-v229 svg,.checkout-success-icon-v229 svg,.portal-error-icon-v229 svg{width:30px;height:30px}.checkout-result-card-v229>small,.checkout-success-card-v229>small,.portal-error-card-v229>small{color:#8094ff;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em}.checkout-result-card-v229 h1,.checkout-success-card-v229 h1,.portal-error-card-v229 h1{margin:10px 0;color:#f8faff;font-size:34px;letter-spacing:-.04em}.checkout-result-card-v229>p,.checkout-success-card-v229>p,.portal-error-card-v229>p{max-width:500px;margin:0 auto;color:#96a5bd;font-size:14px;line-height:1.65}.checkout-result-actions-v229,.portal-error-card-v229>div{display:flex;justify-content:center;gap:10px;margin-top:24px}.checkout-result-card-v229 footer,.checkout-success-card-v229 footer,.portal-error-card-v229 footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:27px;padding-top:20px;border-top:1px solid rgba(90,111,160,.16);color:#77879f;font-size:11px}.checkout-result-card-v229 footer span,.checkout-success-card-v229 footer span,.portal-error-card-v229 footer span{display:flex;align-items:center;gap:6px}.checkout-result-card-v229 footer svg,.checkout-success-card-v229 footer svg,.portal-error-card-v229 footer svg{width:14px}.checkout-service-summary-v229{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin:22px 0 18px;padding:14px;border:1px solid rgba(85,107,165,.24);border-radius:12px;text-align:left;background:rgba(4,15,34,.5)}.checkout-service-summary-v229>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:#8097ff;background:rgba(42,59,135,.32)}.checkout-service-summary-v229 small,.checkout-service-summary-v229 strong,.checkout-service-summary-v229 em{display:block}.checkout-service-summary-v229 small{color:#8290aa;font-size:10px}.checkout-service-summary-v229 strong{margin:3px 0;color:#f1f5fc;font-size:14px}.checkout-service-summary-v229 em{color:#8796ae;font-size:11px;font-style:normal}.checkout-steps-v229{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.checkout-steps-v229>div{padding:12px 7px;border:1px solid rgba(87,108,159,.18);border-radius:9px;color:#7e8ca5;background:rgba(4,14,30,.4)}.checkout-steps-v229 b{width:23px;height:23px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;background:rgba(57,70,125,.35);font-size:10px}.checkout-steps-v229 span{display:block;font-size:10px;line-height:1.35}.checkout-steps-v229 .done{color:#42dc89;border-color:rgba(40,183,111,.22)}.checkout-steps-v229 .active{color:#90a1ff;border-color:rgba(92,93,239,.35)}

@media(max-width:1280px){.portal-stat-grid-v229{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-workspace-grid-v229,.ticket-create-grid-v229,.ticket-conversation-grid-v229,.search-results-layout-v229{grid-template-columns:1fr}.setup-service-list-v229{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-side-v229,.ticket-create-side-v229,.ticket-context-side-v229,.search-side-v229{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.search-side-v229{grid-template-columns:1fr}}
@media(max-width:720px){.portal-page-heading-v229,.ticket-detail-heading-v229,.setup-submit-bar-v229,.ticket-submit-bar-v229{flex-direction:column;align-items:stretch}.portal-page-heading-v229 h1,.ticket-detail-heading-v229 h1{font-size:27px}.portal-stat-grid-v229,.setup-service-list-v229,.setup-side-v229,.ticket-create-side-v229,.ticket-context-side-v229,.search-result-grid-v229{grid-template-columns:1fr}.portal-stat-card-v229{min-height:105px}.setup-fields-v229,.ticket-form-grid-v229{grid-template-columns:1fr}.setup-fields-v229 label.wide,.ticket-form-grid-v229 label.wide{grid-column:auto}.setup-submit-bar-v229>span,.search-empty-v229>div,.checkout-result-actions-v229,.portal-error-card-v229>div{flex-direction:column}.setup-step-tabs-v229 a{min-width:125px}.ticket-message-v229.customer{padding-left:0}.ticket-message-body-v229 header,.ticket-reply-form-v229>div{flex-direction:column;align-items:stretch}.ticket-reply-form-v229 label>span{justify-content:center}.search-command-form-v229{grid-template-columns:22px minmax(0,1fr)}.search-command-form-v229 button{grid-column:1/-1}.search-command-meta-v229{align-items:flex-start}.search-result-row-v229{grid-template-columns:40px minmax(0,1fr) 16px}.search-result-row-v229 em{display:none}.checkout-result-card-v229,.checkout-success-card-v229,.portal-error-card-v229{padding:26px 20px}.checkout-result-card-v229 h1,.checkout-success-card-v229 h1,.portal-error-card-v229 h1{font-size:28px}.checkout-service-summary-v229{grid-template-columns:44px minmax(0,1fr)}.checkout-service-summary-v229>b{grid-column:2}.checkout-steps-v229{grid-template-columns:repeat(2,1fr)}}
/* XENSEC_CUSTOMER_REMAINING_PAGES_V229_END */