/* ================================================================
   segbytes-exec/css/theme.css
   Single source of truth for the segbytes-exec theme.
   Consolidated single source of truth (originally: theme-dark + responsive +
   custom + inner-pages + pages). Loaded after all.min.css (Bootstrap base).
   Sections progress from oldest layer (legacy Bootstrap overrides) to newest
   (modern seg-* design system). Later sections override earlier ones via
   normal cascade order.

   TECH DEBT: ~1100 !important declarations across the file. Section 4
   (inner-pages) is the worst offender at ~2 !importants per rule, used to
   defeat Bootstrap defaults. Once cascade is trusted, these can be reduced.

   For new rules: prefer adding to Section 5 or to a page-specific stylesheet
   (homepage.css, store-landing.css, nexusnodes.css). Avoid adding to earlier
   sections.
   Generated: 2026-05-25
================================================================ */

/* ================================================================
   SECTION 1: Dark theme — Bootstrap overrides for legacy WHMCS chrome
================================================================ */

/*
Theme Name: Digit - Responsive WHMCS Client Area Template
Theme URI: http://www.whmcsdes.com
Description: awesome and clean WHMCS Template. is designed for Hosting Companies,  Contains +25 Redesigned files which have been well organized built using 1170 grid system.
Version: 8.1.0
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/
/*------------------------------------------------------------------

[Table of contents]

1.  Page Setup
2.  User Sidebar
3.  Nav
4.  WHMCS Sidebar
5.  Content
6.  Header
7.  Client Area
8.  BreadCrumb
9.  Footer
10. HomePage
11. Contact us
12. Login
13. Announcements
14. KnowLedge Base
15. Support Ticket
16. Network Status
17. Product Details
18. Mass Payment
19. Logout Page
20. Loading
21. Affiliate
22. Store

-------------------------------------------------------------------*/
/* Page Setup */
:root {
  --main-gradient-color: #9d50bb;
  --secondary-gradient-color: #6e48aa;
}
:root .clr-blue {
  --main-gradient-color: #00c6ff;
  --secondary-gradient-color: #0072ff;
}
:root .clr-green {
  --main-gradient-color: #11998e;
  --secondary-gradient-color: #38ef7d;
}
:root .clr-yellow {
  --main-gradient-color: #f12711;
  --secondary-gradient-color: #f5af19;
}
:root .clr-red {
  --main-gradient-color: #ed213a;
  --secondary-gradient-color: #93291e;
}
:root .clr-pink {
  --main-gradient-color: #f953c6;
  --secondary-gradient-color: #b91d73;
}

.wdes-customizer {
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 9999;
}
.wdes-customizer > button#customizerCog {
  background-color: var(--main-gradient-color);
  border: 0;
  color: #fff;
  font-size: 21px;
  padding: 8px 14px;
  outline: none;
  display: table;
}
.wdes-customizer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wdes-customizer > ul {
  float: right;
  padding: 30px 20px;
  margin-right: -250px;
  width: 250px;
  background: #fff;
}
.wdes-customizer > ul > li {
  margin-bottom: 30px;
}
.wdes-customizer > ul > li:last-child {
  margin-bottom: 0;
}
.wdes-customizer > ul > li span.wdes-head {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #242424;
  margin-bottom: 12px;
  display: block;
}
.wdes-customizer > ul > li > ul.color-switcher {
  display: flex;
}
.wdes-customizer > ul > li > ul.color-switcher > li {
  background-color: #9d50bb;
  width: 100%;
  height: 30px;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 5px;
}
.wdes-customizer > ul > li > ul.color-switcher > li:last-child {
  margin-right: 0;
}
.wdes-customizer > ul > li > ul.color-switcher > li[data-color=clr-blue] {
  background-color: #00c6ff;
}
.wdes-customizer > ul > li > ul.color-switcher > li[data-color=clr-green] {
  background-color: #11998e;
}
.wdes-customizer > ul > li > ul.color-switcher > li[data-color=clr-yellow] {
  background-color: #f5af19;
}
.wdes-customizer > ul > li > ul.color-switcher > li[data-color=clr-red] {
  background-color: #ed213a;
}
.wdes-customizer > ul > li > ul.color-switcher > li[data-color=clr-pink] {
  background-color: #f953c6;
}
.wdes-customizer > ul > li .wdes-mode button {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 35px;
  padding: 6px 23px;
  font-weight: 400;
  font-size: 15px;
  color: #666;
  margin-right: 5px;
  transition: all 0.3s;
}
.wdes-customizer > ul > li .wdes-mode button:last-child {
  margin-right: 0;
}
.wdes-customizer > ul > li .wdes-mode button:hover, .wdes-customizer > ul > li .wdes-mode button:focus {
  color: var(--main-gradient-color);
  border: 1px solid var(--main-gradient-color);
  outline: none;
}

body {
  background: rgba(255,255,255,0.035);
  color: #fff;
  font-family: "Karla", sans-serif;
}

a {
  color: #fff;
  font-family: "Karla", sans-serif;
}
a:hover {
  color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}

button,
input,
select,
textarea {
  font-family: "Karla", sans-serif;
}

.wdes-wrapper {
  display: flex;
}

/* Legacy panel overrides — deferred to global premium dark block at end of file */

/* User Sidebar */
.wdes-sidebar {
  width: 250px;
  display: block;
  background: rgba(15,21,33,0.95);
  flex: 0 0 auto;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  order: 1;
}

.account-details {
  margin: 20px 0;
}

.wdes-profile-pic {
  background: #131625;
  border: 4px solid #131625;
  border-radius: 60px;
  margin: 0 auto;
  display: block;
  transition: all 0.3s;
}
.wdes-profile-pic:hover {
  opacity: 0.5;
}

.wdes-sidebar .wdes-user-area-nav .panel {
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  margin: 20px 10px 0;
}
.wdes-sidebar .wdes-user-area-nav .panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}
.wdes-sidebar .wdes-user-area-nav .panel ul li {
  padding-left: 0;
  margin: 0;
}
.wdes-sidebar .wdes-user-area-nav .panel ul li a {
  font-size: 13px;
  text-align: left;
  padding: 10px;
}
.wdes-sidebar .wdes-user-area-nav .panel > a {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-align: center;
  color: #fff;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
  display: block;
}
.wdes-sidebar .wdes-user-area-nav .panel > a:hover {
  background: transparent;
  color: #228ae6;
}
.wdes-sidebar .wdes-user-area-nav .panel > a:focus {
  background: transparent;
}

.shortcuts {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.shortcuts li {
  background: #131625;
  border-radius: 3px;
  display: inline-block;
  margin: 0 2px;
  transition: all 0.3s;
}
.shortcuts li:hover {
  background: #228ae6;
}
.shortcuts li a {
  color: #fff;
  padding: 7px;
  min-width: 38px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}

.wdes-notifications {
  position: relative;
}

.popover-user-notifications ul li.none {
  color: #7e7e7e;
}

.wdes-notification-alert {
  position: absolute;
  top: -20px;
  right: -23px;
  background: red;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  border-radius: 3px 3px 3px 0;
  padding: 1px 5px;
  text-transform: lowercase;
  transform: rotate(-15deg);
}

#main-menu .wdes-custom-nav {
  margin: 20px 0;
  display: inline-block;
  width: 100%;
}
#main-menu .wdes-custom-nav > .panel {
  font-size: initial;
  border-radius: 0;
  width: 100%;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
}
#main-menu .wdes-custom-nav > .panel > a {
  font-family: "Montserrat", sans-serif, "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  width: 100%;
  display: inline-block;
  transition: all 0.3s;
  text-decoration: none;
  color: #fff;
}
#main-menu .wdes-custom-nav > .panel > a:hover {
  color: #eee;
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}
#main-menu .wdes-custom-nav > .panel > a .fa-angle-down {
  float: right;
  margin-top: 4px;
}
#main-menu .wdes-custom-nav > .panel a[aria-expanded=true] {
  color: #eee;
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.navbar-collapse {
  margin: 0;
  padding: 0;
}

.menu-icon-new::before {
  margin-right: 5px;
}

.wdes-nav-side.navbar-main .navbar-nav > li > a {
  padding: 15px;
}

.wdes-nav-side.navbar-main .navbar-nav > li > a .fa.fa-angle-down {
  float: right;
}

.wdes-collapse-bg {
  margin-bottom: 0 !important;
}
.wdes-collapse-bg ul {
  background: #0f111d;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wdes-collapse-bg ul li a {
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  transition: all 0.3s;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.wdes-collapse-bg ul li a:hover {
  color: #228ae6;
}

.nav-divider {
  display: none !important;
}

a.wdes-livechat {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  color: #fff;
  text-decoration: none;
  display: table;
  padding: 16px 45px;
  border-radius: 5px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  margin: 20px auto;
  text-align: center;
}
a.wdes-livechat span {
  margin-right: 5px;
}

/* WHMCS Sidebar */
.whm-sidebar {
  background: rgba(255,255,255,0.04);
  order: 2;
  flex: 0 0 auto;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  width: 270px;
  padding: 20px 15px;
}
.whm-sidebar .panel-sidebar {
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  border-radius: 0;
  background: transparent;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.whm-sidebar .panel-sidebar:last-child {
  border-bottom: 0;
}
.whm-sidebar .panel-sidebar > .panel-heading {
  background-color: transparent;
  padding: 0;
}
.whm-sidebar .panel-sidebar > .panel-heading .panel-title {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.whm-sidebar .panel-sidebar > .panel-heading .panel-title .wdes-sidebar-icon {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  border-radius: 7px;
  color: #fff;
  text-align: center;
  padding: 9px;
}
.whm-sidebar .panel-body {
  background: transparent;
  padding: 10px 0;
  color: #fff;
  font-family: "Karla", sans-serif;
  font-size: 13px;
  line-height: 27px;
}
.whm-sidebar .list-group {
  padding: 10px 0;
}
.whm-sidebar .list-group .list-group-item {
  background: rgba(255,255,255,0.03);
  border-radius: 25px !important;
  border: 0;
  color: #fff;
  margin: 10px 0 0;
  font-size: 13px;
}
.whm-sidebar .panel-sidebar > .panel-footer {
  background-color: transparent;
  padding: 10px 0;
}
.whm-sidebar .panel-sidebar > .panel-footer .btn-default {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
  transition: all 0.3s;
}
.whm-sidebar .panel-sidebar a.list-group-item.active,
.whm-sidebar .panel-sidebar a.list-group-item.active:focus,
.whm-sidebar .panel-sidebar a.list-group-item.active:hover {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  border-color: 0;
}

.wdes-sidebar-user-title {
  font-family: "Karla", sans-serif, "Font Awesome 5 Pro";
  font-size: 13px;
  line-height: 26px;
  font-weight: 400;
}

.whm-sidebar .panel-body .fa.fa-globe:before,
.whm-sidebar .panel-body .fa.fa-user-o:before {
  margin-right: 6px;
}

.btn-success {
  color: #fff;
  background-color: #228ae6;
  border-color: #228ae6;
  transition: all 0.3s;
}

/* Content */
.wdes-content {
  width: 100%;
  order: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
}

.container {
  width: 100%;
}

section#main-body,
section#home-banner,
.navbar-main,
section#main-menu {
  background: transparent;
  background-color: transparent;
}

section#home-banner .form-control {
  border: 0 !important;
  background: #fff !important;
  color: #333 !important;
}

section#main-body {
  padding: 30px;
}

.main-content {
  margin-bottom: 0;
  min-height: calc(100vh - 160px);
}

/* Header */
section#header {
  background-color: rgba(255,255,255,0.04);
  border-radius: 0;
  border-left: 1px solid rgba(255,255,255,0.06);
  padding: 0;
}
section#header .logo-text {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  margin-top: 12px;
  display: inline-block;
}
section#header .logo-text span {
  color: #a9a9a9;
}
section#header .choose-language {
  color: #fff;
  font-size: 16px;
  margin-left: 12px;
}
section#header .logo img {
  margin: 7px 0px;
  max-height: 33px;
  padding: 4px 0;
}

.logo-mob {
  display: none;
}

div.header-lined {
  display: inline-block;
}

div.header-lined h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border-bottom: 0;
  float: left;
  font-family: "Raleway", sans-serif;
  width: 100%;
  margin-bottom: 30px;
}

div.header-lined h1 span {
  color: var(--main-gradient-color);
  font-size: 24px;
  font-weight: 600;
}

.language-popover {
  background-color: rgb(84, 185, 216);
}

.language-popover.popover.bottom > .arrow:after {
  border-bottom-color: rgb(84, 185, 216);
}

.popover.bottom > .arrow {
  border-bottom-color: rgb(84, 185, 216);
  border-bottom-color: rgb(84, 185, 216);
}

form.header-search-frame {
  margin: 0;
  border-right: 1px solid rgba(255,255,255,0.06);
  padding-right: 5px;
  font-family: "Karla", sans-serif;
}
form.header-search-frame .home-kb-search {
  margin-bottom: 0;
  min-width: initial;
  margin-right: 9px;
}
form.header-search-frame .form-control {
  background: transparent !important;
  box-shadow: none;
  border: 0 !important;
  font-size: 13px !important;
  padding: 0 0 0 47px;
  color: #fff;
}
form.header-search-frame .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
form.header-search-frame .form-control::placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
form.header-search-frame .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
form.header-search-frame .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}
form.header-search-frame .home-kb-search i {
  color: #fff;
  font-size: 14px;
  margin-top: -29px;
}

ul.top-nav {
  margin: 0;
}

/* Client Area */
.tiles {
  margin: 0 0 30px 0;
}
.tiles .tile {
  border: 0;
  position: relative;
  float: left;
  width: 49%;
  margin-right: 1%;
  border-radius: 4px;
}
.tiles .tile:first-child, .tiles .tile:nth-child(2) {
  margin-bottom: 12px;
}
.tiles .tile:nth-child(2), .tiles .tile:nth-child(4) {
  width: 50%;
  margin-right: 0;
}
.tiles .tile .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 108px;
  line-height: 1;
  color: #000;
  opacity: 0.03;
}
.tiles .tile .information {
  margin: 15px 0;
}
.tiles .tile .information .stat {
  margin-top: 0;
  color: #000;
  opacity: 0.5;
}
.tiles .tile .information .title {
  color: #000;
  opacity: 0.5;
  font-size: 16px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  color: #f5f7fb !important;
  height: 40px !important;
  width: 240px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: rgba(43,99,255,0.2) !important;
  border-color: rgba(43,99,255,0.4) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
.pagination > li > a,
.pagination > li > span {
  background-color: rgba(255,255,255,0.06) !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(245,247,251,0.72) !important;
  border-radius: 8px !important;
  margin: 0 2px !important;
  padding: 6px 12px !important;
  float: none !important;
  display: inline-block !important;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover {
  background-color: rgba(43,99,255,0.16) !important;
  color: #fff !important;
}
.pagination > .disabled > a,
.pagination > .disabled > span {
  opacity: 0.3 !important;
  pointer-events: none !important;
}
.pagination > li {
  display: inline-block !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.dataTables_wrapper .dataTables_length label .form-control {
  margin: 0 6px;
}

.list-group-item .badge {
  color: #fff;
  margin-top: 3px;
}

.list-group-item > i.far.fa-circle {
  color: #fff;
}

.panel-sidebar .panel-minimise {
  color: #fff;
  font-size: 16px !important;
}

.breadcrumb {
  margin: 0 0 30px 0 !important;
}

ol.breadcrumb::before {
  content: "\f015";
  color: #fff;
  font-size: 14px;
  font-family: "Font Awesome 5 Pro";
  margin-right: 6px;
  font-weight: 400;
}

#active-link {
  width: auto;
  height: auto;
  position: relative;
  background: rgba(255,255,255,0.04);
  padding: 12px 40px;
  margin: 0 20px 0 0;
}
#active-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid rgba(255,255,255,0.035);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
#active-link:before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid rgba(255,255,255,0.04);
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

div.header-lined .breadcrumb {
  float: left;
}

div.header-lined .breadcrumb {
  font-size: 14px;
}

div.header-lined .breadcrumb li a {
  color: #fff;
}

div.header-lined .breadcrumb > .active {
  color: #fff;
}

ol.breadcrumb.wdes-register-breadcrumb {
  text-align: center;
  float: none;
  display: inline-block;
}

.wdes-register-title-page {
  text-align: center;
}
.wdes-register-title-page .wdes-desc-alternate {
  display: inline !important;
}

.block-no1 {
  background: #fda582;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #fda582 0%, #f7cf68 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.block-no2 {
  background: #a52dd8;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #a52dd8 0%, #e29bf1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.block-no3 {
  background: #40ffed;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #40ffed 0%, #29b5af 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.block-no4 {
  background: #708090;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #708090 0%, #7c8ea0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.client-home-panels {
  margin-bottom: 13px;
}

.wdes-clientarea-panel-block {
  background: #4b4d65;
  border: 1px solid rgba(245,247,251,0.52);
  margin: 0 0 13px 0;
  padding: 10px 0;
  border-radius: 2px;
}
.wdes-clientarea-panel-block .panel-body,
.wdes-clientarea-panel-block .panel-footer,
.wdes-clientarea-panel-block .list-group-item {
  background: transparent;
}
.wdes-clientarea-panel-block .panel-title {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  color: #fff;
}
.wdes-clientarea-panel-block .pull-right {
  margin-top: -8px;
}
.wdes-clientarea-panel-block .btn-default {
  transition: all 0.3s;
  padding: 6px 10px;
}
.wdes-clientarea-panel-block .btn-default:hover {
  background: #449d44;
  transition: all 0.3s;
}
.wdes-clientarea-panel-block form .form-control {
  background: #555770 !important;
  border: 1px solid #626379 !important;
  border-radius: 0;
  box-shadow: none;
  outline: none !important;
  color: #fff !important;
}
.wdes-clientarea-panel-block form input[type=submit] {
  border-radius: 0;
  box-shadow: none;
}

.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
  color: #fff;
  transition: all 0.3s;
}

.client-home-panels .panel > .panel-heading {
  background: transparent;
  border-bottom: 1px solid rgba(245,247,251,0.52);
  padding-bottom: 20px;
}

.client-home-panels .panel > .panel-body {
  font-family: "Karla", sans-serif;
  font-size: 13px;
  color: #fff;
  padding-top: 15px;
}
.client-home-panels .panel > .panel-body a {
  color: #449d44;
}

.client-home-panels .panel > .list-group .list-group-item {
  padding: 16px 10px;
  color: #fff;
  font-size: 13px;
  line-height: 19px;
}
.client-home-panels .panel > .list-group .list-group-item .label {
  border-radius: 0;
  margin: 10px;
}

.client-home-panels .panel small {
  color: #faefdf;
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #555770;
}

.client-home-panels .panel > .list-group {
  border: 0;
}

.list-group-item {
  border-color: rgba(245,247,251,0.52) !important;
  border: 1px solid rgba(245,247,251,0.52);
}

.client-home-panels .panel-footer {
  padding: 0;
}

.client-home-panels div[menuitemname="Active Products/Services"] .panel-footer a.btn-view-more {
  color: #fff;
  position: relative;
  top: 9px;
}

/* Footer */
section#footer {
  display: inline-block;
  width: 100%;
  background-color: rgba(255,255,255,0.04);
  border-radius: 0;
  border-left: 1px solid rgba(255,255,255,0.06);
  border-top: 0;
  color: #fff;
  padding: 10px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 27px;
}
section#footer p {
  margin: 3px 0 0;
}
section#footer .back-to-top i {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  color: #fff;
  border-radius: 6px;
  opacity: 1;
}

/* HomePage */
img.domain-bg {
  margin: 0 auto;
  display: block;
  height: 350px;
}

#home-banner h2 {
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  padding: 0 !important;
  width: 60%;
  margin: 0 auto !important;
  line-height: 40px;
  font-weight: 600;
}
#home-banner form {
  margin-top: 30px;
}
#home-banner form .search {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.home-shortcuts {
  background: transparent;
}

.home-shortcuts li:first-child,
.home-shortcuts li {
  border-left: 0;
  border-right: 0;
}

.lead {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  margin: 15px 0 !important;
}

.home-shortcuts li {
  padding: 30px 3px;
  width: 25%;
}
.home-shortcuts li a i {
  margin-bottom: 10px;
  font-size: 52px;
  color: var(--main-gradient-color);
}
.home-shortcuts li p {
  margin: 8px 0 0;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: initial;
}

.home-shortcuts li:first-child,
.home-shortcuts li:nth-child(3) {
  background: #313244;
}

.home-shortcuts li:nth-child(2),
.home-shortcuts li:nth-child(4) {
  background: #2f3042;
}

.tweet {
  background: rgba(255,255,255,0.035);
  padding: 16px;
  border-radius: 7px;
  margin: 15px 0px;
  color: #fff;
}

.domainchecker-homepage-captcha p {
  font-family: "Karla", sans-serif;
  font-size: 13px;
  line-height: 25px;
  margin: 10px 0;
}

#default-captcha-domainchecker #inputCaptcha {
  width: 120px !important;
  height: 25px;
  border-radius: 2px;
  top: 3px;
  position: relative;
}

.wdes-announcement-hp {
  margin: 20px 0;
  background: #313244;
  float: left;
  width: 100%;
  padding: 20px;
  border-radius: 2px;
}

.announcement-single a {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}

.announcement-single h3 span {
  background: var(--main-gradient-color);
  padding: 8px 25px;
  border-radius: 25px;
  font-size: 14px;
}

.announcement-single blockquote {
  border-left: 0;
  margin: 0;
  padding: 0;
}

.announcement-single p {
  line-height: 27px;
  color: #fff;
  font-size: 14px;
  font-family: "Karla", sans-serif;
  margin: 0;
}

/* Contact us */
.wdes-block {
  padding: 30px;
  margin: 30px 0;
  background: rgba(255,255,255,0.04);
  border-radius: 4px;
}

div.header-lined {
  width: 100%;
}

div.header-lined h1 small {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0 !important;
  display: inline-block !important;
}
div.header-lined h1 small:before {
  content: ">";
  margin-right: 5px;
  color: #fff;
  font-size: 13px;
  padding-right: 5px;
}

div.header-lined .wdes-desc-alternate {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 18px 0 0 0;
  display: block;
}

.wdes-input-form {
  background: var(--seg-bg, #090b12) !important;
  color: #fff !important;
  font-family: "Open Sans", sans-serif;
  font-size: 13px !important;
  border: 0 !important;
  width: 100% !important;
  outline: 0 !important;
}
.wdes-input-form::-moz-placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.wdes-input-form::placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.wdes-input-form:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
.wdes-input-form::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.wdes-textarea-form {
  line-height: 28px;
}

#default-captcha-domainchecker p {
  font-size: 13px;
  line-height: 27px;
  color: #fff;
}

.wdes-submit {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  color: #fff;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  margin: 0;
  text-align: center;
  border: 0;
  outline: 0;
  transition: all 0.3s;
}
.wdes-submit:hover, .wdes-submit:focus {
  background: rgba(255,255,255,0.03);
}

/* Login */
.wdes-label {
  color: #fff;
}

.login-form .form-group {
  margin-bottom: 20px;
}

.login-form label {
  margin-bottom: 9px;
}

a.wdes-2nd-btn,
.wdes-2nd-btn {
  background-color: #228ae6;
  color: #fff;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  margin: 0;
  text-align: center;
  border: 0;
  outline: 0;
  transition: all 0.3s;
  text-decoration: none;
}
a.wdes-2nd-btn:hover, a.wdes-2nd-btn:focus,
.wdes-2nd-btn:hover,
.wdes-2nd-btn:focus {
  background: rgba(255,255,255,0.03);
  color: #fff;
}

a.wdes-new-account {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #3a3d51;
  color: #fff;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s;
}
a.wdes-new-account span {
  margin-right: 3px;
}
a.wdes-new-account:hover {
  color: var(--main-gradient-color);
}
a.wdes-new-account:focus {
  outline: none;
}

.wdes-block .progress {
  background: rgba(255,255,255,0.03) !important;
}

#registration .sub-heading {
  border-top: 1px solid rgba(255,255,255,0.03);
  margin: 40px 0 50px;
  display: inline-block;
  width: 100%;
}

#registration .sub-heading span {
  color: #fff;
  background-color: rgba(255,255,255,0.03);
  top: -18px;
  font-size: 15px;
  font-family: "Karla", sans-serif;
  font-weight: 600;
  padding: 8px 20px;
}

#registration .field-icon i {
  color: #fff;
}

#registration label,
#registration .field-help-text {
  color: #fff;
}

.custom-block-input input[type=text],
.custom-block-input input[type=email],
.custom-block-input input[type=password] {
  padding: 10px 10px 10px 40px;
  border-radius: 2px;
}

#registration .prepend-icon .field-icon {
  top: 2px;
}

#registration #stateselect,
#registration #inputCurrency {
  text-indent: 30px;
}
#registration .selected-flag:focus {
  outline: none;
}

.intl-tel-input .selected-flag .iti-arrow {
  border-top: 4px solid #fff;
}

.custom-block-input input#inputPhone,
.custom-block-input select {
  height: 40px !important;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
  color: #333;
}

.custom-block-input .text-muted {
  color: #fff;
}

.custom-reset-page .wdes-input-form {
  padding: 8px 15px;
  margin: 13px 0 0;
}
.custom-reset-page .wdes-input-form::-moz-placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.custom-reset-page .wdes-input-form::placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.custom-reset-page .wdes-input-form:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
.custom-reset-page .wdes-input-form::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.alert {
  margin-top: 20px;
}

.custom-desc {
  margin: 10px 0;
  line-height: 26px;
  font-family: "Karla", sans-serif;
  font-size: 15px;
  text-align: left;
  color: #fff;
}

/* Announcements */
.announcement-single .article-items {
  font-size: 0.85em;
  color: #b2e5ff;
  margin-top: 15px;
}

.inner-announce-text {
  font-family: "Karla", sans-serif;
  line-height: 27px;
  color: #fff;
  font-size: 13px;
  margin: 0;
}

/* KnowLedge Base */
.wdes-search-sub {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  border: 0;
}
.wdes-search-sub:hover, .wdes-search-sub:focus, .wdes-search-sub:active {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.wdes-knb-block {
  background: rgba(255,255,255,0.035);
  min-height: 204px;
  padding: 30px;
  border: 10px solid rgba(255,255,255,0.04);
  border-radius: 4px;
}
.wdes-knb-block a {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}
.wdes-knb-block a i {
  display: block;
  margin-bottom: 10px;
  font-size: 30px;
}
.wdes-knb-block p {
  font-family: "Karla", sans-serif;
  font-size: 13px;
  line-height: 27px;
  color: #fff;
  margin: 10px 0 0;
}

.block-knb {
  margin: 50px 0 0;
}
.block-knb h2 {
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.custom-o-p {
  min-height: auto;
  border: 0;
  margin: 20px 0;
}

.knb-article h2 {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  color: #fff;
  margin: 0;
}
.knb-article a.btn-print {
  color: var(--main-gradient-color);
  text-decoration: none;
  padding: 0;
}

.knb-article.kb-article-content {
  font-family: "Karla", sans-serif;
  font-size: 14px;
  line-height: 27px;
  color: #fff;
  margin: 10px 0;
}

.kb-rate-article {
  margin: 30px 0 0;
  padding: 15px 20px;
  background-color: #232535;
  font-size: 1.1em;
  line-height: 38px;
  font-weight: 200;
  color: #ffffff;
}

/* Support Ticket — legacy rule removed; global form-control styling below handles dark theme */

.md-editor > .md-preview,
.md-editor > textarea.markdown-editor {
  border-top: 1px solid #373b56 !important;
  border-bottom: 1px solid #373b52 !important;
  background-color: #26293d !important;
}

.md-editor .md-footer,
.md-editor > .md-header {
  background: #2b2f45;
}

.md-editor > .btn-toolbar {
  background-color: #31364e !important;
}

.md-editor {
  border: 0;
}

.md-editor > .btn-toolbar .btn-default {
  color: #fff;
  background-color: #2b2f45;
  border-color: #383e58;
}

.well {
  background-color: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.ticket-reply {
  margin: 20px 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,0.04);
  background-color: rgba(255,255,255,0.035);
}

.ticket-reply .user {
  padding: 15px 0 15px 15px;
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.ticket-reply .date {
  margin: 15px 15px 0 0;
}

.ticket-reply .user i,
.ticket-reply .user .name,
.ticket-reply .user .type {
  color: #fff;
}

.ticket-reply .message {
  padding: 0;
  margin: 20px;
}
.ticket-reply .message p {
  font-family: "Karla", sans-serif;
  font-size: 13px;
  color: #fff;
  line-height: 27px;
  margin: 0;
  word-break: break-all;
}

hr {
  border-top: 1px solid rgba(255,255,255,0.06);
}

::-moz-selection {
  background: var(--main-gradient-color);
  color: #fff;
}

::selection {
  background: var(--main-gradient-color);
  color: #fff;
}

.wdes-client-ticket {
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.04);
}

.panel-head-wdes {
  color: #fff !important;
  background-color: #2794e9 !important;
  border-color: transparent !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length {
  color: rgba(245,247,251,0.52) !important;
  font-size: 12px !important;
  padding: 12px 0 !important;
  background: transparent !important;
  filter: none !important;
}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 16px !important;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  color: #f5f7fb !important;
  height: 40px !important;
  padding: 4px 14px !important;
  font-size: 13px !important;
}
.dataTables_wrapper .dataTables_filter label {
  color: rgba(245,247,251,0.52) !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.dataTables_wrapper .dataTables_paginate {
  padding: 16px 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: rgba(245,247,251,0.72) !important;
  padding: 6px 12px !important;
  margin: 0 3px !important;
  font-size: 13px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(43,99,255,0.16) !important;
  border-color: rgba(43,99,255,0.35) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

.dataTables_wrapper .table-list > tbody > tr > td {
  background-color: transparent;
}

.dataTables_wrapper .table > tbody > tr > td,
.dataTables_wrapper .table > tbody > tr > th,
.dataTables_wrapper .table > tfoot > tr > td,
.dataTables_wrapper .table > tfoot > tr > th,
.dataTables_wrapper .table > thead > tr > td,
.dataTables_wrapper .table > thead > tr > th {
  border-top: 1px solid rgba(255,255,255,0.08);
}

.wdes-block-table .table-list > tbody > tr > td a.border-left {
  border-left: 1px solid rgba(255,255,255,0.08);
}

.wdes-block-table .status {
  border: 0;
}

.gravatar-ticket-img {
  border-radius: 60px;
  transition: all 0.3s;
  float: left;
  margin: -4px 16px 0 0;
}
.gravatar-ticket-img:hover {
  opacity: 0.6;
}

/* Network Status */
.wdes-statistics a {
  text-decoration: none;
}

.wdes-block-board {
  padding: 20px;
  position: relative;
  border-radius: 4px;
  margin-bottom: 20px;
}
.wdes-block-board .content h1 {
  margin: 0 0 10px 0;
}
.wdes-block-board .icon {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0.1;
}
.wdes-block-board .icon i {
  font-size: 40px;
  color: #000;
}

.wdes-tile-red {
  background-color: #e84c3d;
}

.wdes-tile-blue {
  background-color: #3598db;
}

.wdes-tile-turquoise {
  background-color: #1abc9c;
}

.wdes-panel-status .list-group-item {
  background-color: rgba(255,255,255,0.035);
}

.wdes-panel-status.panel {
  background-color: #6e7280;
  border: 1px solid #6e7280;
}

.wdes-panel-status .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
  background: #2a2b3b;
}

.wdes-panel-status .panel-heading + .list-group .list-group-item {
  color: #fff;
}

/* Product Details */
.wdes-inner-block {
  background: rgba(255,255,255,0.035);
  float: left;
  padding: 18px;
  width: 50%;
  border: 6px solid rgba(255,255,255,0.04);
  margin: 0;
  min-height: 161px;
  text-align: left;
}
.wdes-inner-block h4 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 27px;
  font-weight: 400;
  margin: 0 0 15px 0;
}
.wdes-inner-block p {
  font-family: "Karla", sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0;
}

div.product-details div.product-icon,
.product-status {
  border-radius: 0;
}

.product-status.product-status-pending {
  margin-top: 7px;
}

div.product-details div.product-icon {
  background-color: rgba(255,255,255,0.035);
  position: relative;
  top: -2px;
}

.wdes-circ {
  color: rgba(255,255,255,0.04);
}

.product-status h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #fff;
  margin: 25px 0 15px;
}
.product-status h4 {
  font-family: "Karla", sans-serif;
  font-size: 15px;
  color: #fff;
  margin: 10px 0;
}

.product-status-text {
  padding: 10px 0;
}

.tab-content.product-details-tab-container .btn-default {
  background-color: #9a50ba;
  border-color: #9a50ba;
  color: #fff;
}
.tab-content.product-details-tab-container .btn-default:hover, .tab-content.product-details-tab-container .btn-default:focus {
  background-color: #9a50ba;
  border-color: #9a50ba;
  color: #fff;
  outline: none;
}

div.product-details-tab-container {
  background-color: #3b3c50;
  border: 1px solid rgba(255,255,255,0.035);
}

.wdes-nav-tabs {
  border-bottom: 1px solid rgba(255,255,255,0.035);
}
.wdes-nav-tabs a {
  background-color: rgba(255,255,255,0.035) !important;
  color: #fff !important;
  border: 0 !important;
}

.btns-cus .btn-default {
  color: #fff;
  background-color: rgba(255,255,255,0.035);
  border-color: rgba(255,255,255,0.04);
}

.panel-wdes {
  margin-top: 20px;
  color: #fff;
  background-color: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.04);
}

.text-domain {
  color: #f0ad4e;
}

/* Mass Payment */
.wdes-table-mass {
  color: #fff;
}
.wdes-table-mass tbody > tr > td {
  border-top: 1px solid rgba(255,255,255,0.04);
  padding: 18px;
}
.wdes-table-mass .bg-info {
  background-color: rgba(255,255,255,0.035);
  padding: 18px;
}
.wdes-table-mass thead > tr > th {
  border-bottom: 0;
  padding-bottom: 18px;
}
.wdes-table-mass .masspay-total td {
  background: rgba(255,255,255,0.035);
}

.wdes-panel {
  background-color: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.04);
  margin-top: 30px;
}
.wdes-panel .panel-heading {
  color: #fff;
  background-color: #2794e9;
  border-color: #2794e9;
}
.wdes-panel .panel-heading h3 {
  font-size: 14px;
}

/* Logout Page */
.logout-con {
  padding: 30px;
  margin: 30px auto;
  background: rgba(255,255,255,0.04);
  border-radius: 4px;
  height: 240px;
}

.logout-con .btn-default {
  color: #fff;
  background-color: #449d44;
  border-color: #449d44;
  transition: all 0.3s;
}

.logincontainer.with-social {
  max-width: 700px;
}

.logincontainer.with-social .login-form {
  border-right: 1px solid rgba(255,255,255,0.06);
}

/* Loading */
.wdes-loading {
  background: rgba(255,255,255,0.035);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

html,
body {
  overflow: hidden;
}

.wdes-loader {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wdes-loader-icon .line {
  width: 8px;
  position: absolute;
  border-radius: 5px;
  bottom: 0;
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
}

.wdes-loader-icon .line1 {
  left: 0;
  animation: line-grow 0.5s ease alternate infinite;
}

.wdes-loader-icon .line2 {
  left: 20px;
  animation: line-grow 0.5s 0.2s ease alternate infinite;
}

.wdes-loader-icon .line3 {
  left: 40px;
  animation: line-grow 0.5s 0.4s ease alternate infinite;
}
@keyframes line-grow {
  0% {
    height: 0;
  }
  100% {
    height: 75%;
  }
}
/* Affiliate */
.affiliate-stat {
  position: relative;
  text-align: right;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  color: #fff;
  border-radius: 4px;
}
.affiliate-stat i {
  float: left;
  padding: 10px;
  font-size: 4em;
  color: #000;
  opacity: 0.1;
  position: absolute;
  left: 17px;
  top: 0;
}

.affiliate-referral-link {
  color: #fff;
}
.affiliate-referral-link h3 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
}
.affiliate-referral-link span {
  display: block;
  margin: 0;
  padding: 19px;
  font-size: 1em;
  border-radius: 4px;
  border: 0;
  overflow: hidden;
  background: #313242;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,0.08);
  color: #fff;
  font-family: Open sans, sans-serif;
  font-size: 13px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 0;
}

.alert-wdes-info {
  background: rgba(255,255,255,0.035);
  border: 10px solid rgba(255,255,255,0.04);
  border-radius: 4px;
  padding: 30px;
  color: #fff;
}
.alert-wdes-info li {
  margin: 12px 0;
  font-size: 13px;
}

/* News */
.fb-wdes-bg {
  background: #ffffff;
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
}

.wdes-2nd-btn {
  display: inline-block;
}

.domain-pricing .tld-row.highlighted {
  background: #3e3f54;
}

.marketing-email-optin {
  margin: 0 0 20px 0;
  padding: 10px 20px 20px;
  background-color: #474a64;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  line-height: 27px;
}

.bootstrap-switch {
  border-color: transparent;
}

.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover {
  color: #fff;
}

#tabOverview .panel.panel-default {
  border: 0;
}
#tabOverview .panel-default > .panel-heading {
  padding: 15px;
  border-bottom: 0;
}
#tabOverview .panel-body {
  padding: 30px 20px;
}
#tabOverview .cpanel-feature-row img {
  display: block;
  margin: 0 auto 15px auto;
}
#tabOverview .cpanel-package-details {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#tabOverview .cpanel-package-details:before {
  content: "\f466";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #3879d9;
  font-size: 57px;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}
#tabOverview .cpanel-package-details em,
#tabOverview .cpanel-package-details h4 {
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  font-style: normal;
  line-height: 28px;
}
#tabOverview .cpanel-package-details em:after {
  content: "-";
  margin: 0 5px;
}
#tabOverview .cpanel-package-details > a {
  display: block;
  width: 100%;
  font-size: 15px;
  margin-top: 5px;
  text-decoration: none;
}
#tabOverview .cpanel-package-details > a:focus {
  color: var(--main-gradient-color);
}
#tabOverview #cPanelPackagePanel p a {
  background-color: #3879d9;
  border: 0 !important;
  color: #fff !important;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  padding: 8px 25px;
  margin-top: 16px;
  border-radius: 2px;
  transition: all 0.3s;
  text-decoration: none;
}
#tabOverview #cPanelPackagePanel p a:hover {
  background-color: var(--main-gradient-color);
}
#tabOverview #cPanelUsagePanel #diskUsage,
#tabOverview #cPanelUsagePanel #bandwidthUsage {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
#tabOverview #cPanelUsagePanel #diskUsage > strong,
#tabOverview #cPanelUsagePanel #bandwidthUsage > strong {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 400;
}
#tabOverview #cPanelUsagePanel .text-info {
  color: #3879d9;
  font-size: 15px !important;
  margin: 14px 0 0 !important;
}
#tabOverview #cPanelExtrasPurchasePanel form.form-inline {
  display: flex;
}
#tabOverview #cPanelExtrasPurchasePanel form.form-inline .form-control {
  height: initial !important;
  padding: 10px 15px !important;
  margin-right: 15px;
  width: 50% !important;
}
#tabOverview #cPanelExtrasPurchasePanel form.form-inline .form-control:focus {
  outline: none;
  box-shadow: none;
}
#tabOverview #cPanelExtrasPurchasePanel form.form-inline .btn {
  width: 50%;
  background-color: #3879d9;
  color: #fff !important;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  border: 0 !important;
}
#tabOverview .cpanel-feature-row {
  margin: 0;
}
#tabOverview .cpanel-feature-row div {
  margin: 20px 0;
}
#tabOverview .cpanel-feature-row a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  transition: all 0.3s;
}
#tabOverview .cpanel-feature-row a:hover {
  color: #3879d9;
  text-decoration: none;
}
#tabOverview #cPanelBillingOverviewPanel .panel-body,
#tabOverview #cPanelConfigurableOptionsPanel .panel-body {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
#tabOverview #cPanelBillingOverviewPanel .panel-body .row,
#tabOverview #cPanelConfigurableOptionsPanel .panel-body .row {
  margin-bottom: 15px;
}
#tabOverview #cPanelBillingOverviewPanel .panel-body .row:last-child,
#tabOverview #cPanelConfigurableOptionsPanel .panel-body .row:last-child {
  margin-bottom: 0;
}
#tabOverview #cPanelQuickEmailPanel .form-control {
  height: initial !important;
  padding: 10px 15px !important;
}
#tabOverview #cPanelQuickEmailPanel .form-control:focus {
  outline: none;
  box-shadow: none;
}

@media only screen and (min-width: 160px) and (max-width: 1500px) {
  #tabOverview #cPanelExtrasPurchasePanel form.form-inline {
    flex-wrap: wrap;
  }
  #tabOverview #cPanelExtrasPurchasePanel form.form-inline .btn,
  #tabOverview #cPanelExtrasPurchasePanel form.form-inline .form-control {
    width: 100% !important;
    margin: 5px 0;
  }
}
#tabOverview .panel.panel-default {
  background: rgba(15,21,33,0.95);
  color: #fff;
}
#tabOverview .panel-default > .panel-heading {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  color: #fff;
}
#tabOverview #cPanelQuickEmailPanel .form-control,
#tabOverview #cPanelExtrasPurchasePanel form.form-inline .form-control {
  background: #242940 !important;
}
#tabOverview #cPanelQuickEmailPanel .input-group-addon {
  background-color: #2c324d;
  border: 1px solid #2c324d;
  color: #fff;
}

#tabOverview .cpanel-package-details em,
#tabOverview .cpanel-package-details h4 {
  color: #fff;
}

input.usage-dial {
  color: #fff !important;
}

.text-info {
  color: #8d55ba;
}

.no-domains {
  padding: 10px;
}

input#inputDomain {
  width: 98.4% !important;
}

div.credit-card {
  background-color: #26293d;
  border: 1px solid #1f2231;
}

div.credit-card div.card-number {
  background-color: #2b2f45;
}

.popover-user-notifications ul li .message {
  margin-left: 0;
  margin-top: 6px;
}

.panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
  color: #fff;
}

.panel-sidebar a.list-group-item:hover i.far,
.panel-sidebar a.list-group-item:hover i.fas {
  color: var(--main-gradient-color) !important;
}

section#home-banner .btn.transfer {
  background-color: #3879d9;
}

.align-center {
  text-align: center;
}

.domain-checker-container .input-group-box {
  padding: 0 10px;
}

.label-default,
.label-default:hover,
.label-default:focus {
  background-color: rgba(255,255,255,0.08);
}

#frmDomainTransfer .panel-default > .panel-heading {
  color: #fff;
  background-color: var(--main-gradient-color);
  border-color: var(--main-gradient-color);
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: #fff;
  background-color: var(--main-gradient-color);
  border-color: var(--main-gradient-color);
  outline: none;
}

.btn.btn-link {
  color: #fff;
}

select#inputCardExpiry,
select[name=ccexpiryyear] {
  width: 40% !important;
}

.kb-article-details {
  color: #fff;
}

input#inputKnowledgebaseSearch::-moz-placeholder, #inputDownloadsSearch::-moz-placeholder {
  color: #fff;
}

input#inputKnowledgebaseSearch::placeholder,
#inputDownloadsSearch::placeholder {
  color: #fff;
}

a.list-group-item,
button.list-group-item {
  color: #fff;
}

.list-group-item {
  border-color: rgba(255,255,255,0.035);
  border: 1px solid #5d607d;
  background: rgba(255,255,255,0.035);
}

div.md-editor.active {
  border: 1px solid rgba(255,255,255,0.035);
}

/* Store */
.store-promoted-product {
  background-color: rgba(15,21,33,0.95);
}

.store-promoted-product .btn {
  margin-top: 30px;
}

.store-order-container h2 {
  font-weight: 700;
}

.store-order-container p {
  line-height: 27px;
}

.store-order-container .store-domain-tabs li.active a {
  background-color: #9a4fba;
  border-bottom: 1px solid transparent;
}

ul.nav.nav-tabs.store-domain-tabs li.active > a,
ul.nav.nav-tabs.store-domain-tabs li.active > a:focus,
ul.nav.nav-tabs.store-domain-tabs li.active > a:hover {
  color: #fff;
  cursor: default;
  background-color: #9a4fba;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

.store-order-container .store-domain-tabs li a {
  background-color: rgba(15,21,33,0.95);
  border-bottom: 1px solid rgba(15,21,33,0.95);
}

.store-order-container .store-domain-tab-content {
  border: 1px solid rgba(15,21,33,0.95);
}

.store-order-container .store-domain-tabs {
  border-bottom: 0;
}

.nav-tabs > li > a:hover {
  border-color: rgba(15,21,33,0.95);
}

.form-control::-moz-placeholder {
  color: #fff;
}

.form-control::placeholder {
  color: #fff;
}

#order-digit_of .mc-promo .body {
  border-top: 10px solid rgba(255,255,255,0.04);
  background-color: rgba(15,21,33,0.95);
}

.promo-banner {
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  border: 0 !important;
}

a[data-slide=prev],
a[data-slide=next] {
  position: relative;
  z-index: 999999;
  margin-bottom: 10px;
  display: inline-block;
}

a[data-slide=prev]:focus,
a[data-slide=next]:focus,
a[data-slide=prev]:hover,
a[data-slide=next]:hover {
  color: #228ae6;
  outline: none;
}

.promo-banner.promo-banner-rounded small {
  display: none;
}

.promo-banner.promo-banner-rounded form {
  margin-top: 10px;
  display: inline-block;
}

.promo-banner ul {
  margin: 15px 0;
}

@media (min-width: 768px) {
  .promo-banner .icon-left {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
  }
}
.mc-panel-promo img {
  margin: 10px auto 6px;
  max-height: 37px;
}

.panel-sidebar > .panel-footer {
  color: #fff;
}

.btn-service-sso {
  background: var(--main-gradient-color);
  border: 0;
  color: #fff;
  transition: all 0.3s;
  outline: none;
}
.btn-service-sso:hover, .btn-service-sso:focus {
  background: #228ae6;
  color: #fff !important;
  outline: none !important;
}

.status {
  border: 0;
  background-color: rgba(15,21,33,0.95);
}

div.dataTables_wrapper div.dataTables_info {
  border-bottom: 0;
}

table.table-list thead th,
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: rgba(15,21,33,0.95);
  color: #fff;
}

.dataTables_wrapper .dataTables_filter label {
  margin: 0;
  padding: 13px 37px 12px 0;
}

.dataTables_wrapper .table-list > tbody > tr {
  background: rgba(255,255,255,0.06);
  transition: all 0.3s;
}
.dataTables_wrapper .table-list > tbody > tr:hover {
  background: #26293b;
}

.wdes-top-mrg {
  margin-top: 20px;
}

.btn.btn-default {
  background: #595c74;
  border: 1px solid #595c74 !important;
  color: #fff;
}
.btn.btn-default:hover, .btn.btn-default:focus {
  outline: none;
  background-color: rgba(255,255,255,0.035);
  color: #fff;
}

input.wdes-btn-cancel {
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.035);
  border-radius: 4px;
  color: #fff;
  transition: all 0.3s;
  margin-left: 3px;
  padding: 6px 20px;
}

.modal-content {
  background-color: #2d3145;
}

/* Email Verification */
.email-verification {
  background: #4b4d65;
  border: 1px solid rgba(245,247,251,0.52);
  color: #fff;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.email-verification .row {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .email-verification .row {
    padding: 0 15px;
  }
}
.email-verification .text {
  padding: 0;
}
.email-verification i.fa-exclamation-triangle {
  padding-right: 13px;
  font-size: 18px;
  color: #fff;
}
.email-verification .btn.close {
  color: #fff;
  padding: 0;
}
.email-verification .btn.close:hover {
  color: #fff;
}
.email-verification .btn {
  margin-top: 0 !important;
}

.ticket-reply .attachments {
  border-top: 1px dashed #62657e;
  background-color: #434559;
}

span.label.status.status-answered {
  color: #fff;
}

.ticket-reply.staff {
  border: 1px solid #555870;
}

.ticket-reply.markdown-content.staff .user {
  padding-left: 16px;
}

@media only screen and (min-width: 160px) and (max-width: 1430px) {
  #cPanelUsagePanel #tabOverview .panel-body {
    margin: 10px;
  }
  #cPanelUsagePanel .cpanel-usage-stats {
    padding: 17px 4px;
  }
  #cPanelUsagePanel div#diskUsage,
  #cPanelUsagePanel div#bandwidthUsage {
    width: 100%;
    margin-left: 0;
  }
}
input.usage-dial {
  color: #fff !important;
  margin: 0 !important;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  width: initial !important;
  height: initial !important;
}

.panel-warning,
.tospanel {
  background: #484c69;
  border-color: #555876;
}
.panel-warning .panel-heading,
.tospanel .panel-heading {
  color: #fff;
  background: var(--main-gradient-color);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  /* IE6-9 */
  border-color: transparent;
}
.panel-warning .panel-body,
.tospanel .panel-body {
  font-size: 15px;
}
.panel-warning label,
.tospanel label {
  color: #fff !important;
}

.btn-social {
  padding-left: initial;
  padding: 10px 20px;
}
.btn-social i {
  margin-right: 5px;
}

.controls label {
  margin-bottom: 8px;
  font-size: 15px;
}

div[menuitemname="Support Knowledgebase Tag Cloud"] .panel-body > a {
  background-color: rgba(255,255,255,0.03);
  padding: 5px 8px;
  border-radius: 22px;
  text-decoration: none;
  transition: all 0.3s;
}
div[menuitemname="Support Knowledgebase Tag Cloud"] .panel-body > a:hover {
  background-color: var(--main-gradient-color);
}

div[menuitemname="Recent Support Tickets"] .list-group-item label.label {
  float: right;
}

#promotions-slider {
  margin-bottom: 30px !important;
}

.wdes-addons {
  position: relative;
}
.wdes-addons > .pull-right a {
  margin-bottom: 0;
  width: 27px;
  height: 52px;
  padding: 17px 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background: rgba(255,255,255,0.04);
  color: #fff;
  text-align: center;
}
.wdes-addons > .pull-right a[data-slide=prev] {
  left: 0;
}
.wdes-addons > .pull-right a[data-slide=next] {
  right: 0;
}

.fb-like {
  margin-top: 20px;
}

.invite-box {
  background: #313244;
  border: 0;
  width: 100%;
  padding: 20px;
  border-radius: 2px;
}
.invite-box h2 {
  margin: 0 0 20px 0;
  font-family: Poppins, sans-serif;
  font-size: 23px;
  text-align: center;
}

.text-muted {
  color: #fff;
}

.modal-content .panel-primary > .panel-heading {
  color: #fff;
  background-color: var(--main-gradient-color);
  border-color: var(--main-gradient-color);
}

/*
Theme Name: Digit - Responsive WHMCS Client Area Template - Store Pages Style
Theme URI: http://www.whmcsdes.com
Description: awesome and clean WHMCS Template. is designed for Hosting Companies,  Contains +25 Redesigned files which have been well organized built using 1170 grid system.
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/
/* Digit Store */
.landing-page .hero {
  color: #fff !important;
}

.landing-page .hero h2 {
  font-size: 30px !important;
  font-weight: 700 !important;
}

.landing-page .hero h3 {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 27px;
  font-family: Karla, sans-serif;
}

.landing-page.ssl .validation-levels {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
}

.landing-page.ssl .validation-levels h3 {
  font-weight: 700 !important;
  font-size: 23px !important;
}

.landing-page.ssl .validation-levels .item {
  border: 1px solid #633b8e;
  background: transparent !important;
}

.landing-page.ssl .validation-levels .item p {
  color: #fff !important;
}

.landing-page.ssl .validation-levels .item span {
  font-weight: 700;
}

.landing-page.ssl .validation-levels .item .btn {
  background-color: #5a3484 !important;
  color: #fff !important;
  margin-top: 10px;
}

.landing-page .navbar-default {
  background-color: rgba(15,21,33,0.95);
  border-color: rgba(15,21,33,0.95);
}

@media (min-width: 992px) {
  .landing-page .navbar .navbar-nav > li > a {
    border-left: 1px solid #292f48 !important;
  }
}
.landing-page .navbar .navbar-nav > li > a {
  border-bottom: 1px solid rgba(15,21,33,0.95) !important;
}

.landing-page .navbar-default .navbar-nav > li > a {
  color: #fff;
}

.landing-page .navbar .navbar-nav > li:first-child > a {
  border-left: 0 !important;
}

.landing-page .navbar .navbar-nav > li:last-child > a {
  border-right: 0 !important;
}

.landing-page .navbar-default .navbar-nav > li > a:focus,
.landing-page .navbar-default .navbar-nav > li > a:hover {
  color: var(--main-gradient-color) !important;
}

.landing-page.ssl .standout {
  padding: 45px !important;
  border-bottom: 1px solid #303142 !important;
}

.landing-page h1,
.landing-page h2,
.landing-page h3,
.landing-page h4,
.landing-page h5,
.landing-page h6 {
  font-weight: 700 !important;
}

.landing-page.ssl .standout p,
.landing-page.ssl .standout ul {
  font-family: Karla, sans-serif;
  font-size: 15px;
  line-height: 27px;
}

.landing-page.ssl .standout ul {
  padding-left: 0;
}

.landing-page.ssl .what-is-ssl ul li {
  margin: 15px 0;
}

.landing-page.ssl .what-is-ssl .fas,
.landing-page.ssl .what-is-ssl .far {
  color: var(--main-gradient-color) !important;
  font-size: 1em !important;
  padding-right: 10px !important;
  line-height: inherit;
}

.landing-page.ssl .ssl-benefits i {
  color: var(--main-gradient-color) !important;
}

.landing-page.ssl .ssl-benefits .col-md-2.col-sm-4 {
  color: #fff !important;
}

.landing-page.ssl .ssl-benefits {
  border-bottom: 0 !important;
}

.landing-page.ssl .browser-notice .wrapper {
  color: #7e7e7e !important;
  font-family: Karla, sans-serif !important;
  font-size: 16px !important;
}

.landing-page.ssl .competitive-upgrade-promo {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
}

.landing-page.ssl .detailed-info {
  padding: 0 45px !important;
  background-color: transparent !important;
  margin-top: 70px;
  margin-bottom: 0;
}

.landing-page.ssl .detailed-info .panel-heading {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
}

.landing-page.ssl .detailed-info .arrow {
  float: right;
  margin-right: 0;
}

.landing-page .panel-heading {
  padding: 15px;
}

.landing-page.ssl .detailed-info .panel-body {
  margin-top: 0 !important;
  padding: 20px !important;
  background-color: rgba(15,21,33,0.95) !important;
  border: 1px solid rgba(15,21,33,0.95) !important;
  box-shadow: none !important;
  font-size: 1.2em !important;
}

.landing-page.ssl ul.ssl-certs-all li {
  margin: 0 !important;
  padding: 15px 0 15px 0 !important;
  border-bottom: 1px solid #232840 !important;
}

.landing-page .ssl-certs-all p {
  font-family: "Karla", sans-serif !important;
  font-size: 14px !important;
  line-height: 27px !important;
}

.landing-page.ssl .help-me-choose .ideal {
  color: #fff !important;
}

.landing-page.ssl .standout:last-child {
  border-bottom: 0 !important;
}

.landing-page .content-block.standout-2.standout {
  color: #fff !important;
  font-weight: 700 !important;
}

.landing-page.ssl .logos img {
  max-height: 50px !important;
}

.landing-page .navbar .navbar-nav > li.active > a {
  background: transparent !important;
  color: var(--main-gradient-color) !important;
}

.landing-page.ssl .ideal-for.dv i {
  color: #fff !important;
}

.landing-page .navbar-default .navbar-collapse,
.landing-page .navbar-default .navbar-form {
  border-color: transparent;
}

.landing-page.ssl .standout {
  border-bottom: 0;
}

.landing-page.ssl .certificate-options {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
  padding: 45px;
}

.landing-page.ssl .row-pricing-table .header h4 {
  font-weight: 700;
}

.landing-page.ssl .certificate-options .col-sm-3.sidebar ul li,
.landing-page.ssl .certificate-options .col-sm-4.sidebar ul li,
.landing-page.ssl .certificate-options .col-sm-6.sidebar ul li {
  border-color: #754096 !important;
}

.landing-page.ssl .certificate-options .btn {
  background-color: #228ae6;
  color: #fff;
}

.landing-page.ssl .features {
  background-color: #228ae6;
}

.landing-page.ssl .features h3 {
  font-weight: 700;
}

.landing-page.ssl .features .feature {
  border: 1px solid #7343a3;
  background: #7343a3 !important;
}

.landing-page.ssl .features .feature h4 {
  font-weight: 300;
  margin-top: 10px;
}

.landing-page.ssl .certificate-options.ev .col-sm-3.sidebar ul li,
.landing-page.ssl .certificate-options.ev .col-sm-4.sidebar ul li,
.landing-page.ssl .certificate-options.ev .col-sm-6.sidebar ul li {
  border-color: #a25cc7;
}

.landing-page.weebly .content-block {
  padding: 45px;
}

.landing-page .content-block.image-standout p.lead.text-center {
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: initial;
}

.landing-page .features {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
}

.landing-page .input-group-addon {
  color: #fff !important;
  background-color: var(--main-gradient-color) !important;
  border: 1px solid var(--main-gradient-color) !important;
}

.landing-page.weebly .weebly-lite-plan {
  background-color: rgba(15,21,33,0.95) !important;
  border: 1px solid rgba(15,21,33,0.95) !important;
}

.landing-page .pricing-item {
  border: 0 !important;
  background: rgba(15,21,33,0.95);
}

.landing-page .pricing-item .feature-heading {
  background-color: var(--main-gradient-color) !important;
}

.landing-page .pricing-item ul li {
  border-bottom: 1px solid #23283e !important;
}

.landing-page .pricing-item ul li:last-child {
  border-bottom: 0 !important;
}

.landing-page.weebly .faq {
  background-color: #343648 !important;
}

.landing-page.sitelock .hero img {
  padding-bottom: 25px !important;
}

.landing-page .hero img {
  max-width: 430px !important;
  padding-bottom: 25px !important;
}
@media (max-width: 991px) {
  .landing-page .hero img {
    max-width: 100% !important;
  }
}

.landing-page.sitelock h2 {
  font-size: 25px !important;
}

.landing-page.sitelock .content-block {
  padding: 45px 15px !important;
}

.landing-page.sitelock p {
  font-family: "Karla", sans-serif !important;
  font-size: 15px !important;
}

.landing-page.sitelock .plans {
  background: transparent !important;
  border-top: 1px solid #45475d;
}

.landing-page.sitelock .plans .plan .header {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
}

.landing-page.sitelock .plans .plan .btn {
  background-color: #7449ac !important;
}

.landing-page.sitelock .features .fas,
.landing-page.sitelock .features .far {
  color: #ffffff !important;
  font-size: 3em !important;
}

.landing-page.sitelock .feature-wrapper .content {
  margin-left: 80px !important;
}

.landing-page.sitelock h4 {
  font-size: 1.4em !important;
}

.landing-page.sitelock p {
  font-size: 15px !important;
  font-family: "Karla", sans-serif;
  line-height: 27px;
}

.landing-page.sitelock .emergency {
  background: transparent !important;
  border-bottom: 1px solid #45475d;
}

.landing-page.sitelock .emergency .fas,
.landing-page.sitelock .emergency .far {
  color: var(--main-gradient-color) !important;
  font-size: 3em !important;
}

.landing-page.sitelock .emergency .btn {
  background-color: var(--main-gradient-color) !important;
  border-color: var(--main-gradient-color) !important;
  color: #fff !important;
}

.landing-page .panel-default > .panel-heading {
  color: #fff;
  background-color: var(--main-gradient-color);
  border-color: transparent;
  font-size: 12px !important;
  font-weight: 400;
}

.landing-page .panel-default {
  border-color: transparent;
}

.landing-page .content-block.faq .panel {
  border: 0;
}

.landing-page .content-block.faq .panel-title > .small,
.landing-page .content-block.faq .panel-title > .small > a,
.landing-page .content-block.faq .panel-title > a,
.landing-page .content-block.faq .panel-title > small,
.landing-page .content-block.faq .panel-title > small > a {
  text-decoration: none;
}

.landing-page .content-block.faq .panel-collapse {
  background: rgba(15,21,33,0.95);
}

.landing-page .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}

.landing-page.mail-services .content-block,
.landing-page.mail-services .product-options {
  padding: 45px 15px !important;
}

.landing-page.mail-services .product-options {
  background: transparent !important;
  border-bottom: 1px solid #363748;
}

.landing-page.mail-services .product-options .item {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page .product-options p {
  color: #fff !important;
  margin: 20px 0 !important;
}

.landing-page .product-options .item .btn {
  background-color: #9850ba !important;
  color: #fff !important;
}

.landing-page .light-grey-bg {
  background: transparent !important;
}

.landing-page .nav-tabs > li.active > a,
.landing-page .nav-tabs > li.active > a:focus,
.landing-page .nav-tabs > li.active > a:hover {
  background-color: rgba(15,21,33,0.95) !important;
  border: 0 !important;
  border-top: 3px solid #9850ba !important;
  color: #fff !important;
}

.landing-page .nav-tabs > li > a,
.landing-page .nav-tabs > li > a:focus {
  background-color: rgba(15,21,33,0.95) !important;
  border: 0 !important;
  color: #fff !important;
}

.landing-page .nav-tabs > li > a:hover {
  background-color: rgba(15,21,33,0.95) !important;
  border: 0 !important;
}

.landing-page .tab-content {
  padding: 30px !important;
  background-color: rgba(15,21,33,0.95) !important;
  color: #fff !important;
}

.landing-page .get-started {
  background: var(--main-gradient-color);
  background: linear-gradient(to right, var(--main-gradient-color) 0%, var(--secondary-gradient-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-gradient-color)", endColorstr="var(--secondary-gradient-color)", GradientType=0);
}

.landing-page .get-started .btn-order-now {
  background-color: #fff !important;
  color: #333 !important;
}

.landing-page.codeguard .content-block {
  padding: 45px 15px !important;
}

@media (min-width: 768px) {
  .landing-page.codeguard .overview-features span {
    color: #fff !important;
  }
  .landing-page.codeguard .overview-features li {
    border-right: 1px solid #47495f !important;
  }
}
.landing-page.codeguard .faqs {
  background: transparent !important;
}

.landing-page.codeguard .pricing {
  margin-bottom: 0 !important;
}

.landing-page.codeguard .features {
  margin-top: 0 !important;
}

.landing-page.sitelockvpn .feature.alternate-bg,
.landing-page.sitelockvpn .feature.countries {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page.sitelockvpn .feature.pricing ul li {
  color: rgba(255,255,255,0.035);
}

.landing-page.ox .faqs {
  background-color: transparent !important;
}

.landing-page.ox .pricing table tr td {
  background-color: #f3f7fa;
}

.landing-page.sitebuilder .intro {
  background-color: transparent !important;
}

.landing-page.sitebuilder .features p {
  color: #fff !important;
}

.landing-page.sitebuilder .templates .previews img,
.landing-page.sitebuilder .templates .previews .show-more div {
  border: 1px solid #1a1c25 !important;
}

.landing-page.sitebuilder .templates {
  border-top: 1px solid transparent !important;
}

.landing-page.sitebuilder .templates .previews .tplname {
  color: #fff !important;
}

.landing-page.sitebuilder .templates .previews a:hover {
  text-decoration: none;
}

.landing-page.sitebuilder .templates .previews a:hover span {
  color: #fff;
}

.landing-page.sitebuilder .pricing-table {
  background-color: rgba(255,255,255,0.035) !important;
  border: 1px solid #2f3141 !important;
}

.landing-page.sitebuilder .pricing-table-row:not(.col-heading):nth-child(even) {
  background-color: rgba(255,255,255,0.08) !important;
}

.landing-page.ox .stand-out {
  background-color: rgba(15,21,33,0.95) !important;
  color: #fff !important;
}

.landing-page.ox .stand-out h2 {
  color: #fff !important;
}

.landing-page.ox .pricing table tr td {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page.ox .pricing td:not(.no-border),
.landing-page.ox .pricing th {
  border: 1px solid #22263c !important;
}

.landing-page.ox .pricing table tr:nth-child(even) td:first-child {
  background-color: #20253a !important;
  color: #fff;
}

.landing-page.ox .pricing table tr td:first-child {
  color: #fff;
}

.landing-page.ox .pricing td:not(.no-border),
.landing-page.ox .pricing th {
  color: #fff;
}

.landing-page.ox .pricing .pricing-label {
  color: #fff;
}

.landing-page.marketgoo .feature-wrapper {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page.marketgoo .plan.labels ul li {
  border-right: 1px solid #343646 !important;
}

.landing-page.marketgoo .plan ul li {
  border-bottom: 1px solid #343646 !important;
}

.landing-page.marketgoo .plan ul {
  border-top: 1px solid #343646 !important;
}

.landing-page.marketgoo .plan.marketgoo_pro ul {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page.marketgoo .plan .pricing {
  color: #fff !important;
}

.landing-page.marketgoo .testimonials .testimonial {
  color: #fff !important;
}

.landing-page.marketgoo .faqs {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page.nordvpn .feature.icon h1,
.landing-page.nordvpn .feature.comparison h1,
.landing-page.nordvpn .feature.threat h1,
.landing-page.nordvpn .feature.use h1 {
  color: #fff;
}

.landing-page.nordvpn p {
  color: #fff;
}

.landing-page.nordvpn .comparison .col-xs-2 {
  border: 1px solid #4a4c61 !important;
}

.landing-page.nordvpn .comparison .col-xs-2 span {
  color: #fff;
}

.landing-page.nordvpn .comparison .col-xs-12 .col-xs-2:nth-of-type(2) {
  border-left-color: #0e1a33 !important;
  border-right-color: #0e1a33 !important;
  background: #0e1a33 !important;
}

.landing-page.nordvpn .comparison .col-xs-12:first-of-type .col-xs-2:nth-of-type(2) {
  border-top-color: #0e1a33 !important;
}

.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(7) .col-xs-2:not(:nth-of-type(2)),
.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2) {
  border-bottom: 1px solid #4a4c61 !important;
}

.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2) {
  border-bottom-color: #0e1a33 !important;
}

.landing-page.nordvpn .line-break {
  border-bottom: 1px #4a4c61 solid !important;
}

.landing-page.nordvpn h3 {
  color: #fff !important;
}

.landing-page.nordvpn .feature.logo {
  background: #112041;
}

.landing-page.nordvpn h1 {
  color: #fff;
}

.landing-page.nordvpn .feature.faq .panel-heading {
  background: var(--main-gradient-color) !important;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid rgba(255,255,255,0.035) !important;
  color: #fff;
}

.landing-page.xovinow {
  background-color: transparent !important;
}

.landing-page.xovinow .bg-white {
  background-color: transparent !important;
}

.landing-page.xovinow .pricing .plan .plan-name {
  color: #fff !important;
}

.landing-page.xovinow .pricing .plan-feature.row-highlight {
  background-color: rgba(15,21,33,0.95) !important;
}

.landing-page.xovinow .pricing .plan .plan-price {
  color: #fff !important;
}

.landing-page.xovinow .pricing .plan-feature {
  color: #fff;
}

.landing-page.xovinow .pricing .money-back {
  color: #fff !important;
}

/* Smart Phones */
@media only screen and (min-width: 160px) and (max-width: 767px) {
  .home-shortcuts li {
    border-bottom: 1px solid #38394d;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 160px) {
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #161b2f;
  }
  .whm-sidebar .panel {
    background-color: rgba(255,255,255,0.04);
  }
}
.invoice-summary {
  background-color: #2a2b3a;
  border: 4px dashed #363749;
}

.invoice-summary-table td.total-row {
  background-color: #3d3e50;
}

.alert-info a {
  color: inherit;
}

tr.masspay-total td {
  background-color: #4e5066;
}

.ticketfeedbackstaffcont {
  background-color: rgba(255,255,255,0.04);
}

.bnomics-amount-input,
.bnomics-address-input {
  background-color: rgba(255,255,255,0.035) !important;
  border-color: rgba(255,255,255,0.035) !important;
}

.bnomics-grey {
  color: var(--main-gradient-color);
}

.select-account {
  border-top: 1px solid #4b4d63;
}
.select-account a {
  border-bottom: 1px solid #4b4d63;
}
.select-account a:hover {
  background-color: #4b4d63;
}/*# sourceMappingURL=theme-dark.css.map */

/* ================================================================
   SECTION 2: Responsive breakpoints — mobile / tablet adjustments for legacy chrome
================================================================ */

/*
Theme Name: Digit - Responsive WHMCS Client Area Template
Theme URI: http://www.whmcsdes.com
Description: awesome and clean WHMCS Template. is designed for Hosting Companies,  Contains +25 Redesigned files which have been well organized built using 1170 grid system.
Version: 8.1.0
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/

/* Smart Phones */

@media only screen and (min-width: 160px) and (max-width: 767px) {
  /* Client Area */
  .wdes-wrapper {
    display: block;
  }

  .wdes-sidebar,
  .whm-sidebar {
    width: 100%;
  }

  img.domain-bg {
    width: 100%;
    height: initial;
  }

  ul.top-nav {
    width: 100%;
  }

  .home-kb-search i {
    margin-left: 0;
  }

  form.header-search-frame .form-control {
    padding: 0 0 0 27px;
  }

  li.wdes-language-item {
    float: right;
    margin-top: 8px;
  }

  .navbar-header .navbar-toggle {
    padding: 0;
    margin-top: 20px;
  }

  section#header .choose-language {
    padding: 0;
    margin-top: 5px;
  }

  #frmDomainHomepage .input-group {
    width: 100%;
  }

  .home-shortcuts li {
    width: 100%;
  }

  .logo {
    display: none;
  }

  .logo-mob {
    display: inline;
    float: left;
    margin: 15px 20px 13px;
  }

  .logo-mob img {
    height: 27px;
  }

  div.header-lined .wdes-desc-alternate {
    margin: 32px 0 0 0;
    white-space: pre-wrap;
  }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Client Area */
  .wdes-wrapper {
    display: block;
  }

  .wdes-sidebar,
  .whm-sidebar {
    width: 100%;
  }

  ul.top-nav {
    width: 100%;
  }

  .home-kb-search i {
    margin-left: 0;
  }

  form.header-search-frame .form-control {
    padding: 0 0 0 27px;
  }

  li.wdes-language-item {
    float: right;
    margin-top: 8px;
  }

  .navbar-header .navbar-toggle {
    padding: 0;
    margin-top: 20px;
  }

  section#header .choose-language {
    padding: 0;
    margin-top: 5px;
  }

  section#home-banner .form-control {
    width: 60%;
  }

  section#home-banner .input-group-btn {
    width: 40%;
  }

  section#home-banner .input-group {
    width: 100%;
  }

  .logo {
    display: none;
  }

  .logo-mob {
    display: inline;
    float: left;
    margin: 15px 20px 13px;
  }

  .logo-mob img {
    height: 27px;
  }

  div.header-lined .wdes-desc-alternate {
    margin: 32px 0 0 0;
    white-space: pre-wrap;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .whm-sidebar {
    width: 210px;
  }

  div.header-lined .wdes-desc-alternate {
    margin: 32px 0 0 0;
    white-space: pre-wrap;
  }
}

@media only screen and (min-width: 160px) and (max-width: 1200px) {
  #home-banner h2 {
    width: 100%;
  }

  #active-link {
    margin: 23px 20px 0 0;
  }

  p {
    line-height: 30px;
  }

  .wdes-knb-block {
    text-align: center;
  }

  .wdes-submit {
    padding: 8px 15px;
  }

  a.wdes-2nd-btn,
  .wdes-2nd-btn {
    padding: 8px 8px;
  }

  .panel-actions > .list-group .list-group-item {
    display: block;
    border: 1px solid rgba(255,255,255,0.06) !important;
  }

  div.header-lined h1 {
    float: left;
  }

  .dataTables_wrapper {
    background: rgba(255,255,255,0.06);
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #38394d;
    min-height: 0.01%;
    overflow-x: auto;
  }

  div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }

  .main-content {
    min-height: 100px;
  }

  .wdes-clientarea-panel-block .panel-title {
    line-height: 28px;
  }

  .whm-sidebar .panel-default > .panel-heading {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
  }

  .whm-sidebar .panel {
    margin-bottom: 20px;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  div.header-lined p {
    margin-top: 8px !important;
  }

  .announcement-single a {
    display: block;
    margin-top: 30px;
    line-height: 27px;
  }

  div.announcement-single blockquote {
    margin-top: 20px;
  }

  .logincontainer.with-social .login-form {
    border: 0;
  }

  .providerPreLinking {
    width: 100%;
  }

  section#home-banner .btn {
    width: 50%;
    margin: 0;
  }

  .tiles .tile {
    width: 100% !important;
    margin-bottom: 20px;
    margin-right: 0 !important;
  }

  form.header-search-frame {
    border-right: 0;
  }

  section#home-banner h2 {
    font-size: 18px;
  }

  section#home-banner .btn {
    padding: 10px 23px;
  }

  #default-captcha-domainchecker #inputCaptcha {
    width: 76px !important;
    height: 25px;
    border-radius: 2px;
    top: 3px;
    position: relative;
    left: 5px;
  }

  section#main-body {
    padding: 30px 0;
  }
}


/* ================================================================
   SECTION 3: Custom theme — modern segbytes-exec design system (seg-* classes)
================================================================ */

:root {
  --seg-bg: #090b12;
  --seg-bg-soft: #0f1420;
  --seg-bg-elevated: #121a28;
  --seg-panel: rgba(255, 255, 255, 0.06);
  --seg-panel-strong: rgba(255, 255, 255, 0.1);
  --seg-panel-border: rgba(255, 255, 255, 0.14);
  --seg-text: #f5f7fb;
  --seg-text-soft: rgba(245, 247, 251, 0.72);
  --seg-text-muted: rgba(245, 247, 251, 0.52);
  --seg-primary: #2b63ff;
  --seg-primary-soft: rgba(43, 99, 255, 0.18);
  --seg-success-soft: rgba(61, 220, 151, 0.14);
  --seg-success: #8df0bf;
  --seg-radius-sm: 12px;
  --seg-radius-md: 18px;
  --seg-radius-lg: 24px;
  --seg-shadow-rest: 0 10px 30px rgba(0, 0, 0, 0.22);
  --seg-shadow-hover: 0 18px 50px rgba(0, 0, 0, 0.34);
  --seg-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --seg-container: 1240px;
  --seg-nav-height: 86px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.seg-theme {
  margin: 0;
  background: radial-gradient(circle at top left, rgba(43, 99, 255, 0.08), transparent 28%), linear-gradient(180deg, #090b12 0%, #0b1018 100%);
  color: var(--seg-text);
  font-family: "Inter", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.seg-container { width: min(100% - 32px, var(--seg-container)); margin: 0 auto; }
.seg-site-shell { min-height: 100vh; }
.seg-main { padding-top: 12px; }

.seg-topbar-wrap { position: sticky; top: 0; z-index: 100; padding: 14px 0; }
.seg-glass-nav {
  width: min(100% - 20px, calc(var(--seg-container) + 20px));
  margin: 0 auto;
  background: rgba(10, 14, 22, 0.58);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 22px;
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 35px rgba(0,0,0,0.28);
  transition: background 220ms var(--seg-ease-standard), border-color 220ms var(--seg-ease-standard), box-shadow 220ms var(--seg-ease-standard);
}
.seg-glass-nav.is-scrolled {
  background: rgba(10, 14, 22, 0.72);
  border-color: rgba(255,255,255,0.14);
  box-shadow: 0 16px 40px rgba(0,0,0,0.34);
}
.seg-topbar-inner {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 20px;
}
.seg-brand { display: inline-flex; align-items: center; gap: 12px; }
.seg-brand-logo { display: block; width: auto; height: 36px; max-height: 36px; max-width: 180px; object-fit: contain; }
.seg-brand-mark {
  width: 12px; height: 12px; border-radius: 999px; background: linear-gradient(135deg, #7aa2ff 0%, #2b63ff 100%);
  box-shadow: 0 0 0 6px rgba(43,99,255,0.14); flex: 0 0 auto;
}
.seg-brand-text { display: flex; flex-direction: column; line-height: 1.05; }
.seg-brand-name, .seg-footer-title {
  font-family: "Azeret Mono", monospace; font-weight: 700; letter-spacing: -0.04em; color: var(--seg-text);
}
.seg-brand-sub { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--seg-text-muted); }
.seg-nav { display: flex; align-items: center; gap: 22px; }
.seg-nav a { color: var(--seg-text-soft); font-size: 14px; font-weight: 500; }
.seg-nav a:hover, .seg-nav a:focus-visible { color: var(--seg-text); }
.seg-topbar-actions { display: flex; align-items: center; gap: 10px; }

.seg-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px;
  border-radius: 14px; border: 1px solid transparent; font-size: 14px; font-weight: 600;
  transition: transform 180ms var(--seg-ease-standard), background 180ms var(--seg-ease-standard), border-color 180ms var(--seg-ease-standard), box-shadow 180ms var(--seg-ease-standard);
}
.seg-btn:hover, .seg-btn:focus-visible { transform: translateY(-1px); }
.seg-btn-primary { background: linear-gradient(135deg, #2b63ff 0%, #1d4fff 100%); color: #fff; box-shadow: 0 10px 22px rgba(43,99,255,0.24); }
.seg-btn-secondary { background: rgba(255,255,255,0.06); color: var(--seg-text); border-color: rgba(255,255,255,0.12); }
.seg-btn-ghost { background: transparent; color: var(--seg-text-soft); border-color: rgba(255,255,255,0.08); }

.seg-glass-panel, .seg-glass-soft {
  position: relative; border: 1px solid var(--seg-panel-border); backdrop-filter: blur(18px); box-shadow: var(--seg-shadow-rest);
}
.seg-glass-panel { background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border-radius: var(--seg-radius-lg); }
.seg-glass-soft { background: rgba(255,255,255,0.06); border-radius: var(--seg-radius-md); }
.seg-solid-panel, .seg-contact-form-wrap {
  background: rgba(15,21,33,0.95); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--seg-radius-lg); box-shadow: var(--seg-shadow-rest);
}

.seg-kicker {
  display: inline-flex; align-items: center; gap: 8px; color: #9ab6ff; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
}
.seg-hero-title, .seg-page-hero h1, .seg-client-hero h1, .seg-section-heading h2, .seg-cta-band h2, .seg-ops-band h2 {
  margin: 0; font-family: "Azeret Mono", monospace; letter-spacing: -0.04em; line-height: 0.98;
}
.seg-hero-title { font-size: clamp(28px, 4vw, 48px); max-width: 12ch; }
.seg-page-hero h1, .seg-client-hero h1 { font-size: clamp(34px, 6vw, 58px); }
.seg-hero-text, .seg-page-hero p, .seg-client-hero p, .seg-section-heading p, .seg-cta-band p, .seg-ops-band p,
.seg-service-card p, .seg-route-card p, .seg-action-card p { color: var(--seg-text-soft); font-size: 16px; }

.seg-hero, .seg-page-hero, .seg-client-hero { padding: 8px 0 16px; }
.seg-hero-grid, .seg-ops-band, .seg-cta-band { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 18px; align-items: center; }
.seg-hero-copy { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.seg-hero-actions, .seg-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.seg-hero-panel, .seg-page-hero-panel, .seg-ops-band, .seg-cta-band, .seg-contact-shell { padding: 18px; }
.seg-panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.seg-panel-eyebrow { color: var(--seg-text-muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; }
.seg-panel-status { padding: 6px 10px; border-radius: 999px; background: var(--seg-success-soft); color: var(--seg-success); font-size: 12px; font-weight: 600; }
.seg-lane-list { display: grid; gap: 14px; }
.seg-ops-steps { display: grid; gap: 8px; }
.seg-ops-steps { padding-left: 4px; }
.seg-lane-item, .seg-step-item {
  padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
}
.seg-lane-item strong { display: block; margin-bottom: 4px; }
.seg-lane-item span { color: var(--seg-text-soft); font-size: 14px; }
.seg-step-item { display: flex; align-items: center; gap: 12px; }
.seg-step-item { padding: 5px 10px; background: rgba(255,255,255,0.03); border-radius: 8px; border: 1px solid rgba(255,255,255,0.06); font-size: 13px; }
.seg-step-item span { font-family: "Azeret Mono", monospace; color: #90b0ff; }

.seg-section { padding: 28px 0 36px; }
.seg-section-heading { margin-bottom: 28px; }
.seg-section-heading h2 { font-size: clamp(28px, 4vw, 44px); margin-top: 12px; margin-bottom: 10px; }
.seg-card-grid { display: grid; gap: 18px; }
.seg-card-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seg-proof-grid { display: grid; gap: 18px; }
.seg-card-grid-4, .seg-proof-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.seg-proof-card, .seg-service-card, .seg-route-card, .seg-action-card, .seg-summary-card {
  padding: 22px;
  transition: transform 220ms var(--seg-ease-standard), border-color 220ms var(--seg-ease-standard), box-shadow 220ms var(--seg-ease-standard);
}
.seg-proof-card:hover, .seg-service-card:hover, .seg-route-card:hover, .seg-action-card:hover, .seg-summary-card:hover {
  transform: translateY(-3px); border-color: rgba(122,162,255,0.24); box-shadow: var(--seg-shadow-hover);
}
.seg-service-card h3, .seg-route-card h3, .seg-action-card h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.12; }
.seg-metric-value { display: block; font-family: "Azeret Mono", monospace; font-size: 22px; margin-bottom: 8px; }
.seg-metric-label { display: block; color: var(--seg-text-soft); }

.seg-client-layout {
  display: grid;
  grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 980px) {
  .seg-client-layout { grid-template-columns: 1fr; }
}

/* ============================================================
   Unified sidebar — used by clientarea (.seg-client-sidebar) and
   cart flow (.seg-domain-aside). Single source of truth for
   side-nav design across the entire site.
   ============================================================ */
.seg-client-sidebar,
.seg-domain-aside {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
  border: 1px solid var(--seg-panel-border, rgba(255,255,255,0.08));
  border-radius: var(--seg-radius-lg, 18px);
  padding: 24px 20px;
  position: sticky;
  top: 96px;
  align-self: start;
}
.seg-aside-eyebrow {
  font-family: "Azeret Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--seg-primary, #2b63ff);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.seg-aside-eyebrow i {
  color: var(--seg-primary, #2b63ff);
  font-size: 12px;
}
.seg-aside-eyebrow:not(:first-of-type),
.seg-aside-list + .seg-aside-eyebrow,
.seg-aside-body + .seg-aside-eyebrow,
.seg-aside-footer + .seg-aside-eyebrow {
  margin-top: 24px;
}
.seg-aside-section-badge {
  margin-left: auto;
  background: rgba(43,99,255,0.16);
  color: #9ab6ff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  letter-spacing: 0.08em;
}
.seg-aside-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.seg-aside-item a,
.seg-aside-item .seg-aside-static {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--seg-radius-sm, 10px);
  color: var(--seg-text-soft, rgba(245,247,251,0.72));
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: background 180ms var(--seg-ease-standard, ease), color 180ms var(--seg-ease-standard, ease);
}
.seg-aside-item a:hover {
  background: rgba(43,99,255,0.08);
  color: #fff;
}
.seg-aside-item.is-active a {
  background: rgba(43,99,255,0.16);
  color: #fff;
  border-left: 2px solid var(--seg-primary, #2b63ff);
  padding-left: 10px;
  font-weight: 600;
}
.seg-aside-item.is-disabled a,
.seg-aside-item.is-disabled .seg-aside-static {
  opacity: 0.45;
  cursor: not-allowed;
}
.seg-aside-item i {
  width: 16px;
  text-align: center;
  font-size: 13px;
  color: var(--seg-primary, #2b63ff);
  flex-shrink: 0;
}
.seg-aside-item.is-active i {
  color: #fff;
}
.seg-aside-item > a > span,
.seg-aside-item .seg-aside-static > span {
  flex: 1;
  min-width: 0;
}
.seg-aside-badge {
  margin-left: auto;
  background: rgba(255,255,255,0.08);
  color: var(--seg-text-soft, rgba(245,247,251,0.72));
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 999px;
}
.seg-aside-item.is-active .seg-aside-badge {
  background: rgba(255,255,255,0.16);
  color: #fff;
}
.seg-aside-body {
  margin-bottom: 16px;
  color: var(--seg-text-soft, rgba(245,247,251,0.72));
  font-size: 13px;
  line-height: 1.5;
}
.seg-aside-footer {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
  color: var(--seg-text-muted, rgba(245,247,251,0.52));
  font-size: 12px;
}

@media (max-width: 980px) {
  .seg-client-sidebar,
  .seg-domain-aside { position: static; }
  .seg-domain-aside { display: none; }
  .seg-sidebar-mobile { display: block; margin-bottom: 16px; }
}
.seg-sidebar-mobile { display: none; }
.seg-sidebar-mobile select {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  color: var(--seg-text, #f5f7fb);
  font-size: 14px;
}


.seg-dashboard-zone { padding: 20px 0 48px; }
.seg-dashboard-row { display: grid; gap: 18px; margin-bottom: 18px; }
.seg-dashboard-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.seg-dashboard-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seg-summary-label { display: block; color: var(--seg-text-muted); font-size: 13px; margin-bottom: 10px; }
.seg-summary-value { display: block; font-family: "Azeret Mono", monospace; font-size: 36px; line-height: 1; margin-bottom: 14px; }
.seg-summary-card a { color: #aabfff; font-size: 14px; font-weight: 600; }
.seg-home-panels .row { display: flex; flex-wrap: wrap; }
.seg-home-panel { height: 100%; margin-bottom: 18px; }
.seg-home-panel-head, .seg-home-panel-footer { padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.seg-home-panel-footer { border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 0; }
.seg-home-panel-body { padding: 18px 20px; color: var(--seg-text-soft); }
.seg-home-panel .list-group-item { background: transparent; color: var(--seg-text-soft); border-color: rgba(255,255,255,0.06); }
.seg-home-panel .list-group-item.active { background: rgba(43,99,255,0.16); color: #fff; }

.seg-contact-shell { background: transparent; border: none; border-radius: 0; }
/* React form inputs (seg-forms) — override any white backgrounds */
[data-seg-form] input,
[data-seg-form] select,
[data-seg-form] textarea,
.seg-contact-form-wrap input,
.seg-contact-form-wrap select,
.seg-contact-form-wrap textarea {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: #f5f7fb !important;
}
[data-seg-form] input:focus,
[data-seg-form] select:focus,
[data-seg-form] textarea:focus,
.seg-contact-form-wrap input:focus,
.seg-contact-form-wrap select:focus,
.seg-contact-form-wrap textarea:focus {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(43,99,255,0.55) !important;
  box-shadow: 0 0 0 4px rgba(43,99,255,0.14) !important;
}
/* Kill browser autofill white background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #0d1117 inset !important;
  -webkit-text-fill-color: #f5f7fb !important;
  border-color: rgba(255,255,255,0.10) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.seg-contact-form-wrap { padding: 24px; }
.seg-form-label { color: var(--seg-text-soft); font-weight: 600; }
.seg-form-alert { padding: 14px 16px; border-radius: 14px; margin-bottom: 20px; }
.seg-form-alert-success { background: rgba(61,220,151,0.12); color: #baf7d7; }
.seg-form-alert-error { background: rgba(255,107,129,0.12); color: #ffc5cf; }

/* Login form — constrain width so it doesn't stretch full content area */
.seg-contact-shell {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.seg-contact-form-wrap {
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* seg-exec-glass — inner glass wrapper for account/content shells */
.seg-exec-glass {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--seg-radius-lg, 18px);
  padding: 28px;
  box-shadow: var(--seg-shadow-rest);
}

/* Form labels inside clientarea */
.seg-client-content .col-form-label,
.seg-client-content label.col-form-label,
.seg-exec-glass .col-form-label,
.seg-exec-glass label {
  color: var(--seg-text-soft, rgba(245,247,251,0.72));
  font-size: 13px;
  font-weight: 600;
}

/* Form controls inside clientarea — ensure consistent height + padding */
.seg-client-content .form-control,
.seg-client-content .custom-select,
.seg-exec-glass .form-control,
.seg-exec-glass .custom-select {
  height: 44px;
  padding: 8px 14px;
  font-size: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  color: var(--seg-text, #f5f7fb);
  transition: border-color 180ms, box-shadow 180ms;
}
.seg-client-content .form-control:focus,
.seg-client-content .custom-select:focus,
.seg-exec-glass .form-control:focus,
.seg-exec-glass .custom-select:focus {
  border-color: rgba(43,99,255,0.55);
  box-shadow: 0 0 0 4px rgba(43,99,255,0.14);
  background: rgba(255,255,255,0.06);
}
.seg-client-content textarea.form-control,
.seg-exec-glass textarea.form-control {
  height: auto;
  min-height: 100px;
}

/* Buttons inside clientarea forms */
.seg-client-content .btn-primary,
.seg-exec-glass .btn-primary {
  background: var(--seg-primary, #2b63ff);
  border: 0;
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  transition: background 180ms, transform 180ms;
}
.seg-client-content .btn-primary:hover,
.seg-exec-glass .btn-primary:hover {
  background: #4a82ff;
  transform: translateY(-1px);
}
.seg-client-content .btn-default,
.seg-client-content .btn-secondary,
.seg-exec-glass .btn-default,
.seg-exec-glass .btn-secondary {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  color: var(--seg-text-soft);
}
.seg-client-content .btn-danger,
.seg-exec-glass .btn-danger {
  background: rgba(239,68,68,0.16);
  border: 1px solid rgba(239,68,68,0.4);
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  color: #fca5a5;
}

/* Cards inside clientarea forms */
.seg-client-content .card,
.seg-exec-glass .card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  margin-bottom: 20px;
  overflow: visible;
}
.seg-client-content .card-body,
.seg-exec-glass .card-body {
  padding: 24px;
}
.seg-client-content .card-title,
.seg-exec-glass .card-title {
  font-family: "Azeret Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--seg-primary, #2b63ff);
  margin-bottom: 18px;
}

/* Emails page — DataTables search placement fix */
.seg-account-shell .dataTables_filter {
  text-align: right !important;
  margin-bottom: 16px;
}
.seg-account-shell .dataTables_filter input {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  color: var(--seg-text);
  padding: 8px 14px;
  height: 40px;
  font-size: 13px;
  width: 240px;
}
.seg-account-shell .dataTables_filter label {
  color: var(--seg-text-soft);
  font-size: 13px;
}

.seg-client-module { margin-bottom: 28px; }
.seg-data-module, .seg-store-shell {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--seg-radius-lg);
  padding: 24px;
  box-shadow: var(--seg-shadow-rest);
}
.seg-module-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.seg-module-title {
  margin: 10px 0 8px;
  font-family: "Azeret Mono", monospace;
  letter-spacing: -0.04em;
  font-size: clamp(24px, 4vw, 36px);
  line-height: 1.02;
}
.seg-module-text { color: var(--seg-text-soft); margin: 0; }
.seg-cell-muted { color: var(--seg-text-muted); font-size: 13px; }
.seg-btn-sm { min-height: 38px; padding: 0 14px; font-size: 13px; }

.seg-table-shell {
  border: 0;
  border-radius: 0;
  overflow: visible;
}
/* Prevent double-card effect inside our module shells */
.seg-data-module .card,
.seg-data-module .panel,
.seg-data-module .seg-table-shell,
.seg-data-module .dataTables_wrapper,
.seg-data-module .listtable,
.seg-data-module .dataTables_paginate,
.seg-data-module .dataTables_filter,
.seg-data-module .dataTables_length,
.seg-data-module .dataTables_info,
.seg-data-module .pagination,
.seg-data-module .tab-content,
.seg-data-module .tab-pane,
.seg-data-module .table-container,
.seg-client-content .dataTables_wrapper,
.seg-client-content .dataTables_paginate,
.seg-client-content .dataTables_filter,
.seg-client-content .dataTables_length,
.seg-client-content .dataTables_info,
.seg-client-content .listtable,
.seg-exec-glass .dataTables_wrapper,
.seg-exec-glass .listtable {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
/* DataTables pagination — compact inline pills */
.dataTables_paginate {
  padding: 16px 0 !important;
  text-align: right !important;
}
.dataTables_paginate .pagination {
  display: inline-flex !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.seg-theme .dataTables_paginate .pagination > li {
  display: inline-block !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
body.seg-theme .dataTables_paginate .pagination > li > a,
body.seg-theme .dataTables_paginate .pagination > li > span,
body.seg-theme .pagination > li > a,
body.seg-theme .pagination > li > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.06) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: rgba(245,247,251,0.72) !important;
  text-decoration: none !important;
  margin: 0 !important;
  float: none !important;
  position: relative !important;
}
body.seg-theme .dataTables_paginate .pagination > li > a:hover,
body.seg-theme .pagination > li > a:hover {
  background: rgba(43,99,255,0.16) !important;
  color: #fff !important;
}
body.seg-theme .dataTables_paginate .pagination > .active > a,
body.seg-theme .dataTables_paginate .pagination > .active > span,
body.seg-theme .pagination > .active > a,
body.seg-theme .pagination > .active > span {
  background: rgba(43,99,255,0.22) !important;
  color: #fff !important;
}
body.seg-theme .dataTables_paginate .pagination > .disabled > a,
body.seg-theme .dataTables_paginate .pagination > .disabled > span,
body.seg-theme .pagination > .disabled > a,
body.seg-theme .pagination > .disabled > span {
  opacity: 0.3 !important;
  pointer-events: none !important;
  color: rgba(245,247,251,0.4) !important;
}
body.seg-theme .pagination > li {
  display: inline-block !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* DataTables filter — search input with placeholder */
body.seg-theme .dataTables_filter {
  float: none !important;
  text-align: right !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.seg-theme .dataTables_filter label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(245,247,251,0.52) !important;
  font-size: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.seg-theme .dataTables_filter label .form-control,
body.seg-theme .dataTables_filter input[type="search"],
body.seg-theme .dataTables_filter input[type="text"] {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 10px !important;
  color: #f5f7fb !important;
  height: 36px !important;
  width: 200px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
}
body.seg-theme .dataTables_filter input::placeholder {
  color: rgba(200,210,230,0.4) !important;
}
/* DataTables info + length */
body.seg-theme .dataTables_info,
body.seg-theme .dataTables_length {
  color: rgba(245,247,251,0.42) !important;
  font-size: 12px !important;
  padding: 8px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}
body.seg-theme .dataTables_length select {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 8px !important;
  color: #f5f7fb !important;
  height: auto !important;
  padding: 4px 24px 4px 10px !important;
  font-size: 13px !important;
  min-width: 60px !important;
  line-height: 1.4 !important;
}
.seg-command-table {
  margin-bottom: 0;
  background: transparent;
}
.seg-command-table thead th {
  background: rgba(255,255,255,0.04);
  color: var(--seg-text-soft);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.seg-command-table tbody tr {
  transition: background 180ms var(--seg-ease-standard);
  cursor: pointer;
}
.seg-command-table tbody tr:hover {
  background: rgba(43,99,255,0.06);
}
.seg-command-table td, .seg-command-table th {
  padding: 16px 18px !important;
  vertical-align: middle !important;
}
.seg-ticket-link {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.seg-ticket-link .ticket-number {
  color: #94b0ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.seg-ticket-link .ticket-subject.unread {
  color: #fff;
  font-weight: 700;
}

.seg-store-head { margin-bottom: 24px; }
.seg-store-intro, .seg-store-domain-block, .seg-config-card, .seg-upsell-card {
  margin-bottom: 22px;
}
.seg-store-product-title {
  margin: 0 0 10px;
  font-family: "Azeret Mono", monospace;
  letter-spacing: -0.04em;
  font-size: clamp(24px, 4vw, 34px);
}
.seg-store-term-box {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 18px;
}
.seg-store-term-box h4, .seg-store-section-title {
  margin: 0 0 14px;
  color: var(--seg-text);
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.seg-store-domain-block, .seg-config-card {
  padding: 22px;
}
.seg-store-tabs {
  border-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.seg-store-tabs > li {
  float: none;
  margin-bottom: 0;
}
.seg-store-tabs > li > a {
  margin: 0;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  color: var(--seg-text-soft);
  padding: 12px 16px;
}
.seg-store-tabs > li.active > a,
.seg-store-tabs > li.active > a:focus,
.seg-store-tabs > li.active > a:hover,
.seg-store-tabs > li > a:hover {
  background: rgba(43,99,255,0.14);
  border-color: rgba(43,99,255,0.32);
  color: #fff;
}
.seg-store-tab-content {
  background: transparent;
  border: 0;
  padding: 10px 0 0;
}
.seg-domain-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
  gap: 10px;
}
.domain-validation {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--seg-text-soft);
}
.domain-validation.ok {
  color: var(--seg-success);
}
.seg-inline-errors {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,107,129,0.12);
  color: #ffc5cf;
}
.seg-store-actions {
  margin-top: 4px;
}
.seg-upsell-card {
  padding: 22px;
}
.seg-upsell-card .features {
  list-style: none;
  padding: 0;
  margin: 14px 0;
  display: grid;
  gap: 8px;
}
.seg-upsell-card .features li {
  color: var(--seg-text-soft);
}

input, select, textarea, .form-control {
  background: #101726 !important; color: var(--seg-text) !important; border: 1px solid rgba(255,255,255,0.1) !important; box-shadow: none !important;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: rgba(43,99,255,0.55) !important; box-shadow: 0 0 0 4px rgba(43,99,255,0.14) !important; outline: none;
}
.seg-invoice-shell .card, .seg-invoice-shell .invoice-status, .seg-invoice-shell .payment-btn-container {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  box-shadow: var(--seg-shadow-rest);
}
.seg-auth-card, .seg-auth-register { padding: 24px; }
.seg-auth-head { margin-bottom: 18px; }
.seg-auth-fields { display: grid; gap: 14px; }
.seg-auth-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
}
.seg-auth-remember, .seg-auth-footer, .seg-auth-link { color: var(--seg-text-soft); }
.seg-auth-footer {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.seg-detail-card {
  padding: 22px;
  margin-bottom: 20px;
}
.seg-detail-title {
  margin: 0 0 18px;
  font-family: "Azeret Mono", monospace;
  font-size: 22px;
  letter-spacing: -0.03em;
}
.seg-product-shell .card,
.seg-ticket-shell .card,
.seg-detail-shell .card,
.seg-domains-shell .btn-group,
.seg-domains-shell form#domainForm {
  margin-bottom: 20px;
}
.seg-product-shell .product-status,
.seg-product-shell .product-details-tab-container,
.seg-ticket-shell .ticket-reply,
.seg-ticket-shell #ticketReplyContainer,
.seg-domains-shell .btn-group .btn {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.08);
}
.seg-product-shell .nav-tabs,
.seg-domains-shell .btn-group,
.seg-ticket-shell .ticket-actions {
  margin-bottom: 16px;
}
.seg-product-shell .nav-tabs > li > a,
.seg-product-shell .nav-tabs .nav-link,
.seg-ticket-shell .btn-default,
.seg-domains-shell .btn-default {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--seg-text-soft);
}
.seg-product-shell .nav-tabs > li.active > a,
.seg-product-shell .nav-tabs > li > a:hover,
.seg-product-shell .nav-tabs .nav-link.active,
.seg-ticket-shell .btn-default:hover,
.seg-domains-shell .btn-default:hover {
  background: rgba(43,99,255,0.14);
  border-color: rgba(43,99,255,0.28);
  color: #fff;
}
.seg-ticket-shell .message,
.seg-ticket-shell .attachments,
.seg-ticket-shell .posted-by,
.seg-ticket-shell .custom-file-label,
.seg-product-shell .card-body,
.seg-detail-shell .card-body {
  color: var(--seg-text-soft);
}
.seg-ticket-shell .ticket-subject,
.seg-product-shell h3,
.seg-product-shell h4,
.seg-detail-shell .card-title,
.seg-domains-shell .dropdown-menu,
.seg-domains-shell .dropdown-item {
  color: var(--seg-text);
}
.seg-invoice-body {
  background: radial-gradient(circle at top left, rgba(43, 99, 255, 0.08), transparent 28%), linear-gradient(180deg, #090b12 0%, #0b1018 100%);
}
.seg-invoice-shell {
  padding: 28px 18px 40px;
  color: var(--seg-text);
}
.seg-invoice-shell .invoice-header,
.seg-invoice-shell .table,
.seg-invoice-shell .small-text,
.seg-invoice-shell address,
.seg-invoice-shell .card-text,
.seg-invoice-shell .card-title,
.seg-invoice-shell .total-row {
  color: var(--seg-text-soft);
}
.seg-invoice-shell .invoice-status span,
.seg-invoice-shell .btn,
.seg-invoice-shell .custom-select {
  border-radius: 14px;
}
.seg-invoice-shell .table > thead > tr > td,
.seg-invoice-shell .table > tbody > tr > td {
  border-color: rgba(255,255,255,0.08) !important;
}

.seg-footer { padding: 56px 0 30px; border-top: 1px solid rgba(255,255,255,0.08); background: rgba(4,7,12,0.48); }
.seg-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 24px; }
.seg-footer h4 { margin: 0 0 14px; font-size: 14px; }
.seg-footer p, .seg-footer li, .seg-footer a, .seg-footer-meta { color: var(--seg-text-soft); font-size: 14px; }
.seg-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.seg-footer-brand { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.seg-footer-meta { display: flex; justify-content: space-between; gap: 16px; margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.08); }

[data-seg-reveal], [data-seg-card], [data-seg-hero-stagger] { will-change: transform, opacity; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; transition-delay: 0ms !important; }
}

@media (max-width: 1100px) {
  .seg-hero-grid, .seg-ops-band, .seg-cta-band, .seg-footer-grid, .seg-client-layout { grid-template-columns: 1fr; }
  .seg-dashboard-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seg-dashboard-actions, .seg-card-grid-3, .seg-card-grid-4, .seg-proof-grid { grid-template-columns: 1fr 1fr; }
  .seg-nav { display: none; }
}

@media (max-width: 720px) {
  .seg-main { padding-top: 12px; }
  .seg-topbar-inner { padding: 0 14px; }
  .seg-hero-title { font-size: 40px; }
  .seg-page-hero h1, .seg-client-hero h1, .seg-section-heading h2 { font-size: 30px; }
  .seg-dashboard-summary, .seg-dashboard-actions, .seg-card-grid-3, .seg-card-grid-4, .seg-proof-grid { grid-template-columns: 1fr; }
  .seg-footer-meta { flex-direction: column; align-items: flex-start; }
}

/* === Phase P: Content, Domain, Account & Auth shell styling === */
.seg-content-shell,
.seg-domain-shell,
.seg-account-shell {
  margin-bottom: 28px;
}

/* Dark cards inside new shells */
.seg-content-shell .card,
.seg-domain-shell .card,
.seg-account-shell .card,
.seg-auth-shell .card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  box-shadow: var(--seg-shadow-rest);
}
.seg-content-shell .card-body,
.seg-domain-shell .card-body,
.seg-account-shell .card-body,
.seg-auth-shell .card-body {
  color: var(--seg-text-soft);
}
.seg-content-shell .card-title,
.seg-domain-shell .card-title,
.seg-account-shell .card-title,
.seg-auth-shell .card-title,
.seg-content-shell h1,
.seg-domain-shell h1,
.seg-account-shell h1,
.seg-auth-shell h1,
.seg-content-shell h3,
.seg-domain-shell h3,
.seg-account-shell h3,
.seg-auth-shell h3 {
  color: var(--seg-text);
}

/* Tables */
.seg-content-shell .table,
.seg-domain-shell .table,
.seg-account-shell .table {
  background: transparent;
  color: var(--seg-text-soft);
}
.seg-content-shell .table thead th,
.seg-domain-shell .table thead th,
.seg-account-shell .table thead th,
.seg-content-shell .table tbody td,
.seg-domain-shell .table tbody td,
.seg-account-shell .table tbody td {
  border-color: rgba(255,255,255,0.08) !important;
  color: var(--seg-text-soft);
}

/* List groups */
.seg-content-shell .list-group-item,
.seg-domain-shell .list-group-item,
.seg-account-shell .list-group-item {
  background: transparent;
  border-color: rgba(255,255,255,0.06);
  color: var(--seg-text-soft);
}
.seg-content-shell .list-group-item:hover,
.seg-domain-shell .list-group-item:hover,
.seg-account-shell .list-group-item:hover {
  background: rgba(43,99,255,0.08);
  color: #fff;
}

/* Badges */
.seg-content-shell .badge-info,
.seg-domain-shell .badge-info,
.seg-account-shell .badge-info {
  background: rgba(43,99,255,0.16);
  color: #b3c8ff;
}
.seg-content-shell .badge-pill,
.seg-domain-shell .badge-pill,
.seg-account-shell .badge-pill {
  border-radius: 999px;
}

/* Pagination */
.seg-content-shell .pagination .page-link,
.seg-domain-shell .pagination .page-link,
.seg-account-shell .pagination .page-link {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
  color: var(--seg-text-soft);
  border-radius: 12px;
  margin: 0 4px;
}
.seg-content-shell .pagination .page-item.active .page-link,
.seg-domain-shell .pagination .page-item.active .page-link,
.seg-account-shell .pagination .page-item.active .page-link {
  background: rgba(43,99,255,0.2);
  border-color: rgba(43,99,255,0.4);
  color: #fff;
}
.seg-content-shell .pagination .page-link:hover,
.seg-domain-shell .pagination .page-link:hover,
.seg-account-shell .pagination .page-link:hover {
  background: rgba(43,99,255,0.12);
  border-color: rgba(43,99,255,0.25);
  color: #fff;
}

/* Domain tabs */
.seg-domain-shell .nav-tabs {
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 18px;
}
.seg-domain-shell .nav-tabs .nav-link {
  color: var(--seg-text-soft);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 10px 16px;
}
.seg-domain-shell .nav-tabs .nav-link.active,
.seg-domain-shell .nav-tabs .nav-link:hover {
  color: var(--seg-text);
  border-bottom-color: var(--seg-accent);
  background: rgba(43,99,255,0.08);
}
.seg-domain-shell .tab-content .tab-pane {
  color: var(--seg-text-soft);
}

/* Account modals */
.seg-account-shell .modal-content {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  color: var(--seg-text-soft);
}
.seg-account-shell .modal-header {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.seg-account-shell .modal-header .close {
  color: var(--seg-text-soft);
  text-shadow: none;
  opacity: 0.7;
}
.seg-account-shell .modal-footer {
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Auth nested card neutralization (password reset, user-password) */
.seg-auth-shell .card {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.seg-auth-shell .card-body {
  padding: 0;
  color: var(--seg-text-soft);
}
.seg-auth-shell .card-title {
  color: var(--seg-text);
}

/* Alerts inside new shells */
.seg-content-shell .alert,
.seg-domain-shell .alert,
.seg-account-shell .alert,
.seg-auth-shell .alert {
  border-radius: 14px;
}

/* Search inputs inside content shells */
.seg-content-shell .input-group .form-control,
.seg-content-shell .input-group .btn {
  border-radius: 14px;
}
.seg-content-shell .input-group .form-control {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--seg-text);
}
.seg-content-shell .input-group .btn-primary {
  border-radius: 14px;
}

/* Text muted overrides */
.seg-content-shell .text-muted,
.seg-domain-shell .text-muted,
.seg-account-shell .text-muted,
.seg-auth-shell .text-muted {
  color: rgba(200,210,230,0.55) !important;
}

/* Back buttons and default buttons inside new shells */
.seg-content-shell .btn-default,
.seg-domain-shell .btn-default,
.seg-account-shell .btn-default,
.seg-auth-shell .btn-default {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
  color: var(--seg-text-soft);
  border-radius: 14px;
}
.seg-content-shell .btn-default:hover,
.seg-domain-shell .btn-default:hover,
.seg-account-shell .btn-default:hover,
.seg-auth-shell .btn-default:hover {
  background: rgba(43,99,255,0.14);
  border-color: rgba(43,99,255,0.28);
  color: #fff;
}

/* === Phase Q: Billing shell extensions === */
.seg-billing-shell {
  margin-bottom: 28px;
}
.seg-billing-shell .card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  box-shadow: var(--seg-shadow-rest);
}
.seg-billing-shell .card-body {
  color: var(--seg-text-soft);
}
.seg-billing-shell .card-title,
.seg-billing-shell h1,
.seg-billing-shell h3 {
  color: var(--seg-text);
}
.seg-billing-shell .alert {
  border-radius: 14px;
}

/* === Phase S: Store shell overrides === */
.seg-content-shell .landing-page,
.seg-content-shell .landing-page.bg-white {
  background: transparent !important;
  color: var(--seg-text-soft);
}
.seg-content-shell .landing-page .hero,
.seg-content-shell .landing-page .navbar-light,
.seg-content-shell .landing-page .bg-light {
  background: transparent !important;
}
.seg-content-shell .landing-page h2,
.seg-content-shell .landing-page h3,
.seg-content-shell .landing-page .hero h2,
.seg-content-shell .landing-page .hero h3 {
  color: var(--seg-text);
}
.seg-content-shell .landing-page .navbar-light .navbar-toggler-icon {
  filter: invert(1);
}
.seg-content-shell .landing-page .text-muted,
.seg-content-shell .landing-page .text-black-50 {
  color: rgba(200,210,230,0.55) !important;
}
.seg-content-shell .landing-page .btn-default {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
  color: var(--seg-text-soft);
  border-radius: 14px;
}
.seg-content-shell .landing-page .btn-default:hover {
  background: rgba(43,99,255,0.14);
  border-color: rgba(43,99,255,0.28);
  color: #fff;
}

/* === Phase T: Final polish sweep — datatables, mobile nav, forms, alerts, utilities === */

/* DataTables search/filter inputs */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.table-search .form-control,
.input-group-merge .form-control {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--seg-text);
  border-radius: 14px;
  padding: 10px 14px;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus,
.table-search .form-control:focus,
.input-group-merge .form-control:focus {
  border-color: rgba(43,99,255,0.55);
  box-shadow: 0 0 0 4px rgba(43,99,255,0.14);
  outline: none;
  background: rgba(255,255,255,0.06);
}
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: var(--seg-text-soft) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08) !important;
  color: var(--seg-text-soft) !important;
  border-radius: 12px;
  margin: 0 3px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(43,99,255,0.2) !important;
  border-color: rgba(43,99,255,0.4) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.4;
}

/* Mobile nav toggle */
.seg-nav-toggle {
  display: none;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 8px 12px;
  color: var(--seg-text);
  cursor: pointer;
}
.seg-nav-toggle:hover {
  background: rgba(43,99,255,0.14);
  border-color: rgba(43,99,255,0.28);
}
.seg-nav-toggle .seg-hamburger {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 22px;
}
.seg-nav-toggle .seg-hamburger span {
  display: block;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Form controls global dark */
.form-control,
.custom-select,
textarea.form-control {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--seg-text);
  border-radius: 14px;
}
.form-control:focus,
.custom-select:focus,
textarea.form-control:focus {
  background: rgba(255,255,255,0.06);
  border-color: rgba(43,99,255,0.55);
  box-shadow: 0 0 0 4px rgba(43,99,255,0.14);
  color: var(--seg-text);
}
.form-control::placeholder {
  color: rgba(200,210,230,0.35);
}
select.form-control option,
.custom-select option {
  background: rgba(15,21,33,0.95);
  color: var(--seg-text);
}
.input-group-text {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
  color: var(--seg-text-soft);
  border-radius: 14px;
}

/* Checkbox / radio dark */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--seg-accent);
  border-color: var(--seg-accent);
}
.custom-control-label::before {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
}
.custom-control-label {
  color: var(--seg-text-soft);
}

/* Progress bars */
.progress {
  background: rgba(255,255,255,0.06);
  border-radius: 999px;
}
.progress-bar {
  background: var(--seg-accent);
  border-radius: 999px;
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
}

/* Alert dark overrides */
.alert-success {
  background: rgba(61,220,151,0.10);
  border-color: rgba(61,220,151,0.20);
  color: #baf7d7;
}
.alert-info {
  background: rgba(43,99,255,0.10);
  border-color: rgba(43,99,255,0.20);
  color: #b3c8ff;
}
.alert-warning {
  background: rgba(255,193,7,0.10);
  border-color: rgba(255,193,7,0.20);
  color: #ffe082;
}
.alert-danger {
  background: rgba(255,107,129,0.10);
  border-color: rgba(255,107,129,0.20);
  color: #ffc5cf;
}

/* Breadcrumb dark */
.breadcrumb {
  background: transparent;
}
.breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(200,210,230,0.40);
}
.breadcrumb-item a {
  color: var(--seg-text-soft);
}
.breadcrumb-item a:hover {
  color: var(--seg-accent);
}

/* Badge dark variants */
.badge-success { background: rgba(61,220,151,0.16); color: #baf7d7; }
.badge-danger  { background: rgba(255,107,129,0.16); color: #ffc5cf; }
.badge-warning { background: rgba(255,193,7,0.16); color: #ffe082; }
.badge-info    { background: rgba(43,99,255,0.16); color: #b3c8ff; }

/* Tooltip / popover dark */
.tooltip .tooltip-inner {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.10);
  color: var(--seg-text-soft);
  border-radius: 12px;
  box-shadow: var(--seg-shadow-rest);
}
.tooltip .arrow::before {
  border-top-color: rgba(15,21,33,0.95);
}
.popover {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  box-shadow: var(--seg-shadow-rest);
}
.popover-header {
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: var(--seg-text);
}
.popover-body {
  color: var(--seg-text-soft);
}

/* Modal global dark */
.modal-content {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  color: var(--seg-text-soft);
}
.modal-header {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.modal-header .close {
  color: var(--seg-text-soft);
  text-shadow: none;
  opacity: 0.7;
}
.modal-footer {
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Dropdown dark */
.dropdown-menu {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  box-shadow: var(--seg-shadow-rest);
}
.dropdown-item {
  color: var(--seg-text-soft);
  border-radius: 10px;
  margin: 2px 6px;
  padding: 8px 12px;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(43,99,255,0.10);
  color: #fff;
}
.dropdown-divider {
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Card global neutral */
.card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
}
.card-body {
  color: var(--seg-text-soft);
}
.card-title, .card-header {
  color: var(--seg-text);
}

/* List group global */
.list-group-item {
  background: transparent;
  border-color: rgba(255,255,255,0.06);
  color: var(--seg-text-soft);
}
.list-group-item:hover {
  background: rgba(43,99,255,0.06);
  color: #fff;
}

/* Nav tabs global */
.nav-tabs {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav-tabs .nav-link {
  color: var(--seg-text-soft);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  color: var(--seg-text);
  border-bottom-color: var(--seg-accent);
  background: rgba(43,99,255,0.08);
}

/* Label / status badges used in WHMCS */
.label {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}
.label-success { background: rgba(61,220,151,0.16); color: #baf7d7; }
.label-danger  { background: rgba(255,107,129,0.16); color: #ffc5cf; }
.label-warning { background: rgba(255,193,7,0.16); color: #ffe082; }
.label-info    { background: rgba(43,99,255,0.16); color: #b3c8ff; }
.label-default { background: rgba(255,255,255,0.08); color: var(--seg-text-soft); }

/* Blockquote / well */
blockquote, .well {
  background: rgba(255,255,255,0.03);
  border-left: 3px solid var(--seg-accent);
  border-radius: 0 14px 14px 0;
  color: var(--seg-text-soft);
}

/* Store hero spacing refinement */
.seg-content-shell .landing-page .hero {
  padding-top: 48px;
  padding-bottom: 32px;
}
.seg-content-shell .landing-page .container {
  padding-left: 18px;
  padding-right: 18px;
}

/* Mobile nav visibility */
@media (max-width: 1100px) {
  .seg-nav-toggle { display: inline-flex; }
  .seg-glass-nav { position: relative; }
  .seg-nav { display: none; }
  .seg-nav.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 10px);
    left: 12px;
    right: 12px;
    width: auto;
    background: rgba(4,7,12,0.97);
    backdrop-filter: blur(24px) saturate(1.2);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 12px;
    z-index: 1000;
    gap: 6px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.34);
    overflow: visible;
    max-height: none;
  }
  .seg-nav.open a { padding: 12px 14px; border-radius: 12px; }
  .seg-nav.open a:hover { background: rgba(43,99,255,0.12); }
}

/* Smooth anchor scroll offset for fixed header */
html { scroll-padding-top: calc(var(--seg-nav-height) + 20px); }

/* FIX: Hidden overlay + sidebar cards + card spacing */
#fullpage-overlay.hidden,
.hidden { display: none !important; }

.seg-client-sidebar .card,
.seg-client-sidebar .card-sidebar {
  background: rgba(15,21,33,0.95);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 18px;
}
.seg-client-sidebar .card-header {
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: var(--seg-text);
}
.seg-client-sidebar .card-title {
  color: var(--seg-text);
  font-size: 15px;
  margin: 0;
}
.seg-client-sidebar .card-body,
.seg-client-sidebar .list-group-item {
  background: transparent;
  color: var(--seg-text-soft);
  border-color: rgba(255,255,255,0.06);
}
.seg-client-sidebar .bg-light {
  background: rgba(15,21,33,0.95) !important;
}
.seg-content-shell .card,
.seg-domain-shell .card,
.seg-account-shell .card,
.seg-auth-shell .card {
  margin-bottom: 20px;
}
.seg-footer {
  margin-top: 28px;
}

/* FIX: Restore scroll — theme-dark.css from segbytes has html,body{overflow:hidden} */
html { overflow-y: scroll !important; }
body { overflow: visible !important; }
/* ================================================
   HERO CAROUSEL — CSS
   ================================================ */

/* FIX: Restore scroll — theme-dark.css has html,body{overflow:hidden} */
html { overflow-y: scroll !important; }
body { overflow: visible !important; }

/* Carousel shell */
.seg-hero-carousel {
    position: relative;
    width: 100%;
    min-height: 520px;
    overflow: hidden;
    background: var(--seg-bg, #090b12);
    display: flex;
    flex-direction: column;
}

.seg-carousel-track {
    display: flex;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}

/* Individual slides */
.seg-carousel-slide {
    flex: 0 0 100%;
    width: 100%;
    min-height: 520px;
    display: flex;
    align-items: center;
    padding: 64px 0 56px;
}

.seg-slide-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.seg-slide-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.seg-slide-kicker {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--seg-primary, #2b63ff);
}

.seg-slide-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: rgba(43, 99, 255, 0.15);
    color: #4f9cf9;
    border: 1px solid rgba(43, 99, 255, 0.3);
    width: fit-content;
}

.seg-slide-title {
    font-family: 'Azeret Mono', monospace;
    font-size: clamp(1.5rem, 2.8vw, 2.2rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--seg-text, #f5f7fb);
    margin: 0;
}

.seg-slide-sub {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--seg-text-soft, rgba(245,247,251,0.72));
    margin: 0;
}

.seg-slide-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* Visual column */
.seg-slide-visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Slide 0: Visual grid */
.seg-visual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
    max-width: 420px;
}

.seg-visual-node {
    padding: 20px;
    border-radius: var(--seg-radius-md, 18px);
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--seg-panel, rgba(255,255,255,0.06));
    border: 1px solid var(--seg-panel-border, rgba(255,255,255,0.14));
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seg-visual-node:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

.seg-visual-icon {
    font-size: 1.4rem;
    color: var(--seg-primary, #2b63ff);
}

.seg-visual-node strong {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--seg-text, #f5f7fb);
}

.seg-visual-node small {
    font-size: 0.75rem;
    color: var(--seg-text-soft, rgba(200,210,225,0.6));
}

/* Slide 1: Founder card */
.seg-founder-visual {
    padding: 36px;
    border-radius: var(--seg-radius-lg, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    max-width: 340px;
    background: var(--seg-panel, rgba(255,255,255,0.06));
    border: 1px solid var(--seg-panel-border, rgba(255,255,255,0.14));
}

.seg-founder-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2b63ff, #7c3aed);
    display: flex;
    align-items: center;
    justify-content: center;
}

.seg-founder-initials {
    font-family: 'Azeret Mono', monospace;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
}

.seg-founder-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.seg-founder-info strong {
    font-size: 1rem;
    font-weight: 600;
    color: var(--seg-text, #f5f7fb);
}

.seg-founder-info span {
    font-size: 0.8rem;
    color: var(--seg-text-soft, rgba(200,210,225,0.6));
}

/* Slide 2: Product card */
.seg-product-card {
    padding: 32px;
    border-radius: var(--seg-radius-lg, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    max-width: 300px;
    width: 100%;
    background: var(--seg-panel, rgba(255,255,255,0.06));
    border: 1px solid var(--seg-panel-border, rgba(255,255,255,0.14));
}

.seg-product-icon {
    font-size: 2.5rem;
    color: var(--seg-primary, #2b63ff);
    line-height: 1;
}

.seg-product-name {
    font-family: 'Azeret Mono', monospace;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--seg-text, #f5f7fb);
}

.seg-product-tag {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #7c3aed;
    background: rgba(124,58,237,0.15);
    padding: 2px 10px;
    border-radius: 20px;
}

.seg-product-price {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--seg-text, #f5f7fb);
}

.seg-product-price span {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--seg-text-soft, rgba(200,210,225,0.5));
}

.seg-product-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.seg-product-features li {
    font-size: 0.8rem;
    color: var(--seg-text-soft, rgba(200,210,225,0.6));
}

/* Slide 3: Suite grid */
.seg-suite-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    max-width: 360px;
}

.seg-suite-card {
    padding: 20px 24px;
    border-radius: var(--seg-radius-md, 18px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--seg-panel, rgba(255,255,255,0.06));
    border: 1px solid var(--seg-panel-border, rgba(255,255,255,0.14));
    transition: transform 0.3s ease;
}

.seg-suite-card:hover {
    transform: translateX(6px);
}

.seg-suite-card strong {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--seg-text, #f5f7fb);
}

.seg-suite-card span {
    font-size: 0.75rem;
    color: var(--seg-text-soft, rgba(200,210,225,0.6));
}

/* Carousel nav */
.seg-carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 20px 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.seg-carousel-prev,
.seg-carousel-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.05);
    color: rgba(200,210,225,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.seg-carousel-prev:hover,
.seg-carousel-next:hover {
    background: rgba(43,99,255,0.2);
    border-color: rgba(43,99,255,0.5);
    color: #4f9cf9;
}

.seg-carousel-dots {
    display: flex;
    gap: 8px;
    align-items: center;
}

.seg-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(200,210,225,0.3);
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.seg-dot.active {
    background: var(--seg-primary, #2b63ff);
    transform: scale(1.3);
}

/* Progress bar */
.seg-carousel-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: rgba(255,255,255,0.08);
}

.seg-carousel-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #2b63ff, #7c3aed);
    width: 0%;
    transition: width 0.1s linear;
}

/* Responsive */
@media (max-width: 900px) {
    .seg-slide-inner {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 24px;
    }

    .seg-slide-visual {
        order: -1;
    }

    .seg-hero-carousel {
        min-height: auto;
    }

    .seg-carousel-slide {
        min-height: auto;
        padding: 48px 0 80px;
    }

    .seg-visual-grid,
    .seg-founder-visual,
    .seg-product-card,
    .seg-suite-grid {
        max-width: 320px;
    }
}


/* === MOBILE RESPONSIVE HARDENING (2026-05-18) === */
.seg-nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 0;
}
.seg-nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: var(--seg-text);
  transition: transform 180ms var(--seg-ease-standard), opacity 180ms var(--seg-ease-standard);
}
.seg-nav-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.seg-nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.seg-nav-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
body.seg-mobile-nav-open { overflow: auto; }
.seg-nav-mobile-only { display: none; }


@media (max-width: 980px) {
  .seg-topbar-wrap { padding: 10px 0; }
  .seg-glass-nav {
    width: min(100% - 12px, calc(var(--seg-container) + 12px));
    position: relative;
  }
  .seg-topbar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: auto;
    gap: 12px;
    padding: 12px 14px;
    align-items: center;
  }
  .seg-brand { min-width: 0; }
  .seg-brand-logo { height: 32px; max-height: 32px; max-width: 160px; }
  .seg-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }
  .seg-nav {
    display: none !important;
    position: absolute;
    top: calc(100% + 10px);
    left: 12px;
    right: 12px;
    width: auto;
    padding: 12px;
    background: rgba(7,10,16,0.97);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.34);
    backdrop-filter: blur(20px);
    z-index: 1200;
    overflow: visible;
    max-height: none;
  }
  .seg-nav.open {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
  }
  .seg-nav a {
    font-size: 14px;
    line-height: 1.3;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
  }
  .seg-nav-mobile-only { display: block; }
  .seg-nav-mobile-primary {
    background: rgba(43,99,255,0.18) !important;
    border-color: rgba(43,99,255,0.35) !important;
  }
  .seg-topbar-actions { display: none; }
  .seg-hero-title { font-size: clamp(30px, 6vw, 40px); max-width: none; }
  .seg-page-hero h1, .seg-client-hero h1, .seg-section-heading h2 { font-size: clamp(28px, 5.4vw, 38px); }
  .seg-hero-grid, .seg-ops-band, .seg-cta-band { grid-template-columns: 1fr; }
  .seg-hero-panel, .seg-page-hero-panel, .seg-ops-band, .seg-cta-band, .seg-contact-shell,
  .seg-data-module, .seg-store-shell, .seg-contact-form-wrap {
    padding: 18px;
  }
  .seg-module-head { flex-direction: column; }
  .seg-table-shell, .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .seg-command-table, .seg-content-shell .table, .seg-domain-shell .table, .seg-account-shell .table { min-width: 640px; }
}

@media (max-width: 640px) {
  .seg-container { width: min(100% - 20px, var(--seg-container)); }
  .seg-main { padding-top: 8px; }
  .seg-topbar-inner { padding: 12px; gap: 10px; }
  .seg-brand-logo { height: 30px; max-height: 30px; max-width: 150px; }
  .seg-topbar-actions .seg-btn { flex: 1 1 100%; }
  .seg-hero, .seg-page-hero, .seg-client-hero { padding: 4px 0 12px; }
  .seg-hero-copy { gap: 8px; }
  .seg-hero-title { font-size: clamp(28px, 8vw, 34px); }
  .seg-hero-text, .seg-page-hero p, .seg-client-hero p, .seg-section-heading p,
  .seg-cta-band p, .seg-ops-band p, .seg-service-card p, .seg-route-card p, .seg-action-card p {
    font-size: 15px;
  }
  .seg-hero-actions .seg-btn, .seg-cta-actions .seg-btn { flex: 1 1 100%; width: 100%; }
  .seg-section { padding: 22px 0 28px; }
  .seg-section-heading { margin-bottom: 20px; }
  .seg-proof-card, .seg-service-card, .seg-route-card, .seg-action-card, .seg-summary-card { padding: 18px; }
  .seg-service-card h3, .seg-route-card h3, .seg-action-card h3 { font-size: 20px; }
  .seg-home-panel-head, .seg-home-panel-footer, .seg-home-panel-body { padding-left: 16px; padding-right: 16px; }
  .seg-dashboard-zone { padding-bottom: 28px; }
}

@media (max-width: 420px) {
  .seg-brand-logo { height: 28px; max-height: 28px; max-width: 132px; }
  .seg-nav { left: 10px; right: 10px; width: auto; }
  .seg-hero-title { font-size: 28px; }
  .seg-page-hero h1, .seg-client-hero h1, .seg-section-heading h2 { font-size: 26px; }
}


/* === Cart page fixes === */



/* Fix all white backgrounds inside the cart */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
.order-summary,
.summary-container {
  background: var(--seg-bg-soft) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text) !important;
  padding: 18px !important;
}
.summary-container { border: none !important; padding: 0 !important; }

/* Fix the gray .order-summary outer */
.order-summary { background: var(--seg-bg-soft) !important; }

/* Promo code container */
#order-standard_cart .promo,
#order-standard_cart .tab-content,
#order-standard_cart .tab-pane {
  background: transparent !important;
}

/* Empty cart message */
#order-standard_cart .empty-cart {
  text-align: center;
  padding: 40px 20px;
  color: var(--seg-text-soft);
}

/* Tabs */
#order-standard_cart .nav-tabs {
  border-bottom: 1px solid var(--seg-panel-border) !important;
  margin-bottom: 16px;
  padding: 0;
  list-style: none;
  display: flex;
}
#order-standard_cart .nav-tabs li,
#order-standard_cart .nav-tabs .nav-item { margin-bottom: -1px; }
#order-standard_cart .nav-tabs a,
#order-standard_cart .nav-tabs .nav-link {
  color: var(--seg-text-soft) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: var(--seg-radius-sm) var(--seg-radius-sm) 0 0 !important;
  padding: 10px 16px !important;
  text-decoration: none;
  display: inline-block;
}
#order-standard_cart .nav-tabs a.active,
#order-standard_cart .nav-tabs .nav-link.active {
  color: var(--seg-text) !important;
  background: var(--seg-bg-soft) !important;
  border-color: var(--seg-panel-border) var(--seg-panel-border) var(--seg-bg-soft) !important;
}

/* Order summary text styling */
.summary-container hr { border-color: var(--seg-panel-border) !important; }
.summary-container .pull-right,
.summary-container .float-right { color: var(--seg-text) !important; }
.order-summary h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 16px !important;
  color: var(--seg-text) !important;
}

/* Buttons inside cart */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover {
  background: #1f4fd6 !important;
  border-color: #1f4fd6 !important;
}
#order-standard_cart .btn-default,
#order-standard_cart .btn-block.btn-default {
  background: var(--seg-bg-elevated) !important;
  border: 1px solid var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
}
#order-standard_cart .btn-default:hover {
  background: var(--seg-panel) !important;
}

/* Continue Shopping link */
#order-standard_cart a[href*=cart.php] { color: var(--seg-text-soft); }

/* Form inputs - use theme styles */
#order-standard_cart .form-control,
#order-standard_cart input.field {
  background: var(--seg-bg) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text) !important;
  padding: 10px 14px !important;
}
#order-standard_cart .form-control:focus {
  border-color: var(--seg-primary) !important;
  box-shadow: 0 0 0 3px var(--seg-primary-soft) !important;
  outline: none !important;
}

/* When seg-client-layout has only seg-client-content (no sidebar), make it full width */
.seg-client-layout:has(.seg-client-content:only-child) {
  grid-template-columns: 1fr !important;
}

/* === Cart sidebar styling === */
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card,
#order-standard_cart .cart-sidebar .card-sidebar {
  background: var(--seg-bg-soft) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  margin-bottom: 12px;
  overflow: hidden;
}
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
  background: var(--seg-bg-elevated) !important;
  border: none !important;
  border-bottom: 1px solid var(--seg-panel-border) !important;
  padding: 12px 16px !important;
  border-radius: 0 !important;
}
#order-standard_cart .cart-sidebar .panel-title,
#order-standard_cart .cart-sidebar h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--seg-text) !important;
  margin: 0 !important;
}
#order-standard_cart .cart-sidebar .panel-body,
#order-standard_cart .cart-sidebar .card-body { padding: 0 !important; }
#order-standard_cart .cart-sidebar .list-group-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--seg-panel-border) !important;
  padding: 10px 16px !important;
  color: var(--seg-text-soft) !important;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
#order-standard_cart .cart-sidebar .list-group-item:hover {
  background: var(--seg-bg-elevated) !important;
  color: var(--seg-text) !important;
}
#order-standard_cart .cart-sidebar .list-group-item:last-child {
  border-bottom: none !important;
}
#order-standard_cart .cart-sidebar .panel-minimise,
#order-standard_cart .cart-sidebar .card-minimise {
  color: var(--seg-text-soft);
  cursor: pointer;
}

/* Continue Shopping link */
.btn-continue-shopping,
a.btn-continue-shopping,
#order-standard_cart .btn-continue-shopping {
  color: var(--seg-text) !important;
  text-decoration: none !important;
  font-size: 13px;
}
.btn-continue-shopping:hover,
a.btn-continue-shopping:hover {
  color: var(--seg-text) !important;
  text-decoration: underline !important;
}

/* === Knowledgebase / Support pages fixes === */

/* Fix: Search button purple → segbytes primary blue */
.seg-content-shell .input-group .btn-primary,
.seg-content-shell .btn-primary,
.kb-search .btn-primary,
.knowledgebase .btn-primary {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
}
.seg-content-shell .input-group .btn-primary:hover,
.seg-content-shell .btn-primary:hover,
.kb-search .btn-primary:hover {
  background: #1f4fd6 !important;
  border-color: #1f4fd6 !important;
}


/* Fix: Mobile sidebar card with bg-light should match theme */
.seg-client-sidebar .bg-light,
.card.bg-light {
  background: var(--seg-bg-elevated) !important;
}

/* Fix: Knowledgebase search input */
.seg-content-shell .kb-search .form-control,
.kb-search .form-control,
#inputKnowledgebaseSearch {
  background: var(--seg-bg) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text) !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
}
.seg-content-shell .kb-search .form-control:focus,
#inputKnowledgebaseSearch:focus {
  border-color: var(--seg-primary) !important;
  box-shadow: 0 0 0 3px var(--seg-primary-soft) !important;
  outline: none !important;
}

/* Knowledgebase article cards / lists */
.knowledgebase .panel,
.kb-list .panel,
.knowledgebase-categories .panel {
  background: var(--seg-bg-soft) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
}

/* No Articles Found alert */
.seg-content-shell .alert-info,
.knowledgebase .alert-info {
  background: var(--seg-primary-soft) !important;
  border: 1px solid rgba(43,99,255,0.3) !important;
  color: var(--seg-text) !important;
  border-radius: var(--seg-radius-sm) !important;
}

/* Sidebar card padding so text/icons don't get clipped by rounded corners */
.seg-client-sidebar .card-sidebar .card-header,
.seg-client-sidebar .card-sidebar .panel-heading {
  padding: 12px 16px !important;
}
.seg-client-sidebar .card-sidebar .card-body,
.seg-client-sidebar .card-sidebar .panel-body {
  padding: 8px 0 !important;
}
.seg-client-sidebar .card-sidebar .list-group-item {
  padding: 10px 16px !important;
}

/* Bootstrap 4 responsive display utilities (theme uses Bootstrap 3 which lacks these) */
@media (min-width: 768px) {
  .seg-client-sidebar .d-md-none { display: none !important; }
}
@media (max-width: 767px) {
  .seg-client-sidebar .d-none.d-md-block { display: none !important; }
}

/* Knowledgebase search: gap between input and button */
.kb-search.input-group {
  display: flex;
  gap: 8px;
}
.kb-search .input-group-btn {
  display: flex;
}

/* === Login / Auth pages — shadcn-style form === */

/* Center the auth shell content with a comfortable max width */
.seg-auth-shell {
  max-width: 480px;
  margin: 60px auto;
  padding: 32px;
  background: var(--seg-bg-soft);
  border: 1px solid var(--seg-panel-border);
  border-radius: var(--seg-radius-md);
}

/* Auth heading */
.seg-auth-shell .seg-kicker,
.seg-auth-shell h1, .seg-auth-shell h2,
.seg-auth-shell .seg-auth-title { 
  font-family: 'Inter', sans-serif !important;
}
.seg-auth-shell h1, .seg-auth-shell h2 {
  font-size: 24px !important;
  font-weight: 700;
  margin: 6px 0 8px;
}
.seg-auth-shell p {
  font-size: 14px;
  color: var(--seg-text-soft);
  margin-bottom: 24px;
}

/* Form fields */
.seg-auth-shell .form-group { margin-bottom: 16px; }
.seg-auth-shell .seg-form-label,
.seg-auth-shell label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--seg-text);
  margin-bottom: 6px;
}

/* Bootstrap 4 input-group with prepend/append support */
.seg-auth-shell .input-group,
.seg-auth-shell .input-group-merge {
  display: flex !important;
  align-items: stretch;
  width: 100%;
  position: relative;
}
.seg-auth-shell .input-group-prepend {
  display: flex !important;
  width: auto !important;
  margin-right: -1px;
}
.seg-auth-shell .input-group-prepend .input-group-text {
  display: flex !important;
  align-items: center;
  padding: 0 12px;
  background: var(--seg-bg-elevated);
  border: 1px solid var(--seg-panel-border);
  border-right: none;
  border-radius: var(--seg-radius-sm) 0 0 var(--seg-radius-sm);
  color: var(--seg-text-soft);
  font-size: 13px;
}
.seg-auth-shell .input-group .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0;
  background: var(--seg-bg) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: 0 var(--seg-radius-sm) var(--seg-radius-sm) 0 !important;
  color: var(--seg-text) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  height: auto !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.seg-auth-shell .input-group .form-control:focus {
  border-color: var(--seg-primary) !important;
  box-shadow: 0 0 0 3px var(--seg-primary-soft) !important;
  outline: none !important;
  z-index: 2;
}

/* Append button (e.g. password show/hide eye) */
.seg-auth-shell .input-group-append {
  display: flex;
  margin-left: -1px;
}
.seg-auth-shell .input-group-append .btn,
.seg-auth-shell .input-group-append button {
  background: var(--seg-bg-elevated) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-left: none !important;
  border-radius: 0 var(--seg-radius-sm) var(--seg-radius-sm) 0 !important;
  color: var(--seg-text-soft) !important;
  padding: 10px 14px !important;
  cursor: pointer;
}
.seg-auth-shell .input-group-append .btn:hover {
  color: var(--seg-text) !important;
}

/* When input has both prepend and append, middle input has no rounded corners */
.seg-auth-shell .input-group .input-group-prepend ~ .form-control:not(:last-child),
.seg-auth-shell .input-group .form-control:not(:last-child):not(:first-child) {
  border-radius: 0 !important;
}

/* Forgot password link — proper position */
.seg-auth-shell .seg-forgot-link,
.seg-auth-shell a[href*='pwreset'],
.seg-auth-shell a[href*='reset'] {
  color: var(--seg-primary) !important;
  font-size: 13px;
  text-decoration: none;
  float: right;
  margin-top: -28px;
  position: relative;
  z-index: 1;
}
.seg-auth-shell .seg-forgot-link:hover { text-decoration: underline; }

/* Login button */
.seg-auth-shell .btn-primary,
.seg-auth-shell button[type='submit'] {
  background: var(--seg-primary) !important;
  border: none !important;
  color: #fff !important;
  padding: 11px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: var(--seg-radius-sm) !important;
  cursor: pointer;
  transition: background 0.2s;
}
.seg-auth-shell .btn-primary:hover,
.seg-auth-shell button[type='submit']:hover {
  background: #1f4fd6 !important;
}

/* Remember me checkbox */
.seg-auth-shell .checkbox,
.seg-auth-shell .form-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--seg-text-soft);
}
.seg-auth-shell .checkbox label,
.seg-auth-shell .form-check label {
  margin: 0;
  font-weight: 400;
  cursor: pointer;
}
.seg-auth-shell input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: var(--seg-primary);
  cursor: pointer;
}

/* Footer link 'Create account' */
.seg-auth-shell .seg-auth-footer,
.seg-auth-shell hr + p,
.seg-auth-shell .text-muted {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--seg-panel-border);
  font-size: 13px;
  color: var(--seg-text-soft) !important;
}
.seg-auth-shell .seg-auth-footer a,
.seg-auth-shell hr + p a {
  color: var(--seg-primary) !important;
  text-decoration: none;
  font-weight: 500;
}
.seg-auth-shell .seg-auth-footer a:hover,
.seg-auth-shell hr + p a:hover { text-decoration: underline; }

/* Hide the icon-prepend on small screens for cleaner mobile experience (optional) */
@media (max-width: 480px) {
  .seg-auth-shell { margin: 20px 16px; padding: 24px 20px; }
}

/* Sidebar action buttons (e.g. New Contact) — match segbytes primary */
.seg-client-sidebar .btn-default,
.seg-client-sidebar .card-sidebar .btn-default {
  background: var(--seg-primary) !important;
  border: 1px solid var(--seg-primary) !important;
  color: #fff !important;
}
.seg-client-sidebar .btn-default:hover,
.seg-client-sidebar .card-sidebar .btn-default:hover {
  background: #1f4fd6 !important;
  border-color: #1f4fd6 !important;
}

/* Primary buttons across all client-area shells */
.seg-account-shell .btn-primary,
.seg-domain-shell .btn-primary,
.seg-ticket-shell .btn-primary,
.seg-domains-shell .btn-primary,
.seg-invoice-shell .btn-primary {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
}
.seg-account-shell .btn-primary:hover,
.seg-domain-shell .btn-primary:hover,
.seg-ticket-shell .btn-primary:hover,
.seg-domains-shell .btn-primary:hover,
.seg-invoice-shell .btn-primary:hover {
  background: #1f4fd6 !important;
  border-color: #1f4fd6 !important;
}

/* === Global lavender btn-primary override === */
.btn.btn-primary,
button.btn-primary,
input[type=submit].btn-primary,
.modal-submit,
.btn-primary.disable-on-click {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
}
.btn.btn-primary:hover,
button.btn-primary:hover,
input[type=submit].btn-primary:hover {
  background: #1f4fd6 !important;
  border-color: #1f4fd6 !important;
}

/* === Sidebar card text not cut by rounded corners === */
.seg-client-sidebar .card-sidebar .card-header,
.seg-client-sidebar .card-sidebar .panel-heading {
  padding: 12px 16px !important;
}
.seg-client-sidebar .card-sidebar .card-body,
.seg-client-sidebar .card-sidebar .panel-body { padding: 8px 0 !important; }
.seg-client-sidebar .card-sidebar .list-group-item { padding: 10px 16px !important; }
.seg-client-sidebar .card-sidebar .card-title,
.seg-client-sidebar .card-sidebar h3 { padding-left: 0 !important; }
.seg-client-sidebar .card-sidebar { overflow: hidden; }

/* === Dashboard panel rows: ensure spacing between Active Products / Register Domain etc. === */
.seg-dashboard-row.seg-dashboard-panels,
.seg-dashboard-zone .seg-dashboard-row + .seg-dashboard-row {
  margin-top: 18px;
}
.seg-home-panel + .seg-home-panel {
  margin-left: 0;
}
.seg-dashboard-panels {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.seg-dashboard-panels > .seg-home-panel { margin: 0 !important; }

/* === Hide the 3 middle action cards (Launch a request, Review account services, Billing control) === */
.seg-dashboard-actions { display: none !important; }

/* === Lavender heading panels in services/invoices/tickets === */
.panel-default > .panel-heading,
.card-default > .card-header,
.panel-heading.bg-primary,
.card-header.bg-primary {
  background: var(--seg-bg-elevated) !important;
  color: var(--seg-text) !important;
  border-bottom: 1px solid var(--seg-panel-border) !important;
}
.panel-heading h2, .panel-heading h3, .panel-heading h4,
.card-header h2, .card-header h3, .card-header h4 {
  color: var(--seg-text) !important;
}
.bg-primary {
  background: var(--seg-primary) !important;
  color: #fff !important;
}

/* === Fix dashboard panel spacing (vertical between Active Products/Register Domain and Tickets/News) === */
.seg-dashboard-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}
.seg-dashboard-panels > .seg-home-panel {
  margin-bottom: 0 !important;
}

/* === Update button: use exact segbytes primary blue === */
.seg-client-sidebar .btn-success,
.seg-client-sidebar .btn-success.btn-sm.btn-block,
.card-sidebar .btn-success {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
  background-image: none !important;
}
.seg-client-sidebar .btn-success:hover,
.card-sidebar .btn-success:hover {
  background: #1f4fd6 !important;
  border-color: #1f4fd6 !important;
}

/* Dashboard panels: ensure vertical gap between wrapping rows */
.seg-home-panels .row > .col-md-6 {
  margin-bottom: 18px;
}
.seg-home-panels .row {
  margin-bottom: 0;
}

/* Sidebar card body content padding */
.seg-client-sidebar .card-sidebar .card-body,
.seg-client-sidebar .card-sidebar .panel-body {
  padding: 16px !important;
}
.seg-client-sidebar .card-sidebar .card-body .list-group,
.seg-client-sidebar .card-sidebar .panel-body .list-group {
  margin: -16px;
}
.seg-client-sidebar .card-sidebar address {
  margin: 0;
}

/* DataTables wrappers (info bar, length selector) — remove purple gradient */
.dataTables_info,
.dataTables_length,
.dataTables_filter,
.dataTables_paginate,
table.dataTable thead th.bg-primary,
table.dataTable .bg-primary {
  background: var(--seg-bg-elevated) !important;
  background-image: none !important;
  color: var(--seg-text) !important;
  border-radius: var(--seg-radius-sm) !important;
  padding: 8px 14px !important;
}
.dataTables_filter input,
.dataTables_length select {
  background: var(--seg-bg) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text) !important;
  padding: 6px 10px !important;
}
.dataTables_paginate .paginate_button {
  background: var(--seg-bg-elevated) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text-soft) !important;
  margin-left: 4px;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button:hover:not(.disabled) {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
}
.dataTables_paginate .paginate_button.disabled {
  opacity: 0.4;
}

/* DataTables search input — kill the white bg */
.dataTables_wrapper .dataTables_filter input,
.dataTables_filter input[type='search'],
.dataTables_filter input.form-control,
input.dataTables_filter,
.dataTable_filter input {
  background-color: var(--seg-bg) !important;
  background-image: none !important;
  border: 1px solid var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
  border-radius: var(--seg-radius-sm) !important;
  padding: 8px 12px !important;
}

/* Content shell right-padding so border doesn't cut text */
.seg-content-shell,
.seg-services-shell,
.seg-tickets-shell,
.seg-invoice-shell,
.seg-account-shell {
  padding: 24px !important;
  overflow: visible;
}

/* Submit ticket form panel padding */
.seg-content-shell .panel,
.seg-content-shell .card,
.seg-content-shell form,
.seg-tickets-shell form {
  padding-right: 0;
  margin-right: 0;
}

/* Table responsive overflow handling so content doesn't bleed past border */
.seg-content-shell .table-responsive,
.seg-services-shell .table-responsive {
  overflow-x: auto;
  border-radius: var(--seg-radius-sm);
}

/* Beat .dataTables_wrapper .dataTables_filter label .form-control specificity */
.dataTables_wrapper .dataTables_filter label .form-control,
.dataTables_wrapper .dataTables_filter label input,
.dataTables_wrapper .dataTables_filter label input[type='search'] {
  background-color: var(--seg-bg) !important;
  background-image: none !important;
  border: 1px solid var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
  border-radius: var(--seg-radius-sm) !important;
}

/* Hide DataTables sort icons (broken images, table is empty anyway) */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:after,
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
  background-image: none !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after { content: '' !important; opacity: 0 !important; }

/* Hide the empty 0px-wide first th if present */
table.dataTable thead th[style*='width: 0px'],
table.dataTable thead th.sorting_disabled[aria-label=''] {
  display: none !important;
}

/* Pagination Previous/Next buttons that look like dim outlined boxes */
.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
  display: inline-block !important;
}

/* Checkbox styling - dark theme matching */
.seg-auth-shell input[type='checkbox'],
.seg-auth-shell input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: var(--seg-bg);
  border: 1px solid var(--seg-panel-border);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  margin-right: 6px;
}
.seg-auth-shell input[type='radio'] { border-radius: 50%; }
.seg-auth-shell input[type='checkbox']:checked,
.seg-auth-shell input[type='radio']:checked {
  background: var(--seg-primary);
  border-color: var(--seg-primary);
}
.seg-auth-shell input[type='checkbox']:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.seg-auth-shell input[type='radio']:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}
.seg-auth-shell input[type='checkbox']:focus,
.seg-auth-shell input[type='radio']:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--seg-primary-soft);
}

/* Browser autofill override — keeps inputs dark when password manager fills them */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--seg-bg) inset !important;
  -webkit-text-fill-color: var(--seg-text) !important;
  caret-color: var(--seg-text);
  transition: background-color 5000s ease-in-out 0s;
  background-color: var(--seg-bg) !important;
  border: 1px solid var(--seg-panel-border) !important;
}

/* Lock all auth shell input states to dark — focus, active, hover, autofill */
.seg-auth-shell input,
.seg-auth-shell input:focus,
.seg-auth-shell input:active,
.seg-auth-shell input:hover,
.seg-auth-shell .form-control,
.seg-auth-shell .form-control:focus,
.seg-auth-shell .form-control:active {
  background-color: var(--seg-bg) !important;
  color: var(--seg-text) !important;
  -webkit-text-fill-color: var(--seg-text) !important;
}

.seg-auth-shell input:-webkit-autofill,
.seg-auth-shell input:-webkit-autofill:hover,
.seg-auth-shell input:-webkit-autofill:focus,
.seg-auth-shell input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--seg-bg) inset !important;
  -webkit-text-fill-color: var(--seg-text) !important;
  background-color: var(--seg-bg) !important;
  caret-color: var(--seg-text) !important;
}

.seg-auth-shell .input-group-prepend,
.seg-auth-shell .input-group-text {
  background-color: var(--seg-bg-elevated) !important;
}

/* T200 — Custom dashboard classes (no WHMCS default panels). */
.seg-summary-link { display: inline-flex; align-items: center; gap: 4px; color: var(--seg-primary); font-size: 13px; font-weight: 600; text-decoration: none; margin-top: 8px; }
.seg-summary-link:hover { color: #4a82ff; }
.seg-summary-card-attention { border-color: rgba(248, 113, 113, 0.45) !important; }
.seg-summary-card-attention .seg-summary-value { color: #fca5a5; }

.seg-dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 32px; }
@media (max-width: 900px) { .seg-dashboard-grid { grid-template-columns: 1fr; } }
.seg-dashboard-col { display: flex; flex-direction: column; gap: 12px; }

.seg-section-head { margin-bottom: 4px; }
.seg-section-eyebrow {
  display: inline-block;
  font-family: "Azeret Mono", monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--seg-primary);
  font-weight: 600;
  margin-bottom: 6px;
}
.seg-section-title { margin: 0 0 12px; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: var(--seg-text); }

.seg-action-stack { display: flex; flex-direction: column; gap: 10px; }
.seg-action-row {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: var(--seg-radius-md);
  text-decoration: none;
  color: var(--seg-text);
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  transition: border-color 180ms var(--seg-ease-standard), transform 180ms var(--seg-ease-standard), background 180ms var(--seg-ease-standard);
}
.seg-action-row:hover {
  border-color: var(--seg-primary-soft);
  background: rgba(255,255,255,0.05);
  transform: translateY(-1px);
}
.seg-action-icon {
  width: 44px; height: 44px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(43, 99, 255, 0.12);
  color: var(--seg-primary);
  font-size: 16px;
}
.seg-action-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.seg-action-body strong { font-size: 14px; font-weight: 600; color: var(--seg-text); }
.seg-action-body span { font-size: 12px; color: var(--seg-text-muted); line-height: 1.4; }
.seg-action-arrow { color: var(--seg-text-muted); font-size: 18px; }

.seg-snapshot-stack { display: flex; flex-direction: column; gap: 12px; }
.seg-snapshot-card { padding: 18px 20px; border-radius: var(--seg-radius-md); }
.seg-snapshot-card.seg-snapshot-alert {
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.08), rgba(248, 113, 113, 0.03));
  border: 1px solid rgba(248, 113, 113, 0.3);
}
.seg-snapshot-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 12px; }
.seg-snapshot-head h3 { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: -0.01em; color: var(--seg-text); }
.seg-snapshot-edit {
  font-size: 12px; font-weight: 600; color: var(--seg-primary); text-decoration: none;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(43, 99, 255, 0.1);
  border: 1px solid rgba(43, 99, 255, 0.2);
  transition: all 180ms;
}
.seg-snapshot-edit:hover { background: rgba(43, 99, 255, 0.18); color: #aabfff; }
.seg-snapshot-list { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.seg-snapshot-list > div { display: grid; grid-template-columns: 90px 1fr; gap: 12px; align-items: baseline; }
.seg-snapshot-list dt { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--seg-text-muted); margin: 0; font-weight: 600; }
.seg-snapshot-list dd { font-size: 13px; color: var(--seg-text); margin: 0; word-break: break-word; }
.seg-snapshot-body { font-size: 13px; color: var(--seg-text-soft); line-height: 1.5; margin: 0; }

/* ============================================================
   T201 — segbytes-exec store catalog browse override
   Target: /index.php?rp=/store/<slug> pages.
   The page loads /templates/orderforms/standard_cart/css/all.min.css
   from WHMCS internals (not switchable via OrderFormTemplate).
   This block aggressively overrides the Bootstrap chrome those
   default styles bring in, and styles the .nn-pricing-card-*
   markup that's already in the DOM but had no CSS rules.

   Scoped to #order-standard_cart wrapper to avoid bleeding into
   the rest of the WHMCS chrome.
   ============================================================ */

/* Page wrapper: kill Bootstrap defaults, set segbytes background */
#order-standard_cart {
  background: transparent !important;
  color: var(--seg-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  padding: 8px 0 64px !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55;
}

/* Top-level layout: sidebar + content */
#order-standard_cart > .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px;
  margin: 0 !important;
}

#order-standard_cart .cart-sidebar.sidebar {
  flex: 0 0 280px !important;
  max-width: 280px !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}

#order-standard_cart .cart-body {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}

@media (max-width: 991px) {
  #order-standard_cart > .row { flex-direction: column !important; }
  #order-standard_cart .cart-sidebar.sidebar { display: none !important; }
  #order-standard_cart .cart-body { flex: 1 1 100% !important; max-width: 100% !important; }
}

/* === Sidebar panels (Categories, Actions) === */
#order-standard_cart .panel.card.card-sidebar,
#order-standard_cart .panel.card.panel-default,
#order-standard_cart .panel-sidebar {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  box-shadow: var(--seg-shadow-rest) !important;
  margin-bottom: 16px !important;
  overflow: hidden;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#order-standard_cart .panel-heading.card-header {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--seg-panel-border) !important;
  padding: 14px 18px !important;
  margin: 0 !important;
}

#order-standard_cart .panel-title,
#order-standard_cart .panel-title h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--seg-text-muted) !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

#order-standard_cart .panel-title i.fas {
  color: var(--seg-primary) !important;
  font-size: 14px !important;
}

#order-standard_cart .panel-title .card-minimise,
#order-standard_cart .panel-title .panel-minimise {
  margin-left: auto;
  color: var(--seg-text-muted) !important;
  font-size: 12px !important;
  cursor: pointer;
  transition: color 200ms var(--seg-ease-standard);
}

#order-standard_cart .panel-title .card-minimise:hover {
  color: var(--seg-text) !important;
}

/* Sidebar list items */
#order-standard_cart .list-group {
  background: transparent !important;
  border: 0 !important;
  padding: 4px 0 !important;
}

#order-standard_cart .list-group-item,
#order-standard_cart .list-group-item-action {
  background: transparent !important;
  border: 0 !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text-soft) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  margin: 2px 6px !important;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  transition: background 180ms var(--seg-ease-standard), color 180ms var(--seg-ease-standard);
}

#order-standard_cart .list-group-item:hover,
#order-standard_cart .list-group-item-action:hover {
  background: var(--seg-panel-strong) !important;
  color: var(--seg-text) !important;
  text-decoration: none !important;
}

#order-standard_cart .list-group-item.active {
  background: var(--seg-primary-soft) !important;
  color: var(--seg-text) !important;
  font-weight: 600 !important;
  position: relative;
}

#order-standard_cart .list-group-item.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: var(--seg-primary);
  border-radius: 0 3px 3px 0;
}

#order-standard_cart .list-group-item i.fas,
#order-standard_cart .list-group-item i.far {
  color: var(--seg-text-muted) !important;
  font-size: 13px !important;
  width: 16px;
  text-align: center;
}

#order-standard_cart .list-group-item.active i.fas,
#order-standard_cart .list-group-item:hover i.fas {
  color: var(--seg-primary) !important;
}

/* === Page header (group title) === */
#order-standard_cart .header-lined {
  border-bottom: 1px solid var(--seg-panel-border) !important;
  padding-bottom: 20px !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}

#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined .font-size-36 {
  font-family: 'Azeret Mono', 'DM Sans', 'Inter', sans-serif !important;
  font-size: clamp(22px, 2.5vw, 28px) !important;
  font-weight: 700 !important;
  color: var(--seg-text) !important;
  margin: 0 0 6px !important;
  letter-spacing: -0.03em;
  line-height: 1.2;
  background: transparent !important;
  border: 0 !important;
}

#order-standard_cart .header-lined p {
  color: var(--seg-text-soft) !important;
  font-size: 15px !important;
  margin: 0 !important;
}

/* === Mobile sidebar collapsed selector (only shown < 992px) === */
#order-standard_cart .sidebar-collapsed {
  display: none;
}

@media (max-width: 991px) {
  #order-standard_cart .sidebar-collapsed { display: block; margin-bottom: 24px; }
  #order-standard_cart .sidebar-collapsed .form-control,
  #order-standard_cart .sidebar-collapsed select.custom-select {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--seg-text) !important;
    border: 1px solid var(--seg-panel-border) !important;
    border-radius: var(--seg-radius-sm) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    height: auto !important;
  }
}

/* === Custom nn-pricing-* product cards === */
#order-standard_cart .nn-pricing-grid-wrap {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

#order-standard_cart .nn-pricing-grid-lede {
  color: var(--seg-text-soft) !important;
  font-size: 15px !important;
  line-height: 1.65;
  max-width: 720px;
  margin: 0 0 28px !important;
}

#order-standard_cart .nn-pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  list-style: none;
}

#order-standard_cart .nn-pricing-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  padding: 28px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  transition: transform 240ms var(--seg-ease-standard), border-color 240ms var(--seg-ease-standard), box-shadow 240ms var(--seg-ease-standard);
  box-shadow: var(--seg-shadow-rest);
  position: relative;
  overflow: hidden;
  list-style: none;
  color: var(--seg-text);
}

#order-standard_cart .nn-pricing-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--seg-primary), transparent);
  opacity: 0;
  transition: opacity 240ms var(--seg-ease-standard);
}

#order-standard_cart .nn-pricing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 99, 255, 0.4) !important;
  box-shadow: var(--seg-shadow-hover);
}

#order-standard_cart .nn-pricing-card:hover::before {
  opacity: 1;
}

/* Featured card variant */
#order-standard_cart .nn-pricing-card.is-featured,
#order-standard_cart .nn-pricing-card-featured {
  border-color: rgba(43, 99, 255, 0.5) !important;
  background: linear-gradient(180deg, rgba(43, 99, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
}

#order-standard_cart .nn-pricing-card.is-featured::before,
#order-standard_cart .nn-pricing-card-featured::before {
  opacity: 1;
}

/* Card header */
#order-standard_cart .nn-pricing-card-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
}

#order-standard_cart .nn-pricing-card-eyebrow,
#order-standard_cart .nn-pricing-card-tag {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--seg-primary) !important;
}

#order-standard_cart .nn-pricing-card-title,
#order-standard_cart .nn-pricing-card-name {
  font-family: 'DM Sans', 'Inter', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--seg-text) !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}

#order-standard_cart .nn-pricing-card-tagline {
  font-size: 14px !important;
  color: var(--seg-text-muted) !important;
  margin: 0 !important;
  line-height: 1.5;
}

/* Card price */
#order-standard_cart .nn-pricing-card-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 4px 0 !important;
}

#order-standard_cart .nn-pricing-card-amount,
#order-standard_cart .nn-pricing-card-price-amount {
  font-family: 'DM Sans', 'Inter', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--seg-text) !important;
  letter-spacing: -0.02em;
  line-height: 1;
}

#order-standard_cart .nn-pricing-card-cycle,
#order-standard_cart .nn-pricing-card-period {
  font-size: 13px !important;
  color: var(--seg-text-muted) !important;
  font-weight: 500;
}

/* Card features list */
#order-standard_cart .nn-pricing-card-features,
#order-standard_cart .nn-pricing-card-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#order-standard_cart .nn-pricing-card-features li,
#order-standard_cart .nn-pricing-card-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--seg-text-soft) !important;
  font-size: 13.5px !important;
  line-height: 1.5;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#order-standard_cart .nn-pricing-card-features li::before,
#order-standard_cart .nn-pricing-card-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--seg-primary);
  margin-top: 8px;
  flex-shrink: 0;
}

#order-standard_cart .nn-pricing-card-features li i.fas,
#order-standard_cart .nn-pricing-card-features li i.far {
  color: var(--seg-success) !important;
  margin-top: 4px;
  font-size: 12px !important;
}

/* Card CTA button */
#order-standard_cart .nn-pricing-card-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto !important;
  padding: 12px 22px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--seg-text) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 200ms var(--seg-ease-standard), border-color 200ms var(--seg-ease-standard), transform 200ms var(--seg-ease-standard);
  box-shadow: none !important;
  text-align: center;
}

#order-standard_cart .nn-pricing-card-cta:hover {
  background: rgba(43, 99, 255, 0.12) !important;
  border-color: rgba(43, 99, 255, 0.4) !important;
  color: var(--seg-text) !important;
  text-decoration: none !important;
}

#order-standard_cart .nn-pricing-card-cta-featured {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
}

#order-standard_cart .nn-pricing-card-cta-featured:hover {
  background: #1f4ee0 !important;
  border-color: #1f4ee0 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* === Recommendations modal (carries default Bootstrap chrome) === */
#order-standard_cart .product-recommendations,
#order-standard_cart .product-recommendation {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  color: var(--seg-text) !important;
}

#order-standard_cart .product-recommendation .header,
#order-standard_cart .product-recommendation .body {
  background: transparent !important;
  border-color: var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
}

#order-standard_cart .product-recommendation .price {
  color: var(--seg-success) !important;
}

#order-standard_cart .modal-content {
  background: var(--seg-bg-elevated) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  color: var(--seg-text);
}

#order-standard_cart .modal-header,
#order-standard_cart .modal-footer {
  border-color: var(--seg-panel-border) !important;
  background: transparent !important;
}

#order-standard_cart .modal-title {
  color: var(--seg-text) !important;
  font-family: 'DM Sans', 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

#order-standard_cart .close,
#order-standard_cart .btn-close {
  color: var(--seg-text-muted) !important;
  text-shadow: none !important;
  opacity: 0.8 !important;
}

#order-standard_cart .close:hover {
  color: var(--seg-text) !important;
  opacity: 1 !important;
}

/* === Bootstrap remnants we want suppressed completely === */
#order-standard_cart .panel-default,
#order-standard_cart .card-body.panel-body {
  background: transparent !important;
  border: 0 !important;
}

#order-standard_cart .well {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  box-shadow: none !important;
  color: var(--seg-text);
}

#order-standard_cart .alert {
  border-radius: var(--seg-radius-sm) !important;
  border: 1px solid var(--seg-panel-border) !important;
  padding: 12px 16px !important;
}

#order-standard_cart .alert-info {
  background: rgba(43, 99, 255, 0.10) !important;
  color: var(--seg-text) !important;
  border-color: rgba(43, 99, 255, 0.3) !important;
}

#order-standard_cart .alert-success {
  background: rgba(141, 240, 191, 0.10) !important;
  color: var(--seg-success) !important;
  border-color: rgba(141, 240, 191, 0.3) !important;
}

#order-standard_cart .alert-warning {
  background: rgba(252, 211, 77, 0.10) !important;
  color: #fcd34d !important;
  border-color: rgba(252, 211, 77, 0.3) !important;
}

#order-standard_cart .alert-danger {
  background: rgba(252, 165, 165, 0.10) !important;
  color: #fca5a5 !important;
  border-color: rgba(252, 165, 165, 0.3) !important;
}

/* Form inputs anywhere in the cart */
#order-standard_cart input.form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart select.custom-select {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--seg-text) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  height: auto !important;
  box-shadow: none !important;
  transition: border-color 180ms var(--seg-ease-standard), box-shadow 180ms var(--seg-ease-standard);
}

#order-standard_cart input.form-control:focus,
#order-standard_cart select.form-control:focus,
#order-standard_cart textarea.form-control:focus {
  border-color: rgba(43, 99, 255, 0.6) !important;
  box-shadow: 0 0 0 3px var(--seg-primary-soft) !important;
  outline: none !important;
}

#order-standard_cart select.form-control option {
  background: var(--seg-bg-elevated) !important;
  color: var(--seg-text) !important;
}

/* Buttons (generic) */
#order-standard_cart .btn-primary {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
  border-radius: var(--seg-radius-sm) !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

#order-standard_cart .btn-primary:hover {
  background: #1f4ee0 !important;
  border-color: #1f4ee0 !important;
}

#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
  border-radius: var(--seg-radius-sm) !important;
  padding: 10px 18px !important;
  font-weight: 500 !important;
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover {
  background: var(--seg-panel-strong) !important;
}

/* Hide Bootstrap's pull-right floats that break our flex layouts */
#order-standard_cart .pull-right.float-right {
  float: none !important;
}

/* ============================================================
   T201b — Default-WHMCS catalog .products .product cards
   Used by /index.php?rp=/store/web-hosting, vps-hosting,
   nexusseg, nexuslms, nexus-brand-protection, nexus-ecommerce,
   istokvel, nexus-prospects, etc. (any category that does NOT
   ship rich .nn-pricing-card-* HTML in product descriptions).

   The default WHMCS markup is:
     <div class="products">
       <div class="row row-eq-height">
         <div class="col-md-6">
           <div class="product clearfix">
             <header><span>NAME</span></header>
             <div class="product-desc">DESC</div>
             <footer>
               <div class="product-pricing"><span class="price">PRICE</span></div>
               <a class="btn btn-success btn-order-now">ORDER NOW</a>
             </footer>
           </div>
         </div>
       </div>
     </div>
   ============================================================ */

#order-standard_cart .products {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

#order-standard_cart .products .row.row-eq-height {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px !important;
  margin: 0 0 22px !important;
  width: 100%;
}

#order-standard_cart .products .row.row-eq-height > [class^="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
}

#order-standard_cart .products .product,
#order-standard_cart .products .product.clearfix {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  padding: 28px 26px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  height: 100%;
  transition: transform 240ms var(--seg-ease-standard), border-color 240ms var(--seg-ease-standard), box-shadow 240ms var(--seg-ease-standard);
  box-shadow: var(--seg-shadow-rest);
  position: relative;
  overflow: hidden;
  color: var(--seg-text);
  float: none !important;
}

#order-standard_cart .products .product::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--seg-primary), transparent);
  opacity: 0;
  transition: opacity 240ms var(--seg-ease-standard);
}

#order-standard_cart .products .product:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 99, 255, 0.4) !important;
  box-shadow: var(--seg-shadow-hover);
}

#order-standard_cart .products .product:hover::before {
  opacity: 1;
}

/* Card title (header > span) */
#order-standard_cart .products .product > header,
#order-standard_cart .products .product header {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}

#order-standard_cart .products .product header span,
#order-standard_cart .products .product header [id$="-name"] {
  font-family: 'DM Sans', 'Inter', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--seg-text) !important;
  letter-spacing: -0.01em;
  line-height: 1.2;
  display: block;
}

/* Description body */
#order-standard_cart .products .product .product-desc {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  flex: 1;
  color: var(--seg-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

#order-standard_cart .products .product .product-desc p,
#order-standard_cart .products .product .product-desc [id$="-description"] {
  color: var(--seg-text-soft) !important;
  margin: 0 0 10px !important;
  font-size: 14px !important;
  line-height: 1.6;
}

#order-standard_cart .products .product .product-desc ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#order-standard_cart .products .product .product-desc ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--seg-text-soft) !important;
  font-size: 13.5px !important;
  line-height: 1.5;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#order-standard_cart .products .product .product-desc ul li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--seg-primary);
  margin-top: 8px;
  flex-shrink: 0;
}

/* Footer (pricing + CTA) */
#order-standard_cart .products .product > footer,
#order-standard_cart .products .product footer {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: auto !important;
}

#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product [id$="-price"] {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

#order-standard_cart .products .product .product-pricing .price,
#order-standard_cart .products .product .price {
  font-family: 'DM Sans', 'Inter', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--seg-text) !important;
  letter-spacing: -0.02em;
  line-height: 1;
}

#order-standard_cart .products .product .product-pricing br {
  display: none;
}

#order-standard_cart .products .product .product-pricing > *:not(.price) {
  font-size: 13px !important;
  color: var(--seg-text-muted) !important;
  font-weight: 500;
}

/* Order Now button */
#order-standard_cart .products .product .btn-order-now,
#order-standard_cart .products .product a.btn,
#order-standard_cart .products .product .btn-success {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px !important;
  background: var(--seg-primary) !important;
  color: #fff !important;
  border: 1px solid var(--seg-primary) !important;
  border-radius: var(--seg-radius-sm) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 200ms var(--seg-ease-standard), border-color 200ms var(--seg-ease-standard), transform 200ms var(--seg-ease-standard);
  box-shadow: none !important;
  text-align: center;
  height: auto !important;
  width: 100%;
  text-shadow: none !important;
}

#order-standard_cart .products .product .btn-order-now:hover,
#order-standard_cart .products .product a.btn:hover,
#order-standard_cart .products .product .btn-success:hover {
  background: #1f4ee0 !important;
  border-color: #1f4ee0 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

#order-standard_cart .products .product .btn-order-now i {
  font-size: 12px;
}

/* If product has a "Featured" or "Recommended" tag */
#order-standard_cart .products .product.featured,
#order-standard_cart .products .product.recommended {
  border-color: rgba(43, 99, 255, 0.5) !important;
  background: linear-gradient(180deg, rgba(43, 99, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
}

#order-standard_cart .products .product.featured::before,
#order-standard_cart .products .product.recommended::before {
  opacity: 1;
}

/* === Domain registration / transfer search box (now styled in segbytes_cart.css) === */

#order-standard_cart .domain-checker-container .input-group-box {
  background: transparent !important;
  padding: 0 !important;
}

#order-standard_cart .input-group-lg > .form-control {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
  border-radius: var(--seg-radius-sm) 0 0 var(--seg-radius-sm) !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  height: auto !important;
  box-shadow: none !important;
}

#order-standard_cart .input-group-lg > .form-control:focus {
  border-color: rgba(43, 99, 255, 0.6) !important;
  box-shadow: 0 0 0 3px var(--seg-primary-soft) !important;
}

/* === Suggested-domain spotlight tiles (TLD spotlight) === */
#order-standard_cart .spotlight-tlds {
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: var(--seg-radius-md) !important;
  padding: 18px !important;
  margin: 22px 0 !important;
}

#order-standard_cart .spotlight-tld {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-sm) !important;
  color: var(--seg-text) !important;
  padding: 15px 0 !important;
  transition: border-color 200ms var(--seg-ease-standard), transform 200ms var(--seg-ease-standard);
}

#order-standard_cart .spotlight-tld:hover {
  border-color: rgba(43, 99, 255, 0.4) !important;
  transform: translateY(-2px);
}

#order-standard_cart .spotlight-tld span {
  color: var(--seg-text-soft) !important;
  font-weight: 500 !important;
}

#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: var(--seg-radius-sm) !important;
}

/* === Suggested-domains panel === */
#order-standard_cart .suggested-domains {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--seg-panel-border) !important;
  border-radius: var(--seg-radius-md) !important;
  margin: 22px 0 !important;
  overflow: hidden;
}

#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
  padding: 16px 20px !important;
}

#order-standard_cart .suggested-domains .list-group-item {
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--seg-panel-border) !important;
  padding: 14px 20px !important;
}

#order-standard_cart .suggested-domains .list-group-item:last-child {
  border-bottom: 0 !important;
}

#order-standard_cart .suggested-domains .list-group-item .extension {
  color: var(--seg-text) !important;
  font-weight: 700 !important;
}

#order-standard_cart .suggested-domains .list-group-item .price {
  color: var(--seg-success) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#order-standard_cart .suggested-domains .btn:not(.domain-contact-support) {
  background: var(--seg-primary) !important;
  border-color: var(--seg-primary) !important;
  color: #fff !important;
  border-radius: var(--seg-radius-sm) !important;
}

/* ============================================================
   T203 — segbytes-exec nav + footer + mobile drawer
   Full-polish header (mega-menus), 5-column footer, mobile
   drawer with accordion sub-groups. Real product/service links.
   Builds on existing --seg-* variables defined at top of
   custom.css. Append to custom.css.
   ============================================================ */

/* Skip link for keyboard / screen-reader users */
.seg-skiplink {
  position: absolute;
  top: -40px;
  left: 12px;
  background: var(--seg-primary);
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  z-index: 10000;
  transition: top 200ms var(--seg-ease-standard);
}
.seg-skiplink:focus {
  top: 12px;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* === Topbar shell === */
.seg-topbar-wrap {
  position: sticky;
  top: 0;
  z-index: 200;
  padding: 12px 0;
}

.seg-topbar.seg-glass-nav {
  width: min(100% - 16px, calc(var(--seg-container, 1240px) + 36px));
  margin: 0 auto;
  background: rgba(9, 11, 18, 0.72);
  border: 1px solid var(--seg-panel-border);
  border-radius: 999px;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  transition: background 240ms var(--seg-ease-standard),
              border-color 240ms var(--seg-ease-standard),
              box-shadow 240ms var(--seg-ease-standard),
              transform 240ms var(--seg-ease-standard);
}

.seg-topbar.is-scrolled {
  background: rgba(9, 11, 18, 0.92);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 16px 40px -16px rgba(0, 0, 0, 0.6);
}

.seg-topbar-inner {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 8px 12px 8px 18px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Brand */
.seg-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  text-decoration: none;
}
.seg-brand-logo {
  display: block;
  height: 30px;
  width: auto;
  max-height: 30px;
  max-width: 160px;
  object-fit: contain;
}

/* === Desktop nav === */
.seg-nav-desktop {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.seg-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.seg-nav-item {
  position: relative;
}

.seg-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 999px;
  background: transparent;
  border: 0;
  color: var(--seg-text-soft);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.005em;
  cursor: pointer;
  text-decoration: none;
  transition: background 180ms var(--seg-ease-standard),
              color 180ms var(--seg-ease-standard);
}

.seg-nav-link:hover,
.seg-nav-link:focus-visible {
  color: var(--seg-text);
  background: rgba(255, 255, 255, 0.06);
  text-decoration: none;
  outline: none;
}

.seg-nav-link svg {
  width: 12px;
  height: 12px;
  opacity: 0.7;
  transition: transform 220ms var(--seg-ease-standard);
}

.seg-nav-item.is-open .seg-nav-link svg,
.seg-has-mega:hover .seg-nav-link svg,
.seg-has-mega:focus-within .seg-nav-link svg {
  transform: rotate(-180deg);
  opacity: 1;
}

/* === Mega-menu panel === */
.seg-mega {
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
  min-width: 360px;
  background: rgba(9, 11, 18, 0.96);
  border: 1px solid var(--seg-panel-border);
  border-radius: var(--seg-radius-lg, 24px);
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.7);
  padding: 28px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  transition: opacity 220ms var(--seg-ease-standard),
              transform 220ms var(--seg-ease-standard),
              visibility 220ms var(--seg-ease-standard);
  z-index: 250;
}

.seg-mega::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}

.seg-has-mega:hover .seg-mega,
.seg-has-mega:focus-within .seg-mega,
.seg-has-mega.is-open .seg-mega {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.seg-mega-products {
  width: min(960px, calc(100vw - 40px));
}

.seg-mega-services {
  width: min(720px, calc(100vw - 40px));
}

.seg-mega-narrow {
  width: 320px;
}

.seg-mega-grid {
  display: grid;
  gap: 28px;
  margin-bottom: 22px;
}

.seg-mega-grid-1 { grid-template-columns: 1fr; margin-bottom: 0; }
.seg-mega-grid-2 { grid-template-columns: repeat(2, 1fr); }
.seg-mega-grid-3 { grid-template-columns: repeat(3, 1fr); }
.seg-mega-grid-4 { grid-template-columns: repeat(4, 1fr); }

.seg-mega-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.seg-mega-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--seg-primary);
  margin: 0 0 4px;
}

.seg-mega-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.seg-mega-list li > a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  margin: 0 -12px;
  border-radius: 12px;
  text-decoration: none;
  transition: background 160ms var(--seg-ease-standard),
              transform 160ms var(--seg-ease-standard);
}

.seg-mega-list li > a:hover,
.seg-mega-list li > a:focus-visible {
  background: rgba(43, 99, 255, 0.10);
  text-decoration: none;
  transform: translateX(2px);
  outline: none;
}

.seg-mega-list li > a strong {
  color: var(--seg-text);
  font-weight: 600;
  font-size: 14.5px;
  display: block;
}

.seg-mega-list li > a span {
  color: var(--seg-text-muted);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
}

/* Mega-menu footer (browse all + meta line) */
.seg-mega-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid var(--seg-panel-border);
}

.seg-mega-foot-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--seg-primary);
  color: #fff;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: background 180ms var(--seg-ease-standard),
              transform 180ms var(--seg-ease-standard);
}

.seg-mega-foot-cta:hover {
  background: #1f4ee0;
  color: #fff;
  text-decoration: none;
  transform: translateX(2px);
}

.seg-mega-foot-cta svg {
  width: 12px;
  height: 12px;
}

.seg-mega-foot-meta {
  font-size: 12.5px;
  color: var(--seg-text-muted);
}

.seg-mega-foot-meta a {
  color: var(--seg-primary);
  text-decoration: none;
  font-weight: 500;
}

.seg-mega-foot-meta a:hover { color: #6f8dff; }

/* === Topbar right-side actions === */
.seg-topbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Cart icon */
.seg-nav-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: var(--seg-text-soft, rgba(245,247,251,0.72));
  transition: background 180ms, color 180ms;
}
.seg-nav-cart:hover {
  background: rgba(43,99,255,0.12);
  color: #fff;
}

/* Standard pill buttons */
.seg-topbar-actions .seg-btn {
  padding: 9px 18px !important;
  border-radius: 999px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: background 200ms var(--seg-ease-standard),
              border-color 200ms var(--seg-ease-standard),
              transform 200ms var(--seg-ease-standard);
}

.seg-topbar-actions .seg-btn-primary {
  background: var(--seg-primary) !important;
  border: 1px solid var(--seg-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px -10px rgba(43, 99, 255, 0.6);
}
.seg-topbar-actions .seg-btn-primary:hover {
  background: #1f4ee0 !important;
  border-color: #1f4ee0 !important;
  transform: translateY(-1px);
}

.seg-topbar-actions .seg-btn-ghost {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--seg-text-soft) !important;
}
.seg-topbar-actions .seg-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--seg-text) !important;
}

.seg-topbar-actions .seg-btn-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--seg-panel-border) !important;
  color: var(--seg-text) !important;
}
.seg-topbar-actions .seg-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* === Mobile hamburger button === */
.seg-nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--seg-panel-border);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  transition: background 180ms var(--seg-ease-standard);
}

.seg-nav-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}

.seg-nav-toggle span {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 2px;
  background: var(--seg-text);
  border-radius: 2px;
  transition: transform 240ms var(--seg-ease-standard),
              opacity 240ms var(--seg-ease-standard),
              top 240ms var(--seg-ease-standard);
}

.seg-nav-toggle span:nth-child(1) { top: 14px; }
.seg-nav-toggle span:nth-child(2) { top: 21px; }
.seg-nav-toggle span:nth-child(3) { top: 28px; }

.seg-nav-toggle.is-open span:nth-child(1) {
  top: 21px;
  transform: rotate(45deg);
}
.seg-nav-toggle.is-open span:nth-child(2) {
  opacity: 0;
}
.seg-nav-toggle.is-open span:nth-child(3) {
  top: 21px;
  transform: rotate(-45deg);
}

/* === Mobile drawer === */
.seg-mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 9000;
  visibility: hidden;
  pointer-events: none;
}

.seg-mobile-drawer.open {
  visibility: visible;
  pointer-events: auto;
}

.seg-mobile-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 6, 12, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity 280ms var(--seg-ease-standard);
}

.seg-mobile-drawer.open .seg-mobile-backdrop {
  opacity: 1;
}

.seg-mobile-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 100vw);
  background: var(--seg-bg);
  border-left: 1px solid var(--seg-panel-border);
  box-shadow: -20px 0 60px -20px rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 320ms var(--seg-ease-standard);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.seg-mobile-drawer.open .seg-mobile-panel {
  transform: translateX(0);
}

body.seg-mobile-nav-open {
  overflow: hidden;
}

.seg-mobile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 22px 18px;
  border-bottom: 1px solid var(--seg-panel-border);
  flex-shrink: 0;
}

.seg-mobile-eyebrow {
  font-family: 'Azeret Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--seg-text-muted);
}

.seg-mobile-close {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--seg-panel-border);
  border-radius: 999px;
  color: var(--seg-text);
  cursor: pointer;
  transition: background 180ms var(--seg-ease-standard);
}

.seg-mobile-close:hover {
  background: rgba(255, 255, 255, 0.08);
}

.seg-mobile-close svg {
  width: 18px;
  height: 18px;
}

.seg-mobile-nav {
  flex: 1;
  padding: 14px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.seg-mobile-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  color: var(--seg-text);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background 160ms var(--seg-ease-standard);
  background: transparent;
  border: 0;
  width: 100%;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.seg-mobile-link:hover,
.seg-mobile-link:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  color: var(--seg-text);
  text-decoration: none;
  outline: none;
}

.seg-mobile-link-toggle {
  list-style: none;
}

.seg-mobile-link-toggle::-webkit-details-marker {
  display: none;
}

.seg-mobile-link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.7;
  transition: transform 240ms var(--seg-ease-standard);
}

.seg-mobile-group[open] > .seg-mobile-link-toggle svg {
  transform: rotate(-180deg);
}

.seg-mobile-group[open] > .seg-mobile-link-toggle {
  background: rgba(43, 99, 255, 0.08);
  color: var(--seg-text);
}

.seg-mobile-sub {
  display: flex;
  flex-direction: column;
  padding: 8px 16px 12px 28px;
  gap: 2px;
  border-left: 2px solid var(--seg-primary-soft);
  margin: 4px 0 8px 16px;
}

.seg-mobile-sub-eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--seg-primary);
  padding: 10px 0 4px;
}

.seg-mobile-sub-eyebrow:first-child {
  padding-top: 4px;
}

.seg-mobile-sub a {
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--seg-text-soft);
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background 160ms var(--seg-ease-standard),
              color 160ms var(--seg-ease-standard);
}

.seg-mobile-sub a:hover,
.seg-mobile-sub a:focus-visible {
  background: rgba(255, 255, 255, 0.04);
  color: var(--seg-text);
  text-decoration: none;
  outline: none;
}

.seg-mobile-divider {
  height: 1px;
  background: var(--seg-panel-border);
  margin: 14px 8px;
}

.seg-mobile-cta {
  display: flex;
  justify-content: center;
  padding: 14px 16px;
  margin: 4px 0;
  background: var(--seg-primary);
  color: #fff;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 12px 30px -12px rgba(43, 99, 255, 0.6);
  transition: background 200ms var(--seg-ease-standard),
              transform 200ms var(--seg-ease-standard);
}

.seg-mobile-cta:hover {
  background: #1f4ee0;
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}

.seg-mobile-foot {
  padding: 18px 22px 22px;
  border-top: 1px solid var(--seg-panel-border);
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.02);
}

.seg-mobile-foot-line {
  font-size: 12px;
  color: var(--seg-text-muted);
}

.seg-mobile-foot a {
  font-size: 13px;
  color: var(--seg-text-soft);
  text-decoration: none;
}

.seg-mobile-foot a:hover { color: var(--seg-primary); }


/* ============== FOOTER ============== */
.seg-footer {
  padding: 72px 0 28px;
  border-top: 1px solid var(--seg-panel-border);
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(43, 99, 255, 0.06) 0%, transparent 60%),
    rgba(4, 7, 12, 0.6);
  margin-top: 60px;
  position: relative;
}

.seg-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 0.8fr 1fr 1.2fr;
  gap: 32px;
  margin-bottom: 48px;
}

.seg-footer-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.seg-footer-col h4 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--seg-text);
  margin: 0 0 12px;
}

.seg-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.seg-footer-col ul li a,
.seg-footer-col ul li span {
  color: var(--seg-text-soft);
  font-size: 13.5px;
  text-decoration: none;
  transition: color 160ms var(--seg-ease-standard);
  line-height: 1.5;
}

.seg-footer-col ul li a:hover {
  color: var(--seg-text);
  text-decoration: none;
}

.seg-footer-col-brand {
  gap: 14px;
}

.seg-footer-brand-link {
  display: inline-block;
  text-decoration: none;
}

.seg-footer-brand-logo {
  display: block;
  height: 32px;
  width: auto;
  max-width: 180px;
}

.seg-footer-blurb {
  margin: 4px 0 0;
  color: var(--seg-text-soft);
  font-size: 13.5px;
  line-height: 1.65;
  max-width: 320px;
}

.seg-footer-mantra {
  margin: 4px 0 0;
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--seg-text);
  letter-spacing: -0.005em;
}

.seg-footer-mantra em {
  font-style: normal;
  color: var(--seg-primary);
  margin: 0 4px;
}

.seg-footer-col-contact { gap: 14px; }

.seg-footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.seg-footer-contact li {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.seg-footer-contact-label {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--seg-text-muted);
}

.seg-footer-contact a,
.seg-footer-contact span {
  font-size: 13.5px;
  color: var(--seg-text);
  text-decoration: none;
  transition: color 160ms var(--seg-ease-standard);
}

.seg-footer-contact a:hover {
  color: var(--seg-primary);
}

.seg-footer-social {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.seg-footer-social-link {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--seg-panel-border);
  border-radius: 999px;
  color: var(--seg-text-soft);
  text-decoration: none;
  transition: background 200ms var(--seg-ease-standard),
              color 200ms var(--seg-ease-standard),
              border-color 200ms var(--seg-ease-standard),
              transform 200ms var(--seg-ease-standard);
}

.seg-footer-social-link:hover {
  background: rgba(43, 99, 255, 0.18);
  color: var(--seg-primary);
  border-color: rgba(43, 99, 255, 0.4);
  text-decoration: none;
  transform: translateY(-2px);
}

.seg-footer-social-link svg {
  width: 16px;
  height: 16px;
}

/* Footer meta strip */
.seg-footer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 22px;
  border-top: 1px solid var(--seg-panel-border);
  font-size: 12.5px;
  color: var(--seg-text-muted);
}

.seg-footer-meta-tagline { font-style: italic; }

.seg-footer-meta-links {
  display: flex;
  gap: 8px;
  align-items: center;
}

.seg-footer-meta-links a {
  color: var(--seg-text-soft);
  text-decoration: none;
}

.seg-footer-meta-links a:hover { color: var(--seg-primary); }

.seg-footer-meta-sep { color: var(--seg-text-muted); }


/* ============== RESPONSIVE BREAKPOINTS ============== */

/* Tablet — show hamburger, hide desktop nav */
@media (max-width: 1100px) {
  .seg-nav-desktop { display: none; }
  .seg-nav-toggle { display: inline-flex; }
  .seg-topbar-actions .seg-btn-primary,
  .seg-topbar-actions .seg-btn-secondary,
  .seg-topbar-actions .seg-btn-ghost {
    display: none;
  }
  .seg-topbar-inner { padding: 8px 12px 8px 16px; }

  .seg-footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  .seg-footer-col-brand,
  .seg-footer-col-contact {
    grid-column: span 2;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .seg-topbar-wrap { padding: 8px 0; }
  .seg-topbar.seg-glass-nav { border-radius: 22px; }
  .seg-topbar-inner { padding: 6px 10px 6px 14px; }
  .seg-brand-logo { height: 26px; }

  .seg-footer { padding: 56px 0 22px; margin-top: 40px; }
  .seg-footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 36px;
  }
  .seg-footer-col-brand,
  .seg-footer-col-contact {
    grid-column: span 1;
  }
  .seg-footer-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .seg-footer-meta-links { flex-wrap: wrap; }
}

/* Larger tablets — squeeze mega-menu */
@media (max-width: 1180px) and (min-width: 1101px) {
  .seg-mega-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .seg-mega-products { width: min(640px, calc(100vw - 40px)); }
}


/* ================================================================
   SECTION 4: Inner pages — Bootstrap-default page chrome dark-mode shellcasing
================================================================ */

/* ============================================================
   Segbytes — Inner Pages Chrome
   Targets WHMCS default pages (login, client area, store, KB, etc.)
   CRITICAL: All selectors EXCLUDE .dynamic-landing-page descendants
   so NexusNodes and Brand Protection product pages are untouched.
   ============================================================ */

:root {
  --seg-ip-bg: #090b12;
  --seg-ip-surface: rgba(255,255,255,0.04);
  --seg-ip-surface-strong: rgba(255,255,255,0.06);
  --seg-ip-border: rgba(255,255,255,0.10);
  --seg-ip-border-soft: rgba(255,255,255,0.06);
  --seg-ip-text: #f5f7fb;
  --seg-ip-text-soft: rgba(245,247,251,0.72);
  --seg-ip-text-muted: rgba(245,247,251,0.50);
  --seg-ip-primary: #2b63ff;
  --seg-ip-primary-soft: #2b63ff;
  --seg-ip-radius: 16px;
  --seg-ip-radius-lg: 20px;
}

/* === Body / page background === */
body.seg-theme {
  background: radial-gradient(ellipse at top left, rgba(43,99,255,0.06) 0%, transparent 35%),
              linear-gradient(180deg, #090b12 0%, #0b1018 100%) !important;
  min-height: 100vh;
}

/* ============================================================
   PANELS / CARDS — Bootstrap 3 .panel + Bootstrap 4 .card
   Excludes .dynamic-landing-page
   ============================================================ */
body:not(.dynamic-landing-page-host) .panel,
.seg-main .panel:not(.dynamic-landing-page .panel) {
  background: var(--seg-ip-surface) !important;
  border: 1px solid var(--seg-ip-border) !important;
  border-radius: var(--seg-ip-radius) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  color: var(--seg-ip-text-soft);
}
.seg-main .panel-heading,
.seg-main .panel-default > .panel-heading {
  background: var(--seg-ip-surface-strong) !important;
  border-bottom: 1px solid var(--seg-ip-border-soft) !important;
  color: var(--seg-ip-text) !important;
  border-radius: var(--seg-ip-radius) var(--seg-ip-radius) 0 0 !important;
  font-weight: 600;
}
.seg-main .panel-body {
  background: transparent !important;
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .panel-footer {
  background: var(--seg-ip-surface) !important;
  border-top: 1px solid var(--seg-ip-border-soft) !important;
  color: var(--seg-ip-text-soft) !important;
  border-radius: 0 0 var(--seg-ip-radius) var(--seg-ip-radius) !important;
}
.seg-main .panel-title {
  color: var(--seg-ip-text) !important;
}

/* Cards — but NOT inside .dynamic-landing-page */
.seg-main .card:not(.dynamic-landing-page .card):not(.card-product-tier),
.seg-content-shell .card,
.seg-domain-shell .card,
.seg-account-shell .card,
.seg-billing-shell .card,
.seg-product-shell .card,
.seg-ticket-shell .card,
.seg-detail-shell .card,
.seg-support-shell .card,
.seg-store-shell .card {
  background: var(--seg-ip-surface) !important;
  border: 1px solid var(--seg-ip-border) !important;
  border-radius: var(--seg-ip-radius-lg) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .card-header:not(.dynamic-landing-page .card-header) {
  background: var(--seg-ip-surface-strong) !important;
  border-bottom: 1px solid var(--seg-ip-border-soft) !important;
  color: var(--seg-ip-text) !important;
}
.seg-main .card-body:not(.dynamic-landing-page .card-body) {
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .card-footer:not(.dynamic-landing-page .card-footer) {
  background: var(--seg-ip-surface) !important;
  border-top: 1px solid var(--seg-ip-border-soft) !important;
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .card-title:not(.dynamic-landing-page .card-title) {
  color: var(--seg-ip-text) !important;
}

/* === bg-light, bg-white nuking (not in dynamic store) === */
.seg-main .bg-white:not(.dynamic-landing-page .bg-white),
.seg-main .bg-light:not(.dynamic-landing-page .bg-light) {
  background: var(--seg-ip-surface) !important;
  color: var(--seg-ip-text-soft) !important;
}

/* ============================================================
   FORMS — Custom dark form treatment
   Excludes .dynamic-landing-page
   ============================================================ */
body:not(.dynamic-landing-page-host) .form-control,
.seg-main input[type="text"]:not(.dynamic-landing-page input),
.seg-main input[type="email"]:not(.dynamic-landing-page input),
.seg-main input[type="password"]:not(.dynamic-landing-page input),
.seg-main input[type="number"]:not(.dynamic-landing-page input),
.seg-main input[type="tel"]:not(.dynamic-landing-page input),
.seg-main input[type="url"]:not(.dynamic-landing-page input),
.seg-main input[type="search"]:not(.dynamic-landing-page input),
.seg-main input[type="date"]:not(.dynamic-landing-page input),
.seg-main select:not(.dynamic-landing-page select),
.seg-main textarea:not(.dynamic-landing-page textarea),
.seg-main .form-control:not(.dynamic-landing-page .form-control) {
  background: rgba(16,23,38,0.85) !important;
  color: var(--seg-ip-text) !important;
  border: 1px solid var(--seg-ip-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease;
}
.seg-main .form-control:focus:not(.dynamic-landing-page .form-control:focus),
.seg-main input:focus:not(.dynamic-landing-page input:focus),
.seg-main select:focus:not(.dynamic-landing-page select:focus),
.seg-main textarea:focus:not(.dynamic-landing-page textarea:focus) {
  background: rgba(16,23,38,1) !important;
  border-color: rgba(43,99,255,0.55) !important;
  box-shadow: 0 0 0 4px rgba(43,99,255,0.14) !important;
  outline: none !important;
}
.seg-main .form-control::placeholder,
.seg-main input::placeholder,
.seg-main textarea::placeholder {
  color: rgba(200,210,230,0.4) !important;
}
.seg-main label:not(.dynamic-landing-page label),
.seg-main .control-label:not(.dynamic-landing-page .control-label),
.seg-main .seg-form-label {
  color: var(--seg-ip-text-soft) !important;
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 14px;
}
.seg-main select option {
  background: rgba(15,21,33,0.95) !important;
  color: var(--seg-ip-text) !important;
}
.seg-main .input-group-text,
.seg-main .input-group-addon {
  background: rgba(255,255,255,0.06) !important;
  border-color: var(--seg-ip-border) !important;
  color: var(--seg-ip-text-soft) !important;
  border-radius: 12px !important;
}
.seg-main .input-group .form-control + .input-group-append .input-group-text,
.seg-main .input-group .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.seg-main .input-group .input-group-append:not(:first-child) .input-group-text,
.seg-main .input-group .input-group-append:not(:first-child) .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Checkboxes / radios */
.seg-main input[type="checkbox"]:not(.dynamic-landing-page input),
.seg-main input[type="radio"]:not(.dynamic-landing-page input) {
  accent-color: var(--seg-ip-primary);
  width: 16px;
  height: 16px;
}
.seg-main .custom-control-label::before {
  background: rgba(255,255,255,0.06) !important;
  border-color: var(--seg-ip-border) !important;
}
.seg-main .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--seg-ip-primary) !important;
  border-color: var(--seg-ip-primary) !important;
}
.seg-main .custom-control-label {
  color: var(--seg-ip-text-soft) !important;
}

/* Help text / form text */
.seg-main .help-block:not(.dynamic-landing-page .help-block),
.seg-main .form-text:not(.dynamic-landing-page .form-text) {
  color: var(--seg-ip-text-muted) !important;
  font-size: 13px;
}

/* ============================================================
   BUTTONS (excluding dynamic-landing-page)
   ============================================================ */
.seg-main .btn:not(.dynamic-landing-page .btn) {
  border-radius: 12px !important;
  font-weight: 600;
  transition: all 180ms cubic-bezier(0.16, 1, 0.3, 1);
  padding: 10px 18px;
}
.seg-main .btn-primary:not(.dynamic-landing-page .btn-primary) {
  background: linear-gradient(135deg, #2b63ff 0%, #1d4fff 100%) !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(43,99,255,0.28) !important;
}
.seg-main .btn-primary:hover:not(.dynamic-landing-page .btn-primary:hover) {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(43,99,255,0.42) !important;
}
.seg-main .btn-default:not(.dynamic-landing-page .btn-default),
.seg-main .btn-secondary:not(.dynamic-landing-page .btn-secondary) {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--seg-ip-border) !important;
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .btn-default:hover:not(.dynamic-landing-page .btn-default:hover),
.seg-main .btn-secondary:hover:not(.dynamic-landing-page .btn-secondary:hover) {
  background: rgba(43,99,255,0.14) !important;
  border-color: rgba(43,99,255,0.32) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.seg-main .btn-success:not(.dynamic-landing-page .btn-success) {
  background: rgba(61,220,151,0.16) !important;
  border-color: rgba(61,220,151,0.32) !important;
  color: #baf7d7 !important;
}
.seg-main .btn-danger:not(.dynamic-landing-page .btn-danger) {
  background: rgba(255,107,129,0.16) !important;
  border-color: rgba(255,107,129,0.32) !important;
  color: #ffc5cf !important;
}
.seg-main .btn-warning:not(.dynamic-landing-page .btn-warning) {
  background: rgba(255,193,7,0.16) !important;
  border-color: rgba(255,193,7,0.32) !important;
  color: #ffe082 !important;
}
.seg-main .btn-info:not(.dynamic-landing-page .btn-info) {
  background: rgba(43,99,255,0.14) !important;
  border-color: rgba(43,99,255,0.28) !important;
  color: #b3c8ff !important;
}
.seg-main .btn-link:not(.dynamic-landing-page .btn-link) {
  color: var(--seg-ip-primary-soft) !important;
}

/* ============================================================
   TABLES (excluding dynamic-landing-page)
   ============================================================ */
.seg-main .table:not(.dynamic-landing-page .table),
.seg-main .table-striped:not(.dynamic-landing-page .table-striped),
.seg-main .table-list:not(.dynamic-landing-page .table-list),
.seg-main .dataTable:not(.dynamic-landing-page .dataTable) {
  background: transparent !important;
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .table thead th,
.seg-main .table thead td {
  background: var(--seg-ip-surface-strong) !important;
  color: var(--seg-ip-text-soft) !important;
  border-bottom: 1px solid var(--seg-ip-border) !important;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 14px 16px !important;
}
.seg-main .table tbody td,
.seg-main .table tbody th {
  border-top: 1px solid var(--seg-ip-border-soft) !important;
  color: var(--seg-ip-text-soft) !important;
  padding: 14px 16px !important;
}
.seg-main .table-hover tbody tr:hover {
  background: rgba(43,99,255,0.06) !important;
}
.seg-main .table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(255,255,255,0.015) !important;
}

/* ============================================================
   LIST GROUPS (excluding dynamic-landing-page)
   ============================================================ */
.seg-main .list-group:not(.dynamic-landing-page .list-group) {
  background: transparent !important;
}
.seg-main .list-group-item:not(.dynamic-landing-page .list-group-item) {
  background: transparent !important;
  border-color: var(--seg-ip-border-soft) !important;
  color: var(--seg-ip-text-soft) !important;
}
.seg-main .list-group-item:hover:not(.dynamic-landing-page .list-group-item:hover) {
  background: rgba(43,99,255,0.06) !important;
  color: #fff !important;
}
.seg-main .list-group-item.active:not(.dynamic-landing-page .list-group-item.active) {
  background: rgba(43,99,255,0.14) !important;
  border-color: rgba(43,99,255,0.28) !important;
  color: #fff !important;
}

/* ============================================================
   ALERTS (excluding dynamic-landing-page)
   ============================================================ */
.seg-main .alert:not(.dynamic-landing-page .alert) {
  border-radius: 14px !important;
  padding: 14px 18px;
}
.seg-main .alert-success:not(.dynamic-landing-page .alert-success) {
  background: rgba(61,220,151,0.10) !important;
  border-color: rgba(61,220,151,0.24) !important;
  color: #baf7d7 !important;
}
.seg-main .alert-info:not(.dynamic-landing-page .alert-info) {
  background: rgba(43,99,255,0.10) !important;
  border-color: rgba(43,99,255,0.24) !important;
  color: #b3c8ff !important;
}
.seg-main .alert-warning:not(.dynamic-landing-page .alert-warning) {
  background: rgba(255,193,7,0.10) !important;
  border-color: rgba(255,193,7,0.24) !important;
  color: #ffe082 !important;
}
.seg-main .alert-danger:not(.dynamic-landing-page .alert-danger),
.seg-main .alert-error:not(.dynamic-landing-page .alert-error) {
  background: rgba(255,107,129,0.10) !important;
  border-color: rgba(255,107,129,0.24) !important;
  color: #ffc5cf !important;
}

/* ============================================================
   BADGES & LABELS
   ============================================================ */
.seg-main .label,
.seg-main .badge {
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
.seg-main .label-success, .seg-main .badge-success { background: rgba(61,220,151,0.16) !important; color: #baf7d7 !important; }
.seg-main .label-danger, .seg-main .badge-danger { background: rgba(255,107,129,0.16) !important; color: #ffc5cf !important; }
.seg-main .label-warning, .seg-main .badge-warning { background: rgba(255,193,7,0.16) !important; color: #ffe082 !important; }
.seg-main .label-info, .seg-main .badge-info { background: rgba(43,99,255,0.16) !important; color: #b3c8ff !important; }
.seg-main .label-default, .seg-main .badge-secondary { background: rgba(255,255,255,0.08) !important; color: var(--seg-ip-text-soft) !important; }

/* WHMCS status colors */
.seg-main .status-active, .seg-main .status-Active { background: rgba(61,220,151,0.16) !important; color: #baf7d7 !important; }
.seg-main .status-pending, .seg-main .status-Pending { background: rgba(255,193,7,0.16) !important; color: #ffe082 !important; }
.seg-main .status-suspended, .seg-main .status-Suspended { background: rgba(255,107,129,0.16) !important; color: #ffc5cf !important; }
.seg-main .status-terminated, .seg-main .status-Terminated, .seg-main .status-cancelled, .seg-main .status-Cancelled { background: rgba(255,255,255,0.08) !important; color: var(--seg-ip-text-muted) !important; }

/* ============================================================
   TABS / NAV-TABS (excluding dynamic-landing-page)
   ============================================================ */
.seg-main .nav-tabs:not(.dynamic-landing-page .nav-tabs) {
  border-bottom: 1px solid var(--seg-ip-border) !important;
}
.seg-main .nav-tabs > li > a,
.seg-main .nav-tabs .nav-link {
  color: var(--seg-ip-text-soft) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 10px 16px !important;
}
.seg-main .nav-tabs > li.active > a,
.seg-main .nav-tabs .nav-link.active,
.seg-main .nav-tabs > li > a:hover,
.seg-main .nav-tabs .nav-link:hover {
  color: #fff !important;
  border-bottom-color: var(--seg-ip-primary) !important;
  background: rgba(43,99,255,0.06) !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.seg-main .pagination > li > a,
.seg-main .pagination > li > span,
.seg-main .page-link {
  background: var(--seg-ip-surface) !important;
  border-color: var(--seg-ip-border) !important;
  color: var(--seg-ip-text-soft) !important;
  border-radius: 10px !important;
  margin: 0 3px !important;
}
.seg-main .pagination > li.active > a,
.seg-main .page-item.active .page-link {
  background: rgba(43,99,255,0.2) !important;
  border-color: rgba(43,99,255,0.4) !important;
  color: #fff !important;
}

/* ============================================================
   MODALS, DROPDOWNS
   ============================================================ */
.modal-content {
  background: rgba(15,21,33,0.95) !important;
  border: 1px solid var(--seg-ip-border) !important;
  border-radius: var(--seg-ip-radius-lg) !important;
  color: var(--seg-ip-text-soft) !important;
}
.modal-header { border-bottom: 1px solid var(--seg-ip-border-soft) !important; color: var(--seg-ip-text) !important; }
.modal-footer { border-top: 1px solid var(--seg-ip-border-soft) !important; }
.modal-title { color: var(--seg-ip-text) !important; }
.modal .close, .modal .btn-close { color: var(--seg-ip-text-soft) !important; opacity: 0.7 !important; text-shadow: none !important; }

.dropdown-menu {
  background: rgba(15,21,33,0.95) !important;
  border: 1px solid var(--seg-ip-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.32);
}
.dropdown-item, .dropdown-menu > li > a {
  color: var(--seg-ip-text-soft) !important;
  padding: 8px 14px !important;
}
.dropdown-item:hover, .dropdown-menu > li > a:hover {
  background: rgba(43,99,255,0.10) !important;
  color: #fff !important;
}
.dropdown-divider { border-top-color: var(--seg-ip-border-soft) !important; }

/* ============================================================
   BREADCRUMB
   ============================================================ */
.seg-main .breadcrumb {
  background: transparent !important;
  padding: 12px 0 !important;
}
.seg-main .breadcrumb a { color: var(--seg-ip-text-soft) !important; }
.seg-main .breadcrumb a:hover { color: var(--seg-ip-primary-soft) !important; }
.seg-main .breadcrumb-item.active, .seg-main .breadcrumb > .active { color: var(--seg-ip-text-muted) !important; }

/* ============================================================
   .well (Bootstrap 3)
   ============================================================ */
.seg-main .well:not(.dynamic-landing-page .well) {
  background: var(--seg-ip-surface) !important;
  border: 1px solid var(--seg-ip-border) !important;
  border-left: 3px solid var(--seg-ip-primary) !important;
  border-radius: 0 14px 14px 0 !important;
  color: var(--seg-ip-text-soft) !important;
  box-shadow: none !important;
}

/* ============================================================
   Text utility colors (excluding dynamic-landing-page)
   ============================================================ */
.seg-main .text-muted:not(.dynamic-landing-page .text-muted) { color: var(--seg-ip-text-muted) !important; }
.seg-main .text-primary:not(.dynamic-landing-page .text-primary) { color: var(--seg-ip-primary-soft) !important; }
.seg-main .text-success:not(.dynamic-landing-page .text-success) { color: #8df0bf !important; }
.seg-main .text-danger:not(.dynamic-landing-page .text-danger) { color: #ff6b81 !important; }
.seg-main .text-warning:not(.dynamic-landing-page .text-warning) { color: #ffe082 !important; }
.seg-main .text-info:not(.dynamic-landing-page .text-info) { color: #b3c8ff !important; }
.seg-main .text-black-50:not(.dynamic-landing-page .text-black-50) { color: var(--seg-ip-text-muted) !important; }

.seg-main h1, .seg-main h2, .seg-main h3, .seg-main h4, .seg-main h5, .seg-main h6 {
  color: var(--seg-ip-text);
}
.seg-main p { color: var(--seg-ip-text-soft); }
/* Link colors handled by individual component rules */
.seg-main hr:not(.dynamic-landing-page hr) { border-top-color: var(--seg-ip-border) !important; }

/* ============================================================
   reCAPTCHA badge — visible bottom-right (Google ToS compliant)
   ============================================================ */
.grecaptcha-badge {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* Required by Google ToS: show notice in forms */
.seg-recaptcha-notice {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--seg-ip-text-muted);
  text-align: center;
}
.seg-recaptcha-notice a {
  color: var(--seg-ip-primary-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ============================================================
   WhatsApp floating button
   ============================================================ */
.seg-whatsapp-float {
  position: fixed;
  bottom: 22px;
  right: 22px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(37,211,102,0.34), 0 4px 12px rgba(0,0,0,0.18);
  z-index: 9998;
  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms ease;
  cursor: pointer;
  border: 2px solid rgba(255,255,255,0.15);
}
.seg-whatsapp-float:hover,
.seg-whatsapp-float:focus-visible {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 16px 36px rgba(37,211,102,0.5), 0 6px 16px rgba(0,0,0,0.22);
  color: #fff;
}
.seg-whatsapp-float svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.seg-whatsapp-float::after {
  content: "Chat on WhatsApp";
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%) translateX(8px);
  background: rgba(15,21,33,0.96);
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,0.10);
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease, transform 200ms ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
.seg-whatsapp-float:hover::after,
.seg-whatsapp-float:focus-visible::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
@media (max-width: 720px) {
  .seg-whatsapp-float {
    bottom: 18px;
    right: 18px;
    width: 52px;
    height: 52px;
  }
  .seg-whatsapp-float svg {
    width: 26px;
    height: 26px;
  }
  .seg-whatsapp-float::after { display: none; }
}

/* ============================================================
   PRESERVE NexusNodes / Brand Protection product colors
   Re-apply product CSS variables for buttons inside dynamic-landing-page
   ============================================================ */
.dynamic-landing-page .btn,
.dynamic-landing-page button,
.dynamic-landing-page .table-cta-button {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
  border-radius: 12px !important;
  border: 1px solid transparent;
  padding: 10px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 180ms ease, transform 180ms ease;
}
.dynamic-landing-page .btn:hover,
.dynamic-landing-page button:hover,
.dynamic-landing-page .table-cta-button:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
/* Don't override secondary/ghost-style buttons inside hero/header partials */
.dynamic-landing-page .hero-section .btn-default,
.dynamic-landing-page .btn-default,
.dynamic-landing-page .btn-outline {
  background: transparent !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}
.dynamic-landing-page .btn-default:hover,
.dynamic-landing-page .btn-outline:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
  opacity: 1;
}
/* Comparison table cells: keep visible on dark theme */
.dynamic-landing-page .comparison-table {
  color: var(--text-color, #e4e8f0) !important;
}
.dynamic-landing-page .comparison-table th,
.dynamic-landing-page .comparison-table td {
  border-color: rgba(255,255,255,0.08) !important;
}
.dynamic-landing-page .feature-check {
  color: var(--primary-color) !important;
}
.dynamic-landing-page .feature-cross {
  color: rgba(255,255,255,0.3) !important;
}
.dynamic-landing-page .product-name,
.dynamic-landing-page .product-tier-name,
.dynamic-landing-page .feature-title {
  color: var(--text-color, #fff) !important;
}

/* ============================================================
   Reduced motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .seg-whatsapp-float { transition: none !important; }
}

/* ============================================================
   PRODUCT-SPECIFIC BUTTON COLORS
   NexusNodes → green, Brand Protection → orange
   Targets standard WHMCS product display pages via href patterns
   Specificity bumped to beat #order-standard_cart override in custom.css
   ============================================================ */

/* NexusNodes — green Order Now (covers cart and category page) */
#order-standard_cart .products .product a.btn-order-now[href*="nexusnodes"],
#order-standard_cart .products .product a.btn-order-now[href*="nexusnode"],
#order-standard_cart .products .product a[href*="nexusnodes"].btn-success,
#order-standard_cart .products .product a[href*="nexusnodes"],
#order-standard_cart a.btn-order-now[href*="nexusnodes"],
#order-standard_cart a.btn-order-now[href*="nexusnode"],
#order-standard_cart a[href*="nexusnodes"].btn-success,
#order-standard_cart a[href*="nexusnode"].btn-success,
#order-standard_cart a[href*="nexusnodes"].btn-primary,
.seg-main a.btn-order-now[href*="nexusnodes"],
.seg-main a.btn-order-now[href*="nexusnode"],
.seg-main a[href*="nexusnodes"].btn-success,
.seg-main a[href*="nexusnodes"].btn-primary,
body a.btn-order-now[href*="nexusnodes"],
body a.btn-order-now[href*="nexusnode"] {
  background: linear-gradient(135deg, #1ed98a 0%, #14b674 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(30,217,138,0.28) !important;
}
#order-standard_cart .products .product a.btn-order-now[href*="nexusnodes"]:hover,
#order-standard_cart .products .product a[href*="nexusnodes"].btn-success:hover,
#order-standard_cart a.btn-order-now[href*="nexusnodes"]:hover,
#order-standard_cart a[href*="nexusnodes"].btn-success:hover,
.seg-main a.btn-order-now[href*="nexusnodes"]:hover,
.seg-main a[href*="nexusnodes"].btn-success:hover,
body a.btn-order-now[href*="nexusnodes"]:hover {
  background: linear-gradient(135deg, #14b674 0%, #0d9b5e 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 28px rgba(30,217,138,0.42) !important;
  color: #fff !important;
}

/* Brand Protection — orange Order Now (covers cart and category page) */
#order-standard_cart .products .product a.btn-order-now[href*="brand-protection"],
#order-standard_cart .products .product a.btn-order-now[href*="brandprotection"],
#order-standard_cart .products .product a[href*="brand-protection"].btn-success,
#order-standard_cart .products .product a[href*="brand-protection"],
#order-standard_cart a.btn-order-now[href*="brand-protection"],
#order-standard_cart a.btn-order-now[href*="brandprotection"],
#order-standard_cart a[href*="brand-protection"].btn-success,
#order-standard_cart a[href*="brand-protection"].btn-primary,
.seg-main a.btn-order-now[href*="brand-protection"],
.seg-main a.btn-order-now[href*="brandprotection"],
.seg-main a[href*="brand-protection"].btn-success,
.seg-main a[href*="brand-protection"].btn-primary,
body a.btn-order-now[href*="brand-protection"] {
  background: linear-gradient(135deg, #ff8c42 0%, #f57e2c 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(245,126,44,0.28) !important;
}
#order-standard_cart .products .product a.btn-order-now[href*="brand-protection"]:hover,
#order-standard_cart .products .product a[href*="brand-protection"].btn-success:hover,
#order-standard_cart a.btn-order-now[href*="brand-protection"]:hover,
#order-standard_cart a[href*="brand-protection"].btn-success:hover,
.seg-main a.btn-order-now[href*="brand-protection"]:hover,
.seg-main a[href*="brand-protection"].btn-success:hover,
body a.btn-order-now[href*="brand-protection"]:hover {
  background: linear-gradient(135deg, #f57e2c 0%, #de6c1a 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 28px rgba(245,126,44,0.42) !important;
  color: #fff !important;
}


/* ================================================================
   SECTION 5: Public pages — heroes, forms, KB, announcements (most recent layer)
================================================================ */

/* ============================================================
   segbytes-exec/css/pages.css
   Styles for reworked public pages: contact, KB, login,
   register, announcements. Loaded globally via header.tpl.
   ============================================================ */

/* === Page Hero (tight variant for inner pages) === */
.seg-page-hero-tight {
  padding: 0 0 8px;
}
.seg-page-hero-tight .seg-page-hero-panel {
  padding: 32px 28px;
}
.seg-page-hero-tight h1 {
  font-family: "Azeret Mono", monospace;
  font-size: clamp(26px, 4.5vw, 42px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 12px 0 10px;
  color: var(--seg-text);
}
.seg-page-hero-tight p {
  color: var(--seg-text-soft);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* === Form Fields Grid === */
.seg-fields-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.seg-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.seg-field-full {
  grid-column: 1 / -1;
}
.seg-field-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seg-field-link {
  font-size: 13px;
  color: var(--seg-primary);
  font-weight: 500;
}
.seg-field-link:hover {
  color: #6090ff;
}
.seg-field-help {
  font-size: 12px;
  color: var(--seg-text-muted);
  margin-top: 4px;
}

/* Input with icon */
.seg-input-icon {
  position: relative;
}
.seg-input-icon i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--seg-text-muted);
  font-size: 14px;
  pointer-events: none;
}
.seg-input-icon .form-control {
  padding-left: 40px;
}

/* Form actions */
.seg-form-actions {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.seg-form-actions-split {
  justify-content: space-between;
}

/* Checkbox */
.seg-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--seg-text-soft);
  font-size: 14px;
  cursor: pointer;
}
.seg-checkbox input {
  width: 16px;
  height: 16px;
  accent-color: var(--seg-primary);
}

/* Auth footer */
.seg-auth-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.08);
  color: var(--seg-text-soft);
  font-size: 14px;
}

/* Button sizes */
.seg-btn-sm {
  min-height: 36px;
  padding: 0 14px;
  font-size: 13px;
  border-radius: 10px;
}
.seg-btn-lg {
  min-height: 52px;
  padding: 0 28px;
  font-size: 16px;
}

/* Captcha wrapper */
.seg-captcha-wrap {
  margin-top: 18px;
  display: flex;
  justify-content: center;
}

/* === Register page sections === */
.seg-register-section {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.seg-register-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.seg-register-heading {
  font-family: "Azeret Mono", monospace;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--seg-text);
  margin: 0 0 16px;
}
.seg-register-note {
  color: var(--seg-text-muted);
  font-size: 13px;
  margin: -8px 0 16px;
}
.seg-pw-strength-label {
  text-align: center;
  font-size: 12px;
  color: var(--seg-text-muted);
  margin-top: 6px;
}

/* === Knowledge Base === */
.seg-kb-search {
  margin-bottom: 28px;
}
.seg-search-bar {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.seg-search-bar .form-control {
  flex: 1;
  min-height: 50px !important;
  height: 50px !important;
  font-size: 16px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}
.seg-search-bar .seg-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.seg-kb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.seg-kb-cat-card {
  display: block;
  padding: 22px;
  transition: transform 220ms var(--seg-ease-standard), border-color 220ms var(--seg-ease-standard), box-shadow 220ms var(--seg-ease-standard);
}
.seg-kb-cat-card:hover {
  transform: translateY(-3px);
  border-color: rgba(122,162,255,0.24);
  box-shadow: var(--seg-shadow-hover);
}
.seg-kb-cat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.seg-kb-cat-icon {
  font-size: 20px;
  color: var(--seg-primary);
}
.seg-kb-cat-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--seg-primary-soft);
  color: #9ab6ff;
}
.seg-kb-cat-card h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 6px;
  color: var(--seg-text);
}
.seg-kb-cat-card p {
  font-size: 14px;
  color: var(--seg-text-soft);
  margin: 0;
  line-height: 1.5;
}

.seg-kb-popular {
  margin-top: 28px;
}
.seg-kb-popular .seg-module-title {
  font-family: "Azeret Mono", monospace;
  font-size: 18px;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
  color: var(--seg-text);
}

.seg-kb-article-list {
  display: grid;
  gap: 2px;
}
.seg-kb-article-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  color: var(--seg-text-soft);
  transition: background 180ms, border-color 180ms, color 180ms;
}
.seg-kb-article-item:hover {
  background: rgba(43,99,255,0.08);
  border-color: rgba(43,99,255,0.2);
  color: #fff;
}
.seg-kb-article-item i {
  color: var(--seg-text-muted);
  flex-shrink: 0;
}
.seg-kb-article-title {
  font-weight: 500;
  flex: 1;
}
.seg-kb-article-item small {
  display: none;
}
.seg-kb-empty {
  color: var(--seg-text-muted);
  font-style: italic;
}

/* === Article body === */
.seg-article-body {
  color: var(--seg-text-soft);
  font-size: 15px;
  line-height: 1.75;
}
.seg-article-body h1, .seg-article-body h2, .seg-article-body h3,
.seg-article-body h4, .seg-article-body h5 {
  color: var(--seg-text);
  margin-top: 28px;
  margin-bottom: 12px;
}
.seg-article-body a {
  color: var(--seg-primary);
}
.seg-article-body code {
  background: rgba(255,255,255,0.06);
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 13px;
}
.seg-article-body pre {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 18px;
  overflow-x: auto;
}
.seg-article-body img {
  max-width: 100%;
  border-radius: 12px;
}

.seg-article-feedback {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.seg-article-feedback h4 {
  color: var(--seg-text);
  font-size: 16px;
  margin: 0 0 14px;
}
.seg-vote-form {
  display: flex;
  gap: 10px;
}

/* Tag badge */
.seg-tag-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--seg-primary-soft);
  color: #9ab6ff;
}

/* === Announcements === */
.seg-announce-card {
  padding: 24px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.seg-announce-card:first-child {
  padding-top: 0;
}
.seg-announce-card:last-child {
  border-bottom: none;
}
.seg-announce-meta {
  margin-bottom: 8px;
}
.seg-announce-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--seg-text-muted);
  margin-right: 16px;
}
.seg-announce-title {
  font-family: "Azeret Mono", monospace;
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
  line-height: 1.2;
}
.seg-announce-title a {
  color: var(--seg-text);
  transition: color 180ms;
}
.seg-announce-title a:hover {
  color: var(--seg-primary);
}
.seg-announce-excerpt {
  color: var(--seg-text-soft);
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 14px;
}

/* Pagination */
.seg-pagination {
  display: flex;
  justify-content: center;
  padding: 12px 0 28px;
}

/* === Page actions (back buttons etc) === */
.seg-page-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0 28px;
}

/* === reCAPTCHA badge fix === */
.grecaptcha-badge {
  bottom: 80px !important;
  right: 16px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  z-index: 999 !important;
}

/* === Responsive === */
@media (max-width: 768px) {
  .seg-fields-grid {
    grid-template-columns: 1fr;
  }
  .seg-field-full {
    grid-column: 1;
  }
  .seg-card-grid-3 {
    grid-template-columns: 1fr;
  }
  .seg-kb-grid {
    grid-template-columns: 1fr;
  }
  .seg-search-bar {
    flex-direction: column;
  }
  .seg-form-actions-split {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .seg-page-hero-tight .seg-page-hero-panel {
    padding: 24px 20px;
  }
  .seg-page-hero-tight h1 {
    font-size: 24px;
  }
}

/* ============================================================
   GLOBAL PREMIUM DARK — Bootstrap element overrides
   One canonical block that ensures every card, panel, table,
   alert, modal, badge, button, and form element across all
   94 templates matches the segbytes premium dark aesthetic.
   ============================================================ */

/* --- Cards & Panels --- */
.card,
.panel,
.panel-default,
.panel-primary,
.panel-sidebar {
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18) !important;
  color: var(--seg-text-soft, rgba(245,247,251,0.72)) !important;
  overflow: hidden;
}
.card-header,
.panel-heading,
.panel-default > .panel-heading {
  background: rgba(255,255,255,0.03) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  color: var(--seg-text, #f5f7fb) !important;
  padding: 18px 24px !important;
}
.card-body,
.panel-body {
  padding: 24px !important;
  color: var(--seg-text-soft, rgba(245,247,251,0.72)) !important;
}
.card-footer,
.panel-footer {
  background: rgba(255,255,255,0.02) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: var(--seg-text-muted, rgba(245,247,251,0.52)) !important;
  padding: 14px 24px !important;
}
.card-title,
h3.card-title,
.panel-title {
  font-family: "Azeret Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--seg-primary, #2b63ff) !important;
  margin: 0 0 16px !important;
}

/* --- Tables --- */
.table,
.table-striped,
.table-bordered,
.table-hover,
table.dataTable {
  background: transparent !important;
  color: var(--seg-text-soft, rgba(245,247,251,0.72)) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.table thead th,
.table-striped thead th,
table.dataTable thead th {
  background: rgba(255,255,255,0.04) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  color: var(--seg-text-soft) !important;
  font-family: "Azeret Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
}
.table tbody td,
.table-striped tbody td,
table.dataTable tbody td {
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  padding: 14px 18px !important;
  color: var(--seg-text-soft) !important;
  vertical-align: middle !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: rgba(255,255,255,0.015) !important;
}
.table tbody tr:hover,
.table-hover tbody tr:hover,
table.dataTable tbody tr:hover {
  background: rgba(43,99,255,0.06) !important;
}
.table a {
  color: #94b0ff !important;
}
.table a:hover {
  color: #fff !important;
}

/* --- Alerts --- */
.alert {
  border-radius: 14px !important;
  border: 1px solid !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
}
.alert-info {
  background: rgba(43,99,255,0.08) !important;
  border-color: rgba(43,99,255,0.25) !important;
  color: #b3c8ff !important;
}
.alert-success {
  background: rgba(34,201,151,0.08) !important;
  border-color: rgba(34,201,151,0.25) !important;
  color: #a7f3d0 !important;
}
.alert-warning {
  background: rgba(251,191,36,0.08) !important;
  border-color: rgba(251,191,36,0.25) !important;
  color: #fde68a !important;
}
.alert-danger {
  background: rgba(239,68,68,0.08) !important;
  border-color: rgba(239,68,68,0.25) !important;
  color: #fca5a5 !important;
}

/* --- Modals --- */
.modal-content {
  background: linear-gradient(180deg, rgba(15,21,33,0.98), rgba(9,11,18,0.99)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.6) !important;
  color: var(--seg-text-soft) !important;
  backdrop-filter: blur(24px) !important;
}
.modal-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: 20px 24px !important;
}
.modal-header .modal-title,
.modal-header h4 {
  color: var(--seg-text, #f5f7fb) !important;
  font-family: "Azeret Mono", monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.modal-body {
  padding: 24px !important;
  color: var(--seg-text-soft) !important;
}
.modal-footer {
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding: 16px 24px !important;
}
.modal-header .close,
.modal-header .btn-close {
  color: var(--seg-text-muted) !important;
  opacity: 0.7 !important;
  text-shadow: none !important;
}

/* --- Buttons --- */
.btn {
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
  transition: all 180ms ease !important;
  border: 1px solid transparent !important;
}
.btn-primary {
  background: var(--seg-primary, #2b63ff) !important;
  border-color: var(--seg-primary, #2b63ff) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background: #4a82ff !important;
  border-color: #4a82ff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(43,99,255,0.3) !important;
}
.btn-default,
.btn-secondary,
.btn-outline-primary {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--seg-text-soft) !important;
}
.btn-default:hover,
.btn-secondary:hover,
.btn-outline-primary:hover {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.20) !important;
  color: #fff !important;
}
.btn-success {
  background: rgba(34,201,151,0.16) !important;
  border-color: rgba(34,201,151,0.4) !important;
  color: #a7f3d0 !important;
}
.btn-success:hover {
  background: rgba(34,201,151,0.28) !important;
  color: #fff !important;
}
.btn-danger {
  background: rgba(239,68,68,0.14) !important;
  border-color: rgba(239,68,68,0.35) !important;
  color: #fca5a5 !important;
}
.btn-danger:hover {
  background: rgba(239,68,68,0.25) !important;
  color: #fff !important;
}
.btn-info {
  background: rgba(43,99,255,0.14) !important;
  border-color: rgba(43,99,255,0.35) !important;
  color: #b3c8ff !important;
}
.btn-info:hover {
  background: rgba(43,99,255,0.25) !important;
  color: #fff !important;
}
.btn-warning {
  background: rgba(251,191,36,0.14) !important;
  border-color: rgba(251,191,36,0.35) !important;
  color: #fde68a !important;
}
.btn-sm {
  padding: 7px 14px !important;
  font-size: 12px !important;
  border-radius: 10px !important;
}
.btn-lg {
  padding: 14px 28px !important;
  font-size: 15px !important;
  border-radius: 14px !important;
}
.btn-block {
  width: 100% !important;
}

/* --- Badges & Labels --- */
.badge,
.label,
.label-info,
.label-default,
.label-primary,
.badge-info,
.badge-primary,
.badge-default {
  background: rgba(43,99,255,0.14) !important;
  color: #b3c8ff !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  letter-spacing: 0.04em !important;
}
.label-success,
.badge-success {
  background: rgba(34,201,151,0.14) !important;
  color: #a7f3d0 !important;
}
.label-danger,
.badge-danger {
  background: rgba(239,68,68,0.14) !important;
  color: #fca5a5 !important;
}
.label-warning,
.badge-warning {
  background: rgba(251,191,36,0.14) !important;
  color: #fde68a !important;
}

/* --- Form Controls (global) --- */
.form-control,
.custom-select,
select.form-control,
textarea.form-control {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  color: var(--seg-text, #f5f7fb) !important;
  height: 44px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  transition: border-color 180ms, box-shadow 180ms !important;
}
textarea.form-control {
  height: auto !important;
  min-height: 100px !important;
}
.form-control:focus,
.custom-select:focus {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(43,99,255,0.55) !important;
  box-shadow: 0 0 0 4px rgba(43,99,255,0.14) !important;
  color: var(--seg-text) !important;
  outline: none !important;
}
.form-control::placeholder {
  color: rgba(200,210,230,0.35) !important;
}
.col-form-label,
label.col-form-label,
.form-group > label,
.form-check label {
  color: var(--seg-text-soft, rgba(245,247,251,0.72)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* --- List Groups --- */
.list-group-item {
  background: transparent !important;
  border-color: rgba(255,255,255,0.06) !important;
  color: var(--seg-text-soft) !important;
  padding: 12px 18px !important;
  transition: background 180ms !important;
}
.list-group-item:hover,
.list-group-item-action:hover {
  background: rgba(43,99,255,0.06) !important;
  color: #fff !important;
}
.list-group-item.active {
  background: rgba(43,99,255,0.14) !important;
  border-color: rgba(43,99,255,0.3) !important;
  color: #fff !important;
}

/* --- Wells --- */
.well {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  color: var(--seg-text-soft) !important;
  padding: 18px !important;
  box-shadow: none !important;
}

/* --- Pagination --- */
.pagination .page-link,
.pagination > li > a,
.pagination > li > span {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: var(--seg-text-soft) !important;
  border-radius: 10px !important;
  margin: 0 3px !important;
  padding: 8px 14px !important;
}
.pagination .page-item.active .page-link,
.pagination > .active > a {
  background: rgba(43,99,255,0.2) !important;
  border-color: rgba(43,99,255,0.4) !important;
  color: #fff !important;
}
.pagination .page-link:hover,
.pagination > li > a:hover {
  background: rgba(43,99,255,0.1) !important;
  color: #fff !important;
}

/* --- Nav Tabs (inside clientarea) --- */
.nav-tabs {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.nav-tabs .nav-link,
.nav-tabs > li > a {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px 12px 0 0 !important;
  color: var(--seg-text-soft) !important;
  padding: 12px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  background: rgba(43,99,255,0.10) !important;
  border-color: rgba(43,99,255,0.3) rgba(43,99,255,0.3) transparent !important;
  color: #fff !important;
}

/* --- Dropdowns --- */
.dropdown-menu {
  background: rgba(15,21,33,0.97) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
  padding: 8px !important;
  backdrop-filter: blur(20px) !important;
}
.dropdown-item,
.dropdown-menu > li > a {
  color: var(--seg-text-soft) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu > li > a:hover {
  background: rgba(43,99,255,0.10) !important;
  color: #fff !important;
}

/* --- DataTables --- */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 10px !important;
  color: var(--seg-text) !important;
  height: 38px !important;
  padding: 4px 12px !important;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_info {
  color: var(--seg-text-muted) !important;
  font-size: 12px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: var(--seg-text-soft) !important;
  margin: 0 3px !important;
  padding: 6px 12px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(43,99,255,0.16) !important;
  border-color: rgba(43,99,255,0.35) !important;
  color: #fff !important;
}

/* --- Breadcrumbs --- */
.breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}
.breadcrumb-item,
.breadcrumb > li {
  color: var(--seg-text-muted) !important;
  font-size: 12px !important;
}
.breadcrumb-item a,
.breadcrumb > li > a {
  color: #94b0ff !important;
}
.breadcrumb-item.active {
  color: var(--seg-text-soft) !important;
}

/* --- Progress bars --- */
.progress {
  background: rgba(255,255,255,0.06) !important;
  border-radius: 999px !important;
  height: 8px !important;
  overflow: hidden !important;
}
.progress-bar {
  background: var(--seg-primary, #2b63ff) !important;
  border-radius: 999px !important;
}

/* --- Tooltips --- */
.tooltip-inner {
  background: rgba(15,21,33,0.95) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 10px !important;
  color: var(--seg-text) !important;
  font-size: 12px !important;
  padding: 8px 12px !important;
}

/* --- Generic text helpers --- */
.text-muted {
  color: var(--seg-text-muted, rgba(245,247,251,0.52)) !important;
}
.text-primary {
  color: var(--seg-primary, #2b63ff) !important;
}
.text-success {
  color: #22c997 !important;
}
.text-danger {
  color: #f87171 !important;
}
.text-warning {
  color: #fbbf24 !important;
}
.text-info {
  color: #94b0ff !important;
}
/* Generic link color — only for plain text links, not buttons */

/* --- Misc WHMCS elements --- */
.status-active,
.status-Active {
  color: #22c997 !important;
}
.status-pending,
.status-Pending {
  color: #fbbf24 !important;
}
.status-suspended,
.status-Suspended,
.status-terminated,
.status-Terminated,
.status-cancelled,
.status-Cancelled {
  color: #f87171 !important;
}

/* Ensure body/page background is always dark */
body.seg-theme {
  background: var(--seg-bg, #090b12) !important;
  color: var(--seg-text, #f5f7fb) !important;
}

/* Remove any white backgrounds leaking through */
.bg-light,
.bg-white {
  background: rgba(255,255,255,0.03) !important;
}
.border-light {
  border-color: rgba(255,255,255,0.08) !important;
}
hr {
  border-color: rgba(255,255,255,0.06) !important;
}

/* Service detail page */
.seg-service-body { color: rgba(245,247,251,0.72); font-size: 15px; line-height: 1.7; margin-bottom: 28px; }
.seg-service-body p { margin-bottom: 14px; }
.seg-service-features { margin-bottom: 24px; }
.seg-service-feature-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.seg-service-feature-list li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: rgba(245,247,251,0.72); }
.seg-service-feature-list svg { color: #2b63ff; flex-shrink: 0; }

/* WhatsApp button */
.seg-btn-whatsapp {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: rgba(37,211,102,0.1) !important;
  border: 1px solid rgba(37,211,102,0.3) !important;
  color: #25D366 !important;
  border-radius: 12px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: background 180ms !important;
}
.seg-btn-whatsapp:hover {
  background: rgba(37,211,102,0.2) !important;
  color: #25D366 !important;
}

/* Hide form field icons when input has content */
.seg-contact-form-wrap input:not(:placeholder-shown) + .sf-absolute,
.seg-contact-form-wrap .sf-relative input:not(:placeholder-shown) ~ span:first-of-type,
[data-seg-form] .sf-relative input:not(:placeholder-shown) ~ span:first-of-type { opacity: 0; }
/* Since icon is BEFORE input, use general sibling won't work. Use container query instead: */
[data-seg-form] .sf-relative > span.sf-absolute,
.seg-contact-form-wrap .sf-relative > span.sf-absolute { transition: opacity 200ms; }