/* =========================================================
   Little Moo Hosting - Clean WHMCS Theme CSS
   Replace: /templates/littlemoo/css/littlemoo-custom.css
========================================================= */

/* Brand / Base */
:root {
  --lmh-bg:#080611;
  --lmh-bg-2:#0D0A18;
  --lmh-black:#070707;
  --lmh-panel:#211A35;
  --lmh-panel-2:#151021;
  --lmh-purple:#6D4CDB;
  --lmh-purple-light:#9B82FF;
  --lmh-teal:#23B7AD;
  --lmh-teal-dark:#258983;
  --lmh-text:#F7F3FF;
  --lmh-muted:#CFC6E6;
  --lmh-soft:#BEB4D4;
  --lmh-border:rgba(155,130,255,.28);
  --lmh-shadow:0 24px 70px rgba(0,0,0,.38);
}

html,
body {
  min-height:100%;
  background:
    radial-gradient(circle at 15% 10%, rgba(109,76,219,.22), transparent 32%),
    radial-gradient(circle at 85% 0%, rgba(35,183,173,.12), transparent 30%),
    linear-gradient(180deg, var(--lmh-bg) 0%, var(--lmh-bg-2) 48%, var(--lmh-bg) 100%) !important;
  color:var(--lmh-text) !important;
}

body,
button,
input,
select,
textarea {
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

a { color:var(--lmh-purple-light); text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }

section#main-body {
  background:transparent !important;
  padding-top:34px !important;
  padding-bottom:70px !important;
}

section#main-body .container { max-width:1240px; }

.primary-content,
.main-content,
#main-body,
#wrapper,
.wrapper,
.master-container {
  background:transparent !important;
  color:var(--lmh-text) !important;
}

.text-muted,
small,
.help-block { color:var(--lmh-muted) !important; }

.btn,
button,
input,
select,
textarea,
.form-control { box-shadow:none !important; }

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea {
  background:rgba(255,255,255,.075) !important;
  color:var(--lmh-text) !important;
  border:1px solid rgba(155,130,255,.35) !important;
  border-radius:12px !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color:rgba(247,243,255,.55) !important;
  opacity:1 !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color:var(--lmh-purple-light) !important;
  box-shadow:0 0 0 3px rgba(155,130,255,.18) !important;
}

.btn-primary,
.btn-success,
button[type="submit"],
input[type="submit"] {
  background:linear-gradient(135deg, var(--lmh-purple), var(--lmh-purple-light)) !important;
  border:0 !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:900 !important;
}

.btn-default,
.btn-secondary,
.btn-light {
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(155,130,255,.32) !important;
  color:var(--lmh-text) !important;
  border-radius:999px !important;
  font-weight:800 !important;
}

.card,
.panel,
.panel-body,
.card-body {
  background:linear-gradient(180deg, rgba(33,26,53,.96), rgba(13,10,24,.98)) !important;
  color:var(--lmh-text) !important;
  border-color:var(--lmh-border) !important;
}

.alert-warning {
  background:rgba(255,199,77,.10) !important;
  border:1px solid rgba(255,199,77,.24) !important;
  color:#FFE8A3 !important;
}

.alert-warning * { color:#FFE8A3 !important; }

/* Header / Navigation */
.lmh-header {
  background:#070707 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.lmh-topbar,
.topbar,
#header .topbar {
  background:#171124 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  min-height:28px !important;
  padding:4px 0 !important;
}

.lmh-topbar .container,
.topbar .container {
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

.lmh-topbar .d-flex,
.topbar .d-flex {
  align-items:center !important;
  min-height:24px !important;
}

.lmh-topbar .btn,
.topbar .btn,
#accountNotifications {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  color:rgba(247,243,255,.78) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

#accountNotifications i {
  color:var(--lmh-teal) !important;
  margin-right:5px !important;
}

.lmh-topbar a,
.topbar a,
.lmh-topbar span,
.topbar span {
  color:rgba(247,243,255,.78) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.lmh-main-header-row {
  min-height:82px !important;
  padding:8px 0 !important;
  background:#070707 !important;
}

.lmh-header-container {
  display:flex !important;
  align-items:center !important;
  max-width:1180px !important;
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  gap:34px !important;
}

.lmh-navbar-brand {
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  padding:0 !important;
  margin:0 !important;
  width:auto !important;
  max-width:none !important;
  overflow:visible !important;
}

.lmh-navbar-brand .logo-img,
#header .logo-img {
  display:block !important;
  width:138px !important;
  max-width:138px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.lmh-navbar-collapse {
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  gap:22px !important;
}

.lmh-primary-nav {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 auto !important;
  margin:0 auto !important;
  gap:0 !important;
}

.lmh-primary-nav > li,
#nav > li { margin:0 16px !important; }

.lmh-primary-nav > li > a,
#nav > li > a,
#header .navbar-nav > li > a,
#header .navbar-nav .nav-link {
  padding:12px 0 !important;
  color:rgba(247,243,255,.86) !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
}

.lmh-primary-nav > li > a:hover,
#nav > li > a:hover,
.lmh-primary-nav > li.active > a,
#nav > li.active > a,
.lmh-primary-nav > li.open > a,
#nav > li.open > a,
#header a[href*="submitticket"],
#header a[href*="ticket"] {
  color:var(--lmh-teal) !important;
}

#header a[href*="submitticket"]:hover,
#header a[href*="ticket"]:hover {
  color:var(--lmh-purple-light) !important;
}

#Primary_Navbar-Domains,
#Primary_Navbar-Billing,
li[menuitemname="Domains"],
li[menuItemName="Domains"],
li[menuitemname="Billing"],
li[menuItemName="Billing"] {
  display:none !important;
}

.lmh-account-inline {
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
}

.lmh-account-inline > li { display:flex !important; align-items:center !important; }

.lmh-account-inline > li > a,
.lmh-account-inline .nav-link,
.lmh-account-inline a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:9px 16px !important;
  border-radius:9px !important;
  border:1px solid rgba(155,130,255,.35) !important;
  background:rgba(155,130,255,.16) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.lmh-account-inline > li > a:hover,
.lmh-account-inline .nav-link:hover,
.lmh-account-inline a:hover {
  background:var(--lmh-purple-light) !important;
  border-color:var(--lmh-purple-light) !important;
  color:#fff !important;
}

.lmh-toolbar {
  display:flex !important;
  align-items:center !important;
  flex-direction:row !important;
  flex:0 0 auto !important;
  gap:12px !important;
  margin:0 !important;
}

.lmh-toolbar > li { display:flex !important; align-items:center !important; margin:0 !important; }

.lmh-cart-btn,
.lmh-menu-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:40px !important;
  min-width:42px !important;
  padding:0 !important;
  border-radius:8px !important;
  border:1px solid rgba(35,183,173,.35) !important;
  background:rgba(35,183,173,.72) !important;
  color:#06110F !important;
  position:relative !important;
}

.lmh-cart-btn i,
.lmh-menu-btn i,
.lmh-cart-btn span:not(.badge),
.lmh-menu-btn span:not(.badge) { color:#06110F !important; }

.lmh-cart-btn:hover,
.lmh-menu-btn:hover {
  background:var(--lmh-teal) !important;
  border-color:var(--lmh-teal) !important;
  color:#06110F !important;
}

.lmh-cart-btn .badge {
  position:absolute !important;
  top:-7px !important;
  right:-7px !important;
  min-width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 5px !important;
  border-radius:999px !important;
  background:var(--lmh-purple-light) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
}

.lmh-account-inline .dropdown-menu,
.lmh-navbar-collapse .dropdown-menu {
  background:var(--lmh-panel-2) !important;
  border:1px solid rgba(155,130,255,.28) !important;
  border-radius:14px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.4) !important;
  padding:8px !important;
}

.lmh-account-inline .dropdown-item,
.lmh-navbar-collapse .dropdown-item {
  color:var(--lmh-text) !important;
  border-radius:10px !important;
}

.lmh-account-inline .dropdown-item:hover,
.lmh-navbar-collapse .dropdown-item:hover {
  background:rgba(35,183,173,.16) !important;
  color:#fff !important;
}

#header form[action*="knowledgebase"],
#header .search,
#header .input-group.search,
#inputKnowledgebaseSearch,
.master-breadcrumb,
.breadcrumb {
  display:none !important;
}

/* Dashboard */
.lmh-dashboard {
  max-width:1180px !important;
  margin:0 auto;
  padding:18px 18px 56px !important;
}

.lmh-dashboard-hero {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  margin-bottom:28px;
  padding:34px 36px !important;
  border-radius:24px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(35,183,173,.18), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(155,130,255,.20), transparent 38%),
    linear-gradient(135deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--lmh-shadow);
}

.lmh-client-hero__eyebrow {
  margin:0 0 12px;
  color:var(--lmh-muted) !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:900;
}

.lmh-dashboard-hero h1 {
  max-width:720px !important;
  margin:0 0 12px;
  color:#fff !important;
  font-size:clamp(34px, 4.5vw, 56px) !important;
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:950;
}

.lmh-dashboard-hero p {
  max-width:620px !important;
  margin:0;
  color:#D8D0EC !important;
  font-size:16px;
  line-height:1.65;
}

.lmh-dashboard-status {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.lmh-dashboard-status span {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px !important;
  padding:7px 11px !important;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(155,130,255,.22);
  color:var(--lmh-text) !important;
  font-size:11px !important;
  font-weight:800;
}

.lmh-dashboard-status i {
  color:var(--lmh-teal) !important;
  font-size:8px;
}

.lmh-dashboard-hero__actions {
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  min-width:280px;
}

.lmh-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px !important;
  padding:10px 18px !important;
  border-radius:999px;
  font-size:13px !important;
  font-weight:900;
  text-decoration:none !important;
}

.lmh-btn--primary {
  background:linear-gradient(135deg, var(--lmh-teal), #4B68E8) !important;
  color:#fff !important;
  border:0 !important;
}

.lmh-btn--ghost {
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(155,130,255,.32) !important;
  color:var(--lmh-text) !important;
}

.lmh-dashboard-cards {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:16px !important;
  margin-bottom:28px;
}

.lmh-dashboard-card {
  position:relative;
  display:flex;
  min-height:150px !important;
  flex-direction:column;
  justify-content:space-between;
  padding:22px;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(35,183,173,.14), transparent 34%),
    linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:var(--lmh-text) !important;
  text-decoration:none !important;
  box-shadow:0 20px 50px rgba(0,0,0,.34);
}

.lmh-dashboard-card__icon {
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:16px;
  background:rgba(35,183,173,.14);
  border:1px solid rgba(35,183,173,.28);
  color:var(--lmh-teal) !important;
}

.lmh-dashboard-card__label {
  margin-top:18px;
  color:var(--lmh-muted) !important;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.lmh-dashboard-card strong {
  display:block;
  margin-top:6px;
  color:#fff !important;
  font-size:34px !important;
  line-height:1;
  font-weight:950;
}

.lmh-dashboard-card small {
  display:block;
  margin-top:8px;
  color:var(--lmh-soft) !important;
  font-size:13px;
  font-weight:700;
}

.lmh-dashboard-panel {
  margin-bottom:24px;
  padding:24px;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:var(--lmh-text) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.34);
}

.dashboard-panel__header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.dashboard-panel__title {
  margin:0 0 6px;
  color:#fff !important;
  font-size:22px;
  font-weight:950;
  letter-spacing:-.03em;
}

.dashboard-home-panel__subtitle {
  margin:0;
  color:var(--lmh-soft) !important;
  font-size:14px;
  line-height:1.55;
}

.lmh-dashboard-table {
  margin:0;
  color:var(--lmh-text) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.lmh-dashboard-table thead th {
  background:rgba(155,130,255,.18) !important;
  color:var(--lmh-muted) !important;
  border:0 !important;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.lmh-dashboard-table tbody td {
  padding:18px 12px;
  vertical-align:middle;
  border-top:1px solid rgba(255,255,255,.1) !important;
  color:var(--lmh-text) !important;
  background:rgba(255,255,255,.035) !important;
}

.lmh-dashboard-table .btn,
.lmh-dashboard-panel .btn {
  min-height:30px !important;
  padding:7px 12px !important;
  font-size:11px !important;
  border-radius:999px !important;
}

.lmh-status-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
  border:1px solid rgba(35,183,173,.28);
  background:rgba(35,183,173,.12);
  color:var(--lmh-text) !important;
}

.lmh-status-pill--success,
.status-pill.success {
  border-color:rgba(80,210,150,.28) !important;
  background:rgba(80,210,150,.12) !important;
  color:#BDF5D8 !important;
}

.lmh-dashboard-bottom {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px !important;
}

.lmh-dashboard-bottom .lmh-dashboard-panel {
  min-height:138px !important;
}

.lmh-dashboard-bottom a { font-weight:850 !important; }

/* Homepage Cards */
.lm-home-section {
  max-width:1180px;
  margin:0 auto 46px;
  padding:0 20px;
}

.lm-section-eyebrow {
  margin:0 0 8px !important;
  text-align:center !important;
  color:var(--lmh-teal) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.lm-section-title {
  margin:0 0 24px !important;
  text-align:center;
  color:var(--lmh-text) !important;
  font-size:26px;
  font-weight:800;
  letter-spacing:-.035em !important;
}

.lm-section-intro {
  max-width:620px !important;
  margin:-12px auto 26px !important;
  color:rgba(247,243,255,.70) !important;
  text-align:center !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

.lm-product-grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.lm-product-card,
.lm-action-card {
  background:linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  color:var(--lmh-text) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.35);
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
}

.lm-product-card:hover,
.lm-action-card:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(155,130,255,.46) !important;
}

.lm-product-card {
  padding:30px 26px;
  text-align:center;
}

.lm-card-kicker {
  display:block !important;
  margin-bottom:10px !important;
  color:var(--lmh-teal) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.lm-product-card h3 {
  margin:0 0 12px;
  color:#fff !important;
  font-size:20px;
  font-weight:800;
}

.lm-product-card p {
  min-height:48px;
  margin:0 0 20px;
  color:var(--lmh-muted) !important;
  font-size:14px;
  line-height:1.5;
}

.lm-action-grid {
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:16px;
}

.lm-action-card {
  display:flex !important;
  min-height:150px !important;
  padding:22px 14px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:12px;
  text-align:center;
  text-decoration:none !important;
}

.lm-icon {
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border-radius:14px;
  background:rgba(35,183,173,.12);
  border:1px solid rgba(35,183,173,.22);
  color:var(--lmh-teal) !important;
}

.lm-action-card small {
  display:block !important;
  max-width:170px !important;
  margin-top:7px !important;
  color:rgba(247,243,255,.58) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.lm-account-grid {
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  max-width:900px !important;
  margin:0 auto !important;
}

a[href*="clientarea.php?action=domains"],
a[href*="clientarea.php?action=domains"] .lmh-card,
.lmh-portal-card[href*="clientarea.php?action=domains"],
.portal-card[href*="clientarea.php?action=domains"] {
  display:none !important;
}

.domain-checker-container,
.domain-checker-bg,
section#home-banner,
#home-banner,
.home-domain-search,
#domain-search {
  display:none !important;
}

/* Tables */
.table-container,
.dataTables_wrapper,
div.dataTables_wrapper { color:var(--lmh-text) !important; }

.dataTables_filter label {
  margin:0 !important;
  color:transparent !important;
  font-size:0 !important;
}

.dataTables_filter input,
input[type="search"] {
  width:260px !important;
  height:42px !important;
}

table.table,
.table {
  background:rgba(28,20,45,.85) !important;
  color:var(--lmh-text) !important;
  border:1px solid rgba(155,130,255,.24) !important;
  border-radius:16px !important;
  overflow:hidden;
}

table.table thead th,
.table thead th {
  background:rgba(48,33,82,.95) !important;
  color:var(--lmh-text) !important;
  border-color:rgba(155,130,255,.20) !important;
  font-weight:800 !important;
}

table.table tbody td,
.table tbody td {
  background:rgba(255,255,255,.045) !important;
  color:var(--lmh-text) !important;
  border-color:rgba(155,130,255,.16) !important;
  vertical-align:middle !important;
  padding:16px 14px !important;
}

table.table tbody tr:hover td,
.table tbody tr:hover td {
  background:rgba(35,183,173,.10) !important;
}

.pagination > li > a,
.pagination > li > span,
.page-item .page-link {
  background:rgba(255,255,255,.075) !important;
  color:var(--lmh-text) !important;
  border:1px solid rgba(155,130,255,.22) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.page-item.active .page-link {
  background:var(--lmh-teal-dark) !important;
  border-color:var(--lmh-teal-dark) !important;
  color:#fff !important;
}

/* Sidebars - Fixed Dark Version */
.sidebar .panel,
.sidebar .card,
.sidebar .list-group,
.panel-sidebar,
.panel-sidebar .panel,
.panel-sidebar .card,
.panel-sidebar .list-group {
  background:rgba(33,26,53,.96) !important;
  border:1px solid rgba(155,130,255,.30) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-shadow:0 18px 50px rgba(0,0,0,.24) !important;
}

.sidebar .panel-heading,
.sidebar .card-header,
.panel-sidebar .panel-heading,
.panel-sidebar .card-header,
[id^="Primary_Sidebar"] .panel-heading,
[id^="Secondary_Sidebar"] .panel-heading {
  background:rgba(33,26,53,.98) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(155,130,255,.24) !important;
  padding:15px 18px !important;
  font-size:16px !important;
  font-weight:950 !important;
}

.sidebar .panel-body,
.panel-sidebar .panel-body,
[id^="Primary_Sidebar"] .panel-body,
[id^="Secondary_Sidebar"] .panel-body {
  background:rgba(33,26,53,.96) !important;
  padding:0 !important;
}

.sidebar .list-group-item,
.sidebar a.list-group-item,
.panel-sidebar .list-group-item,
.panel-sidebar a.list-group-item,
#main-body .sidebar .list-group-item,
#main-body .sidebar a.list-group-item,
a[id^="Primary_Sidebar"].list-group-item,
a[id^="Secondary_Sidebar"].list-group-item,
.list-group-item[id^="Primary_Sidebar"],
.list-group-item[id^="Secondary_Sidebar"],
#main-body a[id^="Primary_Sidebar"].list-group-item,
#main-body a[id^="Secondary_Sidebar"].list-group-item,
#main-body .sidebar a[id^="Primary_Sidebar"],
#main-body .sidebar a[id^="Secondary_Sidebar"] {
  background:rgba(255,255,255,.055) !important;
  background-color:rgba(255,255,255,.055) !important;
  color:rgba(247,243,255,.92) !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  font-size:14px !important;
  font-weight:850 !important;
  padding:13px 16px !important;
}

.sidebar .list-group-item *,
.sidebar a.list-group-item *,
.panel-sidebar .list-group-item *,
.panel-sidebar a.list-group-item *,
a[id^="Primary_Sidebar"].list-group-item *,
a[id^="Secondary_Sidebar"].list-group-item *,
.list-group-item[id^="Primary_Sidebar"] *,
.list-group-item[id^="Secondary_Sidebar"] *,
#main-body .sidebar a[id^="Primary_Sidebar"] *,
#main-body .sidebar a[id^="Secondary_Sidebar"] * {
  color:rgba(247,243,255,.92) !important;
}

.sidebar .list-group-item:hover,
.sidebar a.list-group-item:hover,
.panel-sidebar .list-group-item:hover,
.panel-sidebar a.list-group-item:hover,
a[id^="Primary_Sidebar"].list-group-item:hover,
a[id^="Secondary_Sidebar"].list-group-item:hover,
.list-group-item[id^="Primary_Sidebar"]:hover,
.list-group-item[id^="Secondary_Sidebar"]:hover,
#main-body .sidebar a[id^="Primary_Sidebar"]:hover,
#main-body .sidebar a[id^="Secondary_Sidebar"]:hover {
  background:rgba(155,130,255,.18) !important;
  background-color:rgba(155,130,255,.18) !important;
  color:#fff !important;
}

.sidebar .list-group-item.active,
.sidebar a.list-group-item.active,
.panel-sidebar .list-group-item.active,
.panel-sidebar a.list-group-item.active,
a[id^="Primary_Sidebar"].list-group-item.active,
a[id^="Secondary_Sidebar"].list-group-item.active,
.list-group-item[id^="Primary_Sidebar"].active,
.list-group-item[id^="Secondary_Sidebar"].active {
  background:rgba(35,183,173,.18) !important;
  background-color:rgba(35,183,173,.18) !important;
  color:#fff !important;
}

.sidebar .badge,
.sidebar .label,
.panel-sidebar .badge,
.panel-sidebar .label,
[id^="Primary_Sidebar"] .badge,
[id^="Primary_Sidebar"] .label,
[id^="Secondary_Sidebar"] .badge,
[id^="Secondary_Sidebar"] .label,
a[id^="Primary_Sidebar"] .badge,
a[id^="Secondary_Sidebar"] .badge,
.list-group-item[id^="Primary_Sidebar"] .badge,
.list-group-item[id^="Secondary_Sidebar"] .badge {
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:900 !important;
}

.sidebar input[type="radio"],
.panel-sidebar input[type="radio"],
[id^="Primary_Sidebar"] input[type="radio"],
[id^="Secondary_Sidebar"] input[type="radio"],
a[id^="Primary_Sidebar"] input[type="radio"],
a[id^="Secondary_Sidebar"] input[type="radio"] {
  accent-color:var(--lmh-teal) !important;
}

/* Manage Services Page */
body[data-templatefile="clientareaproducts"] section#main-body,
body[data-templatefile="clientareaproducts"] #main-body {
  padding-top:42px !important;
}

body[data-templatefile="clientareaproducts"] #main-body .row {
  align-items:flex-start !important;
}

body[data-templatefile="clientareaproducts"] .sidebar {
  max-width:280px !important;
}

body[data-templatefile="clientareaproducts"] .primary-content {
  min-width:0 !important;
  color:var(--lmh-text) !important;
}

body[data-templatefile="clientareaproducts"] .table-container,
body[data-templatefile="clientareaproducts"] .dataTables_wrapper,
body[data-templatefile="clientareaproducts"] .table-responsive {
  width:100% !important;
  overflow-x:auto !important;
}

body[data-templatefile="clientareaproducts"] .dataTables_filter input,
body[data-templatefile="clientareaproducts"] input[type="search"] {
  height:44px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(155,130,255,.30) !important;
  color:#fff !important;
}

body[data-templatefile="clientareaproducts"] table.table,
body[data-templatefile="clientareaproducts"] .table {
  width:100% !important;
  min-width:720px !important;
  overflow:hidden !important;
  border-radius:20px !important;
  border:1px solid rgba(155,130,255,.26) !important;
  background:rgba(33,26,53,.92) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
}

body[data-templatefile="clientareaproducts"] table.table thead th,
body[data-templatefile="clientareaproducts"] .table thead th {
  background:rgba(48,33,82,.95) !important;
  color:#fff !important;
  border:0 !important;
  padding:16px 18px !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

body[data-templatefile="clientareaproducts"] table.table tbody td,
body[data-templatefile="clientareaproducts"] .table tbody td {
  background:rgba(255,255,255,.035) !important;
  color:rgba(247,243,255,.88) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding:20px 18px !important;
}

body[data-templatefile="clientareaproducts"] table.table tbody tr:hover td,
body[data-templatefile="clientareaproducts"] .table tbody tr:hover td {
  background:rgba(155,130,255,.10) !important;
}

body[data-templatefile="clientareaproducts"] table.table tbody td strong,
body[data-templatefile="clientareaproducts"] .table tbody td strong {
  color:#fff !important;
  font-weight:950 !important;
}

body[data-templatefile="clientareaproducts"] .label-success,
body[data-templatefile="clientareaproducts"] .badge-success,
body[data-templatefile="clientareaproducts"] .status-active {
  background:rgba(35,183,173,.18) !important;
  border:1px solid rgba(35,183,173,.35) !important;
  color:#BFFFFB !important;
  border-radius:999px !important;
  padding:6px 10px !important;
  font-weight:900 !important;
}

body[data-templatefile="clientareaproducts"] .pagination .page-link,
body[data-templatefile="clientareaproducts"] .pagination > li > a,
body[data-templatefile="clientareaproducts"] .pagination > li > span {
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(155,130,255,.24) !important;
  color:#fff !important;
}

body[data-templatefile="clientareaproducts"] .pagination .active .page-link,
body[data-templatefile="clientareaproducts"] .pagination > .active > a,
body[data-templatefile="clientareaproducts"] .pagination > .active > span {
  background:var(--lmh-teal) !important;
  border-color:var(--lmh-teal) !important;
  color:#06110F !important;
}

body[data-templatefile="clientareaproducts"] select {
  min-height:36px !important;
  border-radius:12px !important;
}

/* Order Form / Cart */
#order-standard_cart { color:var(--lmh-text) !important; }

#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart p,
#order-standard_cart li,
#order-standard_cart label,
#order-standard_cart span,
#order-standard_cart div,
#order-standard_cart small {
  color:inherit;
}

#order-standard_cart .products {
  display:grid !important;
  grid-template-columns:repeat(2, minmax(340px,1fr)) !important;
  gap:24px !important;
}

#order-standard_cart .products .product,
#order-standard_cart .product,
#order-standard_cart .product-info,
#order-standard_cart .product-configurable-options,
#order-standard_cart .view-cart-items,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .promo-code-cart-container {
  background:linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  border:1px solid rgba(155,130,255,.26) !important;
  border-radius:22px !important;
  color:var(--lmh-text) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.32) !important;
}

#order-standard_cart .products .product {
  width:100% !important;
  max-width:none !important;
  padding:26px !important;
  float:none !important;
  overflow:visible !important;
}

#order-standard_cart .products .product *,
#order-standard_cart .product-info *,
#order-standard_cart .order-summary * {
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4 {
  color:#fff !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}

#order-standard_cart .products .product .price,
#order-standard_cart .products .product .pricing,
#order-standard_cart .products .product .product-pricing {
  color:#fff !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

#order-standard_cart .btn-primary,
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #btnCheckout,
#order-standard_cart button[type="submit"] {
  min-height:44px !important;
  padding:10px 20px !important;
  background:linear-gradient(135deg, var(--lmh-teal), #4B68E8) !important;
  border:0 !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:900 !important;
}

#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless {
  border-color:rgba(155,130,255,.55) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
  display:inline-flex !important;
  background:linear-gradient(135deg, var(--lmh-purple), var(--lmh-purple-light)) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:10px 22px !important;
  font-weight:900 !important;
}

#order-standard_cart .row,
#order-standard_cart .col-md-3,
#order-standard_cart .col-md-6,
#order-standard_cart .col-md-9,
#order-standard_cart .col-sm-12,
#order-standard_cart .field-container,
#order-standard_cart .prepend-icon,
#order-standard_cart .append-icon {
  background:transparent !important;
}

#order-standard_cart .promo-code-cart-container {
  padding:18px !important;
}

#order-standard_cart .view-cart-items-header {
  border-radius:16px 16px 0 0 !important;
  border:1px solid rgba(155,130,255,.24) !important;
  background:rgba(35,183,173,.14) !important;
}

/* Product Details */
body[data-templatefile="clientareaproductdetails"] .panel,
body[data-templatefile="clientareaproductdetails"] .card,
body[data-templatefile="clientareaproductdetails"] .product-details,
body[data-templatefile="clientareaproductdetails"] .usage-stats,
body[data-templatefile="clientareaproductdetails"] .billing-overview,
body[data-templatefile="clientareaproductdetails"] .additional-info {
  background:rgba(28,20,45,.88) !important;
  border:1px solid rgba(155,130,255,.28) !important;
  border-radius:18px !important;
  color:var(--lmh-text) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.22) !important;
  overflow:hidden;
}

body[data-templatefile="clientareaproductdetails"] .panel-heading,
body[data-templatefile="clientareaproductdetails"] .card-header,
body[data-templatefile="clientareaproductdetails"] .panel-title {
  background:rgba(48,33,82,.95) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(155,130,255,.22) !important;
  font-weight:800 !important;
}

body[data-templatefile="clientareaproductdetails"] a {
  color:var(--lmh-purple-light) !important;
}

body[data-templatefile="clientareaproductdetails"] a:hover {
  color:#fff !important;
}

/* Support */
.ticket-departments,
.ticket-department,
.submit-ticket,
.submit-ticket-step,
#submitTicketContainer,
#submitTicketContainer .card,
#submitTicketContainer .card-body,
#submitTicketContainer .panel,
#submitTicketContainer .panel-body {
  background:linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  color:var(--lmh-text) !important;
  border:1px solid rgba(155,130,255,.26) !important;
  border-radius:22px !important;
  box-shadow:var(--lmh-shadow) !important;
}

.ticket-departments *,
.ticket-department *,
.submit-ticket *,
.submit-ticket-step *,
#submitTicketContainer * {
  color:var(--lmh-text) !important;
}

/* Footer */
#footer,
.footer,
section#footer {
  background:#05040B !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding:34px 0 30px !important;
  color:rgba(247,243,255,.68) !important;
}

#footer .container,
.footer .container,
section#footer .container {
  width:min(980px, calc(100% - 48px)) !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}

#footer .nav,
.footer .nav,
#footer ul.nav,
.footer ul.nav {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:22px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  float:none !important;
}

#footer .nav li,
.footer .nav li { margin:0 !important; }

#footer .nav-link,
.footer .nav-link,
#footer a,
.footer a {
  color:rgba(247,243,255,.72) !important;
  font-size:13px !important;
  font-weight:850 !important;
  text-decoration:none !important;
  padding:0 !important;
}

#footer .nav-link:hover,
.footer .nav-link:hover,
#footer a:hover,
.footer a:hover {
  color:var(--lmh-purple-light) !important;
}

#footer .list-inline,
.footer .list-inline {
  display:flex !important;
  justify-content:center !important;
  margin:0 0 18px !important;
  padding:0 !important;
  float:none !important;
}

#footer .btn,
.footer .btn {
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(155,130,255,.26) !important;
  color:#fff !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:800 !important;
  padding:7px 10px !important;
}

#footer .copyright,
.footer .copyright {
  display:block !important;
  width:100% !important;
  color:rgba(247,243,255,.60) !important;
  font-size:13px !important;
  line-height:1.5 !important;
  text-align:center !important;
  margin:0 !important;
  float:none !important;
}

#footer .float-lg-right,
.footer .float-lg-right,
#footer .float-right,
.footer .float-right {
  float:none !important;
}

.footer-group-line {
  display:inline-block;
  margin-left:8px;
  color:rgba(247,243,255,.72) !important;
}

/* Responsive */
@media (min-width:1200px) {
  .lmh-menu-btn,
  .lmh-mobile-menu-item,
  .lmh-mobile-account-nav { display:none !important; }

  .lmh-navbar-collapse { display:flex !important; }
}

@media (max-width:1100px) {
  .lmh-header-container { flex-wrap:wrap !important; }

  .lmh-menu-btn {
    display:inline-flex !important;
    margin-left:auto !important;
  }

  .lmh-navbar-collapse.collapse:not(.show) { display:none !important; }

  .lmh-navbar-collapse.collapse.show {
    display:block !important;
    width:100% !important;
  }

  .lmh-navbar-collapse {
    flex-basis:100% !important;
    width:100% !important;
    margin-top:14px !important;
    padding-top:14px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  .lmh-primary-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    display:block !important;
    width:100% !important;
  }

  .lmh-primary-nav > li,
  #nav > li,
  .lmh-account-inline > li,
  .lmh-toolbar > li {
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  .lmh-primary-nav > li > a,
  #nav > li > a {
    display:block !important;
    padding:12px 0 !important;
  }

  .lmh-account-inline {
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  .lmh-account-inline > li > a,
  .lmh-account-inline .nav-link,
  .lmh-account-inline a {
    width:100% !important;
    justify-content:flex-start !important;
    margin-bottom:8px !important;
  }
}

@media (max-width:1199px) {
  .auth-shell {
    width:min(100% - 32px, 860px) !important;
    grid-template-columns:1fr !important;
  }

  .auth-shell__hero-art { height:145px !important; }

  .lmh-dashboard-hero { grid-template-columns:1fr; }

  .lmh-dashboard-hero__actions {
    justify-content:flex-start;
    min-width:0;
  }

  .lmh-dashboard-cards { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  .lmh-dashboard-bottom { grid-template-columns:1fr; }
  .lm-product-grid { grid-template-columns:1fr; }
  .lm-action-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .lm-account-grid { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  #order-standard_cart .products { grid-template-columns:1fr !important; }
}

@media (max-width:991px) {
  body[data-templatefile="clientareaproducts"] #main-body {
    padding-top:24px !important;
  }

  body[data-templatefile="clientareaproducts"] #main-body > .container {
    width:min(100% - 24px, 1180px) !important;
    max-width:1180px !important;
  }

  body[data-templatefile="clientareaproducts"] #main-body .row {
    display:flex !important;
    flex-direction:column !important;
  }

  body[data-templatefile="clientareaproducts"] #main-body .col-lg-4,
  body[data-templatefile="clientareaproducts"] #main-body .col-xl-3,
  body[data-templatefile="clientareaproducts"] #main-body .col-lg-8,
  body[data-templatefile="clientareaproducts"] #main-body .col-xl-9,
  body[data-templatefile="clientareaproducts"] #main-body .primary-content {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  body[data-templatefile="clientareaproducts"] .sidebar {
    max-width:none !important;
    width:100% !important;
    margin-bottom:18px !important;
  }

  body[data-templatefile="clientareaproducts"] .dataTables_wrapper {
    margin-top:8px !important;
  }

  body[data-templatefile="clientareaproducts"] .dataTables_filter {
    width:100% !important;
    margin-bottom:16px !important;
  }

  body[data-templatefile="clientareaproducts"] .dataTables_filter input,
  body[data-templatefile="clientareaproducts"] input[type="search"] {
    width:100% !important;
    max-width:none !important;
  }

  body[data-templatefile="clientareaproducts"] .dataTables_length,
  body[data-templatefile="clientareaproducts"] .dataTables_info,
  body[data-templatefile="clientareaproducts"] .dataTables_paginate {
    text-align:left !important;
    margin-top:12px !important;
  }

  .lmh-dashboard-cards { grid-template-columns:1fr !important; }
  .lmh-dashboard-hero { padding:28px !important; }
}

@media (max-width:768px) {
  .dataTables_wrapper,
  .table-responsive { overflow-x:auto; }

  table.table { min-width:720px; }

  .auth-shell__features { grid-template-columns:1fr !important; }

  .auth-form__actions {
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .auth-submit-btn { width:100% !important; }
}

@media (max-width:640px) {
  section#main-body {
    padding-top:24px !important;
    padding-bottom:48px !important;
  }

  .lmh-navbar-brand .logo-img,
  #header .logo-img {
    width:118px !important;
    max-width:118px !important;
  }

  .lmh-cart-btn,
  .lmh-menu-btn {
    width:42px !important;
    height:40px !important;
    min-width:42px !important;
  }

  .auth-shell {
    width:calc(100% - 22px) !important;
    margin:14px auto 28px !important;
    gap:16px !important;
  }

  .auth-shell__intro,
  .auth-form {
    padding:20px !important;
    border-radius:20px !important;
  }

  .auth-shell__brand img,
  .auth-shell__logo { width:130px !important; }

  .auth-shell__title {
    font-size:30px !important;
    line-height:1 !important;
  }

  .auth-shell__copy { font-size:13px !important; }

  .auth-shell__hero-art {
    height:135px !important;
    margin:18px 0 !important;
  }

  .lmh-dashboard {
    padding-left:10px !important;
    padding-right:10px !important;
    padding-top:8px !important;
  }

  .lmh-dashboard-hero {
    padding:24px !important;
    border-radius:22px !important;
  }

  .lmh-dashboard-hero h1 { font-size:34px !important; }

  .lmh-dashboard-cards { grid-template-columns:1fr !important; }
  .lm-action-grid { grid-template-columns:1fr; }
  .lm-account-grid { grid-template-columns:1fr !important; }
  .lm-section-intro { margin-bottom:20px !important; }
  .lm-action-card { min-height:138px !important; }

  body[data-templatefile="clientareaproducts"] #main-body > .container {
    width:min(100% - 18px, 1180px) !important;
  }

  body[data-templatefile="clientareaproducts"] .sidebar .panel-heading,
  body[data-templatefile="clientareaproducts"] .sidebar .card-header {
    padding:13px 15px !important;
    font-size:15px !important;
  }

  body[data-templatefile="clientareaproducts"] .sidebar .list-group-item,
  body[data-templatefile="clientareaproducts"] .sidebar a.list-group-item {
    padding:12px 14px !important;
    font-size:13px !important;
  }

  body[data-templatefile="clientareaproducts"] table.table,
  body[data-templatefile="clientareaproducts"] .table,
  .lmh-dashboard-table {
    min-width:680px !important;
  }

  body[data-templatefile="clientareaproducts"] table.table thead th,
  body[data-templatefile="clientareaproducts"] .table thead th,
  body[data-templatefile="clientareaproducts"] table.table tbody td,
  body[data-templatefile="clientareaproducts"] .table tbody td {
    padding:14px 12px !important;
    font-size:13px !important;
  }

  #footer,
  .footer,
  section#footer,
  footer {
    padding:30px 0 28px !important;
  }

  #footer .container,
  .footer .container {
    width:min(100% - 28px, 980px) !important;
  }

  #footer .nav,
  .footer .nav,
  #footer ul.nav,
  .footer ul.nav {
    flex-direction:column !important;
    gap:10px !important;
    margin-bottom:18px !important;
  }

  .footer-group-line {
    display:block;
    margin-left:0;
    margin-top:6px;
  }
}
/* =========================================================
   Little Moo Hosting - Cart Page Final Dark Fix
========================================================= */

#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even),
#order-standard_cart .view-cart-items .item:nth-child(odd),
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-actions,
#order-standard_cart .view-cart-items .item .row,
#order-standard_cart .view-cart-items .item div,
#order-standard_cart .view-cart-items .item span,
#order-standard_cart .view-cart-items .item small {
  background: transparent !important;
  background-color: transparent !important;
  color: #F7F3FF !important;
}

#order-standard_cart .view-cart-items {
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(155, 130, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .96), rgba(13, 10, 24, .98)) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22) !important;
}

#order-standard_cart .view-cart-items-header {
  padding: 11px 16px !important;
  background: rgba(35, 183, 173, .12) !important;
  border-bottom: 1px solid rgba(155, 130, 255, .24) !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

#order-standard_cart .view-cart-items .item {
  padding: 18px 16px !important;
  background: rgba(255, 255, 255, .035) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

#order-standard_cart .view-cart-items .item strong,
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .price,
#order-standard_cart .view-cart-items .cycle {
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

#order-standard_cart .view-cart-items a {
  color: #23B7AD !important;
}

/* Empty cart button row */
#order-standard_cart .empty-cart {
  margin-top: 0 !important;
  padding: 18px !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(13, 10, 24, .92) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  border-top: 0 !important;
}

/* =========================================================
   Promo Code Block - Keep, but remove white WHMCS styling
========================================================= */

#order-standard_cart .promo-code-cart-container {
  display: block !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(155, 130, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .96), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22) !important;
  overflow: hidden !important;
}

/* Remove the white tab/header shell */
#order-standard_cart .promo-code-cart-container .nav,
#order-standard_cart .promo-code-cart-container .nav-tabs,
#order-standard_cart .promo-code-cart-container .card-header,
#order-standard_cart .promo-code-cart-container .panel-heading,
#order-standard_cart .promo-code-cart-container > label,
#order-standard_cart .promo-code-cart-container .tab-pane > label {
  display: none !important;
}

/* Kill all inner white wrappers */
#order-standard_cart .promo-code-cart-container,
#order-standard_cart .promo-code-cart-container *,
#order-standard_cart .promo-code-cart-container form,
#order-standard_cart .promo-code-cart-container .form-group,
#order-standard_cart .promo-code-cart-container .input-group,
#order-standard_cart .promo-code-cart-container .tab-content,
#order-standard_cart .promo-code-cart-container .tab-pane,
#order-standard_cart .promo-code-cart-container .card,
#order-standard_cart .promo-code-cart-container .card-body,
#order-standard_cart .promo-code-cart-container .panel,
#order-standard_cart .promo-code-cart-container .panel-body,
#order-standard_cart .promo-code-cart-container .well {
  background-color: transparent !important;
  background: transparent !important;
  border-color: rgba(155, 130, 255, .28) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

/* Promo input */
#order-standard_cart .promo-code-cart-container input,
#order-standard_cart .promo-code-cart-container input.form-control,
#order-standard_cart input[name="promocode"] {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 0 12px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

#order-standard_cart .promo-code-cart-container input::placeholder,
#order-standard_cart input[name="promocode"]::placeholder {
  color: rgba(247, 243, 255, .55) !important;
}

/* Hide promo icon prefix */
#order-standard_cart .promo-code-cart-container .input-group-prepend,
#order-standard_cart .promo-code-cart-container .input-group-text,
#order-standard_cart .promo-code-cart-container .input-group-addon {
  display: none !important;
}

/* Promo button */
#order-standard_cart .promo-code-cart-container .btn,
#order-standard_cart .promo-code-cart-container button,
#order-standard_cart .promo-code-cart-container input[type="submit"] {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}
/* =========================================================
   Little Moo Hosting - Promo Tab Content Hard Override
========================================================= */

#order-standard_cart .promo-code-cart-container .tab-content,
#order-standard_cart .promo-code-cart-container div.tab-content,
#order-standard_cart .promo-code-cart-container .tab-pane,
#order-standard_cart .promo-code-cart-container div.tab-pane {
  background: #211A35 !important;
  background-color: #211A35 !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  color: #FFFFFF !important;
}

/* Kill the white/grey promo tab strip */
#order-standard_cart .promo-code-cart-container .nav,
#order-standard_cart .promo-code-cart-container .nav-tabs,
#order-standard_cart .promo-code-cart-container .nav-item,
#order-standard_cart .promo-code-cart-container .nav-link,
#order-standard_cart .promo-code-cart-container .card-header,
#order-standard_cart .promo-code-cart-container .panel-heading {
  display: none !important;
}

/* Promo input and button */
#order-standard_cart .promo-code-cart-container input.form-control,
#order-standard_cart .promo-code-cart-container input[name="promocode"] {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}

#order-standard_cart .promo-code-cart-container .btn,
#order-standard_cart .promo-code-cart-container button {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}
/* =========================================================
   Little Moo Hosting - Bespoke Promo Box
========================================================= */

#order-standard_cart .lmh-promo-box {
  margin-top: 20px !important;
  padding: 20px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(155, 130, 255, .14), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .32) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .24) !important;
}

#order-standard_cart .lmh-promo-box__header {
  margin-bottom: 14px !important;
}

#order-standard_cart .lmh-promo-box__header span {
  display: block !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

#order-standard_cart .lmh-promo-box__header small {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(247, 243, 255, .62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

#order-standard_cart .lmh-promo-box__form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  gap: 12px !important;
  align-items: center !important;
}

#order-standard_cart .lmh-promo-box input.form-control {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

#order-standard_cart .lmh-promo-box input.form-control::placeholder {
  color: rgba(247, 243, 255, .52) !important;
}

#order-standard_cart .lmh-promo-box__button {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
  padding: 0 20px !important;
}

@media (max-width: 640px) {
  #order-standard_cart .lmh-promo-box__form {
    grid-template-columns: 1fr !important;
  }

  #order-standard_cart .lmh-promo-box__button {
    width: 100% !important;
  }
}
/* =========================================================
   Little Moo Hosting - Final Checkout Page Dark Fix
========================================================= */

#order-standard_cart .checkout-security-msg,
#order-standard_cart .order-summary,
#order-standard_cart .account-select-container,
#order-standard_cart .account-select-container *,
#order-standard_cart .cc-input-container,
#order-standard_cart .cc-input-container *,
#order-standard_cart .payment-methods,
#order-standard_cart .payment-methods *,
#order-standard_cart .checkout-form,
#order-standard_cart .checkout-form *,
#order-standard_cart .sub-heading-borderless,
#order-standard_cart .sub-heading,
#order-standard_cart .form-group,
#order-standard_cart .form-check,
#order-standard_cart .radio,
#order-standard_cart .checkbox {
  color: #F7F3FF !important;
}

#order-standard_cart .account-select-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .payment-methods,
#order-standard_cart .checkout-security-msg {
  background:
    radial-gradient(circle at 12% 0%, rgba(155, 130, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .96), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  border-radius: 18px !important;
  color: #F7F3FF !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22) !important;
}

/* Kill white panels inside checkout */
#order-standard_cart .account-select-container .account,
#order-standard_cart .account-select-container label,
#order-standard_cart .account-select-container div,
#order-standard_cart .cc-input-container .row,
#order-standard_cart .cc-input-container div,
#order-standard_cart .payment-methods div,
#order-standard_cart .payment-methods label {
  background: transparent !important;
  background-color: transparent !important;
}

/* Existing account / create account rows */
#order-standard_cart .account-select-container label,
#order-standard_cart .account-select-container .account {
  display: block !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

#order-standard_cart .account-select-container label:last-child,
#order-standard_cart .account-select-container .account:last-child {
  border-bottom: 0 !important;
}

/* Payment success / total due strip */
#order-standard_cart .total-due-today,
#order-standard_cart .total-due-today-padded {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .30) !important;
  color: #DFFFFC !important;
  border-radius: 14px !important;
}

/* Stripe card area */
#order-standard_cart .cc-input-container {
  padding: 22px !important;
}

#order-standard_cart .cc-input-container input,
#order-standard_cart .cc-input-container .form-control,
#order-standard_cart .cc-input-container iframe,
#order-standard_cart .cc-input-container .StripeElement {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
}

/* Notes textarea */
#order-standard_cart textarea[name="notes"],
#order-standard_cart textarea {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
}

/* Terms checkbox */
#order-standard_cart input[type="checkbox"],
#order-standard_cart input[type="radio"] {
  accent-color: #23B7AD !important;
}

#order-standard_cart label[for*="accepttos"],
#order-standard_cart .accepttos,
#order-standard_cart .checkbox label {
  color: rgba(247, 243, 255, .78) !important;
}

/* Complete order button */
#order-standard_cart #btnCompleteOrder,
#order-standard_cart .btn-complete-order,
#order-standard_cart button[type="submit"] {
  min-height: 48px !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

/* IP warning box */
#order-standard_cart .checkout-security-msg {
  margin-top: 20px !important;
  padding: 14px 18px !important;
  background: rgba(255, 199, 77, .10) !important;
  border-color: rgba(255, 199, 77, .28) !important;
  color: #FFE8A3 !important;
}

#order-standard_cart .checkout-security-msg * {
  color: #FFE8A3 !important;
}

/* Mobile */
@media (max-width: 768px) {
  #order-standard_cart .cc-input-container {
    padding: 18px !important;
  }

  #order-standard_cart #btnCompleteOrder,
  #order-standard_cart .btn-complete-order,
  #order-standard_cart button[type="submit"] {
    width: 100% !important;
  }
}
/* =========================================================
   Little Moo Hosting - Checkout Total Strip Final Polish
========================================================= */

#order-standard_cart .total-due-today,
#order-standard_cart .total-due-today-padded,
#order-standard_cart .prepend-icon .field,
#order-standard_cart .checkout .total-due-today {
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 183, 173, .14), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(35, 183, 173, .35) !important;
  color: #F7F3FF !important;
  border-radius: 14px !important;
}

#order-standard_cart .total-due-today *,
#order-standard_cart .total-due-today-padded * {
  color: #F7F3FF !important;
}
/* =========================================================
   Little Moo Hosting - Checkout Green Alert Strip Override
   Targets WHMCS alert-success on final checkout
========================================================= */

#order-standard_cart .alert-success,
#order-standard_cart .alert.alert-success,
#order-standard_cart .checkout .alert-success,
#order-standard_cart div.alert-success,
#order-standard_cart .payment-details .alert-success,
#order-standard_cart .sub-heading + .alert-success,
#order-standard_cart .sub-heading-borderless + .alert-success {
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 183, 173, .14), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  background-color: #211A35 !important;
  border: 1px solid rgba(35, 183, 173, .35) !important;
  color: #F7F3FF !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

#order-standard_cart .alert-success *,
#order-standard_cart .alert.alert-success *,
#order-standard_cart div.alert-success * {
  color: #F7F3FF !important;
}

/* If WHMCS uses inline background styles */
#order-standard_cart [style*="background-color: #d4edda"],
#order-standard_cart [style*="background:#d4edda"],
#order-standard_cart [style*="background-color:#d4edda"],
#order-standard_cart [style*="background: #d4edda"],
#order-standard_cart [style*="background-color: rgb(212, 237, 218)"],
#order-standard_cart [style*="background: rgb(212, 237, 218)"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 183, 173, .14), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  background-color: #211A35 !important;
  border: 1px solid rgba(35, 183, 173, .35) !important;
  color: #F7F3FF !important;
  border-radius: 14px !important;
}
/* =========================================================
   Little Moo Hosting - Order Confirmation Page Polish
========================================================= */

#order-standard_cart .order-confirmation,
#order-standard_cart .order-confirmation-message,
#order-standard_cart .alert-info,
#order-standard_cart .alert.alert-info,
#order-standard_cart .alert-success,
#order-standard_cart .alert.alert-success {
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 183, 173, .14), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(35, 183, 173, .35) !important;
  color: #F7F3FF !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

#order-standard_cart .order-confirmation *,
#order-standard_cart .order-confirmation-message *,
#order-standard_cart .alert-info *,
#order-standard_cart .alert.alert-info *,
#order-standard_cart .alert-success *,
#order-standard_cart .alert.alert-success * {
  color: #F7F3FF !important;
}

#order-standard_cart .order-confirmation strong,
#order-standard_cart .order-confirmation-message strong,
#order-standard_cart .alert-info strong,
#order-standard_cart .alert-success strong {
  color: #FFFFFF !important;
}
/* =========================================================
   Little Moo Hosting - Register / Checkout Dropdown Fix
========================================================= */

.select2-container,
.select2-container--default {
  color: #F7F3FF !important;
}

.select2-container--default .select2-selection--single {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(155, 130, 255, .45) !important;
  border-radius: 10px !important;
  height: 38px !important;
  color: #F7F3FF !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #F7F3FF !important;
  line-height: 36px !important;
  padding-left: 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
}

.select2-dropdown {
  background: #151024 !important;
  border: 1px solid rgba(155, 130, 255, .45) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  color: #F7F3FF !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45) !important;
}

.select2-results__option {
  background: #151024 !important;
  color: #F7F3FF !important;
  padding: 9px 14px !important;
}

.select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  color: #FFFFFF !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(109, 76, 219, .45) !important;
  color: #FFFFFF !important;
}

.select2-search--dropdown {
  background: #151024 !important;
  padding: 8px !important;
}

.select2-search--dropdown .select2-search__field {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(155, 130, 255, .45) !important;
  color: #F7F3FF !important;
  border-radius: 8px !important;
}
/* =========================================================
   Little Moo Hosting - Strong Select / County Dropdown Fix
========================================================= */

body .select2-container {
  z-index: 999999 !important;
}

body .select2-container--open .select2-dropdown,
body .select2-dropdown,
body .select2-results,
body .select2-results__options {
  background: #151024 !important;
  background-color: #151024 !important;
  border-color: rgba(155, 130, 255, .55) !important;
  color: #F7F3FF !important;
}

body .select2-dropdown {
  border: 1px solid rgba(155, 130, 255, .55) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .65) !important;
}

body .select2-results__option {
  background: #151024 !important;
  background-color: #151024 !important;
  color: #F7F3FF !important;
  opacity: 1 !important;
}

body .select2-results__option[aria-selected="true"],
body .select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(109, 76, 219, .55) !important;
  background-color: rgba(109, 76, 219, .55) !important;
  color: #FFFFFF !important;
}

body .select2-results__option--highlighted,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  background-color: #6D4CDB !important;
  color: #FFFFFF !important;
}

body .select2-search--dropdown,
body .select2-search--dropdown .select2-search__field {
  background: #151024 !important;
  background-color: #151024 !important;
  color: #F7F3FF !important;
}

body .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(155, 130, 255, .55) !important;
  border-radius: 8px !important;
}

body .select2-container--default .select2-selection--single {
  background: rgba(255, 255, 255, .07) !important;
  background-color: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .55) !important;
  color: #F7F3FF !important;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #F7F3FF !important;
}

body .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(247, 243, 255, .65) !important;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #F7F3FF transparent transparent transparent !important;
}
/* =========================================================
   Little Moo Hosting - Announcement View
========================================================= */

.lmh-announcement-view {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px 60px;
}

.lmh-announcement-card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .12), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98));
  border: 1px solid rgba(155, 130, 255, .28);
  border-radius: 22px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
  padding: 34px;
  color: #F7F3FF;
}

.lmh-announcement-header {
  border-bottom: 1px solid rgba(155, 130, 255, .18);
  padding-bottom: 24px;
  margin-bottom: 28px;
}

.lmh-kicker {
  margin: 0 0 10px;
  color: #23B7AD;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.lmh-announcement-header h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(30px, 5vw, 54px);
  line-height: .98;
  letter-spacing: -.05em;
  font-weight: 950;
}

.lmh-announcement-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 18px;
  color: rgba(247, 243, 255, .72);
  font-weight: 750;
  font-size: 14px;
}

.lmh-announcement-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.lmh-announcement-meta i {
  color: #9B82FF;
}

.lmh-share {
  margin-top: 18px;
}

.lmh-announcement-content {
  color: rgba(247, 243, 255, .84);
  font-size: 16px;
  line-height: 1.75;
}

.lmh-announcement-content h1,
.lmh-announcement-content h2,
.lmh-announcement-content h3,
.lmh-announcement-content h4 {
  color: #FFFFFF;
  margin-top: 28px;
  margin-bottom: 12px;
  line-height: 1.1;
  letter-spacing: -.03em;
}

.lmh-announcement-content p {
  margin-bottom: 18px;
}

.lmh-announcement-content a {
  color: #9B82FF;
  font-weight: 850;
  text-decoration: none;
}

.lmh-announcement-content a:hover {
  color: #23B7AD;
}

.lmh-announcement-content ul,
.lmh-announcement-content ol {
  padding-left: 22px;
  margin-bottom: 22px;
}

.lmh-announcement-content li {
  margin-bottom: 8px;
}

.lmh-announcement-content img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgba(155, 130, 255, .22);
}

.lmh-social-box,
.lmh-comments-card {
  margin-top: 24px;
}

.lmh-announcement-actions {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.lmh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.lmh-btn-secondary {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(155, 130, 255, .38);
  color: #F7F3FF !important;
}

.lmh-btn-secondary:hover {
  transform: translateY(-1px);
  border-color: rgba(35, 183, 173, .65);
  background: rgba(109, 76, 219, .22);
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-announcement-view {
    padding: 20px 12px 42px;
  }

  .lmh-announcement-card {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .lmh-announcement-header h1 {
    font-size: 34px;
  }

  .lmh-announcement-actions {
    flex-direction: column;
  }

  .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Announcements List Page
========================================================= */

.announcement-single,
.announcement-single.card,
.announcement-single .card,
.announcement-single .card-body,
.announcement-list,
.announcements,
.view-announcement,
#announcement,
#announcements {
  background: transparent !important;
  color: #F7F3FF !important;
}

.card,
.card-body {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  color: #F7F3FF !important;
}

.card *,
.card-body * {
  color: inherit;
}

.announcement-single h1,
.announcement-single h2,
.announcement-single h3,
.announcement-single a,
.announcements h1,
.announcements h2,
.announcements h3,
.announcements a {
  color: #9B82FF !important;
}

.announcement-single .text-muted,
.announcements .text-muted,
.card .text-muted {
  color: rgba(247, 243, 255, .72) !important;
}

.announcement-single p,
.announcements p,
.card p {
  color: rgba(247, 243, 255, .84) !important;
}

.announcement-single .announcement-content,
.announcement-single .article-content,
.announcement-single .py-5,
.announcements .announcement-content,
.announcements .article-content,
.announcements .py-5,
.card .announcement-content,
.card .article-content,
.card .py-5 {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(155, 130, 255, .18) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  color: rgba(247, 243, 255, .86) !important;
}

.btn.btn-default,
.btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.btn.btn-default:hover,
.btn-default:hover {
  background: rgba(109, 76, 219, .28) !important;
  border-color: rgba(35, 183, 173, .65) !important;
  color: #FFFFFF !important;
}
/* =========================================================
   Little Moo Hosting - Announcements Index
========================================================= */

.lmh-announcements-index {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px 60px;
}

.lmh-page-card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98));
  border: 1px solid rgba(155, 130, 255, .28);
  border-radius: 22px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
  padding: 34px;
  color: #F7F3FF;
}

.lmh-page-header {
  border-bottom: 1px solid rgba(155, 130, 255, .18);
  padding-bottom: 22px;
  margin-bottom: 26px;
}

.lmh-page-header h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(34px, 5vw, 58px);
  line-height: .95;
  letter-spacing: -.05em;
  font-weight: 950;
}

.lmh-page-header p:not(.lmh-kicker) {
  margin: 12px 0 0;
  color: rgba(247, 243, 255, .72);
  font-weight: 650;
}

.lmh-announcement-list {
  display: grid;
  gap: 18px;
}

.lmh-announcement-item {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 24px;
  color: #F7F3FF;
}

.lmh-announcement-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 10px;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  font-weight: 750;
}

.lmh-announcement-item-meta i {
  color: #23B7AD;
}

.lmh-announcement-item h2 {
  margin: 0 0 12px;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.lmh-announcement-item h2 a {
  color: #9B82FF !important;
  text-decoration: none !important;
}

.lmh-announcement-item h2 a:hover {
  color: #23B7AD !important;
}

.lmh-announcement-excerpt {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(155, 130, 255, .14);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 18px;
  color: rgba(247, 243, 255, .82);
  line-height: 1.65;
}

.lmh-empty-state {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 28px;
  text-align: center;
}

.lmh-empty-state h2 {
  color: #FFFFFF;
  margin: 0 0 8px;
}

.lmh-empty-state p {
  color: rgba(247, 243, 255, .72);
  margin: 0;
}

@media (max-width: 768px) {
  .lmh-announcements-index {
    padding: 20px 12px 42px;
  }

  .lmh-page-card {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .lmh-page-header h1 {
    font-size: 38px;
  }

  .lmh-announcement-item {
    padding: 20px;
  }
}
/* =========================================================
   Little Moo Hosting - Announcement Content White Box Fix
========================================================= */

body .announcements article,
body .announcements article *,
body .announcements .announcement,
body .announcements .announcement *,
body .announcements .announcement article,
body .announcements .announcement article *,
body .announcements div[style],
body .announcements p[style],
body .announcements span[style] {
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(247, 243, 255, .86) !important;
  border-color: rgba(155, 130, 255, .20) !important;
}

body .announcements article {
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 183, 173, .13), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  margin: 18px 0 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .26) !important;
}

body .announcements article p,
body .announcements article div,
body .announcements article span {
  color: rgba(247, 243, 255, .86) !important;
}

body .announcements article br {
  display: none;
}
/* =========================================================
   Little Moo Hosting - 3D Secure Payment Page
========================================================= */

.lmh-3ds-page {
  max-width: 920px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-3ds-card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .13), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98));
  border: 1px solid rgba(155, 130, 255, .30);
  border-radius: 22px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .30);
  padding: 34px;
  color: #F7F3FF;
}

.lmh-3ds-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px;
}

.lmh-3ds-header h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(34px, 5vw, 58px);
  line-height: .95;
  letter-spacing: -.05em;
  font-weight: 950;
}

.lmh-3ds-header p:not(.lmh-kicker) {
  margin: 14px auto 0;
  color: rgba(247, 243, 255, .74);
  font-weight: 650;
  line-height: 1.6;
}

.lmh-3ds-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .38);
  color: #F7F3FF;
  border-radius: 16px;
  padding: 14px 18px;
  margin: 0 auto 22px;
  font-weight: 850;
  text-align: center;
}

.lmh-3ds-alert i {
  color: #23B7AD;
}

.lmh-3ds-frame-wrap {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .24);
  border-radius: 18px;
  padding: 14px;
  overflow: hidden;
}

.lmh-3ds-frame {
  width: 100%;
  min-height: 500px;
  background: #FFFFFF;
  border: 0;
  border-radius: 12px;
}

.lmh-3ds-note {
  margin: 18px 0 0;
  color: rgba(247, 243, 255, .66);
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}

@media (max-width: 768px) {
  .lmh-3ds-page {
    padding: 22px 12px 48px;
  }

  .lmh-3ds-card {
    padding: 24px 18px;
    border-radius: 18px;
  }

  .lmh-3ds-header h1 {
    font-size: 36px;
  }

  .lmh-3ds-alert {
    align-items: flex-start;
    text-align: left;
  }

  .lmh-3ds-frame-wrap {
    padding: 10px;
  }

  .lmh-3ds-frame {
    min-height: 520px;
  }
}
/* =========================================================
   Little Moo Hosting - Subaccount Permission Denied
========================================================= */

.lmh-permission-page {
  max-width: 820px;
  margin: 0 auto;
  padding: 42px 18px 72px;
}

.lmh-permission-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 183, 173, .14), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98));
  border: 1px solid rgba(155, 130, 255, .30);
  border-radius: 24px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .32);
  padding: 42px 36px;
  color: #F7F3FF;
  text-align: center;
}

.lmh-permission-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: rgba(35, 183, 173, .13);
  border: 1px solid rgba(35, 183, 173, .42);
  color: #23B7AD;
  font-size: 28px;
}

.lmh-permission-card h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(38px, 6vw, 68px);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 950;
}

.lmh-permission-message {
  max-width: 620px;
  margin: 16px auto 0;
  color: rgba(247, 243, 255, .78);
  font-size: 17px;
  line-height: 1.6;
  font-weight: 650;
}

.lmh-permission-box {
  margin: 28px auto 0;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 22px;
  text-align: left;
}

.lmh-permission-box h2 {
  margin: 0 0 14px;
  color: #FFFFFF;
  font-size: 20px;
  letter-spacing: -.03em;
}

.lmh-permission-list {
  display: grid;
  gap: 10px;
}

.lmh-permission-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .16);
  border-radius: 12px;
  padding: 12px 14px;
  color: rgba(247, 243, 255, .86);
  font-weight: 750;
}

.lmh-permission-item i {
  color: #23B7AD;
}

.lmh-permission-note {
  max-width: 620px;
  margin: 22px auto 0;
  color: rgba(247, 243, 255, .68);
  font-weight: 650;
  line-height: 1.55;
}

.lmh-permission-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.lmh-btn-primary {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #FFFFFF !important;
}

.lmh-btn-primary:hover {
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(109, 76, 219, .28);
}

@media (max-width: 768px) {
  .lmh-permission-page {
    padding: 26px 12px 50px;
  }

  .lmh-permission-card {
    padding: 30px 20px;
    border-radius: 20px;
  }

  .lmh-permission-card h1 {
    font-size: 46px;
  }

  .lmh-permission-actions {
    flex-direction: column;
  }

  .lmh-permission-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Billing Contact Selector
========================================================= */

.lmh-billing-contacts {
  display: grid;
  gap: 12px;
  margin: 16px 0;
}

.lmh-billing-contact {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 16px;
  padding: 16px;
  color: #F7F3FF;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.lmh-billing-contact:hover {
  background: rgba(109, 76, 219, .14);
  border-color: rgba(35, 183, 173, .55);
  transform: translateY(-1px);
}

.lmh-billing-contact-content {
  display: grid;
  gap: 5px;
  flex: 1;
}

.lmh-billing-contact .name {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
}

.lmh-billing-address {
  display: block;
  color: rgba(247, 243, 255, .72);
  font-size: 14px;
  line-height: 1.55;
}

.lmh-billing-contact .iradio_square-blue,
.lmh-billing-contact .icheckbox_square-blue {
  margin-top: 2px;
}

@media (max-width: 768px) {
  .lmh-billing-contact {
    padding: 14px;
    border-radius: 14px;
  }
}
/* =========================================================
   Little Moo Hosting - Manage Payment Method Page
========================================================= */

.frm-credit-card-input,
#frmManagePaymentMethod {
  color: #F7F3FF;
}

#frmManagePaymentMethod .form-group.row {
  align-items: center;
  margin-bottom: 20px;
}

#frmManagePaymentMethod label,
#frmManagePaymentMethod .control-label {
  color: rgba(247, 243, 255, .78) !important;
  font-weight: 850;
  font-size: 14px;
}

#frmManagePaymentMethod .form-check,
#frmManagePaymentMethod .form-check-inline {
  color: rgba(247, 243, 255, .86) !important;
  font-weight: 750;
  margin-right: 18px;
}

#frmManagePaymentMethod .form-control,
#frmManagePaymentMethod select,
#frmManagePaymentMethod textarea {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

#frmManagePaymentMethod .form-control:focus,
#frmManagePaymentMethod select:focus,
#frmManagePaymentMethod textarea:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

#frmManagePaymentMethod .input-group-text {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .32) !important;
  color: rgba(247, 243, 255, .72) !important;
  border-radius: 0 12px 12px 0 !important;
  font-weight: 800;
}

#frmManagePaymentMethod .fieldgroup-creditcard,
#frmManagePaymentMethod .fieldgroup-bankaccount,
#frmManagePaymentMethod .fieldgroup-auxfields,
#frmManagePaymentMethod .fieldgroup-loading {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 22px;
  margin-top: 20px;
}

#frmManagePaymentMethod .fieldgroup-loading {
  color: rgba(247, 243, 255, .78);
  font-weight: 850;
}

#frmManagePaymentMethod .field-error-msg {
  color: #ff9aa8 !important;
  font-weight: 800;
  font-size: 13px;
  margin-top: 7px;
}

#frmManagePaymentMethod .has-error .form-control,
#frmManagePaymentMethod .form-control.error {
  border-color: rgba(220, 53, 69, .75) !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, .12) !important;
}

#frmManagePaymentMethod .gateway-errors,
#frmManagePaymentMethod .assisted-cc-input-feedback {
  background: rgba(255, 193, 7, .12) !important;
  border: 1px solid rgba(255, 193, 7, .42) !important;
  color: #fff3cd !important;
  border-radius: 16px !important;
  font-weight: 850;
}

#frmManagePaymentMethod #cvvWhereLink {
  color: #9B82FF !important;
  font-weight: 850;
  text-decoration: none !important;
}

#frmManagePaymentMethod #cvvWhereLink:hover {
  color: #23B7AD !important;
}

#frmManagePaymentMethod .submit-container {
  margin-top: 24px;
}

#frmManagePaymentMethod .submit-container .btn,
#frmManagePaymentMethod .btn.btn-default,
#frmManagePaymentMethod .btn.btn-primary {
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 10px 18px !important;
}

#frmManagePaymentMethod .btn.btn-primary {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

#frmManagePaymentMethod .btn.btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
}

#frmManagePaymentMethod .btn.btn-default:hover,
#frmManagePaymentMethod .btn.btn-primary:hover {
  transform: translateY(-1px);
  color: #FFFFFF !important;
}

/* Remote / Stripe iframe areas */

.fieldgroup-remoteinput,
#tokenGatewayRemoteUpdateOutput,
#tokenGatewayRemoteInputOutput {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 22px;
  margin-top: 20px;
  color: #F7F3FF;
}

.auth3d-area,
iframe[name="ccframe"] {
  background: #FFFFFF;
  border: 0;
  border-radius: 14px;
  margin-top: 16px;
}

/* Add Billing Address Modal */

#modalBillingAddress .modal-content {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  border-radius: 20px !important;
  color: #F7F3FF !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

#modalBillingAddress .modal-header,
#modalBillingAddress .modal-footer {
  border-color: rgba(155, 130, 255, .20) !important;
}

#modalBillingAddress .modal-title {
  color: #FFFFFF !important;
  font-weight: 950;
  letter-spacing: -.03em;
}

#modalBillingAddress .close {
  color: #FFFFFF !important;
  text-shadow: none !important;
  opacity: .9 !important;
}

#modalBillingAddress label {
  color: rgba(247, 243, 255, .78) !important;
  font-weight: 850;
}

#modalBillingAddress .form-control,
#modalBillingAddress select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
}

#modalBillingAddress .form-control:focus,
#modalBillingAddress select:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

#modalBillingAddress .btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

#modalBillingAddress .btn-primary {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

#modalBillingAddress .btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
}

/* Payment type radio spacing */

#frmManagePaymentMethod .iradio_square-blue,
#frmManagePaymentMethod .icheckbox_square-blue {
  margin-right: 7px;
}

/* Mobile */

@media (max-width: 768px) {
  #frmManagePaymentMethod .form-group.row {
    display: block;
  }

  #frmManagePaymentMethod .control-label,
  #frmManagePaymentMethod label {
    display: block;
    margin-bottom: 8px;
  }

  #frmManagePaymentMethod .fieldgroup-creditcard,
  #frmManagePaymentMethod .fieldgroup-bankaccount,
  #frmManagePaymentMethod .fieldgroup-auxfields,
  #frmManagePaymentMethod .fieldgroup-loading {
    padding: 18px;
    border-radius: 16px;
  }

  #frmManagePaymentMethod .submit-container .btn {
    width: 100%;
    margin-bottom: 10px;
  }

  #modalBillingAddress .modal-dialog {
    margin: 12px;
  }
}
/* =========================================================
   Little Moo Hosting - Payment Methods List
========================================================= */

.lmh-paymentmethods-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-payment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 22px 0 26px;
}

.lmh-payment-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-payment-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-payment-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.lmh-payment-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-payment-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-payment-table tbody tr:hover td {
  background: rgba(255, 255, 255, .035) !important;
}

.lmh-payment-table strong {
  color: #FFFFFF;
  font-weight: 900;
}

.lmh-payment-icon {
  width: 48px;
  text-align: center;
  color: #23B7AD !important;
  font-size: 20px;
}

.lmh-status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .34);
  color: #F7F3FF;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.lmh-muted {
  color: rgba(247, 243, 255, .50);
}

.lmh-payment-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 260px;
}

.lmh-btn-small {
  min-height: 34px;
  padding: 7px 12px !important;
  font-size: 12px;
}

.lmh-btn.disabled,
.lmh-btn[disabled],
.lmh-payment-table .disabled {
  opacity: .45;
  pointer-events: none;
}

.lmh-empty-state {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 28px;
  text-align: center;
}

.lmh-empty-state h2 {
  margin: 0 0 8px;
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: -.03em;
}

.lmh-empty-state p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-weight: 650;
}

/* Payment method delete modal */

#modalPaymentMethodDeleteConfirmation .lmh-modal {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  color: #F7F3FF !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

#modalPaymentMethodDeleteConfirmation .modal-header,
#modalPaymentMethodDeleteConfirmation .modal-footer {
  border-color: rgba(155, 130, 255, .20) !important;
}

#modalPaymentMethodDeleteConfirmation .modal-title {
  color: #FFFFFF;
  font-weight: 950;
  letter-spacing: -.03em;
}

#modalPaymentMethodDeleteConfirmation .modal-body p {
  color: rgba(247, 243, 255, .80);
}

#modalPaymentMethodDeleteConfirmation .close {
  color: #FFFFFF;
  text-shadow: none;
  opacity: .9;
}

@media (max-width: 768px) {
  .lmh-paymentmethods-page {
    padding: 20px 12px 46px;
  }

  .lmh-payment-actions {
    flex-direction: column;
  }

  .lmh-payment-actions .lmh-btn {
    width: 100%;
  }

  .lmh-payment-row-actions {
    flex-direction: column;
    min-width: 190px;
  }

  .lmh-payment-row-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - User Management
========================================================= */

.lmh-users-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-invite-card {
  margin-top: 24px;
}

.lmh-users-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-users-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-users-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.lmh-users-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-users-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-users-table tbody tr:hover td {
  background: rgba(255, 255, 255, .035) !important;
}

.lmh-user-email-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}

.lmh-user-email-row strong {
  color: #FFFFFF;
  font-weight: 900;
}

.lmh-user-actions,
.lmh-inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lmh-table-note {
  margin: 16px 0 0;
  color: rgba(247, 243, 255, .60);
  font-size: 13px;
  font-weight: 650;
}

.lmh-table-section-row td {
  background: rgba(109, 76, 219, .14) !important;
  color: #FFFFFF !important;
  font-weight: 900;
}

.lmh-user-invite-form {
  display: grid;
  gap: 20px;
}

.lmh-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.lmh-radio-row,
.lmh-permission-choice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  padding: 13px 15px;
  color: rgba(247, 243, 255, .84);
  font-weight: 800;
}

.lmh-radio-row input,
.lmh-permission-choice input {
  margin-top: 4px;
}

.lmh-permissions-box {
  display: grid;
  gap: 10px;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 18px;
}

.lmh-permission-choice {
  width: 100%;
  margin: 0;
}

.lmh-permission-choice strong {
  display: block;
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 3px;
}

.lmh-permission-choice small {
  display: block;
  color: rgba(247, 243, 255, .62);
  line-height: 1.45;
}

.lmh-users-page .text-success {
  color: #23B7AD !important;
}

.lmh-users-page .text-grey {
  color: rgba(247, 243, 255, .38) !important;
}

/* User management modals */

#modalRemoveUser .lmh-modal,
#modalCancelInvite .lmh-modal {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  color: #F7F3FF !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

#modalRemoveUser .modal-header,
#modalRemoveUser .modal-footer,
#modalCancelInvite .modal-header,
#modalCancelInvite .modal-footer {
  border-color: rgba(155, 130, 255, .20) !important;
}

#modalRemoveUser .modal-title,
#modalCancelInvite .modal-title {
  color: #FFFFFF;
  font-weight: 950;
  letter-spacing: -.03em;
}

#modalRemoveUser .modal-body p,
#modalCancelInvite .modal-body p {
  color: rgba(247, 243, 255, .80);
}

#modalRemoveUser .close,
#modalCancelInvite .close {
  color: #FFFFFF;
  text-shadow: none;
  opacity: .9;
}

@media (max-width: 768px) {
  .lmh-users-page {
    padding: 20px 12px 46px;
  }

  .lmh-user-actions,
  .lmh-inline-form {
    flex-direction: column;
    min-width: 190px;
  }

  .lmh-user-actions .lmh-btn,
  .lmh-inline-form .lmh-btn {
    width: 100%;
  }

  .lmh-radio-group {
    flex-direction: column;
  }
}
/* =========================================================
   Little Moo Hosting - User Permissions
========================================================= */

.lmh-user-permissions-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-permissions-form {
  display: grid;
  gap: 22px;
}

.lmh-permissions-box-visible {
  display: grid;
  gap: 10px;
}

.lmh-user-permissions-page .lmh-form-card {
  margin-top: 22px;
}

.lmh-user-permissions-page .lmh-form-card h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
}

.lmh-user-permissions-page .lmh-permission-choice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin: 0;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  padding: 14px 16px;
  color: rgba(247, 243, 255, .84);
  font-weight: 800;
}

.lmh-user-permissions-page .lmh-permission-choice input {
  margin-top: 5px;
}

.lmh-user-permissions-page .lmh-permission-choice strong {
  display: block;
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 4px;
}

.lmh-user-permissions-page .lmh-permission-choice small {
  display: block;
  color: rgba(247, 243, 255, .62);
  line-height: 1.45;
}

@media (max-width: 768px) {
  .lmh-user-permissions-page {
    padding: 20px 12px 46px;
  }

  .lmh-user-permissions-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-user-permissions-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Affiliates Page
========================================================= */

.lmh-affiliates-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-affiliate-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
}

.lmh-affiliate-stat {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 22px;
  color: #F7F3FF;
}

.lmh-affiliate-stat-icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(35, 183, 173, .13);
  border: 1px solid rgba(35, 183, 173, .38);
  color: #23B7AD;
  margin-bottom: 16px;
  font-size: 18px;
}

.lmh-affiliate-stat span {
  display: block;
  color: #FFFFFF;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.06em;
}

.lmh-affiliate-stat p {
  margin: 8px 0 0;
  color: rgba(247, 243, 255, .68);
  font-weight: 800;
}

.lmh-referral-link-box input {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 46px;
  font-weight: 750;
}

.lmh-affiliate-summary {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 18px;
}

.lmh-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .14);
  border-radius: 14px;
  padding: 14px 16px;
}

.lmh-summary-row span {
  color: rgba(247, 243, 255, .72);
  font-weight: 750;
}

.lmh-summary-row strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-affiliate-withdraw {
  display: grid;
  justify-items: center;
  gap: 12px;
  margin-top: 24px;
  text-align: center;
}

.lmh-referrals-card,
.lmh-affiliate-links-card {
  margin-top: 24px;
}

.lmh-table-container {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-affiliates-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-affiliates-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.lmh-affiliates-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-affiliates-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-affiliates-table tbody tr:hover td {
  background: rgba(255, 255, 255, .035) !important;
}

.lmh-affiliates-table .label,
.lmh-affiliates-table .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .34) !important;
  color: #F7F3FF !important;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 850;
}

.lmh-table-loading {
  padding: 28px;
  color: rgba(247, 243, 255, .72);
  font-weight: 850;
}

.lmh-affiliate-links {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 22px;
  color: rgba(247, 243, 255, .82);
  text-align: center;
}

.lmh-affiliate-links a {
  color: #9B82FF !important;
  font-weight: 850;
}

.lmh-affiliates-page .dataTables_wrapper,
.lmh-affiliates-page .dataTables_info,
.lmh-affiliates-page .dataTables_length,
.lmh-affiliates-page .dataTables_filter,
.lmh-affiliates-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-affiliates-page .dataTables_filter input,
.lmh-affiliates-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-affiliates-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-affiliates-page .paginate_button.current,
.lmh-affiliates-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-affiliates-page {
    padding: 20px 12px 46px;
  }

  .lmh-affiliate-stats {
    grid-template-columns: 1fr;
  }

  .lmh-summary-row {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* =========================================================
   Little Moo Hosting - Affiliate Signup Page
========================================================= */

.lmh-affiliate-signup-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-affiliate-signup-list {
  display: grid;
  gap: 16px;
  margin: 26px 0;
}

.lmh-affiliate-signup-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 20px;
  color: rgba(247, 243, 255, .84);
}

.lmh-affiliate-signup-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(35, 183, 173, .13);
  border: 1px solid rgba(35, 183, 173, .38);
  color: #23B7AD;
  font-size: 18px;
}

.lmh-affiliate-signup-item p {
  margin: 0;
  color: rgba(247, 243, 255, .82);
  line-height: 1.65;
  font-weight: 700;
}

.lmh-affiliate-activate-form {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.lmh-btn-large {
  min-height: 52px;
  padding: 14px 28px !important;
  font-size: 16px;
}

@media (max-width: 768px) {
  .lmh-affiliate-signup-page {
    padding: 20px 12px 46px;
  }

  .lmh-affiliate-signup-item {
    padding: 18px;
  }

  .lmh-affiliate-activate-form .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Bulk Domain Management
========================================================= */

.lmh-bulkdomain-page {
  max-width: 1080px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-domain-list-box,
.lmh-info-box {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 22px;
  margin: 22px 0;
}

.lmh-domain-list-box h2 {
  margin: 0 0 14px;
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: -.04em;
}

.lmh-domain-list-box ul {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.lmh-domain-list-box li {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .16);
  border-radius: 12px;
  padding: 12px 14px;
  color: rgba(247, 243, 255, .86);
  font-weight: 800;
}

.lmh-info-box p {
  margin: 0 0 12px;
  color: rgba(247, 243, 255, .76);
  line-height: 1.65;
  font-weight: 650;
}

.lmh-info-box p:last-child {
  margin-bottom: 0;
}

.lmh-form-grid-single {
  grid-template-columns: 1fr;
  margin-top: 18px;
}

.lmh-back-action {
  justify-content: flex-start;
  margin-top: 22px;
}

.lmh-tabs {
  border-bottom: 1px solid rgba(155, 130, 255, .20) !important;
  margin-bottom: 0;
}

.lmh-tabs .nav-link {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .18) !important;
  color: rgba(247, 243, 255, .72) !important;
  border-radius: 12px 12px 0 0 !important;
  font-weight: 850;
  margin-right: 6px;
}

.lmh-tabs .nav-link.active {
  background: rgba(109, 76, 219, .26) !important;
  color: #FFFFFF !important;
  border-color: rgba(155, 130, 255, .42) !important;
}

.lmh-tab-content {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(155, 130, 255, .18);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  padding: 22px;
}

.lmh-bulkdomain-page .responsive-tabs-sm-connector {
  display: none;
}

.lmh-bulkdomain-page .alert-success,
.lmh-bulkdomain-page .alert-danger,
.lmh-bulkdomain-page .alert-error {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-bulkdomain-page .alert-success {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

.lmh-bulkdomain-page .alert-danger,
.lmh-bulkdomain-page .alert-error {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-bulkdomain-page {
    padding: 20px 12px 46px;
  }

  .lmh-tabs {
    display: grid;
    gap: 8px;
    border-bottom: 0 !important;
  }

  .lmh-tabs .nav-link {
    border-radius: 12px !important;
  }

  .lmh-tab-content {
    border-top: 1px solid rgba(155, 130, 255, .18);
    border-radius: 18px;
    padding: 18px;
  }

  .lmh-bulkdomain-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-bulkdomain-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Add Funds
========================================================= */

.lmh-addfunds-page {
  max-width: 1060px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-addfunds-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 22px;
  margin-top: 24px;
}

.lmh-summary-list {
  display: grid;
  gap: 10px;
}

.lmh-addfunds-page .lmh-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .16);
  border-radius: 14px;
  padding: 14px 16px;
}

.lmh-addfunds-page .lmh-summary-row span {
  color: rgba(247, 243, 255, .72);
  font-weight: 800;
}

.lmh-addfunds-page .lmh-summary-row strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-addfunds-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(155, 130, 255, .18);
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.lmh-addfunds-note i {
  color: #23B7AD;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .lmh-addfunds-page {
    padding: 20px 12px 46px;
  }

  .lmh-addfunds-grid {
    grid-template-columns: 1fr;
  }

  .lmh-addfunds-page .lmh-summary-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .lmh-addfunds-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Cancellation Request
========================================================= */

.lmh-cancel-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-cancel-form {
  display: grid;
  gap: 22px;
}

.lmh-cancel-page .lmh-page-header p strong {
  color: #FFFFFF;
}

.lmh-cancel-page textarea.form-control {
  min-height: 160px;
  resize: vertical;
}

.lmh-warning-box {
  background: rgba(255, 193, 7, .10);
  border: 1px solid rgba(255, 193, 7, .38);
  border-radius: 18px;
  padding: 22px;
  color: #F7F3FF;
}

.lmh-warning-box h2 {
  margin: 0 0 12px;
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: -.04em;
}

.lmh-warning-box p {
  margin: 0 0 16px;
  color: rgba(247, 243, 255, .78);
  line-height: 1.65;
  font-weight: 650;
}

.lmh-cancel-page .lmh-check-row {
  margin: 0;
}

.lmh-cancel-page .lmh-empty-state {
  display: grid;
  justify-items: center;
  gap: 18px;
}

.lmh-cancel-page .lmh-empty-state h2 {
  max-width: 720px;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .lmh-cancel-page {
    padding: 20px 12px 46px;
  }

  .lmh-cancel-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-cancel-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Account Details
========================================================= */

.lmh-account-details-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-account-details-form {
  display: grid;
  gap: 22px;
}

.lmh-account-details-page .lmh-form-card {
  margin-top: 0;
}

.lmh-account-details-page .lmh-form-card h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
}

.lmh-account-details-page .form-control,
.lmh-account-details-page select,
.lmh-account-details-page textarea,
.lmh-account-details-page .custom-select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

.lmh-account-details-page .form-control:focus,
.lmh-account-details-page select:focus,
.lmh-account-details-page textarea:focus,
.lmh-account-details-page .custom-select:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-account-details-page .form-control:disabled,
.lmh-account-details-page select:disabled,
.lmh-account-details-page textarea:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.lmh-custom-field {
  display: grid;
  gap: 6px;
}

.lmh-custom-field small,
.lmh-form-help {
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 650;
}

.lmh-form-help {
  margin: 0 0 16px;
}

.lmh-account-details-page .text-danger {
  color: #ff9aa8 !important;
}

@media (max-width: 768px) {
  .lmh-account-details-page {
    padding: 20px 12px 46px;
  }

  .lmh-account-details-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-account-details-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Addons
========================================================= */

.lmh-domain-addon-page {
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-domain-addon-form {
  display: grid;
  gap: 22px;
}

.lmh-domain-addon-page .lmh-page-header p strong {
  color: #FFFFFF;
}

.lmh-addon-price-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 22px;
}

.lmh-addon-price-card span {
  color: rgba(247, 243, 255, .72);
  font-weight: 850;
}

.lmh-addon-price-card strong {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-domain-addon-page .lmh-empty-state {
  display: grid;
  justify-items: center;
  gap: 16px;
}

.lmh-domain-addon-page .lmh-empty-state h2 {
  margin: 0;
  max-width: 720px;
  color: #FFFFFF;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .lmh-domain-addon-page {
    padding: 20px 12px 46px;
  }

  .lmh-addon-price-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .lmh-domain-addon-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-domain-addon-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Contact Information
========================================================= */

.lmh-domain-contact-page {
  max-width: 1080px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-domain-contact-form {
  display: grid;
  gap: 22px;
}

.lmh-domain-contact-page .lmh-form-card {
  margin-top: 0;
}

.lmh-domain-contact-page .responsive-tabs-sm-connector {
  display: none;
}

.lmh-domain-contact-page .lmh-tabs {
  border-bottom: 1px solid rgba(155, 130, 255, .20) !important;
  margin-bottom: 0;
}

.lmh-domain-contact-page .lmh-tabs .nav-link {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .18) !important;
  color: rgba(247, 243, 255, .72) !important;
  border-radius: 12px 12px 0 0 !important;
  font-weight: 850;
  margin-right: 6px;
}

.lmh-domain-contact-page .lmh-tabs .nav-link.active {
  background: rgba(109, 76, 219, .26) !important;
  color: #FFFFFF !important;
  border-color: rgba(155, 130, 255, .42) !important;
}

.lmh-domain-contact-page .lmh-tab-content {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(155, 130, 255, .18);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  padding: 22px;
}

.lmh-domain-contact-page .lmh-radio-group {
  margin-bottom: 18px;
}

.lmh-domain-contact-page .lmh-form-field {
  margin-bottom: 18px;
}

.lmh-domain-contact-page .lmh-form-field:last-child {
  margin-bottom: 0;
}

.lmh-domain-contact-page .form-control,
.lmh-domain-contact-page select,
.lmh-domain-contact-page .custom-select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

.lmh-domain-contact-page .form-control:focus,
.lmh-domain-contact-page select:focus,
.lmh-domain-contact-page .custom-select:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-domain-contact-page .form-control:disabled,
.lmh-domain-contact-page select:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.lmh-irpt-modal-content {
  display: grid;
  gap: 18px;
}

.lmh-irpt-modal-content p {
  margin: 0;
  color: rgba(247, 243, 255, .78);
  line-height: 1.65;
  font-weight: 650;
}

#modalIRTPConfirmation .lmh-modal {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  color: #F7F3FF !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

#modalIRTPConfirmation .modal-header,
#modalIRTPConfirmation .modal-footer {
  border-color: rgba(155, 130, 255, .20) !important;
}

#modalIRTPConfirmation .modal-title {
  color: #FFFFFF;
  font-weight: 950;
  letter-spacing: -.03em;
}

#modalIRTPConfirmation .close {
  color: #FFFFFF;
  text-shadow: none;
  opacity: .9;
}

#modalIRTPConfirmation .form-control {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
}

@media (max-width: 768px) {
  .lmh-domain-contact-page {
    padding: 20px 12px 46px;
  }

  .lmh-domain-contact-page .lmh-tabs {
    display: grid;
    gap: 8px;
    border-bottom: 0 !important;
  }

  .lmh-domain-contact-page .lmh-tabs .nav-link {
    border-radius: 12px !important;
  }

  .lmh-domain-contact-page .lmh-tab-content {
    border-top: 1px solid rgba(155, 130, 255, .18);
    border-radius: 18px;
    padding: 18px;
  }

  .lmh-domain-contact-page .lmh-form-actions,
  #modalIRTPConfirmation .modal-footer {
    flex-direction: column;
  }

  .lmh-domain-contact-page .lmh-form-actions .lmh-btn,
  #modalIRTPConfirmation .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Details Page
========================================================= */

#tabOverview,
#tabAutorenew,
#tabNameservers,
#tabReglock,
#tabRelease,
#tabAddons {
  color: #F7F3FF;
}

.tab-content.margin-bottom {
  max-width: 1120px;
  margin: 0 auto 60px !important;
  padding: 28px 18px 0;
}

/* Cards */

#tabOverview .card,
#tabAutorenew .card,
#tabNameservers .card,
#tabReglock .card,
#tabRelease .card,
#tabAddons .card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28) !important;
  color: #F7F3FF !important;
}

#tabOverview .card-body,
#tabAutorenew .card-body,
#tabNameservers .card-body,
#tabReglock .card-body,
#tabRelease .card-body,
#tabAddons .card-body {
  padding: 34px !important;
  color: #F7F3FF !important;
}

/* Headings */

#tabOverview .card-title,
#tabAutorenew .card-title,
#tabNameservers .card-title,
#tabReglock .card-title,
#tabRelease .card-title,
#tabAddons .card-title {
  margin: 0 0 22px !important;
  color: #FFFFFF !important;
  font-size: clamp(30px, 5vw, 52px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  font-weight: 950 !important;
}

#tabOverview h5,
#tabAutorenew h4,
#tabReglock h2,
#tabRelease label,
#tabNameservers label,
#tabAddons strong {
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

#tabOverview span,
#tabOverview p,
#tabAutorenew p,
#tabNameservers p,
#tabReglock p,
#tabRelease p,
#tabAddons p,
#tabAddons div {
  color: rgba(247, 243, 255, .78) !important;
}

/* Overview info rows */

#tabOverview .row.mb-3 {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 16px;
  padding: 18px;
  margin: 0 0 14px !important;
}

#tabOverview .row.mb-3 h5 {
  margin-bottom: 6px;
  color: rgba(247, 243, 255, .66) !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

#tabOverview .row.mb-3 a {
  color: #9B82FF !important;
  font-weight: 900;
  text-decoration: none !important;
}

#tabOverview .row.mb-3 a:hover {
  color: #23B7AD !important;
}

/* Do today links */

#tabOverview ul {
  display: grid;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
}

#tabOverview ul li a {
  display: block;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  padding: 13px 15px;
  color: #F7F3FF !important;
  font-weight: 850;
  text-decoration: none !important;
}

#tabOverview ul li a:hover {
  background: rgba(109, 76, 219, .22);
  border-color: rgba(35, 183, 173, .55);
  color: #FFFFFF !important;
}

/* Alerts */

#tabOverview .alert,
#tabAutorenew .alert,
#tabNameservers .alert,
#tabReglock .alert,
#tabRelease .alert,
#tabAddons .alert,
#alertUnpaidInvoice,
#alertOverdueInvoice {
  border-radius: 16px !important;
  font-weight: 800;
}

#tabOverview .alert-info,
#tabAutorenew .alert-info,
#tabNameservers .alert-info,
#tabReglock .alert-info,
#tabRelease .alert-info,
#tabAddons .alert-info {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

#tabOverview .alert-warning,
#tabAutorenew .alert-warning,
#tabNameservers .alert-warning,
#tabReglock .alert-warning,
#tabRelease .alert-warning,
#tabAddons .alert-warning {
  background: rgba(255, 193, 7, .12) !important;
  border: 1px solid rgba(255, 193, 7, .38) !important;
  color: #FFF3CD !important;
}

#tabOverview .alert-danger,
#tabOverview .alert-error,
#tabAutorenew .alert-danger,
#tabNameservers .alert-danger,
#tabNameservers .alert-error,
#tabReglock .alert-danger,
#tabRelease .alert-danger,
#tabAddons .alert-danger {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

#tabOverview .alert-success,
#tabAutorenew .alert-success,
#tabNameservers .alert-success,
#tabReglock .alert-success,
#tabRelease .alert-success,
#tabAddons .alert-success {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

/* Status labels */

#tabAutorenew .label,
#tabReglock .label,
#tabAddons .label,
#tabOverview .label,
#tabOverview .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF !important;
}

#tabAutorenew .label-success,
#tabReglock .label-success,
#tabOverview .label-success {
  background: rgba(35, 183, 173, .18) !important;
  border: 1px solid rgba(35, 183, 173, .40) !important;
}

#tabAutorenew .label-danger,
#tabReglock .label-danger,
#tabOverview .label-danger {
  background: rgba(220, 53, 69, .20) !important;
  border: 1px solid rgba(220, 53, 69, .48) !important;
}

/* Forms */

#tabNameservers .form-control,
#tabRelease .form-control,
#tabNameservers select,
#tabRelease select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

#tabNameservers .form-control:focus,
#tabRelease .form-control:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

#tabNameservers .form-check,
#tabReglock .form-check {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  padding: 13px 15px;
  margin-bottom: 10px;
  color: rgba(247, 243, 255, .84);
  font-weight: 800;
}

/* Buttons */

#tabOverview .btn,
#tabAutorenew .btn,
#tabNameservers .btn,
#tabReglock .btn,
#tabRelease .btn,
#tabAddons .btn,
#alertUnpaidInvoice .btn,
#alertOverdueInvoice .btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 10px 18px !important;
  text-decoration: none !important;
}

#tabOverview .btn-primary,
#tabAutorenew .btn-primary,
#tabNameservers .btn-primary,
#tabReglock .btn-primary,
#tabRelease .btn-primary,
#tabAddons .btn-primary,
#tabAutorenew .btn-success,
#tabNameservers .btn-success,
#tabReglock .btn-success,
#tabAddons .btn-success {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

#tabOverview .btn-default,
#tabAutorenew .btn-default,
#tabNameservers .btn-default,
#tabReglock .btn-default,
#tabRelease .btn-default,
#tabAddons .btn-default,
#alertUnpaidInvoice .btn-default,
#alertOverdueInvoice .btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
}

#tabOverview .btn-danger,
#tabAutorenew .btn-danger,
#tabNameservers .btn-danger,
#tabReglock .btn-danger,
#tabRelease .btn-danger,
#tabAddons .btn-danger {
  background: rgba(220, 53, 69, .20) !important;
  border: 1px solid rgba(220, 53, 69, .55) !important;
  color: #FFFFFF !important;
}

#tabOverview .btn:hover,
#tabAutorenew .btn:hover,
#tabNameservers .btn:hover,
#tabReglock .btn:hover,
#tabRelease .btn:hover,
#tabAddons .btn:hover {
  transform: translateY(-1px);
  color: #FFFFFF !important;
}

/* Addons section */

#tabAddons hr {
  border-color: rgba(155, 130, 255, .18) !important;
}

#tabAddons .row.mb-3,
#tabAddons .row.margin-bottom {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 20px;
  margin: 0 0 16px !important;
}

#tabAddons .fa-3x,
#tabAddons .fa-2x {
  color: #23B7AD !important;
}

#tabAddons form {
  margin-top: 12px;
}

/* Registrar module output */

.moduleoutput {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 18px;
  margin-top: 18px;
  color: rgba(247, 243, 255, .82);
}

.moduleoutput a {
  color: #9B82FF !important;
  font-weight: 850;
}

/* SSL */

.ssl-inactive {
  opacity: .7;
}

#statusDisplayLabel,
#ssl-startdate,
#ssl-issuer,
#ssl-expirydate {
  color: rgba(247, 243, 255, .82) !important;
  font-weight: 750;
}

/* Mobile */

@media (max-width: 768px) {
  .tab-content.margin-bottom {
    padding: 20px 12px 0;
  }

  #tabOverview .card-body,
  #tabAutorenew .card-body,
  #tabNameservers .card-body,
  #tabReglock .card-body,
  #tabRelease .card-body,
  #tabAddons .card-body {
    padding: 24px 20px !important;
  }

  #tabOverview .card-title,
  #tabAutorenew .card-title,
  #tabNameservers .card-title,
  #tabReglock .card-title,
  #tabRelease .card-title,
  #tabAddons .card-title {
    font-size: 36px !important;
  }

  #tabNameservers .row,
  #tabRelease .row {
    display: block;
  }

  #tabNameservers .offset-sm-4,
  #tabRelease .offset-sm-4 {
    margin-left: 0 !important;
  }

  #tabOverview .btn,
  #tabAutorenew .btn,
  #tabNameservers .btn,
  #tabReglock .btn,
  #tabRelease .btn,
  #tabAddons .btn {
    width: 100%;
    margin-bottom: 8px;
  }

  #tabAddons .row.mb-3,
  #tabAddons .row.margin-bottom {
    text-align: left;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Details Page
========================================================= */

#tabOverview,
#tabAutorenew,
#tabNameservers,
#tabReglock,
#tabRelease,
#tabAddons {
  color: #F7F3FF;
}

.tab-content.margin-bottom {
  max-width: 1120px;
  margin: 0 auto 60px !important;
  padding: 28px 18px 0;
}

/* Cards */

#tabOverview .card,
#tabAutorenew .card,
#tabNameservers .card,
#tabReglock .card,
#tabRelease .card,
#tabAddons .card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28) !important;
  color: #F7F3FF !important;
}

#tabOverview .card-body,
#tabAutorenew .card-body,
#tabNameservers .card-body,
#tabReglock .card-body,
#tabRelease .card-body,
#tabAddons .card-body {
  padding: 34px !important;
  color: #F7F3FF !important;
}

/* Headings */

#tabOverview .card-title,
#tabAutorenew .card-title,
#tabNameservers .card-title,
#tabReglock .card-title,
#tabRelease .card-title,
#tabAddons .card-title {
  margin: 0 0 22px !important;
  color: #FFFFFF !important;
  font-size: clamp(30px, 5vw, 52px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  font-weight: 950 !important;
}

#tabOverview h5,
#tabAutorenew h4,
#tabReglock h2,
#tabRelease label,
#tabNameservers label,
#tabAddons strong {
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

#tabOverview span,
#tabOverview p,
#tabAutorenew p,
#tabNameservers p,
#tabReglock p,
#tabRelease p,
#tabAddons p,
#tabAddons div {
  color: rgba(247, 243, 255, .78) !important;
}

/* Overview info rows */

#tabOverview .row.mb-3 {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 16px;
  padding: 18px;
  margin: 0 0 14px !important;
}

#tabOverview .row.mb-3 h5 {
  margin-bottom: 6px;
  color: rgba(247, 243, 255, .66) !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

#tabOverview .row.mb-3 a {
  color: #9B82FF !important;
  font-weight: 900;
  text-decoration: none !important;
}

#tabOverview .row.mb-3 a:hover {
  color: #23B7AD !important;
}

/* Do today links */

#tabOverview ul {
  display: grid;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
}

#tabOverview ul li a {
  display: block;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  padding: 13px 15px;
  color: #F7F3FF !important;
  font-weight: 850;
  text-decoration: none !important;
}

#tabOverview ul li a:hover {
  background: rgba(109, 76, 219, .22);
  border-color: rgba(35, 183, 173, .55);
  color: #FFFFFF !important;
}

/* Alerts */

#tabOverview .alert,
#tabAutorenew .alert,
#tabNameservers .alert,
#tabReglock .alert,
#tabRelease .alert,
#tabAddons .alert,
#alertUnpaidInvoice,
#alertOverdueInvoice {
  border-radius: 16px !important;
  font-weight: 800;
}

#tabOverview .alert-info,
#tabAutorenew .alert-info,
#tabNameservers .alert-info,
#tabReglock .alert-info,
#tabRelease .alert-info,
#tabAddons .alert-info {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

#tabOverview .alert-warning,
#tabAutorenew .alert-warning,
#tabNameservers .alert-warning,
#tabReglock .alert-warning,
#tabRelease .alert-warning,
#tabAddons .alert-warning {
  background: rgba(255, 193, 7, .12) !important;
  border: 1px solid rgba(255, 193, 7, .38) !important;
  color: #FFF3CD !important;
}

#tabOverview .alert-danger,
#tabOverview .alert-error,
#tabAutorenew .alert-danger,
#tabNameservers .alert-danger,
#tabNameservers .alert-error,
#tabReglock .alert-danger,
#tabRelease .alert-danger,
#tabAddons .alert-danger {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

#tabOverview .alert-success,
#tabAutorenew .alert-success,
#tabNameservers .alert-success,
#tabReglock .alert-success,
#tabRelease .alert-success,
#tabAddons .alert-success {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

/* Status labels */

#tabAutorenew .label,
#tabReglock .label,
#tabAddons .label,
#tabOverview .label,
#tabOverview .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF !important;
}

#tabAutorenew .label-success,
#tabReglock .label-success,
#tabOverview .label-success {
  background: rgba(35, 183, 173, .18) !important;
  border: 1px solid rgba(35, 183, 173, .40) !important;
}

#tabAutorenew .label-danger,
#tabReglock .label-danger,
#tabOverview .label-danger {
  background: rgba(220, 53, 69, .20) !important;
  border: 1px solid rgba(220, 53, 69, .48) !important;
}

/* Forms */

#tabNameservers .form-control,
#tabRelease .form-control,
#tabNameservers select,
#tabRelease select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

#tabNameservers .form-control:focus,
#tabRelease .form-control:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

#tabNameservers .form-check,
#tabReglock .form-check {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  padding: 13px 15px;
  margin-bottom: 10px;
  color: rgba(247, 243, 255, .84);
  font-weight: 800;
}

/* Buttons */

#tabOverview .btn,
#tabAutorenew .btn,
#tabNameservers .btn,
#tabReglock .btn,
#tabRelease .btn,
#tabAddons .btn,
#alertUnpaidInvoice .btn,
#alertOverdueInvoice .btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 10px 18px !important;
  text-decoration: none !important;
}

#tabOverview .btn-primary,
#tabAutorenew .btn-primary,
#tabNameservers .btn-primary,
#tabReglock .btn-primary,
#tabRelease .btn-primary,
#tabAddons .btn-primary,
#tabAutorenew .btn-success,
#tabNameservers .btn-success,
#tabReglock .btn-success,
#tabAddons .btn-success {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

#tabOverview .btn-default,
#tabAutorenew .btn-default,
#tabNameservers .btn-default,
#tabReglock .btn-default,
#tabRelease .btn-default,
#tabAddons .btn-default,
#alertUnpaidInvoice .btn-default,
#alertOverdueInvoice .btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
}

#tabOverview .btn-danger,
#tabAutorenew .btn-danger,
#tabNameservers .btn-danger,
#tabReglock .btn-danger,
#tabRelease .btn-danger,
#tabAddons .btn-danger {
  background: rgba(220, 53, 69, .20) !important;
  border: 1px solid rgba(220, 53, 69, .55) !important;
  color: #FFFFFF !important;
}

#tabOverview .btn:hover,
#tabAutorenew .btn:hover,
#tabNameservers .btn:hover,
#tabReglock .btn:hover,
#tabRelease .btn:hover,
#tabAddons .btn:hover {
  transform: translateY(-1px);
  color: #FFFFFF !important;
}

/* Addons section */

#tabAddons hr {
  border-color: rgba(155, 130, 255, .18) !important;
}

#tabAddons .row.mb-3,
#tabAddons .row.margin-bottom {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 20px;
  margin: 0 0 16px !important;
}

#tabAddons .fa-3x,
#tabAddons .fa-2x {
  color: #23B7AD !important;
}

#tabAddons form {
  margin-top: 12px;
}

/* Registrar module output */

.moduleoutput {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 18px;
  margin-top: 18px;
  color: rgba(247, 243, 255, .82);
}

.moduleoutput a {
  color: #9B82FF !important;
  font-weight: 850;
}

/* SSL */

.ssl-inactive {
  opacity: .7;
}

#statusDisplayLabel,
#ssl-startdate,
#ssl-issuer,
#ssl-expirydate {
  color: rgba(247, 243, 255, .82) !important;
  font-weight: 750;
}

/* Mobile */

@media (max-width: 768px) {
  .tab-content.margin-bottom {
    padding: 20px 12px 0;
  }

  #tabOverview .card-body,
  #tabAutorenew .card-body,
  #tabNameservers .card-body,
  #tabReglock .card-body,
  #tabRelease .card-body,
  #tabAddons .card-body {
    padding: 24px 20px !important;
  }

  #tabOverview .card-title,
  #tabAutorenew .card-title,
  #tabNameservers .card-title,
  #tabReglock .card-title,
  #tabRelease .card-title,
  #tabAddons .card-title {
    font-size: 36px !important;
  }

  #tabNameservers .row,
  #tabRelease .row {
    display: block;
  }

  #tabNameservers .offset-sm-4,
  #tabRelease .offset-sm-4 {
    margin-left: 0 !important;
  }

  #tabOverview .btn,
  #tabAutorenew .btn,
  #tabNameservers .btn,
  #tabReglock .btn,
  #tabRelease .btn,
  #tabAddons .btn {
    width: 100%;
    margin-bottom: 8px;
  }

  #tabAddons .row.mb-3,
  #tabAddons .row.margin-bottom {
    text-align: left;
  }
}
/* =========================================================
   Little Moo Hosting - Domain DNS Management
========================================================= */

.lmh-domain-dns-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-domain-dns-form {
  display: grid;
  gap: 22px;
}

.lmh-dns-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-dns-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-dns-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-dns-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 14px !important;
  vertical-align: middle !important;
}

.lmh-dns-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-dns-table tbody tr:hover td {
  background: rgba(255, 255, 255, .035) !important;
}

.lmh-dns-new-row td {
  background: rgba(35, 183, 173, .045) !important;
}

.lmh-dns-table .form-control,
.lmh-dns-table select,
.lmh-dns-table .custom-select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
  min-width: 120px;
}

.lmh-dns-table .form-control:focus,
.lmh-dns-table select:focus,
.lmh-dns-table .custom-select:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-dns-table input[name="dnsrecordaddress[]"] {
  min-width: 260px;
}

.lmh-dns-table input[name="dnsrecordpriority[]"] {
  min-width: 80px;
}

.lmh-dns-note {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.lmh-dns-note i {
  color: #23B7AD;
  margin-top: 2px;
}

.lmh-external-dns-box {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 26px;
  color: rgba(247, 243, 255, .82);
  text-align: center;
}

.lmh-external-dns-box a {
  color: #9B82FF !important;
  font-weight: 850;
}

@media (max-width: 768px) {
  .lmh-domain-dns-page {
    padding: 20px 12px 46px;
  }

  .lmh-dns-note {
    justify-content: flex-start;
  }

  .lmh-domain-dns-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-domain-dns-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Email Forwarding
========================================================= */

.lmh-domain-email-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-domain-email-form {
  display: grid;
  gap: 22px;
}

.lmh-email-forward-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-email-forward-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-email-forward-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-email-forward-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 14px !important;
  vertical-align: middle !important;
}

.lmh-email-forward-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-email-forward-table tbody tr:hover td {
  background: rgba(255, 255, 255, .035) !important;
}

.lmh-forward-new-row td {
  background: rgba(35, 183, 173, .045) !important;
}

.lmh-email-forward-table .form-control {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
  min-width: 180px;
}

.lmh-email-forward-table .form-control:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-forward-domain {
  text-align: center;
  color: rgba(247, 243, 255, .72) !important;
  font-weight: 850;
  white-space: nowrap;
  min-width: 180px;
}

.lmh-forward-domain i {
  color: #23B7AD;
  margin-left: 8px;
}

.lmh-email-forward-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.lmh-email-forward-note i {
  color: #23B7AD;
  margin-top: 2px;
}

.lmh-email-forward-note strong {
  color: #FFFFFF;
}

.lmh-external-domain-box {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 26px;
  color: rgba(247, 243, 255, .82);
  text-align: center;
}

.lmh-external-domain-box a {
  color: #9B82FF !important;
  font-weight: 850;
}

@media (max-width: 768px) {
  .lmh-domain-email-page {
    padding: 20px 12px 46px;
  }

  .lmh-email-forward-note {
    align-items: flex-start;
  }

  .lmh-domain-email-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-domain-email-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domain EPP / Transfer Code
========================================================= */

.lmh-domain-epp-page {
  max-width: 880px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-epp-result {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 22px;
  color: #F7F3FF;
}

.lmh-epp-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-size: 20px;
}

.lmh-epp-result h2 {
  margin: 0 0 8px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-epp-result p {
  margin: 0;
  color: rgba(247, 243, 255, .76);
  line-height: 1.6;
  font-weight: 650;
}

.lmh-epp-success {
  border-color: rgba(35, 183, 173, .38);
}

.lmh-epp-success .lmh-epp-icon {
  background: rgba(35, 183, 173, .13);
  border: 1px solid rgba(35, 183, 173, .42);
  color: #23B7AD;
}

.lmh-epp-info {
  border-color: rgba(155, 130, 255, .38);
}

.lmh-epp-info .lmh-epp-icon {
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .42);
  color: #9B82FF;
}

.lmh-epp-error {
  border-color: rgba(220, 53, 69, .48);
}

.lmh-epp-error .lmh-epp-icon {
  background: rgba(220, 53, 69, .16);
  border: 1px solid rgba(220, 53, 69, .48);
  color: #ff9aa8;
}

.lmh-epp-code {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin-top: 8px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, .065);
  border: 1px solid rgba(155, 130, 255, .28);
  border-radius: 12px;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 15px;
  font-weight: 900;
  word-break: break-all;
}

@media (max-width: 768px) {
  .lmh-domain-epp-page {
    padding: 20px 12px 46px;
  }

  .lmh-epp-result {
    flex-direction: column;
  }

  .lmh-domain-epp-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-domain-epp-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Register Private Nameservers
========================================================= */

.lmh-domain-registerns-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-registerns-grid {
  display: grid;
  gap: 22px;
}

.lmh-registerns-form {
  display: grid;
  gap: 18px;
}

.lmh-domain-registerns-page .lmh-form-card {
  margin-top: 0;
}

.lmh-domain-registerns-page .lmh-form-card h2 {
  margin: 0;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.lmh-input-group .form-control {
  border-radius: 12px 0 0 12px !important;
}

.lmh-input-group span {
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(155, 130, 255, .42);
  border-left: 0;
  border-radius: 0 12px 12px 0;
  color: rgba(247, 243, 255, .76);
  font-weight: 850;
  white-space: nowrap;
}

.lmh-domain-registerns-page .form-control {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

.lmh-domain-registerns-page .form-control:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-domain-registerns-page .lmh-form-field {
  display: grid;
  gap: 8px;
}

.lmh-domain-registerns-page .lmh-form-field label {
  color: rgba(247, 243, 255, .78);
  font-weight: 850;
  font-size: 13px;
}

.lmh-registerns-danger-card {
  border-color: rgba(220, 53, 69, .35) !important;
}

.lmh-registerns-danger-card h2 {
  color: #FFFFFF !important;
}

.lmh-back-action {
  justify-content: flex-start;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .lmh-domain-registerns-page {
    padding: 20px 12px 46px;
  }

  .lmh-input-group {
    flex-direction: column;
  }

  .lmh-input-group .form-control {
    border-radius: 12px 12px 0 0 !important;
  }

  .lmh-input-group span {
    border-left: 1px solid rgba(155, 130, 255, .42);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    min-height: 42px;
  }

  .lmh-domain-registerns-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-domain-registerns-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domains List
========================================================= */

.lmh-domains-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-domain-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 24px;
}

.lmh-domain-more .dropdown-menu {
  background: #151024 !important;
  border: 1px solid rgba(155, 130, 255, .35) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
  padding: 8px !important;
}

.lmh-domain-more .dropdown-item {
  color: rgba(247, 243, 255, .82) !important;
  border-radius: 10px;
  font-weight: 800;
  padding: 10px 12px;
}

.lmh-domain-more .dropdown-item:hover {
  background: rgba(109, 76, 219, .28) !important;
  color: #FFFFFF !important;
}

.lmh-domain-more .dropdown-item i {
  color: #23B7AD;
  margin-right: 7px;
}

.lmh-domains-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-domains-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-domains-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-domains-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-domains-table tbody tr {
  cursor: pointer;
}

.lmh-domains-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-domains-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-domain-name {
  color: #FFFFFF !important;
  font-weight: 950;
  text-decoration: none !important;
}

.lmh-domain-name:hover {
  color: #23B7AD !important;
}

.lmh-domain-renew {
  margin-top: 5px;
  color: rgba(247, 243, 255, .66);
  font-size: 13px;
  font-weight: 750;
}

.lmh-domain-renew .text-success {
  color: #23B7AD !important;
}

.lmh-domain-renew .text-danger {
  color: #ff9aa8 !important;
}

.lmh-domains-table .label,
.lmh-domains-table .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .22) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
}

.lmh-domains-table .status-active {
  background: rgba(35, 183, 173, .14) !important;
  border-color: rgba(35, 183, 173, .40) !important;
}

.lmh-domains-table .status-expired,
.lmh-domains-table .status-cancelled,
.lmh-domains-table .status-fraud {
  background: rgba(220, 53, 69, .18) !important;
  border-color: rgba(220, 53, 69, .45) !important;
}

.lmh-domains-table .ssl-info img {
  width: 25px;
  height: auto;
}

.lmh-domains-table input[type="checkbox"] {
  accent-color: #6D4CDB;
}

.lmh-domains-page .dataTables_wrapper,
.lmh-domains-page .dataTables_info,
.lmh-domains-page .dataTables_length,
.lmh-domains-page .dataTables_filter,
.lmh-domains-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-domains-page .dataTables_filter input,
.lmh-domains-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-domains-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-domains-page .paginate_button.current,
.lmh-domains-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

.lmh-table-loading {
  padding: 28px;
  color: rgba(247, 243, 255, .72);
  font-weight: 850;
}

@media (max-width: 768px) {
  .lmh-domains-page {
    padding: 20px 12px 46px;
  }

  .lmh-domain-actions {
    flex-direction: column;
  }

  .lmh-domain-actions .lmh-btn,
  .lmh-domain-more,
  .lmh-domain-more .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Email History
========================================================= */

.lmh-emails-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-emails-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
  margin-top: 22px;
}

.lmh-emails-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-emails-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-emails-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-emails-table tbody tr {
  cursor: pointer;
}

.lmh-emails-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-emails-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-email-date {
  color: rgba(247, 243, 255, .72);
  font-weight: 750;
  white-space: nowrap;
}

.lmh-email-subject {
  color: #FFFFFF;
  font-weight: 850;
}

.lmh-email-subject i {
  color: #23B7AD;
  margin-left: 8px;
}

.lmh-email-action {
  text-align: right;
  white-space: nowrap;
}

.lmh-emails-page .dataTables_wrapper,
.lmh-emails-page .dataTables_info,
.lmh-emails-page .dataTables_length,
.lmh-emails-page .dataTables_filter,
.lmh-emails-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-emails-page .dataTables_filter input,
.lmh-emails-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-emails-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-emails-page .paginate_button.current,
.lmh-emails-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-emails-page {
    padding: 20px 12px 46px;
  }

  .lmh-email-action .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Client Area Dashboard
========================================================= */

.lmh-dashboard {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 72px;
  color: #F7F3FF;
}

.lmh-dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  position: relative;
  overflow: hidden;
  padding: 38px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 10%, rgba(35, 183, 173, .20), transparent 30%),
    radial-gradient(circle at 86% 4%, rgba(155, 130, 255, .26), transparent 34%),
    linear-gradient(135deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98));
  border: 1px solid rgba(155, 130, 255, .30);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .35);
}

.lmh-dashboard-hero::after {
  content: "";
  position: absolute;
  inset: auto -90px -130px auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(109, 76, 219, .34), transparent 68%);
  pointer-events: none;
}

.lmh-dashboard-hero__copy,
.lmh-dashboard-hero__actions {
  position: relative;
  z-index: 1;
}

.lmh-client-hero__eyebrow {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(155, 130, 255, .12);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #DCD2FF;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.lmh-dashboard-hero h1 {
  max-width: 720px;
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(42px, 7vw, 82px);
  line-height: .92;
  letter-spacing: -.07em;
  font-weight: 950;
}

.lmh-dashboard-hero p {
  max-width: 640px;
  margin: 18px 0 0;
  color: rgba(247, 243, 255, .76);
  font-size: 17px;
  line-height: 1.65;
  font-weight: 650;
}

.lmh-dashboard-status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.lmh-dashboard-status span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(155, 130, 255, .20);
  color: rgba(247, 243, 255, .80);
  font-size: 13px;
  font-weight: 850;
}

.lmh-dashboard-status i {
  color: #23B7AD;
  font-size: 8px;
}

.lmh-dashboard-hero__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 190px;
}

.lmh-btn--primary,
.lmh-btn--ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-btn--primary {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #FFFFFF !important;
}

.lmh-btn--ghost {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(155, 130, 255, .38);
  color: #F7F3FF !important;
}

.lmh-btn--primary:hover,
.lmh-btn--ghost:hover {
  transform: translateY(-1px);
  color: #FFFFFF !important;
}

.lmh-dashboard-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 22px 0;
}

.lmh-dashboard-card {
  display: grid;
  gap: 8px;
  min-height: 190px;
  padding: 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 40%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: .22s ease;
}

.lmh-dashboard-card:hover {
  transform: translateY(-3px);
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .14), transparent 42%),
    rgba(255, 255, 255, .07);
  border-color: rgba(35, 183, 173, .42);
}

.lmh-dashboard-card__icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .30);
  color: #9B82FF;
  font-size: 19px;
}

.lmh-dashboard-card__label {
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.lmh-dashboard-card strong {
  color: #FFFFFF;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -.06em;
  font-weight: 950;
}

.lmh-dashboard-card small {
  color: rgba(247, 243, 255, .70);
  font-size: 14px;
  font-weight: 750;
}

.lmh-dashboard-panel,
.dashboard-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(35, 183, 173, .08), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .96), rgba(13, 10, 24, .96)) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .25);
  color: #F7F3FF !important;
  padding: 26px;
}

.dashboard-panel__header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.dashboard-panel__title {
  margin: 0;
  color: #FFFFFF;
  font-size: 28px;
  letter-spacing: -.05em;
  font-weight: 950;
}

.dashboard-home-panel__subtitle {
  margin: 8px 0 0;
  color: rgba(247, 243, 255, .66);
  font-weight: 650;
}

.dashboard-chip-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #F7F3FF !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
  white-space: nowrap;
}

.dashboard-chip-link:hover {
  background: rgba(109, 76, 219, .26);
  color: #FFFFFF !important;
}

.lmh-dashboard-table {
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-dashboard-table thead th {
  background: rgba(109, 76, 219, .16) !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 15px !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.lmh-dashboard-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .78) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px 15px !important;
  vertical-align: middle !important;
}

.lmh-dashboard-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.dashboard-home-service {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dashboard-home-service__icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .28);
  color: #9B82FF;
}

.dashboard-item-title {
  color: #FFFFFF;
  font-weight: 900;
}

.dashboard-item-subtitle {
  margin-top: 3px;
  color: rgba(247, 243, 255, .56);
  font-size: 13px;
  font-weight: 700;
}

.lmh-status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF;
}

.lmh-status-pill--success {
  background: rgba(35, 183, 173, .14);
  border: 1px solid rgba(35, 183, 173, .40);
}

.lmh-manage-link {
  color: #9B82FF !important;
  font-weight: 900;
  text-decoration: none !important;
}

.lmh-manage-link:hover {
  color: #23B7AD !important;
}

.lmh-dashboard-bottom {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 22px;
}

.lmh-action-list {
  display: grid;
  gap: 10px;
}

.lmh-action-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 15px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  color: #F7F3FF !important;
  font-weight: 850;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-action-list a:hover {
  background: rgba(109, 76, 219, .22);
  border-color: rgba(35, 183, 173, .45);
  color: #FFFFFF !important;
  transform: translateY(-1px);
}

.lmh-action-list i {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(35, 183, 173, .12);
  color: #23B7AD;
}

.lmh-empty-state {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 28px;
  text-align: center;
}

.lmh-empty-state strong {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 950;
}

.lmh-empty-state span {
  color: rgba(247, 243, 255, .62);
  font-weight: 650;
}

@media (max-width: 980px) {
  .lmh-dashboard-hero,
  .lmh-dashboard-bottom {
    grid-template-columns: 1fr;
  }

  .lmh-dashboard-hero__actions {
    flex-direction: row;
    min-width: 0;
  }

  .lmh-dashboard-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .lmh-dashboard {
    padding: 20px 12px 48px;
  }

  .lmh-dashboard-hero {
    padding: 28px 22px;
  }

  .lmh-dashboard-hero h1 {
    font-size: 42px;
  }

  .lmh-dashboard-hero__actions,
  .dashboard-panel__header {
    flex-direction: column;
  }

  .lmh-dashboard-hero__actions .lmh-btn,
  .dashboard-chip-link {
    width: 100%;
  }

  .lmh-dashboard-cards {
    grid-template-columns: 1fr;
  }

  .lmh-dashboard-panel,
  .dashboard-panel {
    padding: 22px 18px;
  }

  .lmh-dashboard-table {
    min-width: 720px;
  }
}
/* =========================================================
   Little Moo Hosting - Invoices List
========================================================= */

.lmh-invoices-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-invoices-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
  margin-top: 22px;
}

.lmh-invoices-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-invoices-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-invoices-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-invoices-table tbody tr {
  cursor: pointer;
}

.lmh-invoices-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-invoices-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-invoice-number {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-invoice-date {
  color: rgba(247, 243, 255, .72);
  font-weight: 750;
  white-space: nowrap;
}

.lmh-invoice-total {
  color: #FFFFFF;
  font-weight: 950;
  white-space: nowrap;
}

.lmh-invoices-table .label,
.lmh-invoices-table .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .22) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
  white-space: nowrap;
}

.lmh-invoices-table .status-paid {
  background: rgba(35, 183, 173, .14) !important;
  border-color: rgba(35, 183, 173, .40) !important;
}

.lmh-invoices-table .status-unpaid,
.lmh-invoices-table .status-payment-pending {
  background: rgba(255, 193, 7, .14) !important;
  border-color: rgba(255, 193, 7, .42) !important;
  color: #FFF3CD !important;
}

.lmh-invoices-table .status-overdue,
.lmh-invoices-table .status-cancelled,
.lmh-invoices-table .status-collections {
  background: rgba(220, 53, 69, .18) !important;
  border-color: rgba(220, 53, 69, .45) !important;
}

.lmh-invoices-page .dataTables_wrapper,
.lmh-invoices-page .dataTables_info,
.lmh-invoices-page .dataTables_length,
.lmh-invoices-page .dataTables_filter,
.lmh-invoices-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-invoices-page .dataTables_filter input,
.lmh-invoices-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-invoices-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-invoices-page .paginate_button.current,
.lmh-invoices-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-invoices-page {
    padding: 20px 12px 46px;
  }

  .lmh-invoices-table {
    min-width: 720px;
  }
}
/* =========================================================
   Little Moo Hosting - Product / Service Details
========================================================= */

body .tab-content.margin-bottom {
  max-width: 1120px;
  margin: 0 auto 60px !important;
  padding: 28px 18px 0;
  color: #F7F3FF;
}

/* Main service cards */

#tabOverview .card,
#tabChangepw .card,
#tabAddons .card,
#tabDownloads .card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28) !important;
  color: #F7F3FF !important;
}

#tabOverview .card-body,
#tabChangepw .card-body,
#tabAddons .card-body,
#tabDownloads .card-body {
  padding: 34px !important;
  color: #F7F3FF !important;
}

#tabOverview .card-title,
#tabChangepw .card-title,
#tabAddons h3,
#tabDownloads h3 {
  margin: 0 0 22px !important;
  color: #FFFFFF !important;
  font-size: clamp(30px, 5vw, 52px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  font-weight: 950 !important;
}

/* Product status block */

.product-details {
  color: #F7F3FF;
}

.product-status {
  overflow: hidden;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(155, 130, 255, .20), transparent 42%),
    rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  box-shadow: none !important;
}

.product-icon {
  padding: 34px 22px 24px !important;
}

.product-icon .fa-circle {
  color: rgba(109, 76, 219, .90) !important;
}

.product-icon .fa-inverse {
  color: #FFFFFF !important;
}

.product-icon h3 {
  margin: 18px 0 6px !important;
  color: #FFFFFF !important;
  font-size: 30px !important;
  letter-spacing: -.05em;
  font-weight: 950;
}

.product-icon h4 {
  margin: 0 !important;
  color: rgba(247, 243, 255, .66) !important;
  font-size: 15px !important;
  font-weight: 800;
}

.product-status-text {
  background: rgba(35, 183, 173, .14) !important;
  border-top: 1px solid rgba(35, 183, 173, .34) !important;
  color: #FFFFFF !important;
  padding: 14px 18px !important;
  font-weight: 950 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.product-status-suspended .product-status-text,
.product-status-terminated .product-status-text,
.product-status-cancelled .product-status-text {
  background: rgba(220, 53, 69, .18) !important;
  border-top-color: rgba(220, 53, 69, .42) !important;
}

.product-status-pending .product-status-text {
  background: rgba(255, 193, 7, .14) !important;
  border-top-color: rgba(255, 193, 7, .38) !important;
  color: #FFF3CD !important;
}

/* Service action buttons */

.product-actions-wrapper {
  display: grid;
  gap: 10px;
  margin: 18px 0 0 !important;
}

.product-actions-wrapper .col-12 {
  padding: 0 !important;
}

#tabOverview .btn,
#tabChangepw .btn,
#tabAddons .btn,
#tabDownloads .btn,
#alertUnpaidInvoice .btn,
#alertOverdueInvoice .btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 11px 18px !important;
  text-decoration: none !important;
  transition: .2s ease;
}

#tabOverview .btn-primary,
#tabOverview .btn-success,
#tabChangepw .btn-primary,
#tabAddons .btn-primary,
#tabDownloads .btn-primary {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

#tabOverview .btn-default,
#tabChangepw .btn-default,
#tabDownloads .btn-default,
#tabAddons .btn-default,
#alertUnpaidInvoice .btn-default,
#alertOverdueInvoice .btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
}

#tabOverview .btn-danger,
#tabChangepw .btn-danger,
#tabAddons .btn-danger {
  background: rgba(220, 53, 69, .20) !important;
  border: 1px solid rgba(220, 53, 69, .55) !important;
  color: #FFFFFF !important;
}

#tabOverview .btn:hover,
#tabChangepw .btn:hover,
#tabAddons .btn:hover,
#tabDownloads .btn:hover {
  transform: translateY(-1px);
  color: #FFFFFF !important;
}

/* Billing details column */

.product-details .col-md-6.text-center {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 22px;
  padding: 28px !important;
}

.product-details .col-md-6.text-center h4 {
  margin: 18px 0 6px !important;
  color: rgba(247, 243, 255, .62) !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-weight: 900;
}

.product-details .col-md-6.text-center h4:first-child {
  margin-top: 0 !important;
}

.product-details .col-md-6.text-center,
.product-details .col-md-6.text-center p,
.product-details .col-md-6.text-center div {
  color: #FFFFFF !important;
  font-weight: 800;
}

/* Tabs below overview */

#tabOverview .responsive-tabs-sm {
  max-width: 1120px;
  margin: 24px auto 0;
  border-bottom: 1px solid rgba(155, 130, 255, .20) !important;
}

#tabOverview .responsive-tabs-sm .nav-link {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .18) !important;
  color: rgba(247, 243, 255, .72) !important;
  border-radius: 12px 12px 0 0 !important;
  font-weight: 850;
  margin-right: 6px;
}

#tabOverview .responsive-tabs-sm .nav-link.active {
  background: rgba(109, 76, 219, .26) !important;
  color: #FFFFFF !important;
  border-color: rgba(155, 130, 255, .42) !important;
}

#tabOverview .responsive-tabs-sm .nav-link i {
  color: #23B7AD;
}

#tabOverview .responsive-tabs-sm-connector {
  display: none;
}

.product-details-tab-container {
  background:
    radial-gradient(circle at 0% 0%, rgba(35, 183, 173, .08), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .96), rgba(13, 10, 24, .96)) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  color: #F7F3FF !important;
  padding: 28px !important;
}

.product-details-tab-container .row {
  margin-bottom: 12px;
}

.product-details-tab-container strong {
  color: #FFFFFF !important;
  font-weight: 900;
}

.product-details-tab-container .text-left,
.product-details-tab-container .text-center,
.product-details-tab-container .col-sm-7,
.product-details-tab-container .col-sm-5 {
  color: rgba(247, 243, 255, .78) !important;
  font-weight: 700;
}

.product-details-tab-container a:not(.btn) {
  color: #9B82FF !important;
  font-weight: 850;
}

.product-details-tab-container a:not(.btn):hover {
  color: #23B7AD !important;
}

/* Module output */

.module-client-area,
.moduleoutput {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 18px;
  margin-top: 18px;
  color: rgba(247, 243, 255, .82);
}

.module-client-area table,
.moduleoutput table {
  color: #F7F3FF !important;
}

.module-client-area a:not(.btn),
.moduleoutput a:not(.btn) {
  color: #9B82FF !important;
  font-weight: 850;
}

/* Downloads */

#tabDownloads {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 60px;
  color: #F7F3FF;
}

#tabDownloads .row .col-10 {
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 18px;
  padding: 22px !important;
  margin-bottom: 16px;
}

#tabDownloads h4 {
  color: #FFFFFF;
  font-weight: 950;
  letter-spacing: -.03em;
}

#tabDownloads p {
  color: rgba(247, 243, 255, .72);
  font-weight: 650;
}

/* Addons */

#tabAddons {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 60px;
  color: #F7F3FF;
}

#tabAddons .card.bg-default {
  background:
    radial-gradient(circle at 0% 0%, rgba(155, 130, 255, .12), transparent 34%),
    rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  border-radius: 20px !important;
  color: #F7F3FF !important;
}

#tabAddons .card-header,
#tabAddons .card-footer {
  background: transparent !important;
  border-color: rgba(155, 130, 255, .18) !important;
  color: #FFFFFF !important;
  font-weight: 950;
}

#tabAddons .card-body {
  color: rgba(247, 243, 255, .76) !important;
}

#tabAddons .label,
#tabAddons .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .22) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
}

/* Change password */

#tabChangepw {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 60px;
  color: #F7F3FF;
}

#tabChangepw label {
  color: rgba(247, 243, 255, .78) !important;
  font-weight: 850;
}

#tabChangepw .form-control,
#tabOverview .form-control,
#tabOverview select,
#tabOverview textarea {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}

#tabChangepw .form-control:focus,
#tabOverview .form-control:focus,
#tabOverview select:focus,
#tabOverview textarea:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

/* Alerts */

#tabOverview .alert,
#tabChangepw .alert,
#tabAddons .alert,
#tabDownloads .alert,
#alertUnpaidInvoice,
#alertOverdueInvoice,
#alertModuleCustomButtonSuccess,
#alertModuleCustomButtonFailed,
#alertPendingCancellation {
  border-radius: 16px !important;
  font-weight: 800;
}

#tabOverview .alert-info,
#tabChangepw .alert-info,
#tabAddons .alert-info,
#tabDownloads .alert-info {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

#tabOverview .alert-warning,
#tabChangepw .alert-warning,
#tabAddons .alert-warning,
#tabDownloads .alert-warning,
#alertUnpaidInvoice {
  background: rgba(255, 193, 7, .12) !important;
  border: 1px solid rgba(255, 193, 7, .38) !important;
  color: #FFF3CD !important;
}

#tabOverview .alert-danger,
#tabOverview .alert-error,
#tabChangepw .alert-danger,
#tabAddons .alert-danger,
#alertOverdueInvoice,
#alertModuleCustomButtonFailed,
#alertPendingCancellation {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

#tabOverview .alert-success,
#tabChangepw .alert-success,
#tabAddons .alert-success,
#tabDownloads .alert-success,
#alertModuleCustomButtonSuccess {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

/* Resource usage */

#resourceusage h4 {
  color: #FFFFFF !important;
  font-weight: 950;
}

#resourceusage p,
#resourceusage .text-muted {
  color: rgba(247, 243, 255, .62) !important;
}

/* SSL */

.ssl-inactive {
  opacity: .7;
}

#statusDisplayLabel,
#ssl-startdate,
#ssl-issuer,
#ssl-expirydate {
  color: rgba(247, 243, 255, .82) !important;
  font-weight: 750;
}

/* Mobile */

@media (max-width: 768px) {
  body .tab-content.margin-bottom,
  #tabDownloads,
  #tabAddons,
  #tabChangepw {
    padding: 20px 12px 46px;
  }

  #tabOverview .card-body,
  #tabChangepw .card-body {
    padding: 24px 20px !important;
  }

  #tabOverview .card-title,
  #tabChangepw .card-title,
  #tabAddons h3,
  #tabDownloads h3 {
    font-size: 36px !important;
  }

  .product-details .row {
    display: block;
  }

  .product-details .col-md-6 {
    max-width: 100%;
  }

  .product-details .col-md-6.text-center {
    margin-top: 18px;
  }

  #tabOverview .responsive-tabs-sm {
    display: grid;
    gap: 8px;
    border-bottom: 0 !important;
  }

  #tabOverview .responsive-tabs-sm .nav-link {
    border-radius: 12px !important;
  }

  .product-details-tab-container {
    border-top: 1px solid rgba(155, 130, 255, .24) !important;
    border-radius: 22px !important;
    padding: 22px 18px !important;
  }

  .product-details-tab-container .row {
    display: block;
    text-align: left;
  }

  .product-details-tab-container .text-right,
  .product-details-tab-container .text-left {
    text-align: left !important;
  }

  #tabOverview .btn,
  #tabChangepw .btn,
  #tabDownloads .btn,
  #tabAddons .btn {
    width: 100%;
    margin-bottom: 8px;
  }

  #tabChangepw .offset-xl-4 {
    margin-left: 0 !important;
  }
}
/* =========================================================
   Little Moo Hosting - Product Details cPanel Module Fixes
========================================================= */

/* Give the module/content area more room */
body .main-content,
body .content-area,
body .clientarea,
body #content,
body .container {
  max-width: 1280px !important;
}

/* Product details module layout */
#tabOverview .module-client-area,
#tabOverview .moduleoutput,
.product-details-tab-container .module-client-area {
  width: 100%;
  max-width: 920px;
  margin: 24px auto 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Fix module cards */
#tabOverview .module-client-area .card,
#tabOverview .moduleoutput .card,
#tabOverview .module-client-area .panel,
#tabOverview .moduleoutput .panel,
.product-details-tab-container .card {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .08), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
  border-radius: 16px !important;
  color: #F7F3FF !important;
  overflow: hidden;
}

/* Stop titles being massive / wrapping badly */
#tabOverview .module-client-area h1,
#tabOverview .module-client-area h2,
#tabOverview .module-client-area h3,
#tabOverview .moduleoutput h1,
#tabOverview .moduleoutput h2,
#tabOverview .moduleoutput h3,
.product-details-tab-container h1,
.product-details-tab-container h2,
.product-details-tab-container h3,
.quick-shortcuts h1,
.quick-shortcuts h2,
.quick-shortcuts h3 {
  color: #FFFFFF !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.05em !important;
  font-weight: 950 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Specifically fix Package/Domain title */
#tabOverview h3.card-title,
#tabOverview .card-title,
#tabOverview .module-client-area .card-title,
#tabOverview .moduleoutput .card-title {
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.02 !important;
  max-width: 100%;
}

/* Top two cards should sit better */
#tabOverview .module-client-area > .row,
#tabOverview .moduleoutput > .row,
.product-details-tab-container > .row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#tabOverview .module-client-area > .row > [class*="col-"],
#tabOverview .moduleoutput > .row > [class*="col-"],
.product-details-tab-container > .row > [class*="col-"] {
  flex: 1 1 360px;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Card headers */
#tabOverview .module-client-area .card-header,
#tabOverview .moduleoutput .card-header,
.product-details-tab-container .card-header {
  background: rgba(109, 76, 219, .14) !important;
  border-bottom: 1px solid rgba(155, 130, 255, .26) !important;
  color: #FFFFFF !important;
  padding: 18px 22px !important;
}

/* Card body */
#tabOverview .module-client-area .card-body,
#tabOverview .moduleoutput .card-body,
.product-details-tab-container .card-body {
  background: transparent !important;
  color: #F7F3FF !important;
  padding: 22px !important;
}

/* Quick Shortcuts */
.quick-shortcuts,
#tabOverview .quick-shortcuts,
#tabOverview .module-client-area .quick-shortcuts {
  max-width: 920px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.quick-shortcuts .row,
#tabOverview .quick-shortcuts .row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
}

.quick-shortcuts .col-sm-3,
.quick-shortcuts .col-md-3,
.quick-shortcuts .col-lg-3,
.quick-shortcuts [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

/* Shortcut icons */
.quick-shortcuts a,
#tabOverview .quick-shortcuts a {
  color: #FFFFFF !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.quick-shortcuts a:hover {
  color: #23B7AD !important;
}

/* Quick create email form */
#tabOverview input[type="text"],
#tabOverview input[type="email"],
#tabOverview input[type="password"],
#tabOverview select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
  min-height: 38px;
  box-shadow: none !important;
}

#tabOverview input::placeholder {
  color: rgba(247, 243, 255, .48) !important;
}

/* Module buttons */
#tabOverview .module-client-area .btn,
#tabOverview .moduleoutput .btn,
.product-details-tab-container .btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
}

#tabOverview .module-client-area .btn-primary,
#tabOverview .module-client-area .btn-success,
#tabOverview .moduleoutput .btn-primary,
#tabOverview .moduleoutput .btn-success,
.product-details-tab-container .btn-primary,
.product-details-tab-container .btn-success {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

#tabOverview .module-client-area .btn-default,
#tabOverview .moduleoutput .btn-default,
.product-details-tab-container .btn-default {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
}

/* Usage dials */
#tabOverview canvas,
.product-details-tab-container canvas {
  max-width: 100%;
}

/* Billing overview */
#tabOverview .module-client-area table,
#tabOverview .moduleoutput table,
.product-details-tab-container table {
  color: #F7F3FF !important;
}

#tabOverview .module-client-area td,
#tabOverview .module-client-area th,
#tabOverview .moduleoutput td,
#tabOverview .moduleoutput th,
.product-details-tab-container td,
.product-details-tab-container th {
  color: #F7F3FF !important;
  border-color: rgba(155, 130, 255, .16) !important;
}

/* Sidebar balance */
.sidebar,
.primary-sidebar,
.sidebar .card {
  background: transparent !important;
}

.sidebar .card,
.primary-sidebar .card {
  border-radius: 14px !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  overflow: hidden;
}

.sidebar .card-header,
.primary-sidebar .card-header {
  background: rgba(109, 76, 219, .18) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

/* Mobile */
@media (max-width: 980px) {
  #tabOverview .module-client-area,
  #tabOverview .moduleoutput,
  .product-details-tab-container .module-client-area {
    max-width: 100%;
  }

  .quick-shortcuts .row,
  #tabOverview .quick-shortcuts .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #tabOverview .module-client-area h1,
  #tabOverview .module-client-area h2,
  #tabOverview .module-client-area h3,
  #tabOverview .moduleoutput h1,
  #tabOverview .moduleoutput h2,
  #tabOverview .moduleoutput h3,
  .product-details-tab-container h1,
  .product-details-tab-container h2,
  .product-details-tab-container h3 {
    font-size: 28px !important;
  }

  .quick-shortcuts .row,
  #tabOverview .quick-shortcuts .row {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   Little Moo Hosting - Product Usage Billing / Metrics
========================================================= */

.lmh-usage-billing {
  color: #F7F3FF;
}

.lmh-usage-billing-intro {
  margin: 0 0 18px;
  color: rgba(247, 243, 255, .72);
  line-height: 1.65;
  font-weight: 650;
}

.lmh-usage-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
}

.lmh-usage-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-usage-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-usage-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-usage-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-usage-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-usage-metric-name {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-usage-current {
  color: #23B7AD;
  font-weight: 950;
  white-space: nowrap;
}

.lmh-usage-pricing {
  display: grid;
  gap: 8px;
  color: rgba(247, 243, 255, .78);
  font-weight: 750;
}

.lmh-usage-pricing small {
  display: block;
  margin-top: 4px;
  color: rgba(247, 243, 255, .58);
  font-size: 12px;
  font-weight: 700;
}

.lmh-usage-updated {
  color: rgba(247, 243, 255, .64);
  font-weight: 750;
  white-space: nowrap;
}

/* Usage pricing modal */
[id^="modalMetricPricing-"] .modal-content {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .10), transparent 34%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  border-radius: 20px !important;
  color: #F7F3FF !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

[id^="modalMetricPricing-"] .modal-header,
[id^="modalMetricPricing-"] .modal-footer {
  border-color: rgba(155, 130, 255, .20) !important;
}

[id^="modalMetricPricing-"] .modal-title {
  color: #FFFFFF !important;
  font-weight: 950;
  letter-spacing: -.03em;
}

[id^="modalMetricPricing-"] .close {
  color: #FFFFFF !important;
  text-shadow: none !important;
  opacity: .9;
}

[id^="modalMetricPricing-"] table {
  color: #F7F3FF !important;
}

[id^="modalMetricPricing-"] th,
[id^="modalMetricPricing-"] td {
  border-color: rgba(155, 130, 255, .16) !important;
  color: rgba(247, 243, 255, .82) !important;
}

@media (max-width: 768px) {
  .lmh-usage-table {
    min-width: 760px;
  }
}
/* =========================================================
   Little Moo Hosting - Quotes List
========================================================= */

.lmh-quotes-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-quotes-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
  margin-top: 22px;
}

.lmh-quotes-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-quotes-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-quotes-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-quotes-table tbody tr {
  cursor: pointer;
}

.lmh-quotes-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-quotes-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-quote-number {
  color: #FFFFFF;
  font-weight: 950;
  white-space: nowrap;
}

.lmh-quote-subject {
  color: #FFFFFF;
  font-weight: 850;
}

.lmh-quote-date {
  color: rgba(247, 243, 255, .72);
  font-weight: 750;
  white-space: nowrap;
}

.lmh-quotes-table .label,
.lmh-quotes-table .status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .22) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
  white-space: nowrap;
}

.lmh-quotes-table .status-accepted,
.lmh-quotes-table .status-delivered {
  background: rgba(35, 183, 173, .14) !important;
  border-color: rgba(35, 183, 173, .40) !important;
}

.lmh-quotes-table .status-draft,
.lmh-quotes-table .status-created,
.lmh-quotes-table .status-sent {
  background: rgba(109, 76, 219, .22) !important;
  border-color: rgba(155, 130, 255, .40) !important;
}

.lmh-quotes-table .status-lost,
.lmh-quotes-table .status-dead,
.lmh-quotes-table .status-expired {
  background: rgba(220, 53, 69, .18) !important;
  border-color: rgba(220, 53, 69, .45) !important;
}

.lmh-quote-action {
  text-align: right;
  white-space: nowrap;
}

.lmh-quote-download-form {
  margin: 0;
}

.lmh-quotes-page .dataTables_wrapper,
.lmh-quotes-page .dataTables_info,
.lmh-quotes-page .dataTables_length,
.lmh-quotes-page .dataTables_filter,
.lmh-quotes-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-quotes-page .dataTables_filter input,
.lmh-quotes-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-quotes-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-quotes-page .paginate_button.current,
.lmh-quotes-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-quotes-page {
    padding: 20px 12px 46px;
  }

  .lmh-quotes-table {
    min-width: 820px;
  }

  .lmh-quote-action .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Single Sign-On Security
========================================================= */

.lmh-sso-page {
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-sso-form {
  margin: 0;
}

.lmh-sso-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 20px;
  padding: 22px;
}

.lmh-sso-icon {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #9B82FF;
  font-size: 24px;
}

.lmh-sso-copy h2 {
  margin: 0 0 8px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-sso-copy p {
  margin: 0;
  color: rgba(247, 243, 255, .70);
  line-height: 1.6;
  font-weight: 650;
}

.lmh-sso-status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.lmh-sso-status span {
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 8px 11px;
  border-radius: 999px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 900;
}

.lmh-sso-status span:not([style*="display: none"]) {
  display: inline-flex;
}

#ssoStatusTextEnabled {
  background: rgba(35, 183, 173, .14);
  border: 1px solid rgba(35, 183, 173, .40);
}

#ssoStatusTextEnabled i {
  color: #23B7AD;
}

#ssoStatusTextDisabled {
  background: rgba(220, 53, 69, .18);
  border: 1px solid rgba(220, 53, 69, .45);
}

#ssoStatusTextDisabled i {
  color: #ff9aa8;
}

.lmh-sso-toggle {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lmh-sso-toggle .toggle-switch-success {
  cursor: pointer;
}

/* Keep WHMCS/bootstrap switch tidy */
.lmh-sso-toggle .bootstrap-switch {
  border-radius: 999px !important;
  border: 1px solid rgba(155, 130, 255, .36) !important;
  background: rgba(255, 255, 255, .07) !important;
}

.lmh-sso-toggle .bootstrap-switch .bootstrap-switch-handle-on {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.lmh-sso-toggle .bootstrap-switch .bootstrap-switch-handle-off {
  background: rgba(220, 53, 69, .20) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.lmh-sso-toggle .bootstrap-switch .bootstrap-switch-label {
  background: rgba(255, 255, 255, .10) !important;
}

@media (max-width: 768px) {
  .lmh-sso-page {
    padding: 20px 12px 46px;
  }

  .lmh-sso-card {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .lmh-sso-toggle {
    justify-content: flex-start;
  }
}
/* =========================================================
   Little Moo Hosting - Register Account
========================================================= */

.lmh-register-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-register-form {
  display: grid;
  gap: 22px;
}

.lmh-register-page .lmh-form-card {
  margin-top: 0;
}

.lmh-register-page .lmh-form-card h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-form-field-full {
  grid-column: 1 / -1;
}

.lmh-icon-field {
  position: relative;
}

.lmh-icon-field > span {
  position: absolute;
  left: 14px;
  bottom: 12px;
  z-index: 2;
  color: #9B82FF;
  pointer-events: none;
}

.lmh-icon-field .form-control,
.lmh-icon-field .field,
.lmh-icon-field select {
  padding-left: 42px !important;
}

.lmh-register-page .field,
.lmh-register-page .form-control,
.lmh-register-page select,
.lmh-register-page textarea {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 44px;
  box-shadow: none !important;
}

.lmh-register-page .field:focus,
.lmh-register-page .form-control:focus,
.lmh-register-page select:focus,
.lmh-register-page textarea:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-register-page input::placeholder {
  color: rgba(247, 243, 255, .46) !important;
}

.lmh-register-page .field-help-text,
.lmh-register-page .lmh-form-help {
  display: block;
  margin: -8px 0 18px;
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 650;
}

.lmh-register-page .lmh-custom-field {
  display: grid;
  gap: 8px;
}

.lmh-register-page .password-strength-meter {
  display: grid;
  gap: 8px;
}

.lmh-register-page .password-strength-meter .progress {
  height: 10px;
  background: rgba(255, 255, 255, .08) !important;
  border-radius: 999px;
  overflow: hidden;
}

.lmh-register-page .password-strength-meter .progress-bar {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
}

.lmh-register-page #passwordStrengthTextLabel,
.lmh-register-page .text-muted {
  color: rgba(247, 243, 255, .62) !important;
  font-weight: 700;
}

.lmh-register-page .alert {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-register-page .alert-info {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

.lmh-register-page .alert-danger,
.lmh-register-page .alert-error {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

.lmh-register-page .alert-link {
  color: #FFFFFF !important;
  text-decoration: underline;
}

.lmh-register-page .lmh-check-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: rgba(247, 243, 255, .78);
  font-weight: 750;
}

.lmh-register-page .lmh-check-row input {
  margin-top: 4px;
  accent-color: #6D4CDB;
}

.lmh-register-page .lmh-check-row a {
  color: #9B82FF !important;
  font-weight: 900;
}

.lmh-register-page .lmh-check-row a:hover {
  color: #23B7AD !important;
}

.lmh-tos-row {
  justify-content: center;
  margin-top: 12px !important;
}

.lmh-register-page .bootstrap-switch {
  border-radius: 999px !important;
  border: 1px solid rgba(155, 130, 255, .36) !important;
  background: rgba(255, 255, 255, .07) !important;
}

.lmh-register-page .bootstrap-switch .bootstrap-switch-handle-on {
  background: linear-gradient(135deg, #6D4CDB, #23B7AD) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.lmh-register-page .bootstrap-switch .bootstrap-switch-handle-off {
  background: rgba(220, 53, 69, .20) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.lmh-register-page .bootstrap-switch .bootstrap-switch-label {
  background: rgba(255, 255, 255, .10) !important;
}

.lmh-register-page .captchaimage,
.lmh-register-page .captcha-img,
.lmh-register-page img[src*="captcha"] {
  border-radius: 12px;
  border: 1px solid rgba(155, 130, 255, .26);
  background: #FFFFFF;
  padding: 8px;
}

@media (max-width: 768px) {
  .lmh-register-page {
    padding: 20px 12px 46px;
  }

  .lmh-register-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-register-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }

  .lmh-form-field-full {
    grid-column: auto;
  }
}
/* =========================================================
   Little Moo Hosting - SSL Configuration Complete
========================================================= */

.lmh-ssl-complete-page {
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ssl-success-card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: rgba(35, 183, 173, .08);
  border: 1px solid rgba(35, 183, 173, .34);
  border-radius: 20px;
  padding: 22px;
  margin-bottom: 22px;
}

.lmh-ssl-success-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(35, 183, 173, .13);
  border: 1px solid rgba(35, 183, 173, .42);
  color: #23B7AD;
  font-size: 24px;
}

.lmh-ssl-success-card h2 {
  margin: 0 0 8px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-ssl-success-card p {
  margin: 0;
  color: rgba(247, 243, 255, .72);
  line-height: 1.6;
  font-weight: 650;
}

.lmh-ssl-complete-page .lmh-form-card {
  margin-top: 0;
  margin-bottom: 22px;
}

.lmh-ssl-complete-page .lmh-form-card h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-ssl-complete-page .lmh-form-field-full {
  grid-column: 1 / -1;
}

.lmh-ssl-complete-page .form-control {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 44px;
  box-shadow: none !important;
}

.lmh-ssl-complete-page .form-control[readonly] {
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(247, 243, 255, .86) !important;
  cursor: text;
}

.lmh-copy-input {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.lmh-copy-input .form-control {
  min-width: 0;
}

.lmh-copy-input .lmh-btn {
  flex: 0 0 auto;
  min-height: 44px;
}

.lmh-ssl-return-form {
  margin: 0;
}

.lmh-ssl-complete-page .alert {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-ssl-complete-page .alert-info {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

.lmh-ssl-complete-page .alert-success {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

.lmh-ssl-complete-page .alert-danger,
.lmh-ssl-complete-page .alert-error {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-ssl-complete-page {
    padding: 20px 12px 46px;
  }

  .lmh-ssl-success-card,
  .lmh-copy-input {
    flex-direction: column;
  }

  .lmh-copy-input .lmh-btn,
  .lmh-ssl-complete-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - SSL Validation Method
========================================================= */

.lmh-ssl-validation-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ssl-validation-form {
  display: grid;
  gap: 22px;
}

.lmh-ssl-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.lmh-ssl-method-card {
  position: relative;
  display: grid;
  gap: 14px;
  min-height: 180px;
  margin: 0;
  padding: 22px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 20px;
  cursor: pointer;
  transition: .2s ease;
}

.lmh-ssl-method-card:hover {
  transform: translateY(-2px);
  border-color: rgba(35, 183, 173, .42);
  background: rgba(255, 255, 255, .065);
}

.lmh-ssl-method-card input {
  position: absolute;
  top: 18px;
  right: 18px;
  accent-color: #6D4CDB;
}

.lmh-ssl-method-card:has(input:checked) {
  border-color: rgba(35, 183, 173, .55);
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .14), transparent 42%),
    rgba(255, 255, 255, .065);
}

.lmh-ssl-method-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #9B82FF;
  font-size: 20px;
}

.lmh-ssl-method-card strong {
  display: block;
  margin-bottom: 6px;
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: -.03em;
  font-weight: 950;
}

.lmh-ssl-method-card small {
  display: block;
  color: rgba(247, 243, 255, .64);
  line-height: 1.5;
  font-weight: 650;
}

.lmh-ssl-method-details {
  margin-top: 0;
}

.lmh-ssl-method-details h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-email-approver-list {
  display: grid;
  gap: 10px;
}

.lmh-email-approver-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 14px 15px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 14px;
  color: #F7F3FF;
  font-weight: 850;
  cursor: pointer;
}

.lmh-email-approver-row:hover {
  background: rgba(109, 76, 219, .20);
  border-color: rgba(155, 130, 255, .34);
}

.lmh-email-approver-row input {
  accent-color: #6D4CDB;
}

.lmh-ssl-validation-page .alert {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-ssl-validation-page .alert-secondary {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .26) !important;
  color: rgba(247, 243, 255, .78) !important;
}

.lmh-ssl-validation-page .alert-danger,
.lmh-ssl-validation-page .alert-error {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 900px) {
  .lmh-ssl-methods {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .lmh-ssl-validation-page {
    padding: 20px 12px 46px;
  }

  .lmh-ssl-validation-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-ssl-validation-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Contact Page
========================================================= */

.lmh-contact-page {
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-contact-form {
  display: grid;
  gap: 22px;
}

.lmh-contact-page .lmh-form-card {
  margin-top: 0;
}

.lmh-contact-page .lmh-form-card h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-contact-page .lmh-form-field-full {
  grid-column: 1 / -1;
}

.lmh-contact-page .form-control,
.lmh-contact-page textarea {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 44px;
  box-shadow: none !important;
}

.lmh-contact-page textarea {
  min-height: 180px;
  resize: vertical;
}

.lmh-contact-page .form-control:focus,
.lmh-contact-page textarea:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-contact-page .lmh-icon-field {
  position: relative;
}

.lmh-contact-page .lmh-icon-field > span {
  position: absolute;
  left: 14px;
  bottom: 12px;
  z-index: 2;
  color: #9B82FF;
  pointer-events: none;
}

.lmh-contact-page .lmh-icon-field .form-control {
  padding-left: 42px !important;
}

.lmh-contact-page .alert {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-contact-page .alert-danger,
.lmh-contact-page .alert-error {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

.lmh-contact-captcha {
  text-align: center;
}

.lmh-contact-page .captchaimage,
.lmh-contact-page .captcha-img,
.lmh-contact-page img[src*="captcha"] {
  border-radius: 12px;
  border: 1px solid rgba(155, 130, 255, .26);
  background: #FFFFFF;
  padding: 8px;
}

@media (max-width: 768px) {
  .lmh-contact-page {
    padding: 20px 12px 46px;
  }

  .lmh-contact-page .lmh-form-field-full {
    grid-column: auto;
  }

  .lmh-contact-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-contact-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Pricing
========================================================= */

.lmh-domain-pricing-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-featured-tlds {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

.lmh-featured-tld-card {
  display: grid;
  gap: 12px;
  min-height: 170px;
  padding: 22px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .14), transparent 44%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  color: #F7F3FF;
}

.lmh-featured-tld-logo {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-featured-tld-logo img {
  max-width: 42px;
  max-height: 42px;
}

.lmh-featured-tld-card strong {
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -.05em;
  font-weight: 950;
}

.lmh-featured-tld-price {
  color: #23B7AD;
  font-size: 18px;
  font-weight: 950;
}

.lmh-currency-form {
  display: grid;
  gap: 8px;
  max-width: 320px;
  margin-left: auto;
  margin-bottom: 24px;
}

.lmh-currency-form label {
  color: rgba(247, 243, 255, .72);
  font-size: 13px;
  font-weight: 850;
}

.lmh-currency-form select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 44px;
  box-shadow: none !important;
}

.lmh-domain-category-header h2 {
  margin: 0 0 14px;
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-tld-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.lmh-tld-filters .badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  color: rgba(247, 243, 255, .78) !important;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none !important;
}

.lmh-tld-filters .badge:hover,
.lmh-tld-filters .badge-success {
  background: rgba(35, 183, 173, .16) !important;
  border-color: rgba(35, 183, 173, .44) !important;
  color: #FFFFFF !important;
}

.lmh-domain-pricing-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
  margin-top: 22px;
}

.lmh-domain-pricing-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-domain-pricing-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-domain-pricing-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-domain-pricing-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-domain-pricing-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-tld-name {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 950;
}

.lmh-tld-category {
  color: rgba(247, 243, 255, .72);
  font-weight: 750;
}

.lmh-price {
  display: block;
  color: #FFFFFF;
  font-weight: 950;
  white-space: nowrap;
}

.lmh-period {
  display: block;
  color: rgba(247, 243, 255, .82);
  font-weight: 850;
}

.lmh-domain-pricing-table small {
  display: block;
  margin-top: 4px;
  color: rgba(247, 243, 255, .58);
  font-size: 12px;
  font-weight: 700;
}

.lmh-domain-pricing-table .tld-sale-group {
  display: inline-flex;
  margin-left: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(35, 183, 173, .16);
  border: 1px solid rgba(35, 183, 173, .42);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.lmh-domain-pricing-page .dataTables_wrapper,
.lmh-domain-pricing-page .dataTables_info,
.lmh-domain-pricing-page .dataTables_length,
.lmh-domain-pricing-page .dataTables_filter,
.lmh-domain-pricing-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-domain-pricing-page .dataTables_filter input,
.lmh-domain-pricing-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-domain-pricing-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-domain-pricing-page .paginate_button.current,
.lmh-domain-pricing-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 980px) {
  .lmh-featured-tlds {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .lmh-domain-pricing-page {
    padding: 20px 12px 46px;
  }

  .lmh-featured-tlds {
    grid-template-columns: 1fr;
  }

  .lmh-domain-pricing-table {
    min-width: 920px;
  }

  .lmh-currency-form {
    max-width: none;
    margin-left: 0;
  }
}
/* =========================================================
   Little Moo Hosting - Download Access Required
========================================================= */

.lmh-download-required-page {
  max-width: 880px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-download-required-alert {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 20px;
  padding: 22px;
  color: #F7F3FF;
}

.lmh-download-required-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 23px;
}

.lmh-download-required-alert h2 {
  margin: 0 0 8px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-download-required-alert p {
  margin: 0;
  color: rgba(247, 243, 255, .72);
  line-height: 1.6;
  font-weight: 650;
}

.lmh-download-required-info {
  border-color: rgba(35, 183, 173, .34);
}

.lmh-download-required-info .lmh-download-required-icon {
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .40);
  color: #23B7AD;
}

.lmh-download-required-error {
  border-color: rgba(220, 53, 69, .42);
}

.lmh-download-required-error .lmh-download-required-icon {
  background: rgba(220, 53, 69, .16);
  border: 1px solid rgba(220, 53, 69, .48);
  color: #ff9aa8;
}

.lmh-download-required-form {
  margin: 22px 0 0;
}

.lmh-download-required-page .lmh-back-action {
  justify-content: flex-start;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .lmh-download-required-page {
    padding: 20px 12px 46px;
  }

  .lmh-download-required-alert {
    flex-direction: column;
  }

  .lmh-download-required-page .lmh-form-actions {
    flex-direction: column;
  }

  .lmh-download-required-page .lmh-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Downloads
========================================================= */

.lmh-downloads-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-download-search-form {
  margin: 0 0 24px;
}

.lmh-download-search {
  display: flex;
  gap: 12px;
  align-items: stretch;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 12px;
}

.lmh-download-search .form-control {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 46px;
  box-shadow: none !important;
}

.lmh-download-search .form-control:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-download-search input::placeholder {
  color: rgba(247, 243, 255, .48) !important;
}

.lmh-download-categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.lmh-download-category-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-download-category-card:hover {
  transform: translateY(-2px);
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .14), transparent 42%),
    rgba(255, 255, 255, .065);
  border-color: rgba(35, 183, 173, .42);
}

.lmh-download-category-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #9B82FF;
  font-size: 21px;
}

.lmh-download-category-copy {
  display: grid;
  gap: 5px;
}

.lmh-download-category-copy strong {
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: -.03em;
  font-weight: 950;
}

.lmh-download-category-copy small {
  color: rgba(247, 243, 255, .62);
  line-height: 1.5;
  font-weight: 650;
}

.lmh-download-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(35, 183, 173, .14);
  border: 1px solid rgba(35, 183, 173, .38);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-popular-downloads {
  margin-top: 24px;
}

.lmh-section-heading h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-section-heading h2 i {
  color: #23B7AD;
}

.lmh-download-list {
  display: grid;
  gap: 10px;
}

.lmh-download-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-download-item:hover {
  background: rgba(109, 76, 219, .20);
  border-color: rgba(35, 183, 173, .42);
  transform: translateY(-1px);
}

.lmh-download-file-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .28);
  color: #9B82FF;
}

.lmh-download-file-icon img {
  max-width: 24px;
  max-height: 24px;
}

.lmh-download-item-copy {
  display: grid;
  gap: 5px;
}

.lmh-download-item-copy strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-download-item-copy small {
  color: rgba(247, 243, 255, .64);
  line-height: 1.5;
  font-weight: 650;
}

.lmh-download-item-copy b {
  color: rgba(247, 243, 255, .84);
  font-weight: 900;
}

.lmh-restricted-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(220, 53, 69, .18);
  border: 1px solid rgba(220, 53, 69, .45);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .lmh-download-categories {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .lmh-downloads-page {
    padding: 20px 12px 46px;
  }

  .lmh-download-search,
  .lmh-download-category-card,
  .lmh-download-item {
    grid-template-columns: 1fr;
  }

  .lmh-download-search {
    flex-direction: column;
  }

  .lmh-download-search .lmh-btn,
  .lmh-restricted-pill {
    width: 100%;
  }

  .lmh-download-count {
    justify-content: flex-start;
    width: fit-content;
  }
}
/* =========================================================
   Little Moo Hosting - Download Results / Category
========================================================= */

.lmh-download-files-card {
  margin-top: 24px;
}

.lmh-download-files-card .lmh-section-heading h2 {
  margin: 0 0 18px;
}

.lmh-downloads-page .lmh-back-action {
  justify-content: flex-start;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .lmh-downloads-page .lmh-back-action {
    flex-direction: column;
  }

  .lmh-downloads-page .lmh-back-action .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Footer
========================================================= */

#footer.lmh-footer,
#footer.footer {
  background:
    radial-gradient(circle at 10% 0%, rgba(35, 183, 173, .08), transparent 34%),
    linear-gradient(180deg, rgba(13, 10, 24, .98), rgba(8, 6, 17, .98)) !important;
  border-top: 1px solid rgba(155, 130, 255, .20) !important;
  color: rgba(247, 243, 255, .68) !important;
  padding: 34px 0 !important;
}

#footer .nav-link {
  color: rgba(247, 243, 255, .72) !important;
  font-weight: 800;
  text-decoration: none !important;
}

#footer .nav-link:hover {
  color: #23B7AD !important;
}

#footer .copyright {
  color: rgba(247, 243, 255, .68) !important;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
}

#footer .copyright a {
  color: #9B82FF !important;
  font-weight: 850;
  text-decoration: none !important;
}

#footer .copyright a:hover {
  color: #23B7AD !important;
}

#footer .lmh-footer-locale-btn,
#footer .btn {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  border-radius: 999px !important;
  color: #F7F3FF !important;
  font-weight: 850;
}

#footer .lmh-footer-locale-btn:hover,
#footer .btn:hover {
  background: rgba(109, 76, 219, .22) !important;
  border-color: rgba(35, 183, 173, .42) !important;
  color: #FFFFFF !important;
}
/* =========================================================
   Little Moo Hosting - Payment Forward / Auto Submit
========================================================= */

.lmh-payment-forward-page {
  max-width: 820px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-payment-forward-card {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 18px;
  padding: 34px 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(155, 130, 255, .18), transparent 48%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .22);
}

.lmh-payment-loader {
  width: 86px;
  height: 86px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  background: rgba(109, 76, 219, .16);
  border: 1px solid rgba(155, 130, 255, .34);
}

.lmh-payment-spinner {
  width: 44px;
  height: 44px;
  border: 4px solid rgba(247, 243, 255, .16);
  border-top-color: #23B7AD;
  border-right-color: #9B82FF;
  border-radius: 999px;
  animation: lmhPaymentSpin .85s linear infinite;
}

@keyframes lmhPaymentSpin {
  to {
    transform: rotate(360deg);
  }
}

.lmh-payment-forward-card h2 {
  margin: 0;
  color: #FFFFFF;
  font-size: 28px;
  letter-spacing: -.045em;
  font-weight: 950;
}

.lmh-payment-forward-card p {
  max-width: 520px;
  margin: 0;
  color: rgba(247, 243, 255, .72);
  line-height: 1.6;
  font-weight: 650;
}

.lmh-payment-progress {
  width: min(360px, 100%);
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(155, 130, 255, .22);
}

.lmh-payment-progress-bar {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6D4CDB, #9B82FF, #23B7AD);
  background-size: 200% 100%;
  animation: lmhPaymentProgress 1.3s ease-in-out infinite;
}

@keyframes lmhPaymentProgress {
  0% {
    background-position: 0% 50%;
    transform: translateX(-24%);
  }

  50% {
    background-position: 100% 50%;
    transform: translateX(0);
  }

  100% {
    background-position: 0% 50%;
    transform: translateX(24%);
  }
}

.lmh-payment-hidden-form {
  width: 100%;
}

.lmh-payment-hidden-form form {
  margin: 0;
}

.lmh-payment-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .34);
  color: rgba(247, 243, 255, .84);
  font-size: 13px;
  font-weight: 850;
}

.lmh-payment-note i {
  color: #23B7AD;
}

@media (max-width: 768px) {
  .lmh-payment-forward-page {
    padding: 20px 12px 46px;
  }

  .lmh-payment-forward-card {
    padding: 28px 18px;
  }

  .lmh-payment-forward-card h2 {
    font-size: 24px;
  }
}
/* =========================================================
   Little Moo Hosting - Header / Top Navigation
========================================================= */

body.lmh-body,
body.primary-bg-color {
  background:
    radial-gradient(circle at 10% 0%, rgba(109, 76, 219, .20), transparent 34%),
    radial-gradient(circle at 90% 0%, rgba(35, 183, 173, .12), transparent 34%),
    #080611 !important;
  color: #F7F3FF !important;
}

.lmh-header {
  position: relative;
  z-index: 50;
  background:
    radial-gradient(circle at 10% 0%, rgba(155, 130, 255, .14), transparent 32%),
    linear-gradient(180deg, rgba(13, 10, 24, .98), rgba(8, 6, 17, .96)) !important;
  border-bottom: 1px solid rgba(155, 130, 255, .20);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
}

.lmh-topbar {
  background: rgba(8, 6, 17, .78) !important;
  border-bottom: 1px solid rgba(155, 130, 255, .16);
  padding: 8px 0;
}

.lmh-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.lmh-topbar-left,
.lmh-topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lmh-topbar .btn,
.lmh-topbar-btn,
.lmh-active-client .btn {
  background: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  color: rgba(247, 243, 255, .82) !important;
  border-radius: 999px !important;
  font-size: 13px;
  font-weight: 850;
  min-height: 36px;
  box-shadow: none !important;
}

.lmh-topbar .btn:hover,
.lmh-topbar-btn:hover,
.lmh-active-client .btn:hover {
  background: rgba(109, 76, 219, .22) !important;
  border-color: rgba(35, 183, 173, .42) !important;
  color: #FFFFFF !important;
}

.lmh-active-client .input-group-text {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .18) !important;
  color: rgba(247, 243, 255, .62) !important;
  border-radius: 999px 0 0 999px !important;
  font-size: 12px;
  font-weight: 800;
}

.lmh-active-client-group .btn {
  border-radius: 0 !important;
}

.lmh-active-client-group .btn:first-child {
  border-radius: 999px 0 0 999px !important;
}

.lmh-active-client-group .btn:last-child {
  border-radius: 0 999px 999px 0 !important;
}

.lmh-active-client-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lmh-active-client-btn i {
  color: #9B82FF;
}

.lmh-main-header-row {
  padding: 14px 0 !important;
  background: transparent !important;
}

.lmh-header-container {
  display: flex;
  align-items: center;
  gap: 22px;
}

.lmh-navbar-brand {
  display: inline-flex;
  align-items: center;
  margin-right: 28px !important;
  padding: 0 !important;
}

.lmh-navbar-brand .logo-img {
  display: block;
  width: auto;
  max-width: 225px;
  max-height: 74px;
  object-fit: contain;
}

.lmh-menu-btn {
  margin-left: auto;
  width: 44px;
  height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(109, 76, 219, .20) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
  border-radius: 14px !important;
  color: #F7F3FF !important;
}

.lmh-navbar-collapse {
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.lmh-primary-nav,
.lmh-account-inline,
.lmh-toolbar {
  align-items: center;
  gap: 6px;
}

.lmh-header .navbar-nav .nav-link,
.lmh-header .navbar-nav .dropdown-toggle,
.lmh-header .navbar-nav > li > a {
  color: rgba(247, 243, 255, .78) !important;
  font-size: 14px;
  font-weight: 850;
  padding: 10px 12px !important;
  border-radius: 999px;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-header .navbar-nav .nav-link:hover,
.lmh-header .navbar-nav .dropdown-toggle:hover,
.lmh-header .navbar-nav > li > a:hover,
.lmh-header .navbar-nav .active > .nav-link {
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .22) !important;
}

.lmh-header .dropdown-menu {
  background: rgba(13, 10, 24, .98) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  border-radius: 16px !important;
  padding: 8px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

.lmh-header .dropdown-menu .dropdown-item,
.lmh-header .dropdown-menu a {
  color: rgba(247, 243, 255, .78) !important;
  border-radius: 10px !important;
  font-weight: 750;
}

.lmh-header .dropdown-menu .dropdown-item:hover,
.lmh-header .dropdown-menu a:hover {
  background: rgba(109, 76, 219, .24) !important;
  color: #FFFFFF !important;
}

.lmh-cart-btn {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .44) !important;
  border-radius: 15px !important;
  color: #FFFFFF !important;
}

.lmh-cart-btn i {
  color: #FFFFFF !important;
}

.lmh-cart-btn .badge {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #23B7AD !important;
  border: 2px solid #080611;
  color: #FFFFFF !important;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
}

.lmh-main-body {
  padding-top: 30px;
  padding-bottom: 48px;
}

.lmh-primary-content {
  min-height: 520px;
}

.lmh-sidebar {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(155, 130, 255, .18);
  border-radius: 20px;
  padding: 12px;
  margin-bottom: 18px;
}

.lmh-sidebar .panel,
.lmh-sidebar .card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.lmh-sidebar a {
  color: rgba(247, 243, 255, .78) !important;
}

.lmh-sidebar a:hover {
  color: #FFFFFF !important;
}

.popover {
  background: rgba(13, 10, 24, .98) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  border-radius: 16px !important;
  color: #F7F3FF !important;
}

.popover-body {
  color: #F7F3FF !important;
}

.client-alerts {
  list-style: none;
  padding: 0;
  margin: 0;
}

.client-alerts li a {
  display: flex;
  gap: 10px;
  padding: 10px;
  color: rgba(247, 243, 255, .82) !important;
  text-decoration: none !important;
}

.client-alerts li a:hover {
  background: rgba(109, 76, 219, .20);
}

@media (max-width: 1199px) {
  .lmh-navbar-collapse {
    margin-top: 16px;
    padding: 16px;
    background: rgba(13, 10, 24, .98);
    border: 1px solid rgba(155, 130, 255, .20);
    border-radius: 20px;
  }

  .lmh-primary-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    align-items: stretch;
    gap: 8px;
  }

  .lmh-header .navbar-nav .nav-link,
  .lmh-header .navbar-nav .dropdown-toggle,
  .lmh-header .navbar-nav > li > a {
    border-radius: 12px;
  }

  .lmh-toolbar {
    margin-top: 10px;
  }

  .lmh-cart-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .lmh-topbar-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .lmh-topbar-left,
  .lmh-topbar-right,
  .lmh-active-client,
  .lmh-active-client-group {
    width: 100%;
  }

  .lmh-topbar .btn,
  .lmh-active-client .btn {
    width: 100%;
    justify-content: center;
  }

  .lmh-active-client .input-group-prepend {
    display: none !important;
  }

  .lmh-active-client-group {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .lmh-active-client-group .btn {
    border-radius: 12px !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 180px;
    max-height: 58px;
  }

  .lmh-header-container {
    gap: 12px;
  }

  .lmh-main-body {
    padding-top: 20px;
  }
}
/* =========================================================
   Little Moo Hosting - Header Height / Alignment Fix
========================================================= */

/* Give the whole header proper breathing room */
.lmh-header {
  overflow: visible !important;
}

/* Top notification/account bar */
.lmh-topbar {
  min-height: 44px !important;
  padding: 8px 0 !important;
  display: flex !important;
  align-items: center !important;
}

.lmh-topbar .container,
.lmh-topbar-container {
  min-height: 28px !important;
}

.lmh-topbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
}

/* Stop logged-in text from sitting too high */
.lmh-topbar,
.lmh-topbar *,
.lmh-active-client,
.lmh-active-client * {
  line-height: 1.2 !important;
}

/* Main nav/header row */
.lmh-main-header-row {
  min-height: 96px !important;
  padding: 18px 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Header container alignment */
.lmh-header-container {
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
}

/* Logo sizing */
.lmh-navbar-brand {
  display: flex !important;
  align-items: center !important;
  min-height: 74px !important;
  margin-right: 44px !important;
}

.lmh-navbar-brand .logo-img {
  width: auto !important;
  max-width: 220px !important;
  max-height: 70px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Nav alignment */
.lmh-navbar-collapse {
  align-items: center !important;
}

.lmh-primary-nav,
.lmh-account-inline,
.lmh-toolbar {
  align-items: center !important;
}

/* Make nav items sit nicely in middle */
.lmh-header .navbar-nav .nav-link,
.lmh-header .navbar-nav .dropdown-toggle,
.lmh-header .navbar-nav > li > a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
}

/* Account button */
.lmh-account-inline .nav-link,
.lmh-account-inline .dropdown-toggle {
  background: rgba(109, 76, 219, .24) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  border-radius: 10px !important;
}

/* Cart button */
.lmh-cart-btn {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}

/* Stop the cart count from pushing layout */
.lmh-cart-btn .badge,
#cartItemCount {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
}

/* Mobile/tablet */
@media (max-width: 1199px) {
  .lmh-main-header-row {
    min-height: auto !important;
    padding: 16px 0 !important;
  }

  .lmh-header-container {
    min-height: 64px !important;
  }

  .lmh-navbar-brand {
    min-height: 64px !important;
  }
/* =========================================================
   Little Moo Hosting - Homepage
========================================================= */

.lm-home-section {
  max-width: 1180px;
  margin: 0 auto 34px;
  padding: 34px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 38%),
    rgba(255, 255, 255, .035);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lm-products-section {
  margin-top: 20px;
}

.lm-section-eyebrow {
  display: inline-flex;
  margin: 0 0 10px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .30);
  color: #9B82FF;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lm-section-title {
  margin: 0 0 12px;
  color: #FFFFFF;
  font-size: clamp(30px, 4vw, 52px);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 950;
}

.lm-section-intro {
  max-width: 720px;
  margin: 0 0 26px;
  color: rgba(247, 243, 255, .68);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 650;
}

.lm-product-grid,
.lm-action-grid {
  display: grid;
  gap: 18px;
}

.lm-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lm-action-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.lm-account-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lm-product-card,
.lm-action-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 12px;
  min-height: 190px;
  padding: 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .10), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: .22s ease;
}

.lm-product-card:hover,
.lm-action-card:hover {
  transform: translateY(-3px);
  border-color: rgba(35, 183, 173, .45);
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .16), transparent 42%),
    rgba(255, 255, 255, .065);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.lm-card-kicker {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .28);
  color: #23B7AD;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lm-product-card h3 {
  margin: 0;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.045em;
  font-weight: 950;
}

.lm-product-card p {
  margin: 0;
  color: rgba(247, 243, 255, .66);
  line-height: 1.6;
  font-weight: 650;
}

.lm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
}

.lm-btn-outline {
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .38);
}

.lm-btn-outline:hover {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF);
  border-color: rgba(155, 130, 255, .70);
}

.lm-action-card {
  min-height: 180px;
}

.lm-icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #9B82FF;
  font-size: 22px;
}

.lm-action-card > span:not(.lm-icon) {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 950;
}

.lm-action-card small {
  color: rgba(247, 243, 255, .62);
  line-height: 1.5;
  font-weight: 650;
}

@media (max-width: 1100px) {
  .lm-product-grid,
  .lm-action-grid,
  .lm-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .lm-home-section {
    padding: 24px 18px;
    border-radius: 22px;
    margin-bottom: 24px;
  }

  .lm-product-grid,
  .lm-action-grid,
  .lm-account-grid {
    grid-template-columns: 1fr;
  }

  .lm-product-card,
  .lm-action-card {
    min-height: auto;
  }

  .lm-section-title {
    font-size: 34px;
  }
}
  .lmh-navbar-brand .logo-img {
    max-width: 185px !important;
    max-height: 58px !important;
  }

  .lmh-navbar-collapse {
    margin-top: 14px !important;
  }
}

@media (max-width: 768px) {
  .lmh-topbar {
    min-height: auto !important;
  }

  .lmh-topbar-inner {
    gap: 8px !important;
  }

  .lmh-main-header-row {
    padding: 14px 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 165px !important;
    max-height: 52px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Burger Visibility Fix
========================================================= */

/* Desktop: never show burger */
@media (min-width: 1200px) {
  .lmh-menu-btn,
  button.lmh-menu-btn,
  .navbar-toggler,
  .d-xl-none.lmh-menu-btn {
    display: none !important;
  }

  #mainNavbar,
  .lmh-navbar-collapse {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
  }
}

/* Tablet/mobile: show burger */
@media (max-width: 1199.98px) {
  .lmh-menu-btn,
  button.lmh-menu-btn,
  .d-xl-none.lmh-menu-btn {
    display: inline-flex !important;
  }

  #mainNavbar.collapse:not(.show) {
    display: none !important;
  }

  #mainNavbar.collapse.show {
    display: block !important;
  }
}
/* =========================================================
   Little Moo Hosting - HARD Burger Hide on Desktop
========================================================= */

@media screen and (min-width: 1200px) {
  #header .lmh-menu-btn,
  #header button.lmh-menu-btn,
  #header .navbar .lmh-menu-btn,
  #header .navbar button[data-target="#mainNavbar"],
  #header .navbar button[data-toggle="collapse"],
  #header .navbar-toggler,
  .lmh-header .lmh-menu-btn,
  .lmh-header button[data-target="#mainNavbar"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  #mainNavbar,
  #mainNavbar.collapse,
  #mainNavbar.navbar-collapse,
  .lmh-navbar-collapse {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
  }
}
/* =========================================================
   Little Moo Hosting - Invoice Payment Page
========================================================= */

.lmh-payment-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-payment-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 24px;
  align-items: start;
}

.lmh-payment-main {
  display: grid;
  gap: 18px;
}

.lmh-payment-card {
  margin-top: 0;
}

.lmh-payment-card h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -.045em;
  font-weight: 950;
}

.lmh-payment-method-field {
  margin-bottom: 18px;
}

.lmh-payment-method-select select,
.lmh-payment-method-select .form-control,
.lmh-payment-inputs .form-control,
.lmh-payment-inputs input,
.lmh-payment-inputs select {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 44px;
  box-shadow: none !important;
}

.lmh-payment-method-select select:focus,
.lmh-payment-method-select .form-control:focus,
.lmh-payment-inputs .form-control:focus,
.lmh-payment-inputs input:focus,
.lmh-payment-inputs select:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-payment-inputs label,
.lmh-payment-method-field label,
.lmh-payment-page label {
  color: rgba(247, 243, 255, .78) !important;
  font-size: 13px;
  font-weight: 850;
}

.lmh-payment-inputs .form-group {
  margin-bottom: 16px;
}

.lmh-payment-inputs .row {
  margin-left: -8px;
  margin-right: -8px;
}

.lmh-payment-inputs .row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.lmh-payment-submit {
  margin-top: 22px;
}

.lmh-payment-submit .lmh-btn {
  min-width: 220px;
}

.lmh-payment-security-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(35, 183, 173, .10);
  border: 1px solid rgba(35, 183, 173, .34);
  color: rgba(247, 243, 255, .78);
  font-weight: 750;
  line-height: 1.5;
}

.lmh-payment-security-note i {
  color: #23B7AD;
  margin-top: 3px;
}

.lmh-payment-summary {
  position: sticky;
  top: 24px;
}

.lmh-payment-summary .card,
.lmh-payment-summary .invoice-summary,
.lmh-payment-summary .panel {
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .20) !important;
  border-radius: 22px !important;
  color: #F7F3FF !important;
  box-shadow: none !important;
}

.lmh-payment-summary .card-header,
.lmh-payment-summary .card-body,
.lmh-payment-summary .panel-heading,
.lmh-payment-summary .panel-body {
  background: transparent !important;
  color: #F7F3FF !important;
  border-color: rgba(155, 130, 255, .16) !important;
}

.lmh-payment-summary h2,
.lmh-payment-summary h3,
.lmh-payment-summary h4,
.lmh-payment-summary strong {
  color: #FFFFFF !important;
}

.lmh-payment-summary table,
.lmh-payment-summary td,
.lmh-payment-summary th {
  color: rgba(247, 243, 255, .78) !important;
  border-color: rgba(155, 130, 255, .16) !important;
}

.lmh-payment-page .alert {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-payment-page .alert-danger,
.lmh-payment-page .alert-error {
  background: rgba(220, 53, 69, .14) !important;
  border: 1px solid rgba(220, 53, 69, .42) !important;
  color: #FFFFFF !important;
}

/* Remote 3DS / external verification */
.lmh-remote-payment-page {
  max-width: 960px;
}

.lmh-remote-card-process {
  display: grid;
  gap: 18px;
  text-align: center;
}

.lmh-auth3d-frame {
  width: 100% !important;
  min-height: 600px;
  border: 1px solid rgba(155, 130, 255, .24);
  border-radius: 20px;
  background: #FFFFFF;
}

/* Stripe/card hosted fields sometimes inject iframes */
.lmh-payment-page iframe {
  border-radius: 12px;
}

@media (max-width: 992px) {
  .lmh-payment-layout {
    grid-template-columns: 1fr;
  }

  .lmh-payment-summary {
    position: static;
  }
}

@media (max-width: 768px) {
  .lmh-payment-page {
    padding: 20px 12px 46px;
  }

  .lmh-payment-submit {
    flex-direction: column;
  }

  .lmh-payment-submit .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Knowledgebase Home
========================================================= */

.lmh-kb-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-kb-search-form {
  margin: 0 0 24px;
}

.lmh-kb-search {
  display: flex;
  gap: 12px;
  align-items: stretch;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 18px;
  padding: 12px;
}

.lmh-kb-search .form-control {
  width: 100%;
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 12px !important;
  min-height: 46px;
  box-shadow: none !important;
}

.lmh-kb-search .form-control:focus {
  border-color: rgba(35, 183, 173, .75) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.lmh-kb-search input::placeholder {
  color: rgba(247, 243, 255, .48) !important;
}

.lmh-kb-categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.lmh-kb-category-card {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-kb-category-card:hover {
  transform: translateY(-2px);
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .14), transparent 42%),
    rgba(255, 255, 255, .065);
  border-color: rgba(35, 183, 173, .42);
}

.lmh-kb-category-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #9B82FF;
  font-size: 21px;
}

.lmh-kb-category-copy {
  display: grid;
  gap: 5px;
}

.lmh-kb-category-copy strong {
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: -.03em;
  font-weight: 950;
}

.lmh-kb-category-copy small {
  color: rgba(247, 243, 255, .62);
  line-height: 1.5;
  font-weight: 650;
}

.lmh-kb-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(35, 183, 173, .14);
  border: 1px solid rgba(35, 183, 173, .38);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-kb-popular-card {
  margin-top: 24px;
}

.lmh-kb-page .lmh-section-heading h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-kb-page .lmh-section-heading h2 i {
  color: #23B7AD;
}

.lmh-kb-article-list {
  display: grid;
  gap: 10px;
}

.lmh-kb-article-item {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: .2s ease;
}

.lmh-kb-article-item:hover {
  background: rgba(109, 76, 219, .20);
  border-color: rgba(35, 183, 173, .42);
  transform: translateY(-1px);
}

.lmh-kb-article-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .28);
  color: #9B82FF;
}

.lmh-kb-article-copy {
  display: grid;
  gap: 5px;
}

.lmh-kb-article-copy strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-kb-article-copy small {
  color: rgba(247, 243, 255, .64);
  line-height: 1.5;
  font-weight: 650;
}

.lmh-kb-page .show-on-card-hover {
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
}

.lmh-kb-category-card:hover .show-on-card-hover,
.lmh-kb-article-item:hover .show-on-card-hover {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 900px) {
  .lmh-kb-categories {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .lmh-kb-page {
    padding: 20px 12px 46px;
  }

  .lmh-kb-search {
    flex-direction: column;
  }

  .lmh-kb-search .lmh-btn {
    width: 100%;
  }

  .lmh-kb-category-card,
  .lmh-kb-article-item {
    grid-template-columns: 1fr;
  }

  .lmh-kb-count {
    justify-content: flex-start;
    width: fit-content;
  }

  .lmh-kb-page .show-on-card-hover {
    opacity: 1;
    pointer-events: auto;
    width: fit-content;
  }
}
/* =========================================================
   Little Moo Hosting - Knowledgebase Article
========================================================= */

.lmh-kb-article-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-kb-article-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  border-radius: 24px;
  padding: 30px;
  color: #F7F3FF;
}

.lmh-kb-article-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 26px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(155, 130, 255, .18);
}

.lmh-kb-article-header h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(32px, 5vw, 56px);
  line-height: .95;
  letter-spacing: -.065em;
  font-weight: 950;
}

.lmh-kb-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.lmh-kb-meta .lmh-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.lmh-kb-article-content {
  color: rgba(247, 243, 255, .78);
  font-size: 16px;
  line-height: 1.8;
  font-weight: 600;
}

.lmh-kb-article-content h1,
.lmh-kb-article-content h2,
.lmh-kb-article-content h3,
.lmh-kb-article-content h4,
.lmh-kb-article-content h5,
.lmh-kb-article-content h6 {
  color: #FFFFFF;
  letter-spacing: -.04em;
  font-weight: 950;
  margin-top: 1.4em;
  margin-bottom: .55em;
}

.lmh-kb-article-content p {
  margin: 0 0 1.1em;
}

.lmh-kb-article-content a {
  color: #9B82FF !important;
  font-weight: 850;
  text-decoration: none !important;
}

.lmh-kb-article-content a:hover {
  color: #23B7AD !important;
}

.lmh-kb-article-content ul,
.lmh-kb-article-content ol {
  margin: 0 0 1.2em;
  padding-left: 1.4em;
}

.lmh-kb-article-content li {
  margin-bottom: .45em;
}

.lmh-kb-article-content code,
.lmh-kb-article-content pre {
  background: rgba(8, 6, 17, .82);
  border: 1px solid rgba(155, 130, 255, .22);
  color: #F7F3FF;
  border-radius: 12px;
}

.lmh-kb-article-content code {
  padding: 3px 6px;
}

.lmh-kb-article-content pre {
  padding: 16px;
  overflow-x: auto;
}

.lmh-kb-article-content table {
  width: 100%;
  margin: 22px 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-kb-article-content th,
.lmh-kb-article-content td {
  padding: 14px;
  border-bottom: 1px solid rgba(155, 130, 255, .14);
  color: rgba(247, 243, 255, .78);
}

.lmh-kb-article-content th {
  background: rgba(109, 76, 219, .20);
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-kb-helpful-box {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(155, 130, 255, .18);
}

.lmh-kb-helpful-box h2 {
  margin: 0 0 16px;
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: -.045em;
  font-weight: 950;
}

.lmh-kb-vote-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.lmh-kb-related-card {
  margin-top: 24px;
}

.lmh-kb-article-actions {
  justify-content: space-between;
  margin-top: 24px;
}

.lmh-kb-article-page .alert {
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-kb-article-page .alert-success {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .38) !important;
  color: #F7F3FF !important;
}

@media (max-width: 768px) {
  .lmh-kb-article-page {
    padding: 20px 12px 46px;
  }

  .lmh-kb-article-card {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .lmh-kb-article-header {
    flex-direction: column;
  }

  .lmh-kb-article-header .lmh-btn,
  .lmh-kb-vote-form .lmh-btn,
  .lmh-kb-article-actions .lmh-btn {
    width: 100%;
  }

  .lmh-kb-article-actions {
    flex-direction: column;
  }
}

@media print {
  .lmh-header,
  .lmh-footer,
  .lmh-kb-article-actions,
  .lmh-kb-helpful-box,
  .lmh-kb-related-card,
  .sidebar {
    display: none !important;
  }

  .lmh-kb-article-page,
  .lmh-page-card,
  .lmh-kb-article-card {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border: 0 !important;
    color: #000000 !important;
  }

  .lmh-kb-article-content,
  .lmh-kb-article-content * {
    color: #000000 !important;
  }
}
/* =========================================================
   Little Moo Hosting - Knowledgebase Category / Results
========================================================= */

.lmh-kb-results-card {
  margin-top: 24px;
}

.lmh-kb-results-card .lmh-section-heading h2 {
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-kb-results-card .lmh-section-heading h2 i {
  color: #23B7AD;
}

.lmh-kb-category-actions {
  justify-content: space-between;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .lmh-kb-category-actions {
    flex-direction: column;
  }

  .lmh-kb-category-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Login Page
========================================================= */

.auth-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: 38px 18px 72px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .75fr);
  gap: 28px;
  align-items: stretch;
}

.auth-shell .dashboard-panel,
.dashboard-panel.auth-form {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .15), transparent 42%),
    radial-gradient(circle at 0% 100%, rgba(35, 183, 173, .10), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .22);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .32);
}

.auth-shell__intro {
  min-height: 720px;
  padding: 38px;
  color: #F7F3FF;
}

.auth-shell__brand {
  margin-bottom: 28px;
}

.auth-shell__logo {
  width: auto;
  max-width: 250px;
  max-height: 86px;
  object-fit: contain;
  display: block;
}

.auth-shell__eyebrow,
.auth-form__eyebrow {
  display: inline-flex;
  margin: 0 0 14px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(109, 76, 219, .20);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #9B82FF;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.auth-shell__title {
  max-width: 620px;
  margin: 0 0 18px;
  color: #FFFFFF;
  font-size: clamp(42px, 6vw, 76px);
  line-height: .9;
  letter-spacing: -.075em;
  font-weight: 950;
}

.auth-shell__copy {
  max-width: 560px;
  margin: 0;
  color: rgba(247, 243, 255, .70);
  font-size: 17px;
  line-height: 1.7;
  font-weight: 650;
}

.auth-shell__hero-art {
  position: relative;
  height: 240px;
  margin: 34px 0 28px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 50%, rgba(155, 130, 255, .18), transparent 42%),
    rgba(8, 6, 17, .48);
  border: 1px solid rgba(155, 130, 255, .18);
}

.auth-shell__hero-orbit {
  position: absolute;
  inset: 34px;
  border: 1px solid rgba(155, 130, 255, .25);
  border-radius: 999px;
}

.auth-shell__hero-orbit--two {
  inset: 68px 112px;
  border-color: rgba(35, 183, 173, .25);
}

.auth-shell__hero-node {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #23B7AD;
  box-shadow: 0 0 26px rgba(35, 183, 173, .75);
}

.auth-shell__hero-node--one {
  top: 48px;
  left: 18%;
}

.auth-shell__hero-node--two {
  right: 20%;
  top: 78px;
  background: #9B82FF;
  box-shadow: 0 0 26px rgba(155, 130, 255, .75);
}

.auth-shell__hero-node--three {
  bottom: 50px;
  left: 42%;
}

.auth-shell__hero-cloud,
.auth-shell__hero-server,
.auth-shell__hero-shield {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: rgba(109, 76, 219, .20);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #F7F3FF;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
}

.auth-shell__hero-cloud {
  width: 82px;
  height: 82px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  color: #9B82FF;
}

.auth-shell__hero-server {
  width: 58px;
  height: 58px;
  font-size: 22px;
}

.auth-shell__hero-server--one {
  left: 22%;
  top: 92px;
}

.auth-shell__hero-server--two {
  right: 22%;
  bottom: 70px;
}

.auth-shell__hero-shield {
  width: 62px;
  height: 62px;
  right: 34%;
  top: 34px;
  color: #23B7AD;
  font-size: 24px;
}

.auth-shell__features {
  display: grid;
  gap: 12px;
}

.auth-shell__feature {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .16);
}

.auth-shell__feature-icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .30);
  color: #23B7AD;
}

.auth-shell__feature strong {
  display: block;
  margin-bottom: 4px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 950;
}

.auth-shell__feature p {
  margin: 0;
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 650;
}

.auth-form {
  align-self: start;
  padding: 34px;
  color: #F7F3FF;
}

.auth-form__header {
  margin-bottom: 24px;
}

.auth-form__title {
  margin: 0 0 8px;
  color: #FFFFFF;
  font-size: 40px;
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 950;
}

.auth-form__subtitle {
  margin: 0;
  color: rgba(247, 243, 255, .64);
  line-height: 1.6;
  font-weight: 650;
}

.auth-form label,
.auth-form .form-control-label {
  color: rgba(247, 243, 255, .78) !important;
  font-size: 13px;
  font-weight: 850;
}

.auth-form .form-group {
  margin-bottom: 18px;
}

.auth-input-group {
  border-radius: 14px;
}

.auth-input-group .input-group-text,
.auth-input-group .btn-reveal-pw {
  background: rgba(109, 76, 219, .18) !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
  color: #F7F3FF !important;
  box-shadow: none !important;
}

.auth-input-group .input-group-prepend .input-group-text {
  border-radius: 14px 0 0 14px !important;
  border-right: 0 !important;
}

.auth-input-group .input-group-append .btn-reveal-pw {
  border-radius: 0 14px 14px 0 !important;
  border-left: 0 !important;
}

.auth-form .form-control,
.auth-input-group .form-control,
#inputEmail,
#inputPassword {
  background: rgba(255, 255, 255, .075) !important;
  background-color: rgba(255, 255, 255, .075) !important;
  background-image: none !important;
  border: 1px solid rgba(155, 130, 255, .34) !important;
  color: #F7F3FF !important;
  -webkit-text-fill-color: #F7F3FF !important;
  border-radius: 0 !important;
  min-height: 48px;
  box-shadow: none !important;
}

.auth-form .form-control:focus,
.auth-input-group .form-control:focus,
#inputEmail:focus,
#inputPassword:focus {
  border-color: rgba(35, 183, 173, .70) !important;
  box-shadow: 0 0 0 3px rgba(35, 183, 173, .14) !important;
}

.auth-form input::placeholder {
  color: rgba(247, 243, 255, .42) !important;
  -webkit-text-fill-color: rgba(247, 243, 255, .42) !important;
}

.auth-form a {
  color: #9B82FF !important;
  font-weight: 850;
  text-decoration: none !important;
}

.auth-form a:hover {
  color: #23B7AD !important;
}

.auth-form__actions {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.auth-submit-btn,
.btn-brand {
  width: 100%;
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .60) !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 45px rgba(109, 76, 219, .26) !important;
}

.auth-submit-btn:hover,
.btn-brand:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #7C5CFF, #23B7AD) !important;
}

.auth-remember {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: rgba(247, 243, 255, .70) !important;
  font-weight: 750;
}

.auth-remember input {
  position: static;
  margin: 0;
  accent-color: #6D4CDB;
}

.auth-form__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(155, 130, 255, .16);
  color: rgba(247, 243, 255, .62);
  font-size: 14px;
  font-weight: 700;
}

.auth-form__meta {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.auth-form__meta-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 13px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(155, 130, 255, .14);
}

.auth-form__meta-item i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .28);
  color: #9B82FF;
}

.auth-form__meta-item strong {
  display: block;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 950;
}

.auth-form__meta-item span {
  display: block;
  color: rgba(247, 243, 255, .58);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 650;
}

.providerLinkingFeedback {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

.auth-shell + .providerLinkingFeedback,
.providerLinkingFeedback + .auth-shell {
  margin-top: 0;
}

/* Linked accounts below login */
.auth-shell ~ .providerLinkingFeedback,
.providerLinkingFeedback ~ .linked-accounts,
.auth-shell ~ .linked-accounts {
  max-width: 520px;
  margin: 18px auto 0;
}

@media (max-width: 1020px) {
  .auth-shell {
    grid-template-columns: 1fr;
  }

  .auth-shell__intro {
    min-height: auto;
  }

  .auth-shell__hero-art {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .auth-shell {
    padding: 20px 12px 46px;
  }

  .auth-shell__intro,
  .auth-form {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .auth-shell__title {
    font-size: 42px;
  }

  .auth-form__title {
    font-size: 34px;
  }

  .auth-shell__logo {
    max-width: 205px;
    max-height: 70px;
  }

  .auth-shell__hero-art {
    height: 190px;
  }

  .auth-shell__hero-server--one {
    left: 12%;
  }

  .auth-shell__hero-server--two {
    right: 12%;
  }
}
/* =========================================================
   Little Moo Hosting - SSL Certificates List
========================================================= */

.lmh-ssl-list-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ssl-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .20);
  background: rgba(255, 255, 255, .035);
  margin-top: 22px;
}

.lmh-ssl-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.lmh-ssl-table thead th {
  background: rgba(109, 76, 219, .18) !important;
  color: rgba(247, 243, 255, .86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .22) !important;
  padding: 16px !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  white-space: nowrap;
}

.lmh-ssl-table tbody td {
  background: transparent !important;
  color: rgba(247, 243, 255, .80) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 130, 255, .14) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.lmh-ssl-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lmh-ssl-table tbody tr:hover td {
  background: rgba(255, 255, 255, .04) !important;
}

.lmh-ssl-domain,
.lmh-ssl-product {
  display: block;
  color: #FFFFFF;
  font-weight: 950;
  line-height: 1.35;
}

.lmh-ssl-table .lmh-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-height: 28px;
  margin-top: 6px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.lmh-status-info {
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .38);
  color: #FFFFFF;
}

.lmh-status-success,
.lmh-validation-dv {
  background: rgba(35, 183, 173, .14);
  border: 1px solid rgba(35, 183, 173, .38);
  color: #FFFFFF;
}

.lmh-status-danger {
  background: rgba(220, 53, 69, .16);
  border: 1px solid rgba(220, 53, 69, .42);
  color: #FFFFFF;
}

.lmh-status-muted {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  color: rgba(247, 243, 255, .76);
}

.lmh-validation-ov {
  background: rgba(255, 193, 7, .14);
  border: 1px solid rgba(255, 193, 7, .36);
  color: #FFFFFF;
}

.lmh-validation-ev {
  background: rgba(35, 183, 173, .18);
  border: 1px solid rgba(35, 183, 173, .46);
  color: #FFFFFF;
}

.lmh-table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.lmh-table-actions form {
  margin: 0;
}

.lmh-table-actions .lmh-btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}

.lmh-ssl-list-page .alert-table-ssl-manage {
  margin-top: 18px;
  border-radius: 16px !important;
  font-weight: 800;
}

.lmh-ssl-list-page .dataTables_wrapper,
.lmh-ssl-list-page .dataTables_info,
.lmh-ssl-list-page .dataTables_length,
.lmh-ssl-list-page .dataTables_filter,
.lmh-ssl-list-page .dataTables_paginate {
  color: rgba(247, 243, 255, .72) !important;
}

.lmh-ssl-list-page .dataTables_filter input,
.lmh-ssl-list-page .dataTables_length select {
  background: rgba(255, 255, 255, .075) !important;
  border: 1px solid rgba(155, 130, 255, .42) !important;
  color: #F7F3FF !important;
  border-radius: 10px !important;
}

.lmh-ssl-list-page .paginate_button {
  color: #F7F3FF !important;
  border-radius: 999px !important;
}

.lmh-ssl-list-page .paginate_button.current,
.lmh-ssl-list-page .paginate_button:hover {
  background: rgba(109, 76, 219, .35) !important;
  border-color: rgba(155, 130, 255, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .lmh-ssl-list-page {
    padding: 20px 12px 46px;
  }

  .lmh-ssl-table {
    min-width: 900px;
  }

  .lmh-table-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .lmh-table-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Login Page Final Spacing Tidy
========================================================= */

.auth-shell {
  padding-top: 54px !important;
  padding-bottom: 70px !important;
  gap: 24px !important;
}

.auth-shell__intro {
  min-height: auto !important;
}

.auth-shell .dashboard-panel,
.dashboard-panel.auth-form {
  box-shadow: 0 24px 70px rgba(0, 0, 0, .26) !important;
}

.auth-shell__logo {
  opacity: .92 !important;
}

.auth-shell__hero-art {
  margin: 26px 0 24px !important;
  height: 210px !important;
}

.auth-shell__title {
  font-size: clamp(44px, 4.8vw, 64px) !important;
}

.auth-form {
  padding: 34px !important;
}

.auth-form__meta {
  margin-top: 18px !important;
}

/* Footer is too tall on login page */
#footer.lmh-footer,
#footer.footer {
  padding: 28px 0 32px !important;
}

#footer .mb-7 {
  margin-bottom: 16px !important;
}

#footer .copyright {
  margin-top: 10px !important;
}

/* Header spacing is good, just keep it clean */
.lmh-main-header-row {
  min-height: 82px !important;
  padding: 14px 0 !important;
}

.lmh-navbar-brand .logo-img {
  max-height: 66px !important;
}

/* Login page on desktop should feel more centred */
@media (min-width: 1200px) {
  .auth-shell {
    max-width: 1180px !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, .78fr) !important;
  }
}

@media (max-width: 768px) {
  .auth-shell {
    padding-top: 28px !important;
    padding-bottom: 44px !important;
  }

  #footer.lmh-footer,
  #footer.footer {
    padding: 24px 0 28px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Desktop Nav Grouping Fix
   Keeps Home next to More on login page/header
========================================================= */

@media (min-width: 1200px) {
  .lmh-header-container {
    display: flex !important;
    align-items: center !important;
  }

  .lmh-navbar-brand {
    margin-right: auto !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin-left: auto !important;
    gap: 12px !important;
  }

  .lmh-primary-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    gap: 8px !important;
  }

  .lmh-account-inline,
  .lmh-toolbar {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    gap: 8px !important;
  }

  .lmh-primary-nav > li,
  .lmh-account-inline > li,
  .lmh-toolbar > li {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-header .navbar-nav .nav-link,
  .lmh-header .navbar-nav .dropdown-toggle,
  .lmh-header .navbar-nav > li > a {
    width: auto !important;
    min-width: auto !important;
    white-space: nowrap !important;
  }
}
/* =========================================================
   Little Moo Hosting - Login Header Nav Alignment FINAL
   Logo | Home | More | Account | Cart
========================================================= */

@media (min-width: 1200px) {

  .lmh-main-header-row .container,
  .lmh-header-container {
    max-width: 1180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
  }

  .lmh-navbar-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 170px !important;
    max-height: 62px !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    gap: 14px !important;
  }

  .lmh-primary-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 14px !important;
  }

  .lmh-primary-nav > li,
  .lmh-account-inline > li,
  .lmh-toolbar > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  .lmh-header .navbar-nav .nav-link,
  .lmh-header .navbar-nav .dropdown-toggle,
  .lmh-header .navbar-nav > li > a {
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .lmh-account-inline .nav-link,
  .lmh-account-inline .dropdown-toggle {
    min-height: 42px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .lmh-cart-btn {
    margin-left: 6px !important;
  }

  .lmh-mobile-toggle,
  .lmh-menu-btn,
  .navbar-toggler {
    display: none !important;
  }
}
/* =========================================================
   Little Moo Hosting - Final Desktop Header Spacing
========================================================= */

@media (min-width: 1200px) {

  .lmh-header-container {
    gap: 38px !important;
  }

  .lmh-navbar-collapse {
    gap: 18px !important;
  }

  .lmh-primary-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    gap: 16px !important;
  }

  .lmh-account-inline {
    margin-left: 8px !important;
  }

  .lmh-toolbar {
    margin-left: 10px !important;
  }

  .lmh-cart-btn {
    margin-left: 8px !important;
  }

  .lmh-header .dropdown-menu {
    margin-top: 10px !important;
    min-width: 210px !important;
    padding: 10px !important;
  }

  .lmh-header .dropdown-menu .dropdown-item,
  .lmh-header .dropdown-menu a {
    padding: 9px 12px !important;
    line-height: 1.25 !important;
  }
}
/* =========================================================
   Little Moo Hosting - Clean Manual Header Nav
========================================================= */

@media (min-width: 1200px) {
  .lmh-header-container {
    max-width: 1180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 42px !important;
  }

  .lmh-navbar-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 170px !important;
    max-height: 62px !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    margin: 0 !important;
  }

  .lmh-clean-nav {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lmh-clean-nav > li,
  .lmh-clean-cart > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  .lmh-clean-nav .nav-link {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    color: rgba(247, 243, 255, .84) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .lmh-clean-nav .nav-link:hover,
  .lmh-clean-nav .show > .nav-link {
    background: rgba(109, 76, 219, .24) !important;
    color: #FFFFFF !important;
  }

  .lmh-account-nav-btn {
    background: rgba(109, 76, 219, .26) !important;
    border: 1px solid rgba(155, 130, 255, .44) !important;
  }

  .lmh-clean-cart {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
  }

  .lmh-cart-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
  }

  .lmh-header .dropdown-menu {
    margin-top: 10px !important;
    min-width: 210px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(13, 10, 24, .98) !important;
    border: 1px solid rgba(155, 130, 255, .28) !important;
  }

  .lmh-header .dropdown-menu .dropdown-item {
    padding: 10px 12px !important;
    border-radius: 10px !important;
    color: rgba(247, 243, 255, .84) !important;
    font-weight: 850 !important;
  }

  .lmh-header .dropdown-menu .dropdown-item:hover {
    background: rgba(109, 76, 219, .24) !important;
    color: #FFFFFF !important;
  }

  .lmh-mobile-toggle,
  .lmh-menu-btn,
  .navbar-toggler {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .lmh-clean-nav,
  .lmh-clean-cart {
    gap: 8px !important;
  }

  .lmh-clean-nav .nav-link {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .lmh-clean-cart .lmh-cart-btn {
    width: 100% !important;
  }
}
/* =========================================================
   Little Moo Hosting - Clean Manual Header Nav
========================================================= */

@media (min-width: 1200px) {
  .lmh-main-header-row {
    min-height: 82px !important;
    padding: 14px 0 !important;
  }

  .lmh-header-container {
    max-width: 1180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 42px !important;
  }

  .lmh-navbar-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 170px !important;
    max-height: 62px !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    margin: 0 !important;
  }

  .lmh-clean-nav {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lmh-clean-nav > li,
  .lmh-clean-cart > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  .lmh-clean-nav .nav-link {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    color: rgba(247, 243, 255, .84) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .lmh-clean-nav .nav-link:hover,
  .lmh-clean-nav .show > .nav-link {
    background: rgba(109, 76, 219, .24) !important;
    color: #FFFFFF !important;
  }

  .lmh-account-nav-btn {
    background: rgba(109, 76, 219, .26) !important;
    border: 1px solid rgba(155, 130, 255, .44) !important;
  }

  .lmh-clean-cart {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
  }

  .lmh-cart-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
  }

  .lmh-header .dropdown-menu {
    margin-top: 10px !important;
    min-width: 210px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(13, 10, 24, .98) !important;
    border: 1px solid rgba(155, 130, 255, .28) !important;
  }

  .lmh-header .dropdown-menu .dropdown-item {
    padding: 10px 12px !important;
    border-radius: 10px !important;
    color: rgba(247, 243, 255, .84) !important;
    font-weight: 850 !important;
  }

  .lmh-header .dropdown-menu .dropdown-item:hover {
    background: rgba(109, 76, 219, .24) !important;
    color: #FFFFFF !important;
  }

  .lmh-mobile-toggle,
  .lmh-menu-btn,
  .navbar-toggler {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .lmh-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: rgba(109, 76, 219, .20) !important;
    border: 1px solid rgba(155, 130, 255, .34) !important;
    border-radius: 14px !important;
    color: #F7F3FF !important;
    box-shadow: none !important;
  }

  .lmh-navbar-collapse {
    margin-top: 14px !important;
    padding: 16px !important;
    background: rgba(13, 10, 24, .98) !important;
    border: 1px solid rgba(155, 130, 255, .20) !important;
    border-radius: 20px !important;
  }

  .lmh-clean-nav,
  .lmh-clean-cart {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lmh-clean-nav .nav-link,
  .lmh-clean-cart .lmh-cart-btn {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  #mainNavbar.collapse:not(.show) {
    display: none !important;
  }

  #mainNavbar.collapse.show {
    display: block !important;
  }
}
/* =========================================================
   Little Moo Hosting - Safe Header Layout
========================================================= */

@media (min-width: 1200px) {
  .lmh-header-container {
    max-width: 1180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
  }

  .lmh-navbar-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 170px !important;
    max-height: 62px !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: 0 !important;
  }

  .lmh-primary-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
  }

  .lmh-primary-nav > li,
  .lmh-account-inline > li,
  .lmh-toolbar > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  .lmh-header .navbar-nav .nav-link,
  .lmh-header .navbar-nav .dropdown-toggle,
  .lmh-header .navbar-nav > li > a {
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    padding: 10px 14px !important;
  }

  .lmh-mobile-toggle,
  .lmh-menu-btn,
  .navbar-toggler {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .lmh-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: rgba(109, 76, 219, .20) !important;
    border: 1px solid rgba(155, 130, 255, .34) !important;
    border-radius: 14px !important;
    color: #F7F3FF !important;
    box-shadow: none !important;
  }

  #mainNavbar.collapse:not(.show) {
    display: none !important;
  }

  #mainNavbar.collapse.show {
    display: block !important;
  }
}
/* =========================================================
   Little Moo Hosting - Safe Header Layout
========================================================= */

@media (min-width: 1200px) {
  .lmh-header-container {
    max-width: 1180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
  }

  .lmh-navbar-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 170px !important;
    max-height: 62px !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: 0 !important;
  }

  .lmh-primary-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
  }

  .lmh-primary-nav > li,
  .lmh-account-inline > li,
  .lmh-toolbar > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  .lmh-header .navbar-nav .nav-link,
  .lmh-header .navbar-nav .dropdown-toggle,
  .lmh-header .navbar-nav > li > a {
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    padding: 10px 14px !important;
  }

  .lmh-mobile-toggle,
  .lmh-menu-btn,
  .navbar-toggler {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .lmh-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: rgba(109, 76, 219, .20) !important;
    border: 1px solid rgba(155, 130, 255, .34) !important;
    border-radius: 14px !important;
    color: #F7F3FF !important;
    box-shadow: none !important;
  }

  #mainNavbar.collapse:not(.show) {
    display: none !important;
  }

  #mainNavbar.collapse.show {
    display: block !important;
  }
}
/* =========================================================
   Little Moo Hosting - Full Header Nav No Dropdowns
========================================================= */

.lmh-full-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lmh-nav-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 13px;
  border-radius: 999px;
  color: rgba(247, 243, 255, .84) !important;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
}

.lmh-nav-link:hover {
  background: rgba(109, 76, 219, .24);
  color: #FFFFFF !important;
}

.lmh-nav-link-highlight {
  background: rgba(109, 76, 219, .26);
  border: 1px solid rgba(155, 130, 255, .44);
  color: #FFFFFF !important;
}

.lmh-nav-link-highlight:hover {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF);
  border-color: rgba(155, 130, 255, .65);
}

@media (min-width: 1200px) {
  .lmh-main-header-row {
    min-height: 82px !important;
    padding: 14px 0 !important;
  }

  .lmh-header-container {
    max-width: 1240px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
  }

  .lmh-navbar-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .lmh-navbar-brand .logo-img {
    max-width: 170px !important;
    max-height: 62px !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  .lmh-full-nav {
    flex: 0 0 auto !important;
  }

  .lmh-cart-btn {
    position: relative;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin-left: 4px !important;
  }

  .lmh-mobile-toggle,
  .lmh-menu-btn,
  .navbar-toggler {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .lmh-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: rgba(109, 76, 219, .20) !important;
    border: 1px solid rgba(155, 130, 255, .34) !important;
    border-radius: 14px !important;
    color: #F7F3FF !important;
    box-shadow: none !important;
  }

  .lmh-navbar-collapse {
    margin-top: 14px !important;
    padding: 16px !important;
    background: rgba(13, 10, 24, .98) !important;
    border: 1px solid rgba(155, 130, 255, .20) !important;
    border-radius: 20px !important;
  }

  .lmh-full-nav {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .lmh-nav-link,
  .lmh-cart-btn {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .lmh-cart-btn {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
  }

  #mainNavbar.collapse:not(.show) {
    display: none !important;
  }

  #mainNavbar.collapse.show {
    display: block !important;
  }
}
/* =========================================================
   Little Moo Hosting - Full Nav Visibility Fix
========================================================= */

.lmh-full-nav {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.lmh-full-nav .lmh-nav-link {
  color: #F7F3FF !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .55);
}

.lmh-full-nav .lmh-nav-link:hover {
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .28) !important;
}

.lmh-full-nav .lmh-nav-link-highlight {
  color: #FFFFFF !important;
  background: rgba(109, 76, 219, .32) !important;
  border: 1px solid rgba(155, 130, 255, .48) !important;
}

.lmh-full-nav .lmh-nav-link-highlight:hover {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
}

@media (min-width: 1200px) {
  .lmh-header-container {
    max-width: 1240px !important;
    gap: 34px !important;
  }

  .lmh-navbar-collapse {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .lmh-full-nav {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1199.98px) {
  .lmh-full-nav {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .lmh-full-nav .lmh-nav-link,
  .lmh-full-nav .lmh-cart-btn {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}
/* =========================================================
   Little Moo Hosting - Markdown Guide
========================================================= */

.lmh-markdown-guide-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-markdown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.lmh-markdown-card {
  padding: 22px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-markdown-card-wide {
  grid-column: 1 / -1;
}

.lmh-markdown-card h2 {
  margin: 0 0 14px;
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: -.04em;
  font-weight: 950;
}

.lmh-markdown-card pre {
  margin: 0;
  padding: 18px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 16px;
  background: rgba(8, 6, 17, .82);
  border: 1px solid rgba(155, 130, 255, .22);
  color: rgba(247, 243, 255, .84);
  font-size: 13px;
  line-height: 1.65;
  font-weight: 700;
}

.lmh-markdown-card pre strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-markdown-card pre em {
  color: #9B82FF;
  font-style: italic;
}

@media (max-width: 768px) {
  .lmh-markdown-guide-page {
    padding: 20px 12px 46px;
  }

  .lmh-markdown-grid {
    grid-template-columns: 1fr;
  }

  .lmh-markdown-card-wide {
    grid-column: auto;
  }
}
/* =========================================================
   Little Moo Hosting - Mass Pay
========================================================= */

.lmh-masspay-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-masspay-summary-card,
.lmh-masspay-gateway-card {
  margin-top: 22px;
}

.lmh-section-heading {
  margin-bottom: 18px;
}

.lmh-section-heading h2 {
  margin: 0 0 6px;
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-section-heading p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 15px;
}

.lmh-table-wrap {
  width: 100%;
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-masspay-table {
  width: 100%;
  margin: 0;
  color: #F7F3FF;
  border-collapse: collapse;
}

.lmh-masspay-table thead th {
  padding: 16px 18px;
  background: rgba(8, 6, 17, .92);
  border: 0;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.lmh-masspay-table tbody td {
  padding: 15px 18px;
  border-top: 1px solid rgba(155, 130, 255, .12);
  color: rgba(247, 243, 255, .82);
  vertical-align: top;
}

.lmh-masspay-table tbody td:last-child,
.lmh-masspay-table thead th:last-child {
  text-align: right;
  white-space: nowrap;
}

.lmh-masspay-invoice-row td {
  background:
    linear-gradient(135deg, rgba(109, 76, 219, .28), rgba(155, 130, 255, .14)) !important;
  color: #FFFFFF !important;
  font-weight: 950;
}

.lmh-masspay-invoice-detail td {
  background: rgba(255, 255, 255, .035);
}

.lmh-masspay-total td {
  background: rgba(255, 255, 255, .055);
  color: #FFFFFF !important;
  font-weight: 850;
}

.lmh-masspay-total td:first-child,
.lmh-masspay-grand-total td:first-child {
  text-align: right;
}

.lmh-masspay-grand-total td {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF);
  color: #FFFFFF !important;
  font-size: 17px;
  font-weight: 950;
  border-top: 0;
}

.lmh-masspay-gateway-card {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.lmh-masspay-gateway-card select,
.lmh-masspay-gateway-card .form-control,
.lmh-masspay-gateway-card .custom-select {
  min-height: 48px;
  border-radius: 14px !important;
  background-color: rgba(8, 6, 17, .72) !important;
  border: 1px solid rgba(155, 130, 255, .25) !important;
  color: #F7F3FF !important;
  font-weight: 800;
}

.lmh-masspay-gateway-card label {
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 8px;
}

.lmh-masspay-gateway-card .lmh-form-actions {
  margin-top: 18px;
}

.lmh-masspay-gateway-card .lmh-btn {
  width: 100%;
}

@media (max-width: 768px) {
  .lmh-masspay-page {
    padding: 20px 12px 46px;
  }

  .lmh-section-heading h2 {
    font-size: 22px;
  }

  .lmh-masspay-table tbody td,
  .lmh-masspay-table thead th {
    padding: 13px 14px;
  }

  .lmh-masspay-total td:first-child,
  .lmh-masspay-grand-total td:first-child {
    text-align: left;
  }
}
/* =========================================================
   Little Moo Hosting - Password Reset Change
========================================================= */

.lmh-password-reset-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-password-reset-card {
  position: relative;
  overflow: hidden;
}

.lmh-password-reset-card::before {
  content: "";
  position: absolute;
  inset: -120px auto auto -120px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(109, 76, 219, .30), transparent 68%);
  pointer-events: none;
}

.lmh-password-reset-form {
  margin-top: 24px;
  position: relative;
  z-index: 1;
}

.lmh-password-reset-form .form-control {
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-password-reset-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-password-reset-form label {
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 8px;
}

.lmh-password-message {
  margin-top: 8px;
  color: rgba(247, 243, 255, .70);
  font-size: 13px;
  font-weight: 700;
}

.lmh-password-strength-wrap {
  padding: 18px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .42);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-password-strength-wrap .progress {
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  overflow: hidden;
}

.lmh-password-strength-wrap .progress-bar {
  border-radius: 999px;
}

.lmh-password-strength-wrap #passwordStrengthTextLabel,
.lmh-password-strength-wrap .text-muted,
.lmh-password-strength-wrap small {
  color: rgba(247, 243, 255, .72) !important;
  font-weight: 700;
}

.lmh-password-reset-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 22px;
}

.lmh-password-reset-actions .lmh-btn {
  min-width: 160px;
}

@media (max-width: 640px) {
  .lmh-password-reset-page {
    padding: 22px 12px 48px;
  }

  .lmh-password-reset-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .lmh-password-reset-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Password Reset Wrapper
========================================================= */

.lmh-password-reset-wrapper-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-password-reset-wrapper-card {
  position: relative;
  overflow: hidden;
}

.lmh-password-reset-wrapper-card::before {
  content: "";
  position: absolute;
  inset: -140px -100px auto auto;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(155, 130, 255, .26), transparent 68%);
  pointer-events: none;
}

.lmh-password-reset-wrapper-inner {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.lmh-password-reset-wrapper-inner p {
  color: rgba(247, 243, 255, .72);
  font-size: 15px;
  line-height: 1.7;
}

.lmh-password-reset-wrapper-inner .alert {
  border-radius: 16px;
  font-weight: 800;
}

.lmh-password-reset-message {
  margin-top: 14px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(35, 183, 173, .10);
  border: 1px solid rgba(35, 183, 173, .22);
}

.lmh-password-reset-message p {
  margin: 0;
  color: #F7F3FF;
}

.lmh-password-reset-wrapper-inner .form-group {
  margin-bottom: 18px;
}

.lmh-password-reset-wrapper-inner label {
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 8px;
}

.lmh-password-reset-wrapper-inner .form-control {
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-password-reset-wrapper-inner .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-password-reset-wrapper-inner .btn,
.lmh-password-reset-wrapper-inner input[type="submit"],
.lmh-password-reset-wrapper-inner button[type="submit"] {
  min-height: 48px;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .55) !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 40px rgba(109, 76, 219, .24) !important;
}

.lmh-password-reset-wrapper-inner .btn-default,
.lmh-password-reset-wrapper-inner input[type="reset"] {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .lmh-password-reset-wrapper-page {
    padding: 22px 12px 48px;
  }
}
/* =========================================================
   Little Moo Hosting - Password Reset Email Prompt
========================================================= */

.lmh-password-reset-email {
  position: relative;
  z-index: 1;
}

.lmh-password-reset-inner-header {
  margin-bottom: 24px;
}

.lmh-password-reset-inner-header h1 {
  font-size: clamp(34px, 5vw, 54px);
}

.lmh-password-reset-email-form {
  display: grid;
  gap: 20px;
}

.lmh-input-icon-group {
  min-height: 50px;
  border-radius: 15px;
  overflow: hidden;
  background: rgba(8, 6, 17, .74);
  border: 1px solid rgba(155, 130, 255, .24);
}

.lmh-input-icon-group .input-group-text {
  min-width: 52px;
  justify-content: center;
  background: rgba(109, 76, 219, .16) !important;
  border: 0 !important;
  color: #9B82FF !important;
}

.lmh-input-icon-group .form-control {
  min-height: 50px;
  background: transparent !important;
  border: 0 !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-input-icon-group .form-control::placeholder {
  color: rgba(247, 243, 255, .42);
}

.lmh-input-icon-group:focus-within {
  border-color: rgba(155, 130, 255, .62);
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18);
}

.lmh-password-reset-email-form label {
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 8px;
}

.lmh-captcha-wrap {
  padding: 18px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .42);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-password-reset-submit {
  margin-top: 4px;
}

.lmh-password-reset-submit .lmh-btn {
  width: 100%;
  justify-content: center;
}

@media (max-width: 640px) {
  .lmh-password-reset-inner-header h1 {
    font-size: 34px;
  }
}
/* =========================================================
   Little Moo Hosting - Password Reset Security Question
========================================================= */

.lmh-password-reset-security {
  position: relative;
  z-index: 1;
}

.lmh-password-reset-security-form {
  display: grid;
  gap: 20px;
}

.lmh-password-reset-security-form label {
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 8px;
}

.lmh-password-reset-security-form .form-control {
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-password-reset-security-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-reset-error {
  border-radius: 16px !important;
  margin-bottom: 22px !important;
  font-weight: 850 !important;
}

.lmh-password-reset-submit .lmh-btn {
  width: 100%;
  justify-content: center;
}
/* =========================================================
   Little Moo Hosting - Server Status
========================================================= */

.lmh-server-status-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-status-alerts {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.lmh-status-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  font-weight: 850;
}

.lmh-status-alert-success {
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .30) !important;
  color: #DFFFFB !important;
}

.lmh-status-alert-info {
  background: rgba(109, 76, 219, .16) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  color: #F7F3FF !important;
}

.lmh-status-alert a {
  color: #FFFFFF !important;
  font-weight: 950;
  text-decoration: underline;
}

.lmh-server-card,
.lmh-network-issues {
  margin-top: 24px;
}

.lmh-server-status-table {
  margin: 0;
  color: #F7F3FF;
}

.lmh-server-status-table thead th {
  padding: 15px 14px;
  background: rgba(8, 6, 17, .92);
  border: 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}

.lmh-server-status-table tbody td {
  padding: 15px 14px;
  border-top: 1px solid rgba(155, 130, 255, .12);
  color: rgba(247, 243, 255, .82);
  vertical-align: middle;
}

.lmh-status-spinner {
  color: #9B82FF;
}

.lmh-table-link {
  color: #9B82FF !important;
  font-weight: 900;
  text-decoration: none !important;
}

.lmh-table-link:hover {
  color: #FFFFFF !important;
}

@media (max-width: 430px) {
  .lmh-server-status-table {
    table-layout: fixed;
  }

  .lmh-server-status-table thead th,
  .lmh-server-status-table tbody td {
    padding: 8px 6px;
  }

  .lmh-server-status-table td .lmh-table-link {
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: center;
    line-height: 1.3;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-action-menu > div {
    right: auto;
    left: 0;
    width: min(260px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-action-menu > div a {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table td {
    white-space: normal;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-table-link {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table {
    border-collapse: separate;
    border-spacing: 0 10px;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table thead {
    display: none;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table,
  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table tbody,
  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table tr,
  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table td {
    display: block;
    width: 100%;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table tbody tr {
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid rgba(155, 130, 255, .18);
    background: rgba(8, 6, 17, .45);
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table tbody td {
    display: grid;
    grid-template-columns: minmax(0, 118px) minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px 8px !important;
    border-top: 1px solid rgba(155, 130, 255, .10);
    text-align: left !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table tbody td:first-child {
    border-top: 0;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table tbody td::before {
    content: attr(data-label);
    color: rgba(247, 243, 255, .60);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  body:is(.lmh-client-shell, .lmh-public-page) .lmh-server-status-table .lmh-table-link {
    max-width: 100%;
    font-size: 0.85rem;
    line-height: 1.3;
  }
}

.lmh-network-issue-card {
  margin-top: 16px;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-network-issue-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  background: rgba(8, 6, 17, .62);
  border-bottom: 1px solid rgba(155, 130, 255, .14);
}

.lmh-network-issue-header h3 {
  margin: 0 0 4px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-network-issue-header p {
  margin: 0;
  color: rgba(247, 243, 255, .62);
  font-size: 14px;
  font-weight: 800;
}

.lmh-network-issue-body {
  padding: 22px;
}

.lmh-issue-affecting {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(109, 76, 219, .12);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-issue-affecting strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-issue-affecting span {
  color: rgba(247, 243, 255, .75);
  font-weight: 800;
}

.lmh-issue-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.lmh-issue-meta li {
  color: rgba(247, 243, 255, .70);
  font-size: 14px;
  font-weight: 800;
}

.lmh-issue-meta i {
  color: #9B82FF;
}

.lmh-client-affected {
  border-radius: 14px !important;
  padding: 12px 14px !important;
  text-align: center;
  font-weight: 900;
}

.lmh-issue-description {
  color: rgba(247, 243, 255, .78);
  line-height: 1.7;
  font-weight: 700;
}

.lmh-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.lmh-priority-critical {
  background: rgba(223, 85, 74, .16);
  border: 1px solid rgba(223, 85, 74, .38);
  color: #FFD9D5;
}

.lmh-priority-high {
  background: rgba(255, 184, 77, .14);
  border: 1px solid rgba(255, 184, 77, .36);
  color: #FFE4B8;
}

.lmh-priority-low {
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .32);
  color: #DFFFFB;
}

.lmh-priority-medium {
  background: rgba(109, 76, 219, .16);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #F7F3FF;
}

.lmh-no-network-issues {
  margin-top: 16px;
}

.lmh-pagination-wrap {
  margin-top: 24px;
}

.lmh-pagination {
  justify-content: center;
  gap: 10px;
}

.lmh-pagination .page-link {
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  color: #F7F3FF !important;
  font-weight: 900;
}

.lmh-pagination .page-item.disabled .page-link {
  opacity: .45;
}

@media (max-width: 768px) {
  .lmh-server-status-page {
    padding: 20px 12px 46px;
  }

  .lmh-network-issue-header {
    display: grid;
    align-items: flex-start;
  }

  .lmh-issue-meta {
    display: grid;
  }
}
/* =========================================================
   Little Moo Hosting - Newsletter Confirmation
========================================================= */

.lmh-newsletter-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-newsletter-card {
  position: relative;
  overflow: hidden;
}

.lmh-newsletter-card::before {
  content: "";
  position: absolute;
  inset: -140px -120px auto auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(155, 130, 255, .26), transparent 68%);
  pointer-events: none;
}

.lmh-newsletter-message-card {
  position: relative;
  z-index: 1;
  margin-top: 24px;
  text-align: center;
}

.lmh-newsletter-success-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(35, 183, 173, .24), rgba(109, 76, 219, .24));
  border: 1px solid rgba(35, 183, 173, .34);
  color: #DFFFFB;
  font-size: 26px;
  box-shadow: 0 18px 44px rgba(35, 183, 173, .16);
}

.lmh-newsletter-text {
  margin: 12px 0 0;
  color: rgba(247, 243, 255, .76);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 750;
}

.lmh-newsletter-text a {
  color: #9B82FF !important;
  font-weight: 950;
  text-decoration: underline;
}

.lmh-newsletter-message-card .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-newsletter-actions {
  margin-top: 24px;
  justify-content: center;
}

.lmh-newsletter-actions .lmh-btn {
  min-width: 190px;
}

@media (max-width: 640px) {
  .lmh-newsletter-page {
    padding: 22px 12px 48px;
  }

  .lmh-newsletter-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Support Tickets List
========================================================= */

.lmh-tickets-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ticket-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.lmh-ticket-list-card {
  margin-top: 22px;
}

.lmh-ticket-table-wrap {
  border-radius: 18px;
  border: 1px solid rgba(155, 130, 255, .18);
  overflow: hidden;
}

.lmh-ticket-table {
  width: 100% !important;
  margin: 0 !important;
  color: #F7F3FF;
}

.lmh-ticket-table thead th {
  padding: 16px 18px !important;
  background: rgba(8, 6, 17, .94) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}

.lmh-ticket-table tbody tr {
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.lmh-ticket-table tbody tr:hover {
  background: rgba(109, 76, 219, .12) !important;
}

.lmh-ticket-table tbody td {
  padding: 17px 18px !important;
  border-top: 1px solid rgba(155, 130, 255, .12) !important;
  color: rgba(247, 243, 255, .78) !important;
  vertical-align: middle !important;
}

.lmh-ticket-department {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(155, 130, 255, .16);
  color: rgba(247, 243, 255, .82);
  font-size: 12px;
  font-weight: 900;
}

.lmh-ticket-subject-link {
  display: grid;
  gap: 4px;
  color: #FFFFFF !important;
  text-decoration: none !important;
  border-left: 3px solid rgba(155, 130, 255, .48);
  padding-left: 12px;
}

.lmh-ticket-number {
  color: #9B82FF;
  font-size: 12px;
  font-weight: 950;
}

.lmh-ticket-subject {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
}

.lmh-ticket-subject.unread {
  color: #FFFFFF;
  text-shadow: 0 0 18px rgba(155, 130, 255, .42);
}

.lmh-ticket-status,
.lmh-ticket-table .label.status {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, .16);
}

.lmh-ticket-table .status-open,
.lmh-ticket-table .status-answer,
.lmh-ticket-table .status-customer-reply {
  background: rgba(35, 183, 173, .18) !important;
  border-color: rgba(35, 183, 173, .34) !important;
  color: #DFFFFB !important;
}

.lmh-ticket-table .status-closed {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: rgba(247, 243, 255, .68) !important;
}

.lmh-ticket-table .status-in-progress,
.lmh-ticket-table .status-on-hold {
  background: rgba(109, 76, 219, .22) !important;
  border-color: rgba(155, 130, 255, .36) !important;
  color: #F7F3FF !important;
}

.lmh-ticket-updated {
  color: rgba(247, 243, 255, .66) !important;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.lmh-table-loading {
  padding: 28px;
  color: rgba(247, 243, 255, .72);
  font-weight: 850;
}

.lmh-table-loading i {
  color: #9B82FF;
}

/* DataTables controls on ticket list */
.lmh-ticket-list-card .dataTables_wrapper {
  color: rgba(247, 243, 255, .72);
}

.lmh-ticket-list-card .dataTables_length,
.lmh-ticket-list-card .dataTables_filter,
.lmh-ticket-list-card .dataTables_info {
  color: rgba(247, 243, 255, .72) !important;
  font-weight: 800;
  margin-bottom: 14px;
}

.lmh-ticket-list-card .dataTables_filter input,
.lmh-ticket-list-card .dataTables_length select {
  min-height: 38px;
  border-radius: 12px !important;
  background: rgba(8, 6, 17, .72) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-weight: 800;
}

.lmh-ticket-list-card .pagination {
  gap: 8px;
  margin-top: 16px;
}

.lmh-ticket-list-card .page-link {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  color: #F7F3FF !important;
  font-weight: 900;
}

.lmh-ticket-list-card .page-item.active .page-link {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border-color: rgba(155, 130, 255, .55) !important;
}

@media (max-width: 768px) {
  .lmh-tickets-page {
    padding: 20px 12px 46px;
  }

  .lmh-ticket-actions {
    display: grid;
  }

  .lmh-ticket-actions .lmh-btn {
    width: 100%;
  }

  .lmh-ticket-table tbody td,
  .lmh-ticket-table thead th {
    padding: 14px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Ticket Created Confirmation
========================================================= */

.lmh-ticket-created-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-ticket-created-card {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.lmh-ticket-created-card::before {
  content: "";
  position: absolute;
  inset: -140px -120px auto auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(35, 183, 173, .22), transparent 68%);
  pointer-events: none;
}

.lmh-ticket-created-icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(35, 183, 173, .26), rgba(109, 76, 219, .24));
  border: 1px solid rgba(35, 183, 173, .38);
  color: #DFFFFB;
  font-size: 30px;
  box-shadow: 0 22px 48px rgba(35, 183, 173, .16);
}

.lmh-ticket-created-message {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.lmh-ticket-success-alert {
  margin: 0 0 18px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .30) !important;
  color: #DFFFFB !important;
  font-weight: 900 !important;
}

.lmh-ticket-success-alert a {
  color: #FFFFFF !important;
  text-decoration: underline;
}

.lmh-ticket-created-summary {
  display: grid;
  gap: 6px;
  margin: 18px auto 0;
  padding: 20px;
  max-width: 360px;
  border-radius: 20px;
  background: rgba(8, 6, 17, .58);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-ticket-created-summary span {
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.lmh-ticket-created-summary strong {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-ticket-created-actions {
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 640px) {
  .lmh-ticket-created-page {
    padding: 22px 12px 48px;
  }

  .lmh-ticket-created-actions {
    display: grid;
  }

  .lmh-ticket-created-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Support Ticket Custom Fields
========================================================= */

.lmh-ticket-custom-fields {
  margin-top: 26px;
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-ticket-custom-fields-grid {
  display: grid;
  gap: 18px;
}

.lmh-ticket-custom-field {
  margin: 0 !important;
}

.lmh-ticket-custom-field label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-weight: 900;
}

.lmh-custom-field-input input,
.lmh-custom-field-input select,
.lmh-custom-field-input textarea,
.lmh-ticket-custom-field .form-control,
.lmh-ticket-custom-field .custom-select {
  width: 100%;
  min-height: 48px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-custom-field-input textarea,
.lmh-ticket-custom-field textarea {
  min-height: 120px;
  resize: vertical;
}

.lmh-custom-field-input input:focus,
.lmh-custom-field-input select:focus,
.lmh-custom-field-input textarea:focus,
.lmh-ticket-custom-field .form-control:focus,
.lmh-ticket-custom-field .custom-select:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-ticket-custom-field .form-check,
.lmh-ticket-custom-field .checkbox,
.lmh-ticket-custom-field .radio {
  color: rgba(247, 243, 255, .78);
  font-weight: 800;
}

.lmh-ticket-custom-field input[type="checkbox"],
.lmh-ticket-custom-field input[type="radio"] {
  margin-right: 8px;
  accent-color: #6D4CDB;
}

.lmh-field-help {
  margin: 8px 0 0 !important;
  color: rgba(247, 243, 255, .58) !important;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
}
/* =========================================================
   Little Moo Hosting - Submit Ticket Departments
========================================================= */

.lmh-submit-ticket-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ticket-department-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.lmh-ticket-department-card {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr auto;
  align-items: center;
  gap: 18px;
  min-height: 128px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .16), transparent 45%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .22);
  color: #F7F3FF !important;
  text-decoration: none !important;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.lmh-ticket-department-card:hover {
  transform: translateY(-3px);
  border-color: rgba(155, 130, 255, .48);
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .24), transparent 45%),
    rgba(109, 76, 219, .10);
}

.lmh-ticket-department-icon {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .34), rgba(155, 130, 255, .18));
  border: 1px solid rgba(155, 130, 255, .34);
  color: #FFFFFF;
  font-size: 21px;
}

.lmh-ticket-department-content h2 {
  margin: 0 0 7px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-ticket-department-content p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 750;
}

.lmh-ticket-department-arrow {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(8, 6, 17, .56);
  border: 1px solid rgba(155, 130, 255, .24);
  color: #9B82FF;
}

@media (max-width: 860px) {
  .lmh-ticket-department-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .lmh-submit-ticket-page {
    padding: 20px 12px 46px;
  }

  .lmh-ticket-department-card {
    grid-template-columns: 48px 1fr;
  }

  .lmh-ticket-department-arrow {
    display: none;
  }

  .lmh-ticket-department-icon {
    width: 48px;
    height: 48px;
  }
}
/* =========================================================
   Little Moo Hosting - Submit Ticket Department Final Fix
========================================================= */

.lmh-submit-ticket-page .lmh-page-card {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 42px 44px !important;
}

.lmh-ticket-department-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 28px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(155, 130, 255, .18) !important;
}

.lmh-ticket-department-grid > a,
.lmh-ticket-department-card {
  display: grid !important;
  grid-template-columns: 58px 1fr 36px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 132px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .16), transparent 46%),
    rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.lmh-ticket-department-grid > a:hover,
.lmh-ticket-department-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(155, 130, 255, .52) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .24), transparent 46%),
    rgba(109, 76, 219, .12) !important;
}

.lmh-ticket-department-icon {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(109, 76, 219, .38), rgba(155, 130, 255, .20)) !important;
  border: 1px solid rgba(155, 130, 255, .36) !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
}

.lmh-ticket-department-content {
  display: block !important;
}

.lmh-ticket-department-content h2 {
  margin: 0 0 8px !important;
  color: #FFFFFF !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.lmh-ticket-department-content p {
  margin: 0 !important;
  color: rgba(247, 243, 255, .70) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
}

.lmh-ticket-department-arrow {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(8, 6, 17, .62) !important;
  border: 1px solid rgba(155, 130, 255, .26) !important;
  color: #9B82FF !important;
}

.lmh-ticket-department-arrow i {
  margin: 0 !important;
}

@media (max-width: 900px) {
  .lmh-ticket-department-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .lmh-submit-ticket-page .lmh-page-card {
    padding: 28px 20px !important;
  }

  .lmh-ticket-department-grid > a,
  .lmh-ticket-department-card {
    grid-template-columns: 48px 1fr !important;
    min-height: auto !important;
  }

  .lmh-ticket-department-icon {
    width: 48px !important;
    height: 48px !important;
  }

  .lmh-ticket-department-arrow {
    display: none !important;
  }
}
/* =========================================================
   Little Moo Hosting - Ticket KB Suggestions
========================================================= */

.lmh-kb-suggestions {
  margin-top: 28px;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .12), transparent 44%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-kb-suggestions-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.lmh-kb-suggestion-card {
  display: grid;
  grid-template-columns: 46px 1fr 34px;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .52);
  border: 1px solid rgba(155, 130, 255, .16);
  color: #F7F3FF !important;
  text-decoration: none !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.lmh-kb-suggestion-card:hover {
  transform: translateY(-2px);
  border-color: rgba(155, 130, 255, .42);
  background: rgba(109, 76, 219, .12);
}

.lmh-kb-suggestion-icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .30), rgba(35, 183, 173, .16));
  border: 1px solid rgba(155, 130, 255, .26);
  color: #9B82FF;
  font-size: 19px;
}

.lmh-kb-suggestion-content h3 {
  margin: 0 0 5px;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -.03em;
}

.lmh-kb-suggestion-content p {
  margin: 0;
  color: rgba(247, 243, 255, .66);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
}

.lmh-kb-suggestion-arrow {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(155, 130, 255, .18);
  color: #9B82FF;
}

@media (max-width: 560px) {
  .lmh-kb-suggestions {
    padding: 18px;
  }

  .lmh-kb-suggestion-card {
    grid-template-columns: 42px 1fr;
  }

  .lmh-kb-suggestion-arrow {
    display: none;
  }

  .lmh-kb-suggestion-icon {
    width: 42px;
    height: 42px;
  }
}
/* =========================================================
   Little Moo Hosting - Submit Ticket Department Cards
========================================================= */

.lmh-submit-ticket-page {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 18px 64px !important;
}

.lmh-submit-ticket-page .lmh-page-card {
  padding: 42px 44px !important;
}

.lmh-ticket-department-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin-top: 28px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(155, 130, 255, .18) !important;
}

.lmh-ticket-department-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .18), transparent 48%),
    rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  text-decoration: none !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

.lmh-ticket-department-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(155, 130, 255, .54) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .26), transparent 48%),
    rgba(109, 76, 219, .12) !important;
}

.lmh-ticket-department-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(109, 76, 219, .40), rgba(155, 130, 255, .20)) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  color: #FFFFFF !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.lmh-ticket-department-icon i {
  display: block !important;
  margin: 0 !important;
  color: #FFFFFF !important;
}

.lmh-ticket-department-content {
  min-width: 0 !important;
  display: block !important;
}

.lmh-ticket-department-content h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #FFFFFF !important;
  font-size: 23px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.lmh-ticket-department-content p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(247, 243, 255, .72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
}

.lmh-ticket-department-arrow {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(8, 6, 17, .62) !important;
  border: 1px solid rgba(155, 130, 255, .26) !important;
  color: #9B82FF !important;
  font-size: 14px !important;
}

.lmh-ticket-department-arrow i {
  margin: 0 !important;
  color: #9B82FF !important;
}

@media (max-width: 900px) {
  .lmh-ticket-department-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .lmh-submit-ticket-page {
    padding: 20px 12px 46px !important;
  }

  .lmh-submit-ticket-page .lmh-page-card {
    padding: 28px 20px !important;
  }

  .lmh-ticket-department-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    min-height: auto !important;
    padding: 18px !important;
  }

  .lmh-ticket-department-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  .lmh-ticket-department-arrow {
    display: none !important;
  }
}
/* =========================================================
   Little Moo Hosting - Submit Ticket Step Two Form
========================================================= */

.lmh-ticket-form {
  max-width: 1120px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ticket-form-shell {
  padding: 42px 44px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .16), transparent 46%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98));
  border: 1px solid rgba(155, 130, 255, .26);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
}

.lmh-ticket-form-header {
  max-width: 820px;
  margin-bottom: 28px;
}

.lmh-section-eyebrow {
  margin: 0 0 12px;
  color: #23B7AD;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.lmh-ticket-form-header h1 {
  margin: 0 0 12px;
  color: #FFFFFF;
  font-size: clamp(38px, 5vw, 64px);
  line-height: .98;
  font-weight: 950;
  letter-spacing: -.065em;
}

.lmh-ticket-form-header p {
  margin: 0;
  color: rgba(247, 243, 255, .74);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 750;
}

.lmh-ticket-alert {
  margin: 0 0 22px;
}

.lmh-ticket-alert .alert {
  border-radius: 18px !important;
  font-weight: 850;
}

.lmh-ticket-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.lmh-ticket-form-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lmh-ticket-field {
  margin-bottom: 20px;
}

.lmh-ticket-field label,
.lmh-ticket-upload label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.lmh-ticket-field .form-control,
.lmh-ticket-field select,
.lmh-ticket-field textarea {
  width: 100%;
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-ticket-field textarea {
  min-height: 220px;
  resize: vertical;
  line-height: 1.65;
}

.lmh-ticket-field .form-control:focus,
.lmh-ticket-field select:focus,
.lmh-ticket-field textarea:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-ticket-field .form-control::placeholder,
.lmh-ticket-field textarea::placeholder {
  color: rgba(247, 243, 255, .42);
}

.lmh-ticket-field .form-control.disabled,
.lmh-ticket-field .form-control:disabled {
  opacity: .68;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, .055) !important;
}

.lmh-ticket-upload {
  margin-top: 8px;
  margin-bottom: 24px;
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 76, 219, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-ticket-upload .input-group {
  border-radius: 16px;
  overflow: hidden;
}

.lmh-ticket-upload .custom-file {
  min-height: 50px;
}

.lmh-ticket-upload .custom-file-label {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 13px 16px;
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: rgba(247, 243, 255, .70) !important;
  font-weight: 800;
}

.lmh-ticket-upload .custom-file-label::after {
  min-height: 48px;
  display: flex;
  align-items: center;
  background: rgba(109, 76, 219, .24) !important;
  border-left: 1px solid rgba(155, 130, 255, .24) !important;
  color: #FFFFFF !important;
  font-weight: 900;
}

.lmh-ticket-upload .btn,
.lmh-ticket-upload .btn-default {
  min-height: 50px;
  border-radius: 0 15px 15px 0 !important;
  background: rgba(109, 76, 219, .22) !important;
  border: 1px solid rgba(155, 130, 255, .26) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.lmh-ticket-upload-note {
  margin: 12px 0 0;
  color: rgba(247, 243, 255, .58);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
}

.lmh-ticket-captcha {
  margin-top: 24px;
}

.lmh-ticket-captcha:empty {
  display: none;
}

.lmh-ticket-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(155, 130, 255, .18);
}

.lmh-ticket-form-actions .btn,
.lmh-ticket-form-actions .btn-primary,
.lmh-ticket-form-actions .btn-default {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  font-size: 14px;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.lmh-ticket-form-actions .btn-primary {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .58) !important;
  color: #FFFFFF !important;
  box-shadow: 0 18px 42px rgba(109, 76, 219, .24) !important;
}

.lmh-ticket-form-actions .btn-default {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  color: #F7F3FF !important;
}

#autoAnswerSuggestions {
  margin-top: 22px;
}

#autoAnswerSuggestions:not(.w-hidden) {
  display: block;
}

.markdown-editor {
  color: #F7F3FF !important;
}

/* WHMCS markdown toolbar, if shown */
.md-editor,
.md-editor > .md-header,
.md-editor > textarea,
.md-preview {
  background: rgba(8, 6, 17, .74) !important;
  border-color: rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
}

.md-editor .btn {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(155, 130, 255, .16) !important;
  color: #F7F3FF !important;
}

@media (max-width: 900px) {
  .lmh-ticket-form-grid,
  .lmh-ticket-form-grid--three {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .lmh-ticket-form {
    padding: 20px 12px 46px;
  }

  .lmh-ticket-form-shell {
    padding: 28px 20px;
  }

  .lmh-ticket-form-actions {
    display: grid;
  }

  .lmh-ticket-form-actions .btn {
    width: 100%;
  }

  .lmh-ticket-upload .input-group {
    display: grid;
  }

  .lmh-ticket-upload .custom-file-label,
  .lmh-ticket-upload .btn,
  .lmh-ticket-upload .btn-default {
    border-radius: 15px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Ticket Feedback
========================================================= */

.lmh-ticket-feedback-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-ticket-feedback-card {
  position: relative;
  overflow: hidden;
}

.lmh-ticket-feedback-card::before {
  content: "";
  position: absolute;
  inset: -160px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .22), transparent 68%);
  pointer-events: none;
}

.lmh-feedback-state-card,
.lmh-feedback-intro-card,
.lmh-feedback-summary-card,
.lmh-feedback-staff-card,
.lmh-feedback-general-card {
  position: relative;
  z-index: 1;
  margin-top: 22px;
}

.lmh-feedback-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(35, 183, 173, .26), rgba(109, 76, 219, .24));
  border: 1px solid rgba(35, 183, 173, .38);
  color: #DFFFFB;
  font-size: 28px;
  box-shadow: 0 22px 48px rgba(35, 183, 173, .16);
}

.lmh-feedback-state-card {
  text-align: center;
}

.lmh-feedback-message {
  margin: 0;
  color: rgba(247, 243, 255, .76);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 750;
}

.lmh-feedback-actions {
  justify-content: center;
  margin-top: 20px;
}

.lmh-feedback-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.lmh-feedback-summary-item {
  padding: 18px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .56);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-feedback-summary-item span {
  display: block;
  margin-bottom: 7px;
  color: rgba(247, 243, 255, .58);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.lmh-feedback-summary-item strong {
  display: block;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 950;
}

.lmh-feedback-form {
  margin-top: 0;
}

.lmh-feedback-rating-wrap {
  margin-top: 18px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(8, 6, 17, .46);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-feedback-rating-labels {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.lmh-feedback-rating-labels span {
  color: rgba(247, 243, 255, .64);
  font-size: 13px;
  font-weight: 850;
}

.lmh-feedback-rating-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 8px;
}

.lmh-feedback-rating-option {
  margin: 0;
  cursor: pointer;
}

.lmh-feedback-rating-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.lmh-feedback-rating-option span {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(155, 130, 255, .18);
  color: rgba(247, 243, 255, .76);
  font-size: 14px;
  font-weight: 950;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.lmh-feedback-rating-option:hover span,
.lmh-feedback-rating-option input:checked + span {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF);
  border-color: rgba(155, 130, 255, .58);
  color: #FFFFFF;
}

.lmh-feedback-comment-field {
  margin-top: 20px;
}

.lmh-feedback-staff-card textarea,
.lmh-feedback-general-card textarea,
.lmh-feedback-form .form-control {
  width: 100%;
  min-height: 130px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.6;
  box-shadow: none !important;
  resize: vertical;
}

.lmh-feedback-staff-card textarea:focus,
.lmh-feedback-general-card textarea:focus,
.lmh-feedback-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-feedback-form label {
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 8px;
}

.lmh-feedback-form-actions {
  margin-top: 22px;
  justify-content: center;
  gap: 12px;
}

.lmh-ticket-feedback-page .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

@media (max-width: 768px) {
  .lmh-ticket-feedback-page {
    padding: 20px 12px 46px;
  }

  .lmh-feedback-summary-grid {
    grid-template-columns: 1fr;
  }

  .lmh-feedback-rating-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lmh-feedback-form-actions {
    display: grid;
  }

  .lmh-feedback-form-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Two Factor Challenge
========================================================= */

.lmh-twofa-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-twofa-card {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.lmh-twofa-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .26), transparent 68%);
  pointer-events: none;
}

.lmh-twofa-icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .34), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .38);
  color: #FFFFFF;
  font-size: 30px;
  box-shadow: 0 22px 48px rgba(109, 76, 219, .20);
}

.lmh-twofa-inner {
  position: relative;
  z-index: 1;
  margin-top: 24px;
  text-align: left;
}

.lmh-twofa-inner .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-twofa-challenge-form {
  margin-top: 20px;
}

.lmh-twofa-challenge-box {
  padding: 22px;
  border-radius: 22px;
  background: rgba(8, 6, 17, .54);
  border: 1px solid rgba(155, 130, 255, .20);
  color: #F7F3FF;
  text-align: center;
}

.lmh-twofa-challenge-box label,
.lmh-twofa-challenge-box p {
  color: rgba(247, 243, 255, .76) !important;
  font-weight: 800;
}

.lmh-twofa-challenge-box input,
.lmh-twofa-backup-form .form-control {
  width: 100%;
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-twofa-challenge-box input:focus,
.lmh-twofa-backup-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-twofa-challenge-box button,
.lmh-twofa-challenge-box input[type="submit"] {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .58) !important;
  color: #FFFFFF !important;
  font-size: 14px;
  font-weight: 950 !important;
  box-shadow: 0 18px 42px rgba(109, 76, 219, .24) !important;
}

.lmh-twofa-backup-form {
  margin-top: 20px;
}

.lmh-twofa-backup-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-weight: 900;
}

.lmh-twofa-backup-form .form-control::placeholder {
  color: rgba(247, 243, 255, .42);
}

.lmh-twofa-actions {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.lmh-twofa-actions .lmh-btn {
  width: 100%;
  justify-content: center;
}

.lmh-twofa-footer {
  position: relative;
  z-index: 1;
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(8, 6, 17, .42);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-twofa-footer small {
  color: rgba(247, 243, 255, .66);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 750;
}

.lmh-twofa-footer a {
  color: #9B82FF !important;
  font-weight: 950;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .lmh-twofa-page {
    padding: 22px 12px 48px;
  }

  .lmh-twofa-icon {
    width: 66px;
    height: 66px;
    border-radius: 22px;
    font-size: 26px;
  }
}
/* =========================================================
   Little Moo Hosting - Two Factor Backup Code
========================================================= */

.lmh-twofa-backup-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-twofa-backup-card {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.lmh-twofa-backup-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .26), transparent 68%);
  pointer-events: none;
}

.lmh-twofa-backup-inner {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.lmh-twofa-backup-inner .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-twofa-backup-code-block {
  margin-top: 22px;
  padding: 24px;
  border-radius: 22px;
  background: rgba(8, 6, 17, .56);
  border: 1px solid rgba(155, 130, 255, .22);
}

.lmh-twofa-backup-code-block h2 {
  margin: 0 0 16px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-twofa-backup-code {
  margin: 0 auto 18px;
  padding: 18px 20px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .28), rgba(155, 130, 255, .16));
  border: 1px solid rgba(155, 130, 255, .36);
  color: #FFFFFF;
  font-family: monospace;
  font-size: clamp(22px, 4vw, 34px);
  font-weight: 950;
  letter-spacing: .08em;
  word-break: break-word;
  box-shadow: 0 18px 42px rgba(109, 76, 219, .18);
}

.lmh-twofa-backup-code-block p {
  max-width: 520px;
  margin: 0 auto;
  color: rgba(247, 243, 255, .72);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 750;
}

.lmh-twofa-backup-actions {
  justify-content: center;
  margin-top: 24px;
}

.lmh-twofa-backup-actions .lmh-btn {
  min-width: 190px;
}

@media (max-width: 640px) {
  .lmh-twofa-backup-page {
    padding: 22px 12px 48px;
  }

  .lmh-twofa-backup-code-block {
    padding: 20px;
  }

  .lmh-twofa-backup-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Service Upgrade
========================================================= */

.lmh-upgrade-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-current-service-card,
.lmh-upgrade-products-card,
.lmh-upgrade-error-card {
  margin-top: 22px;
}

.lmh-current-service-box {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .14), transparent 44%),
    rgba(8, 6, 17, .52);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-current-service-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .38), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .36);
  color: #FFFFFF;
  font-size: 22px;
}

.lmh-current-service-details h3 {
  margin: 0 0 6px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-current-service-details p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  font-weight: 800;
}

.lmh-upgrade-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.lmh-upgrade-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .13), transparent 44%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
  overflow: hidden;
}

.lmh-upgrade-product-card.is-recommended {
  border-color: rgba(155, 130, 255, .52);
  box-shadow: 0 24px 54px rgba(109, 76, 219, .18);
}

.lmh-upgrade-product-card.is-current {
  opacity: .82;
}

.lmh-upgrade-badge {
  align-self: flex-start;
  margin-bottom: 14px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.lmh-upgrade-badge-current {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  color: rgba(247, 243, 255, .76);
}

.lmh-upgrade-badge-recommended {
  background: rgba(35, 183, 173, .14);
  border: 1px solid rgba(35, 183, 173, .34);
  color: #DFFFFB;
}

.lmh-upgrade-product-header h3 {
  margin: 0 0 10px;
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.05em;
}

.lmh-upgrade-product-header p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 750;
}

.lmh-upgrade-features {
  display: grid;
  gap: 10px;
  margin: 22px 0;
  padding: 0;
  list-style: none;
}

.lmh-upgrade-features li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(155, 130, 255, .12);
}

.lmh-upgrade-features span {
  color: rgba(247, 243, 255, .70);
  font-size: 13px;
  font-weight: 800;
}

.lmh-upgrade-features strong {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 950;
  text-align: right;
}

.lmh-upgrade-features .fa-check {
  color: #23B7AD;
}

.lmh-upgrade-features .fa-times {
  color: #DF554A;
}

.lmh-upgrade-product-form {
  margin-top: auto;
  display: grid;
  gap: 14px;
}

.lmh-upgrade-product-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 900;
}

.lmh-upgrade-product-form .form-control,
.lmh-upgrade-product-form .custom-select {
  width: 100%;
  min-height: 48px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-upgrade-product-form .form-control:focus,
.lmh-upgrade-product-form .custom-select:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-upgrade-product-form .lmh-btn {
  width: 100%;
  justify-content: center;
  margin-top: 4px;
}

.lmh-upgrade-product-form .lmh-btn:disabled,
.lmh-upgrade-product-form button:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: grayscale(.4);
}

@media (max-width: 1040px) {
  .lmh-upgrade-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .lmh-upgrade-page {
    padding: 20px 12px 46px;
  }

  .lmh-current-service-box {
    grid-template-columns: 52px 1fr;
  }

  .lmh-current-service-action {
    grid-column: 1 / -1;
  }

  .lmh-current-service-action .lmh-btn {
    width: 100%;
  }

  .lmh-upgrade-products-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   Little Moo Hosting - Upgrade / Downgrade Legacy
========================================================= */

.lmh-upgrade-downgrade-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-upgrade-message-card,
.lmh-current-config-card,
.lmh-upgrade-packages-card,
.lmh-config-options-card {
  margin-top: 22px;
}

.lmh-upgrade-message-card .alert,
.lmh-config-options-card .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-current-config-box {
  display: grid;
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 18px;
  padding: 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .14), transparent 44%),
    rgba(8, 6, 17, .52);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-current-config-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .38), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .36);
  color: #FFFFFF;
  font-size: 22px;
}

.lmh-current-config-box h3 {
  margin: 0 0 6px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-current-config-box p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  font-weight: 800;
}

.lmh-upgrade-package-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.lmh-upgrade-package-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .13), transparent 44%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-upgrade-package-header h3 {
  margin: 0 0 10px;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.05em;
}

.lmh-upgrade-package-header p {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 750;
}

.lmh-upgrade-package-form {
  margin-top: auto;
  padding-top: 20px;
  display: grid;
  gap: 14px;
}

.lmh-upgrade-package-form label,
.lmh-config-options-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 900;
}

.lmh-upgrade-package-form .form-control,
.lmh-upgrade-package-form .custom-select,
.lmh-config-options-form .form-control,
.lmh-config-options-form .custom-select {
  width: 100%;
  min-height: 48px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-upgrade-package-form .form-control:focus,
.lmh-upgrade-package-form .custom-select:focus,
.lmh-config-options-form .form-control:focus,
.lmh-config-options-form .custom-select:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-upgrade-price-box {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 15px;
  background: rgba(8, 6, 17, .54);
  border: 1px solid rgba(155, 130, 255, .18);
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-upgrade-package-form .lmh-btn {
  width: 100%;
  justify-content: center;
}

.lmh-config-options-list {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.lmh-config-option-card {
  display: grid;
  grid-template-columns: 1.1fr 1fr 42px 1.2fr;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(8, 6, 17, .48);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-config-option-name h3 {
  margin: 0;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -.03em;
}

.lmh-config-option-current span,
.lmh-config-option-new > span {
  display: block;
  margin-bottom: 6px;
  color: rgba(247, 243, 255, .55);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.lmh-config-option-current strong {
  color: rgba(247, 243, 255, .86);
  font-size: 14px;
  font-weight: 900;
}

.lmh-config-option-arrow {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(109, 76, 219, .16);
  border: 1px solid rgba(155, 130, 255, .24);
  color: #9B82FF;
}

.lmh-checkbox-row {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  color: rgba(247, 243, 255, .78);
  font-weight: 850;
}

.lmh-checkbox-row input {
  accent-color: #6D4CDB;
}

.lmh-inline-qty {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lmh-inline-qty input {
  max-width: 90px;
}

.lmh-inline-qty span {
  color: rgba(247, 243, 255, .74);
  font-weight: 850;
}

.lmh-config-options-actions {
  justify-content: center;
  margin-top: 24px;
}

@media (max-width: 900px) {
  .lmh-upgrade-package-grid,
  .lmh-config-option-card {
    grid-template-columns: 1fr;
  }

  .lmh-config-option-arrow {
    transform: rotate(90deg);
  }
}

@media (max-width: 640px) {
  .lmh-upgrade-downgrade-page {
    padding: 20px 12px 46px;
  }

  .lmh-current-config-box {
    grid-template-columns: 52px 1fr;
  }
}
/* =========================================================
   Little Moo Hosting - Upgrade Summary / Checkout
========================================================= */

.lmh-upgrade-summary-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

.lmh-upgrade-current-card,
.lmh-upgrade-review-card,
.lmh-upgrade-promo-card,
.lmh-upgrade-payment-card {
  margin-top: 22px;
}

.lmh-upgrade-summary-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF;
}

.lmh-upgrade-summary-table thead th {
  padding: 16px 18px !important;
  background: rgba(8, 6, 17, .94) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.lmh-upgrade-summary-table tbody td {
  padding: 16px 18px !important;
  border-top: 1px solid rgba(155, 130, 255, .12) !important;
  color: rgba(247, 243, 255, .82) !important;
  vertical-align: middle !important;
}

.lmh-upgrade-change {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  color: rgba(247, 243, 255, .72);
  font-weight: 850;
}

.lmh-upgrade-change i {
  color: #9B82FF;
}

.lmh-upgrade-change strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-upgrade-total-row td {
  background: rgba(255, 255, 255, .055) !important;
  color: #FFFFFF !important;
  font-weight: 900;
}

.lmh-upgrade-total-row td:first-child,
.lmh-upgrade-grand-total td:first-child {
  text-align: right;
}

.lmh-upgrade-grand-total td {
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  color: #FFFFFF !important;
  font-size: 17px;
  font-weight: 950;
  border-top: 0 !important;
}

.lmh-upgrade-logic-alert {
  margin-top: 18px;
}

.lmh-upgrade-logic-alert .alert,
.lmh-upgrade-summary-page .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-upgrade-checkout-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.lmh-promo-input-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.lmh-upgrade-promo-form .form-control,
.lmh-upgrade-payment-form .form-control,
.lmh-upgrade-payment-form .custom-select {
  width: 100%;
  min-height: 48px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-upgrade-promo-form .form-control:focus,
.lmh-upgrade-payment-form .form-control:focus,
.lmh-upgrade-payment-form .custom-select:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-upgrade-payment-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 900;
}

.lmh-upgrade-continue-actions {
  margin-top: 18px;
}

.lmh-upgrade-continue-actions .lmh-btn {
  width: 100%;
  justify-content: center;
}

@media (max-width: 900px) {
  .lmh-upgrade-checkout-grid {
    grid-template-columns: 1fr;
  }

  .lmh-promo-input-row {
    grid-template-columns: 1fr;
  }

  .lmh-promo-input-row .lmh-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .lmh-upgrade-summary-page {
    padding: 20px 12px 46px;
  }

  .lmh-upgrade-total-row td:first-child,
  .lmh-upgrade-grand-total td:first-child {
    text-align: left;
  }
}
/* =========================================================
   Little Moo Hosting - Metric Pricing Modal
========================================================= */

.lmh-metric-pricing-modal .modal-dialog {
  max-width: 680px;
}

.lmh-metric-pricing-modal .lmh-modal-content {
  border-radius: 26px !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .18), transparent 46%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  color: #F7F3FF !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .48) !important;
}

.lmh-metric-pricing-modal .lmh-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px !important;
  border-bottom: 1px solid rgba(155, 130, 255, .18) !important;
  background: rgba(8, 6, 17, .36);
}

.lmh-metric-pricing-modal .modal-title {
  margin: 0;
  color: #FFFFFF;
  font-size: 28px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.05em;
}

.lmh-metric-pricing-modal .lmh-modal-close {
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 28px;
}

.lmh-metric-pricing-modal .lmh-modal-close:hover {
  background: rgba(109, 76, 219, .24) !important;
}

.lmh-metric-pricing-modal .lmh-modal-body {
  padding: 26px !important;
}

.lmh-metric-pricing-info {
  margin-bottom: 18px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .46);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-metric-pricing-info p {
  margin: 0;
  color: rgba(247, 243, 255, .74);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 750;
}

.lmh-metric-pricing-table-wrap {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-metric-pricing-table {
  width: 100%;
  margin: 0 !important;
  color: #F7F3FF;
}

.lmh-metric-pricing-table thead th {
  padding: 15px 16px !important;
  background: rgba(8, 6, 17, .94) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.lmh-metric-pricing-table tbody td {
  padding: 15px 16px !important;
  border-top: 1px solid rgba(155, 130, 255, .12) !important;
  color: rgba(247, 243, 255, .82) !important;
  font-size: 14px;
  font-weight: 850;
}

.lmh-metric-pricing-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, .035);
}

.lmh-metric-included-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 15px 16px;
  border-radius: 16px;
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .30);
  color: #DFFFFB;
  font-weight: 850;
}

.lmh-metric-included-note i {
  color: #23B7AD;
}

.lmh-metric-pricing-modal .lmh-modal-footer {
  padding: 18px 26px 24px !important;
  border-top: 1px solid rgba(155, 130, 255, .16) !important;
  background: rgba(8, 6, 17, .28);
}

.lmh-metric-pricing-modal .lmh-modal-footer .lmh-btn {
  min-width: 140px;
}

@media (max-width: 640px) {
  .lmh-metric-pricing-modal .modal-dialog {
    margin: 12px;
  }

  .lmh-metric-pricing-modal .lmh-modal-header,
  .lmh-metric-pricing-modal .lmh-modal-body,
  .lmh-metric-pricing-modal .lmh-modal-footer {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .lmh-metric-pricing-modal .modal-title {
    font-size: 24px;
  }
}
/* =========================================================
   Little Moo Hosting - Account Invite
========================================================= */

.lmh-invite-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-invite-card {
  position: relative;
  overflow: hidden;
}

.lmh-invite-card::before {
  content: "";
  position: absolute;
  inset: -160px -120px auto auto;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-invite-icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .34), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .38);
  color: #FFFFFF;
  font-size: 30px;
  box-shadow: 0 22px 48px rgba(109, 76, 219, .20);
}

.lmh-invite-icon-error {
  background: linear-gradient(135deg, rgba(223, 85, 74, .26), rgba(109, 76, 219, .16));
  border-color: rgba(223, 85, 74, .34);
  color: #FFD9D5;
}

.lmh-invite-message-card {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 24px auto 0;
  text-align: center;
}

.lmh-invite-text {
  margin: 0;
  color: rgba(247, 243, 255, .76);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 750;
}

.lmh-invite-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 20px;
  margin-top: 24px;
}

.lmh-invite-box {
  margin: 0;
}

.lmh-invite-form {
  display: grid;
  gap: 18px;
}

.lmh-invite-form .form-group {
  margin: 0;
}

.lmh-invite-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.lmh-invite-form .form-control {
  width: 100%;
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-invite-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-invite-form .form-control::placeholder {
  color: rgba(247, 243, 255, .42);
}

.lmh-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.lmh-password-group {
  display: flex;
  align-items: stretch;
}

.lmh-password-group .form-control {
  border-radius: 15px 0 0 15px !important;
}

.lmh-password-group .input-group-append .lmh-btn {
  border-radius: 0 15px 15px 0 !important;
  min-height: 50px;
  white-space: nowrap;
}

.lmh-password-strength-meter .progress {
  height: 10px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  overflow: hidden;
}

.lmh-password-strength-meter .progress-bar {
  border-radius: 999px;
}

.lmh-password-strength-meter #passwordStrengthTextLabel {
  margin: 8px 0 0;
  color: rgba(247, 243, 255, .62) !important;
  font-weight: 750;
}

.lmh-tos-field {
  padding: 16px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .44);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-tos-field .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: rgba(247, 243, 255, .74);
  font-weight: 750;
}

.lmh-tos-field input {
  margin-top: 4px;
  accent-color: #6D4CDB;
}

.lmh-tos-field a {
  color: #9B82FF !important;
  font-weight: 950;
  text-decoration: underline;
}

.lmh-captcha-wrap {
  margin: 0 !important;
  padding: 16px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .36);
  border: 1px solid rgba(155, 130, 255, .14);
}

.lmh-invite-actions {
  justify-content: center;
  margin-top: 4px;
}

.lmh-invite-actions .lmh-btn {
  min-width: 170px;
}

.lmh-invite-card .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

@media (max-width: 940px) {
  .lmh-invite-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .lmh-invite-page {
    padding: 22px 12px 48px;
  }

  .lmh-form-grid {
    grid-template-columns: 1fr;
  }

  .lmh-password-group {
    display: grid;
  }

  .lmh-password-group .form-control,
  .lmh-password-group .input-group-append .lmh-btn {
    border-radius: 15px !important;
    width: 100%;
  }

  .lmh-invite-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Change Password
========================================================= */

.lmh-change-password-page {
  max-width: 820px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-change-password-card {
  position: relative;
  overflow: hidden;
}

.lmh-change-password-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-change-password-form-card {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.lmh-change-password-form {
  display: grid;
  gap: 20px;
}

.lmh-change-password-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.lmh-change-password-form .form-control {
  width: 100%;
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-change-password-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-password-generate-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: stretch;
}

.lmh-password-generate-row .lmh-btn {
  min-height: 50px;
  white-space: nowrap;
}

.lmh-password-strength-box {
  margin-top: 14px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(8, 6, 17, .46);
  border: 1px solid rgba(155, 130, 255, .16);
}

.lmh-password-strength-box .progress {
  height: 11px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  overflow: hidden;
}

.lmh-password-strength-box .progress-bar {
  border-radius: 999px;
}

.lmh-password-strength-box #passwordStrengthTextLabel,
.lmh-password-strength-box .text-muted,
.lmh-password-strength-box small {
  color: rgba(247, 243, 255, .68) !important;
  font-weight: 750;
}

.lmh-password-confirm-message {
  margin-top: 8px;
  color: rgba(247, 243, 255, .68);
  font-size: 13px;
  font-weight: 750;
}

.lmh-change-password-actions {
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid rgba(155, 130, 255, .18);
  justify-content: center;
  gap: 12px;
}

.lmh-change-password-actions .lmh-btn {
  min-width: 170px;
}

.lmh-change-password-form-card .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
  margin-bottom: 22px !important;
}

@media (max-width: 640px) {
  .lmh-change-password-page {
    padding: 22px 12px 48px;
  }

  .lmh-password-generate-row {
    grid-template-columns: 1fr;
  }

  .lmh-password-generate-row .lmh-btn,
  .lmh-change-password-actions .lmh-btn {
    width: 100%;
  }

  .lmh-change-password-actions {
    display: grid;
  }
}
/* =========================================================
   Little Moo Hosting - User Profile
========================================================= */

.lmh-user-profile-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-user-profile-card {
  position: relative;
  overflow: hidden;
}

.lmh-user-profile-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-user-profile-flash {
  position: relative;
  z-index: 1;
  margin-top: 22px;
}

.lmh-user-profile-flash .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-profile-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.lmh-profile-card {
  margin: 0;
}

.lmh-user-profile-form {
  display: grid;
  gap: 20px;
}

.lmh-user-profile-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.lmh-user-profile-form .form-control {
  width: 100%;
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-user-profile-form .form-control:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-user-profile-form .form-control:disabled {
  opacity: .62;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, .055) !important;
}

.lmh-email-verification-status {
  margin-bottom: 18px;
}

.lmh-status-success {
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .32);
  color: #DFFFFB;
}

.lmh-status-warning {
  background: rgba(255, 184, 77, .14);
  border: 1px solid rgba(255, 184, 77, .36);
  color: #FFE4B8;
}

.lmh-user-profile-actions {
  margin-top: 4px;
  padding-top: 22px;
  border-top: 1px solid rgba(155, 130, 255, .18);
  gap: 12px;
}

.lmh-user-profile-actions .lmh-btn {
  min-width: 160px;
}

@media (max-width: 900px) {
  .lmh-profile-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .lmh-user-profile-page {
    padding: 22px 12px 48px;
  }

  .lmh-user-profile-actions {
    display: grid;
  }

  .lmh-user-profile-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - User Security
========================================================= */

.lmh-user-security-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-user-security-card {
  position: relative;
  overflow: hidden;
}

.lmh-user-security-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-user-security-flash,
.lmh-security-section-card {
  position: relative;
  z-index: 1;
}

.lmh-user-security-flash {
  margin-top: 22px;
}

.lmh-user-security-flash .alert,
.lmh-security-section-card .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-security-section-card {
  margin-top: 22px;
}

.lmh-linked-accounts-wrap,
.lmh-linked-accounts-table-wrap {
  margin-top: 18px;
}

.lmh-linked-accounts-wrap .btn,
.lmh-linked-accounts-table-wrap .btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.lmh-linked-accounts-table-wrap table,
.lmh-linked-accounts-table-wrap .table {
  color: #F7F3FF !important;
}

.lmh-security-question-form {
  display: grid;
  gap: 20px;
}

.lmh-security-question-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.lmh-security-question-form .form-control,
.lmh-security-question-form .custom-select {
  width: 100%;
  min-height: 50px;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-security-question-form .form-control:focus,
.lmh-security-question-form .custom-select:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-security-actions {
  margin-top: 4px;
  padding-top: 22px;
  border-top: 1px solid rgba(155, 130, 255, .18);
  gap: 12px;
}

.lmh-security-actions .lmh-btn {
  min-width: 160px;
}

.lmh-twofa-status-box {
  display: grid;
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .14), transparent 44%),
    rgba(8, 6, 17, .52);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-twofa-status-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .38), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .36);
  color: #FFFFFF;
  font-size: 22px;
}

.lmh-twofa-status-content p {
  margin: 0;
  color: rgba(247, 243, 255, .74);
  font-size: 15px;
  font-weight: 850;
}

.lmh-twofa-status-content .lmh-status-pill {
  margin-left: 8px;
}

.lmh-twofa-alert-wrap {
  margin-top: 18px;
}

.lmh-twofa-settings-actions {
  margin-top: 20px;
  gap: 12px;
}

.lmh-twofa-settings-actions .lmh-btn {
  min-width: 210px;
}

.lmh-status-success {
  background: rgba(35, 183, 173, .12);
  border: 1px solid rgba(35, 183, 173, .32);
  color: #DFFFFB;
}

.lmh-status-warning {
  background: rgba(255, 184, 77, .14);
  border: 1px solid rgba(255, 184, 77, .36);
  color: #FFE4B8;
}

@media (max-width: 720px) {
  .lmh-user-security-page {
    padding: 22px 12px 48px;
  }

  .lmh-security-actions,
  .lmh-twofa-settings-actions {
    display: grid;
  }

  .lmh-security-actions .lmh-btn,
  .lmh-twofa-settings-actions .lmh-btn {
    width: 100%;
  }

  .lmh-twofa-status-box {
    grid-template-columns: 52px 1fr;
  }
}
/* =========================================================
   Little Moo Hosting - Forced Account Switch
========================================================= */

.lmh-switch-account-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-switch-account-card {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.lmh-switch-account-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-switch-account-icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .34), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .38);
  color: #FFFFFF;
  font-size: 30px;
  box-shadow: 0 22px 48px rgba(109, 76, 219, .20);
}

.lmh-switch-account-inner {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.lmh-required-account-box {
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 18px;
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .14), transparent 44%),
    rgba(8, 6, 17, .52);
  border: 1px solid rgba(155, 130, 255, .18);
  text-align: left;
}

.lmh-required-account-avatar {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: rgba(109, 76, 219, .22);
  border: 1px solid rgba(155, 130, 255, .30);
  color: #FFFFFF;
  font-size: 24px;
}

.lmh-required-account-details h2 {
  margin: 0 0 6px;
  color: #FFFFFF;
  font-size: 23px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.lmh-required-account-company,
.lmh-required-account-email {
  margin: 0;
  color: rgba(247, 243, 255, .68);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 800;
}

.lmh-required-account-company {
  color: #9B82FF;
}

.lmh-switch-account-form {
  margin-top: 22px;
}

.lmh-switch-account-actions {
  justify-content: center;
  gap: 12px;
}

.lmh-switch-account-actions .lmh-btn {
  min-width: 190px;
}

@media (max-width: 640px) {
  .lmh-switch-account-page {
    padding: 22px 12px 48px;
  }

  .lmh-required-account-box {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .lmh-required-account-avatar {
    margin: 0 auto;
  }

  .lmh-switch-account-actions {
    display: grid;
  }

  .lmh-switch-account-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Account Switcher
========================================================= */

.lmh-account-switcher-page {
  max-width: 820px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-account-switcher-card {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.lmh-account-switcher-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-account-switcher-icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(109, 76, 219, .34), rgba(155, 130, 255, .20));
  border: 1px solid rgba(155, 130, 255, .38);
  color: #FFFFFF;
  font-size: 30px;
  box-shadow: 0 22px 48px rgba(109, 76, 219, .20);
}

.lmh-account-switcher-inner {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.lmh-account-switcher-inner .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-select-account-list {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.lmh-select-account-card {
  display: grid;
  grid-template-columns: 54px 1fr 42px;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(8, 6, 17, .52);
  border: 1px solid rgba(155, 130, 255, .18);
  color: #F7F3FF !important;
  text-align: left;
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.lmh-select-account-card:hover {
  transform: translateY(-2px);
  border-color: rgba(155, 130, 255, .44);
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .18), transparent 42%),
    rgba(8, 6, 17, .66);
}

.lmh-select-account-card.disabled {
  opacity: .48;
  cursor: not-allowed;
  pointer-events: none;
}

.lmh-select-account-avatar {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(109, 76, 219, .22);
  border: 1px solid rgba(155, 130, 255, .30);
  color: #FFFFFF;
  font-size: 20px;
}

.lmh-select-account-content {
  display: grid;
  gap: 8px;
}

.lmh-select-account-content strong {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 950;
  letter-spacing: -.02em;
}

.lmh-select-account-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.lmh-select-account-arrow {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(109, 76, 219, .16);
  border: 1px solid rgba(155, 130, 255, .24);
  color: #9B82FF;
}

.lmh-status-info {
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .34);
  color: #EDE7FF;
}

.lmh-status-muted {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  color: rgba(247, 243, 255, .72);
}

.lmh-account-switcher-actions {
  justify-content: center;
  margin-top: 18px;
}

.lmh-account-switcher-actions .lmh-btn {
  min-width: 170px;
}

.lmh-switch-account-hidden-form {
  display: none !important;
}

@media (max-width: 640px) {
  .lmh-account-switcher-page {
    padding: 22px 12px 48px;
  }

  .lmh-select-account-card {
    grid-template-columns: 48px 1fr;
  }

  .lmh-select-account-arrow {
    grid-column: 1 / -1;
    width: 100%;
    height: 40px;
  }

  .lmh-account-switcher-actions .lmh-btn {
    width: 100%;
  }
}
/* =========================================================
   Little Moo Hosting - Email Verification
========================================================= */

.lmh-email-verification-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-email-verification-card {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.lmh-email-verification-card::before {
  content: "";
  position: absolute;
  inset: -150px -120px auto auto;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-verification-icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  color: #FFFFFF;
  font-size: 30px;
  box-shadow: 0 22px 48px rgba(109, 76, 219, .20);
}

.lmh-verification-icon-success {
  background: linear-gradient(135deg, rgba(35, 183, 173, .34), rgba(109, 76, 219, .20));
  border: 1px solid rgba(35, 183, 173, .42);
  color: #DFFFFB;
}

.lmh-verification-icon-warning {
  background: linear-gradient(135deg, rgba(255, 184, 77, .26), rgba(109, 76, 219, .18));
  border: 1px solid rgba(255, 184, 77, .38);
  color: #FFE4B8;
}

.lmh-verification-icon-error {
  background: linear-gradient(135deg, rgba(223, 85, 74, .28), rgba(109, 76, 219, .18));
  border: 1px solid rgba(223, 85, 74, .38);
  color: #FFD9D5;
}

.lmh-email-verification-inner {
  position: relative;
  z-index: 1;
  max-width: 560px;
  margin: 24px auto 0;
  text-align: center;
}

.lmh-email-verification-actions {
  justify-content: center;
  gap: 12px;
  margin-top: 0;
}

.lmh-email-verification-actions + .lmh-email-verification-actions {
  margin-top: 14px;
}

.lmh-email-verification-actions .lmh-btn {
  min-width: 250px;
  justify-content: center;
}

.lmh-email-verification-card .btn-resend-verify-email {
  border-radius: 999px !important;
}

@media (max-width: 640px) {
  .lmh-email-verification-page {
    padding: 22px 12px 48px;
  }

  .lmh-verification-icon {
    width: 66px;
    height: 66px;
    border-radius: 22px;
    font-size: 26px;
  }

  .lmh-email-verification-actions {
    display: grid;
  }

  .lmh-email-verification-actions .lmh-btn {
    width: 100%;
    min-width: 0;
  }
}
/* =========================================================
   Little Moo Hosting - Announcements Index
========================================================= */

.lmh-announcements-index {
  max-width: 1040px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-announcements-index .lmh-page-card {
  position: relative;
  overflow: hidden;
}

.lmh-announcements-index .lmh-page-card::before {
  content: "";
  position: absolute;
  inset: -160px -120px auto auto;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(155, 130, 255, .24), transparent 68%);
  pointer-events: none;
}

.lmh-announcement-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.lmh-announcement-item {
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .13), transparent 44%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .20);
}

.lmh-announcement-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.lmh-announcement-item-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(109, 76, 219, .16);
  border: 1px solid rgba(155, 130, 255, .24);
  color: rgba(247, 243, 255, .78);
  font-size: 12px;
  font-weight: 900;
}

.lmh-announcement-item h2 {
  margin: 0 0 12px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.055em;
}

.lmh-announcement-item h2 a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.lmh-announcement-item h2 a:hover {
  color: #9B82FF !important;
}

.lmh-announcement-excerpt {
  max-width: 760px;
  margin-bottom: 20px;
  color: rgba(247, 243, 255, .72);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 750;
}

.lmh-announcement-item .lmh-btn {
  margin-top: 2px;
}

@media (max-width: 640px) {
  .lmh-announcements-index {
    padding: 22px 12px 48px;
  }

  .lmh-announcement-item {
    padding: 20px;
  }
}
/* =========================================================
   Little Moo Hosting - View Ticket
========================================================= */

.lmh-view-ticket-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 34px 18px 70px;
}

.lmh-view-ticket-card,
.lmh-ticket-reply-card {
  position: relative;
  overflow: hidden;
}

.lmh-ticket-reply-card {
  margin-top: 24px;
}

.lmh-view-ticket-card::before,
.lmh-ticket-reply-card::before {
  content: "";
  position: absolute;
  inset: -160px -120px auto auto;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(155, 130, 255, .22), transparent 68%);
  pointer-events: none;
}

.lmh-ticket-title-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
  gap: 18px;
}

.lmh-ticket-title-row h1 {
  margin-bottom: 10px;
}

.lmh-ticket-title-row p {
  margin: 0;
  color: rgba(247, 243, 255, .72);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 750;
}

.lmh-ticket-title-row p strong {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-ticket-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.lmh-ticket-alert {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}

.lmh-ticket-alert .alert {
  border-radius: 16px !important;
  font-weight: 850 !important;
}

.lmh-ticket-thread {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
  margin-top: 26px;
}

.lmh-ticket-reply {
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .12), transparent 42%),
    rgba(255, 255, 255, .045);
  border: 1px solid rgba(155, 130, 255, .18);
}

.lmh-ticket-reply-staff {
  border-color: rgba(35, 183, 173, .32);
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 183, 173, .13), transparent 42%),
    rgba(255, 255, 255, .045);
}

.lmh-ticket-reply-header {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(155, 130, 255, .14);
  background: rgba(8, 6, 17, .36);
}

.lmh-ticket-reply-avatar {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(109, 76, 219, .22);
  border: 1px solid rgba(155, 130, 255, .30);
  color: #FFFFFF;
  font-size: 20px;
}

.lmh-ticket-reply-staff .lmh-ticket-reply-avatar {
  background: rgba(35, 183, 173, .16);
  border-color: rgba(35, 183, 173, .34);
  color: #DFFFFB;
}

.lmh-ticket-reply-meta .posted-by {
  color: rgba(247, 243, 255, .68);
  font-size: 13px;
  line-height: 1.6;
  font-weight: 750;
}

.lmh-ticket-reply-meta .posted-by-name {
  color: #FFFFFF;
  font-weight: 950;
}

.lmh-ticket-reply-meta .posted-on {
  color: rgba(247, 243, 255, .62);
  font-weight: 800;
}

.lmh-requestor-badge {
  margin-left: 8px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .28);
  color: #EDE7FF;
}

.lmh-ticket-message {
  padding: 22px;
  color: rgba(247, 243, 255, .82);
  font-size: 15px;
  line-height: 1.75;
  font-weight: 650;
}

.lmh-ticket-message p:last-child {
  margin-bottom: 0;
}

.lmh-ticket-message a {
  color: #9B82FF !important;
  font-weight: 900;
}

.lmh-ticket-ip {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(155, 130, 255, .14);
  color: rgba(247, 243, 255, .58);
  font-size: 12px;
  font-weight: 800;
}

.lmh-ticket-rating-wrap {
  margin-top: 18px;
}

.lmh-ticket-rating-wrap .rating,
.lmh-ticket-rating-wrap .rating-done {
  display: flex;
  align-items: center;
  gap: 4px;
}

.lmh-ticket-rating-wrap .rated {
  margin-left: 10px;
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  font-weight: 800;
}

.lmh-ticket-attachments {
  padding: 18px 22px 22px;
  border-top: 1px solid rgba(155, 130, 255, .14);
  background: rgba(8, 6, 17, .28);
}

.lmh-ticket-attachments > strong {
  display: block;
  margin-bottom: 14px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 950;
}

.lmh-attachments-removed {
  color: rgba(247, 243, 255, .62);
  font-size: 13px;
  font-weight: 800;
}

.lmh-attachment-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.lmh-attachment-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.lmh-attachment-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(155, 130, 255, .16);
  color: rgba(247, 243, 255, .78) !important;
  text-decoration: none !important;
}

.lmh-attachment-card figure {
  width: 42px;
  height: 42px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(109, 76, 219, .18);
  border: 1px solid rgba(155, 130, 255, .24);
  color: #9B82FF;
}

.lmh-attachment-card .caption {
  min-width: 0;
  color: rgba(247, 243, 255, .78);
  font-size: 13px;
  font-weight: 850;
  word-break: break-word;
}

.lmh-ticket-reply-form {
  display: grid;
  gap: 20px;
}

.lmh-ticket-reply-form label {
  display: block;
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.lmh-ticket-reply-form .form-control,
.lmh-ticket-reply-form textarea,
.lmh-ticket-reply-form .custom-file-label {
  width: 100%;
  border-radius: 15px !important;
  background-color: rgba(8, 6, 17, .74) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: none !important;
}

.lmh-ticket-reply-form .form-control {
  min-height: 50px;
}

.lmh-ticket-reply-form textarea {
  min-height: 230px;
  padding: 16px !important;
  line-height: 1.65;
}

.lmh-ticket-reply-form .form-control:focus,
.lmh-ticket-reply-form textarea:focus {
  border-color: rgba(155, 130, 255, .62) !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .18) !important;
}

.lmh-ticket-reply-form .form-control:disabled {
  opacity: .62;
  cursor: not-allowed;
}

.lmh-attachment-upload-row {
  align-items: stretch;
}

.lmh-attachment-upload-row .custom-file {
  height: 50px;
}

.lmh-attachment-upload-row .custom-file-label {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 13px 16px !important;
}

.lmh-attachment-upload-row .custom-file-label::after {
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: 0 15px 15px 0;
  background: rgba(109, 76, 219, .18);
  border-left: 1px solid rgba(155, 130, 255, .24);
  color: #FFFFFF;
  font-weight: 900;
}

.lmh-attachment-upload-row .lmh-btn {
  height: 50px;
  border-radius: 0 15px 15px 0 !important;
}

.lmh-file-help {
  margin-top: 10px;
  color: rgba(247, 243, 255, .58);
  font-size: 12px;
  font-weight: 750;
}

.lmh-ticket-reply-actions {
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid rgba(155, 130, 255, .18);
}

.lmh-ticket-reply-actions .lmh-btn {
  min-width: 180px;
}

@media (max-width: 820px) {
  .lmh-ticket-title-row {
    grid-template-columns: 1fr;
  }

  .lmh-ticket-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .lmh-view-ticket-page {
    padding: 22px 12px 48px;
  }

  .lmh-ticket-actions,
  .lmh-ticket-reply-actions {
    display: grid;
  }

  .lmh-ticket-actions .lmh-btn,
  .lmh-ticket-reply-actions .lmh-btn {
    width: 100%;
  }

  .lmh-ticket-reply-header {
    grid-template-columns: 1fr;
  }

  .lmh-ticket-reply-avatar {
    margin: 0 auto;
  }

  .lmh-ticket-reply-meta {
    text-align: center;
  }

  .lmh-attachment-upload-row {
    display: grid !important;
  }

  .lmh-attachment-upload-row .lmh-btn {
    width: 100%;
    border-radius: 15px !important;
  }
}

/* =========================================================
   Little Moo Hosting - Responsive Rebuild v2
   Desktop / Tablet / Mobile Fixes
   Keep this at the very bottom of littlemoo-custom.css
========================================================= */

/* ---------- Global containment ---------- */
*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html,
body {
  width: 100% !important;
  max-width: 100% !important;
}

body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100% !important;
}

img {
  height: auto !important;
}

#main-body,
#main-body .container,
#main-body .container-fluid,
#main-body .row,
#main-body [class*="col-"],
.primary-content,
.main-content,
.lmh-primary-content {
  min-width: 0 !important;
}

body:not(.lmh-client-shell) #main-body .container,
.lmh-topbar .container,
.topbar .container,
.lmh-header-container {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.lmh-page-card,
.lmh-form-card,
.card,
.panel,
.lmh-dashboard-panel,
.lmh-dashboard-card,
.lm-product-card,
.lm-action-card,
.lmh-ticket-reply,
.lmh-table-card,
.lmh-address-card,
.lmh-info-card,
.lmh-modal-content,
#order-standard_cart .product,
#order-standard_cart .product-info,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .view-cart-items,
#order-standard_cart .promo-code-cart-container {
  max-width: 100% !important;
}

.lmh-page-header h1,
.lmh-section-heading h2,
.lmh-dashboard-hero h1,
.auth-shell__title,
.lmh-invoice-brand h3,
.lmh-quote-brand h3,
.card-title,
h1,
h2,
h3 {
  overflow-wrap: anywhere !important;
}

p,
li,
small,
label,
span,
td,
th,
a,
strong {
  min-width: 0 !important;
}

/* ---------- Forms and buttons ---------- */
.form-control,
.custom-select,
input,
select,
textarea,
button,
.btn,
.lmh-btn {
  max-width: 100% !important;
}

textarea {
  resize: vertical !important;
}

.input-group,
.auth-input-group,
.lmh-password-group,
.lmh-password-generate-row,
.lmh-promo-input-row,
.lmh-attachment-upload-row,
.form-inline {
  min-width: 0 !important;
}

.input-group .form-control,
.input-group .custom-select,
.form-inline .form-control,
.form-inline .custom-select {
  min-width: 0 !important;
}

.btn,
.lmh-btn,
button,
input[type="submit"],
input[type="reset"] {
  white-space: normal !important;
}

.lmh-form-actions,
.lmh-action-group,
.btn-group {
  flex-wrap: wrap !important;
}

/* ---------- Tables ---------- */
.table-responsive,
.table-container,
.dataTables_wrapper,
div.dataTables_wrapper,
.transactions-container,
.lmh-table-wrap,
.view-cart-items,
.lmh-metric-pricing-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  contain: inline-size;
  -webkit-overflow-scrolling: touch !important;
}

/* Checkout account chooser: preserve a readable intro and full-width actions. */
@media (max-width: 767px) {
  #order-standard_cart.lmh-order-checkout .already-registered {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  #order-standard_cart.lmh-order-checkout .already-registered > .pull-right {
    display: grid !important;
    float: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  #order-standard_cart.lmh-order-checkout .already-registered > p {
    order: -1;
    width: 100% !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #order-standard_cart.lmh-order-checkout .already-registered .btn {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}

.table-responsive table,
.table-container table,
.dataTables_wrapper table,
.transactions-container table,
.lmh-table-wrap table {
  margin-bottom: 0 !important;
}

.table th,
.table td,
table.table th,
table.table td {
  vertical-align: middle !important;
  overflow-wrap: anywhere !important;
}

.dataTables_filter,
.dataTables_length,
.dataTables_info,
.dataTables_paginate {
  max-width: 100% !important;
}

.dataTables_filter input,
input[type="search"] {
  max-width: 100% !important;
}

/* =========================================================
   Desktop and laptop refinements
========================================================= */
@media (min-width: 1200px) {
  .lmh-header-container {
    flex-wrap: nowrap !important;
    gap: 26px !important;
  }

  .lmh-navbar-collapse {
    min-width: 0 !important;
  }

  .lmh-primary-nav,
  .lmh-full-nav {
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }

  .lmh-primary-nav > li,
  #nav > li {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .lmh-primary-nav > li > a,
  #nav > li > a,
  .lmh-full-nav .lmh-nav-link {
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .lmh-dashboard-cards,
  .lm-product-grid,
  .lmh-upgrade-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lm-action-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Tablet landscape / small laptop
========================================================= */
@media (max-width: 1199.98px) {
  #main-body .container,
  .lmh-topbar .container,
  .topbar .container,
  .lmh-header-container {
    width: min(100% - 32px, 1040px) !important;
    max-width: 1040px !important;
  }

  section#main-body {
    padding-top: 28px !important;
    padding-bottom: 58px !important;
  }

  .lmh-header-container {
    gap: 16px !important;
  }

  .lmh-main-header-row {
    min-height: auto !important;
    padding: 12px 0 !important;
  }

  .lmh-menu-btn,
  .navbar-toggler,
  .lmh-mobile-toggle {
    display: inline-flex !important;
    margin-left: auto !important;
  }

  .lmh-navbar-collapse.collapse:not(.show),
  #mainNavbar.collapse:not(.show) {
    display: none !important;
  }

  .lmh-navbar-collapse.collapse.show,
  #mainNavbar.collapse.show {
    display: block !important;
    width: 100% !important;
  }

  .lmh-navbar-collapse {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: rgba(13, 10, 24, .98) !important;
    border: 1px solid rgba(155, 130, 255, .20) !important;
  }

  .lmh-primary-nav,
  .lmh-full-nav,
  .lmh-account-inline,
  .lmh-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .lmh-primary-nav > li,
  #nav > li,
  .lmh-account-inline > li,
  .lmh-toolbar > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .lmh-primary-nav > li > a,
  #nav > li > a,
  .lmh-full-nav .lmh-nav-link,
  .lmh-account-inline a,
  .lmh-account-inline .nav-link,
  .lmh-navbar-collapse .lmh-cart-btn {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    text-align: left !important;
  }

  .lmh-navbar-collapse .lmh-cart-btn {
    height: 44px !important;
  }

  .auth-shell {
    width: min(100% - 32px, 900px) !important;
    max-width: 900px !important;
    grid-template-columns: 1fr !important;
  }

  .lmh-dashboard-hero,
  .dashboard-panel__header,
  .lmh-ticket-title-row {
    grid-template-columns: 1fr !important;
  }

  .lmh-dashboard-hero__actions,
  .lmh-ticket-actions {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .lmh-dashboard-cards,
  .lm-product-grid,
  .lmh-upgrade-products-grid,
  .lmh-upgrade-package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lm-action-grid,
  .lm-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lmh-dashboard-bottom,
  .lmh-invite-grid,
  .lmh-profile-grid,
  .lmh-upgrade-checkout-grid {
    grid-template-columns: 1fr !important;
  }

  #order-standard_cart .products {
    grid-template-columns: 1fr !important;
  }

  #order-standard_cart .products .product {
    min-width: 0 !important;
  }
}

/* =========================================================
   Tablet portrait
========================================================= */
@media (max-width: 991.98px) {
  #main-body .row {
    display: flex !important;
    flex-direction: column !important;
  }

  #main-body .col-lg-3,
  #main-body .col-lg-4,
  #main-body .col-lg-8,
  #main-body .col-lg-9,
  #main-body .col-xl-3,
  #main-body .col-xl-9,
  #main-body .primary-content,
  #main-body .sidebar,
  #main-body aside,
  .panel-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  #main-body .sidebar,
  #main-body aside,
  .panel-sidebar {
    margin-bottom: 18px !important;
  }

  .lmh-current-service-box,
  .lmh-current-config-box,
  .lmh-twofa-status-box,
  .lmh-required-account-box,
  .lmh-config-option-card,
  .lmh-select-account-card {
    grid-template-columns: 1fr !important;
  }

  .lmh-current-service-action,
  .lmh-config-option-arrow,
  .lmh-select-account-arrow {
    width: 100% !important;
  }

  .lmh-config-option-arrow {
    transform: rotate(90deg) !important;
  }

  .lmh-address-grid,
  .lmh-info-grid,
  .lmh-form-grid,
  .lmh-upgrade-products-grid,
  .lmh-upgrade-package-grid,
  .lmh-dashboard-cards,
  .lm-product-grid,
  .lm-action-grid,
  .lm-account-grid {
    grid-template-columns: 1fr !important;
  }

  .invoice-container {
    width: min(100% - 32px, 920px) !important;
    margin: 18px auto !important;
  }

  .lmh-invoice-top,
  .lmh-quote-top,
  .lmh-address-grid,
  .lmh-info-grid,
  .lmh-actions {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }

  .lmh-status-panel,
  .lmh-invoice-title {
    text-align: left !important;
  }

  .dataTables_filter,
  .dataTables_length,
  .dataTables_info,
  .dataTables_paginate {
    width: 100% !important;
    text-align: left !important;
    margin-top: 10px !important;
  }

  .dataTables_filter input,
  input[type="search"] {
    width: 100% !important;
  }
}

/* =========================================================
   Mobile
========================================================= */
@media (max-width: 767.98px) {
  #main-body .container,
  #main-body .container-fluid,
  .lmh-topbar .container,
  .topbar .container,
  .lmh-header-container,
  #footer .container,
  .footer .container,
  section#footer .container,
  footer .container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  section#main-body {
    padding-top: 20px !important;
    padding-bottom: 44px !important;
  }

  #main-body .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #main-body [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lmh-topbar,
  .topbar {
    display: none !important;
  }

  .lmh-header-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .lmh-navbar-brand {
    max-width: calc(100% - 112px) !important;
  }

  .lmh-navbar-brand .logo-img,
  #header .logo-img {
    width: 112px !important;
    max-width: 112px !important;
  }

  .lmh-menu-btn,
  .navbar-toggler,
  .lmh-mobile-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 13px !important;
    padding: 0 !important;
  }

  .lmh-toolbar:not(.lmh-navbar-collapse .lmh-toolbar) {
    margin-left: auto !important;
  }

  .auth-shell,
  .lmh-dashboard,
  .lm-home-section,
  .lmh-view-ticket-page,
  .lmh-user-profile-page,
  .lmh-user-security-page,
  .lmh-upgrade-page,
  .lmh-upgrade-downgrade-page,
  .lmh-upgrade-summary-page,
  .lmh-announcements-index,
  .lmh-twofa-page,
  .lmh-twofa-backup-page,
  .lmh-email-verification-page,
  .lmh-switch-account-page,
  .lmh-account-switcher-page,
  .lmh-change-password-page,
  .lmh-invite-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lmh-page-card,
  .lmh-form-card,
  .lmh-dashboard-panel,
  .lmh-dashboard-card,
  .lm-product-card,
  .lm-action-card,
  .lmh-ticket-reply,
  .lmh-upgrade-product-card,
  .lmh-upgrade-package-card,
  .lmh-announcement-item,
  .lmh-address-card,
  .lmh-info-card,
  .lmh-notes-card,
  .lmh-proposal-card,
  .lmh-table-card {
    border-radius: 18px !important;
  }

  .lmh-page-card,
  .lmh-dashboard-hero,
  .lmh-dashboard-panel,
  .auth-shell__intro,
  .auth-form,
  .lmh-form-card,
  .lm-product-card,
  .lm-action-card,
  .lmh-upgrade-product-card,
  .lmh-upgrade-package-card,
  .lmh-announcement-item {
    padding: 18px !important;
  }

  .lmh-page-header {
    padding: 0 !important;
  }

  .lmh-page-header + .lmh-form-card,
  .lmh-page-header + .lmh-profile-grid,
  .lmh-page-header + .lmh-invite-grid,
  .lmh-page-header + .lmh-ticket-thread,
  .lmh-page-header + .lmh-announcement-list {
    margin-top: 18px !important;
  }

  .lmh-page-header h1,
  .lmh-dashboard-hero h1,
  .auth-shell__title,
  .lmh-invoice-brand h3,
  .lmh-quote-brand h3 {
    font-size: clamp(27px, 8.5vw, 36px) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }

  .lmh-page-header p,
  .lmh-section-heading p,
  .lmh-dashboard-hero p,
  .auth-shell__copy,
  .lm-section-intro {
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .auth-shell__features,
  .lmh-dashboard-cards,
  .lmh-dashboard-bottom,
  .lm-product-grid,
  .lm-action-grid,
  .lm-account-grid,
  .lmh-profile-grid,
  .lmh-invite-grid,
  .lmh-upgrade-products-grid,
  .lmh-upgrade-package-grid,
  .lmh-upgrade-checkout-grid,
  .lmh-address-grid,
  .lmh-info-grid,
  .lmh-form-grid,
  .lmh-config-options-list,
  .lmh-select-account-list,
  .lmh-announcement-list {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .lmh-dashboard-card,
  .lm-action-card {
    min-height: auto !important;
  }

  .lm-product-card p {
    min-height: 0 !important;
  }

  .lmh-form-actions,
  .lmh-dashboard-hero__actions,
  .lmh-ticket-actions,
  .lmh-ticket-reply-actions,
  .lmh-twofa-actions,
  .lmh-user-profile-actions,
  .lmh-security-actions,
  .lmh-twofa-settings-actions,
  .lmh-email-verification-actions,
  .lmh-switch-account-actions,
  .lmh-account-switcher-actions,
  .lmh-upgrade-continue-actions,
  .lmh-actions,
  .lmh-action-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .lmh-form-actions .lmh-btn,
  .lmh-dashboard-hero__actions .lmh-btn,
  .lmh-ticket-actions .lmh-btn,
  .lmh-ticket-reply-actions .lmh-btn,
  .lmh-twofa-actions .lmh-btn,
  .lmh-user-profile-actions .lmh-btn,
  .lmh-security-actions .lmh-btn,
  .lmh-twofa-settings-actions .lmh-btn,
  .lmh-email-verification-actions .lmh-btn,
  .lmh-switch-account-actions .lmh-btn,
  .lmh-account-switcher-actions .lmh-btn,
  .lmh-upgrade-continue-actions .lmh-btn,
  .lmh-actions .lmh-btn,
  .lmh-action-group .lmh-btn,
  .lmh-invoice-btn,
  .lmh-quote-btn,
  .lmh-back-link {
    width: 100% !important;
    justify-content: center !important;
  }

  .input-group,
  .input-group-prepend,
  .input-group-append,
  .lmh-password-generate-row,
  .lmh-promo-input-row,
  .lmh-password-group,
  .lmh-attachment-upload-row,
  .form-inline {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .input-group-prepend,
  .input-group-append {
    margin: 0 !important;
  }

  .input-group .form-control,
  .input-group .custom-select,
  .input-group .btn,
  .input-group .lmh-btn,
  .input-group-prepend .btn,
  .input-group-append .btn,
  .input-group-prepend .lmh-btn,
  .input-group-append .lmh-btn,
  .lmh-password-group .form-control,
  .lmh-password-group .lmh-btn {
    width: 100% !important;
    border-radius: 14px !important;
  }

  .custom-file,
  .custom-file-input,
  .custom-file-label {
    width: 100% !important;
    max-width: 100% !important;
  }

  .custom-file-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ticket-reply .message,
  .lmh-ticket-message,
  .markdown-content {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .lmh-ticket-reply-header {
    grid-template-columns: 44px 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .lmh-ticket-reply-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }

  .lmh-ticket-message {
    padding: 16px !important;
    font-size: 14px !important;
  }

  .lmh-attachment-list {
    grid-template-columns: 1fr !important;
  }

  .table-responsive table,
  .table-container table,
  .dataTables_wrapper table,
  .transactions-container table,
  .lmh-table-wrap table,
  body[data-templatefile="clientareaproducts"] table.table,
  body[data-templatefile="clientareaproducts"] .table,
  #order-standard_cart table,
  .lmh-dashboard-table,
  .lmh-invoice-table,
  .lmh-quote-table {
    width: 100% !important;
    min-width: 620px !important;
  }

  .table th,
  .table td,
  table.table th,
  table.table td {
    padding: 12px 10px !important;
    font-size: 13px !important;
  }

  #order-standard_cart .products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #order-standard_cart .products .product,
  #order-standard_cart .product,
  #order-standard_cart .product-info,
  #order-standard_cart .product-configurable-options,
  #order-standard_cart .view-cart-items,
  #order-standard_cart .summary-container,
  #order-standard_cart .order-summary,
  #order-standard_cart .promo-code-cart-container {
    width: 100% !important;
    min-width: 0 !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  #order-standard_cart .products .product h3,
  #order-standard_cart .products .product h4 {
    font-size: 22px !important;
  }

  #order-standard_cart .products .product .price,
  #order-standard_cart .products .product .pricing,
  #order-standard_cart .products .product .product-pricing {
    font-size: 27px !important;
  }

  .invoice-container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto !important;
    border-radius: 20px !important;
  }

  .lmh-invoice-shell,
  .lmh-quote-shell {
    padding: 18px !important;
  }

  .lmh-invoice-top,
  .lmh-quote-top {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .lmh-invoice-brand img,
  .lmh-quote-brand img {
    max-width: 150px !important;
  }

  .modal-dialog {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto !important;
  }

  .modal-content {
    border-radius: 18px !important;
  }

  .modal-header,
  .modal-body,
  .modal-footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #footer .nav,
  .footer .nav,
  #footer ul.nav,
  .footer ul.nav,
  #footer .list-inline,
  .footer .list-inline {
    flex-direction: column !important;
    gap: 10px !important;
  }
}

/* =========================================================
   Small mobile
========================================================= */
@media (max-width: 480px) {
  #main-body .container,
  #main-body .container-fluid,
  .lmh-header-container,
  #footer .container,
  .footer .container {
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
  }

  .lmh-navbar-brand .logo-img,
  #header .logo-img {
    width: 104px !important;
    max-width: 104px !important;
  }

  .lmh-page-card,
  .lmh-dashboard-hero,
  .lmh-dashboard-panel,
  .auth-shell__intro,
  .auth-form,
  .lmh-form-card,
  .lm-product-card,
  .lm-action-card,
  .lmh-upgrade-product-card,
  .lmh-upgrade-package-card,
  .lmh-announcement-item {
    padding: 16px !important;
  }

  .lmh-page-header h1,
  .lmh-dashboard-hero h1,
  .auth-shell__title,
  .lmh-invoice-brand h3,
  .lmh-quote-brand h3 {
    font-size: 27px !important;
  }

  .lmh-dashboard-card strong {
    font-size: 28px !important;
  }

  .lmh-ticket-reply-header {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .lmh-ticket-reply-avatar {
    margin: 0 auto !important;
  }

  .table-responsive table,
  .table-container table,
  .dataTables_wrapper table,
  .transactions-container table,
  .lmh-table-wrap table,
  body[data-templatefile="clientareaproducts"] table.table,
  body[data-templatefile="clientareaproducts"] .table,
  #order-standard_cart table,
  .lmh-dashboard-table,
  .lmh-invoice-table,
  .lmh-quote-table {
    min-width: 560px !important;
  }

  .invoice-container {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 8px auto !important;
  }
}

/* =========================================================
   Very small mobile
========================================================= */
@media (max-width: 380px) {
  .lmh-page-header h1,
  .lmh-dashboard-hero h1,
  .auth-shell__title,
  .lmh-invoice-brand h3,
  .lmh-quote-brand h3 {
    font-size: 24px !important;
  }

  .lmh-btn,
  .btn,
  button,
  input[type="submit"],
  input[type="reset"] {
    font-size: 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .lmh-kicker,
  .lm-section-eyebrow,
  .auth-shell__eyebrow,
  .auth-form__eyebrow {
    font-size: 9px !important;
    letter-spacing: .09em !important;
  }

  .table-responsive table,
  .table-container table,
  .dataTables_wrapper table,
  .transactions-container table,
  .lmh-table-wrap table,
  body[data-templatefile="clientareaproducts"] table.table,
  body[data-templatefile="clientareaproducts"] .table,
  #order-standard_cart table,
  .lmh-dashboard-table,
  .lmh-invoice-table,
  .lmh-quote-table {
    min-width: 520px !important;
  }
}

/* Landscape phone safety */
@media (max-height: 480px) and (orientation: landscape) {
  section#main-body {
    padding-top: 14px !important;
    padding-bottom: 28px !important;
  }

  .auth-shell__hero-art {
    display: none !important;
  }

  .modal-dialog {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Support Form Responsive Fix
   Add to VERY BOTTOM of littlemoo-custom.css
========================================================= */

/* Stop the support form sitting too narrow on desktop */
body[data-templatefile="supportticketsubmit-step-two"] section#main-body .container,
body[data-templatefile="supportticketsubmit-steptwo"] section#main-body .container,
body[data-templatefile="submitticket"] section#main-body .container,
body[class*="submitticket"] section#main-body .container,
.lmh-submit-ticket-page,
.lmh-ticket-form-shell,
.lmh-ticket-form,
#submitTicketContainer {
  width: min(100% - 48px, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Main ticket form card */
.lmh-ticket-form-shell,
.lmh-ticket-form,
#submitTicketContainer,
.submit-ticket,
.submit-ticket-step {
  padding: 28px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .16), transparent 42%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .98)) !important;
  border: 1px solid rgba(155, 130, 255, .26) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34) !important;
}

/* Form spacing */
.lmh-ticket-form .form-group,
.lmh-ticket-form .lmh-ticket-field,
#submitTicketContainer .form-group,
.submit-ticket .form-group {
  margin-bottom: 16px !important;
}

.lmh-ticket-form label,
#submitTicketContainer label,
.submit-ticket label {
  display: block !important;
  margin-bottom: 7px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Inputs and selects */
.lmh-ticket-form .form-control,
.lmh-ticket-form input[type="text"],
.lmh-ticket-form input[type="email"],
.lmh-ticket-form select,
.lmh-ticket-form textarea,
#submitTicketContainer .form-control,
#submitTicketContainer input[type="text"],
#submitTicketContainer input[type="email"],
#submitTicketContainer select,
#submitTicketContainer textarea,
.submit-ticket .form-control,
.submit-ticket input[type="text"],
.submit-ticket input[type="email"],
.submit-ticket select,
.submit-ticket textarea {
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border-radius: 13px !important;
  background-color: rgba(8, 6, 17, .82) !important;
  border: 1px solid rgba(155, 130, 255, .38) !important;
  color: #F7F3FF !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Select dropdown fix */
.lmh-ticket-form select,
#submitTicketContainer select,
.submit-ticket select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  background-color: rgba(8, 6, 17, .92) !important;
  color: #FFFFFF !important;
}

.lmh-ticket-form select option,
#submitTicketContainer select option,
.submit-ticket select option {
  background: #151021 !important;
  color: #FFFFFF !important;
}

/* Focus state */
.lmh-ticket-form .form-control:focus,
.lmh-ticket-form input:focus,
.lmh-ticket-form select:focus,
.lmh-ticket-form textarea:focus,
#submitTicketContainer .form-control:focus,
#submitTicketContainer input:focus,
#submitTicketContainer select:focus,
#submitTicketContainer textarea:focus {
  border-color: #9B82FF !important;
  box-shadow: 0 0 0 4px rgba(109, 76, 219, .20) !important;
}

/* Placeholder */
.lmh-ticket-form ::placeholder,
#submitTicketContainer ::placeholder,
.submit-ticket ::placeholder {
  color: rgba(247, 243, 255, .52) !important;
  opacity: 1 !important;
}

/* Markdown editor wrapper */
.md-editor,
.markdown-editor,
.lmh-ticket-form .md-editor,
#submitTicketContainer .md-editor {
  width: 100% !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(8, 6, 17, .82) !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
}

/* Markdown toolbar */
.md-editor > .md-header,
.md-editor .md-header,
.markdown-editor .md-header {
  min-height: 42px !important;
  padding: 7px !important;
  background: rgba(13, 10, 24, .96) !important;
  border-bottom: 1px solid rgba(155, 130, 255, .24) !important;
}

.md-editor .btn,
.md-editor button,
.md-header .btn,
.md-header button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 2px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

/* Message box */
.md-editor textarea,
textarea.markdown-editor,
#inputMessage {
  min-height: 260px !important;
  resize: vertical !important;
  background: #FFFFFF !important;
  color: #161122 !important;
  -webkit-text-fill-color: #161122 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}

.md-editor textarea::placeholder,
textarea.markdown-editor::placeholder,
#inputMessage::placeholder {
  color: rgba(22, 17, 34, .42) !important;
}

/* Markdown footer counter */
.md-editor .md-footer,
.md-editor .md-controls,
.md-editor .md-control {
  background: #FFFFFF !important;
  color: rgba(22, 17, 34, .55) !important;
  font-size: 11px !important;
}

/* Attachment row */
.lmh-ticket-form .attachment-group,
#submitTicketContainer .attachment-group,
.submit-ticket .attachment-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 0 !important;
}

.lmh-ticket-form .custom-file,
#submitTicketContainer .custom-file,
.submit-ticket .custom-file {
  height: 44px !important;
  min-width: 0 !important;
}

.lmh-ticket-form .custom-file-label,
#submitTicketContainer .custom-file-label,
.submit-ticket .custom-file-label {
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-radius: 13px 0 0 13px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(155, 130, 255, .30) !important;
  color: #161122 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.lmh-ticket-form .custom-file-label::after,
#submitTicketContainer .custom-file-label::after,
.submit-ticket .custom-file-label::after {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  background: #EFEAFD !important;
  color: #161122 !important;
  border-left: 1px solid rgba(155, 130, 255, .28) !important;
  font-weight: 900 !important;
}

/* Add more button */
#btnTicketAttachmentsAdd,
.lmh-ticket-form #btnTicketAttachmentsAdd,
#submitTicketContainer #btnTicketAttachmentsAdd {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 0 13px 13px 0 !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .48) !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* File help */
.lmh-file-help,
#submitTicketContainer .text-muted,
.submit-ticket .text-muted {
  margin-top: 8px !important;
  color: rgba(247, 243, 255, .70) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

/* Submit / Cancel area */
.lmh-ticket-form .form-group.text-center,
#submitTicketContainer .form-group.text-center,
.submit-ticket .form-group.text-center,
.lmh-ticket-form .lmh-form-actions {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 26px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(155, 130, 255, .18) !important;
}

.lmh-ticket-form input[type="submit"],
#submitTicketContainer input[type="submit"],
.submit-ticket input[type="submit"] {
  min-height: 42px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
}

.lmh-ticket-form input[type="reset"],
#submitTicketContainer input[type="reset"],
.submit-ticket input[type="reset"] {
  min-height: 42px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

/* Desktop width correction */
@media (min-width: 1200px) {
  body[data-templatefile="supportticketsubmit-step-two"] section#main-body .container,
  body[data-templatefile="supportticketsubmit-steptwo"] section#main-body .container,
  body[data-templatefile="submitticket"] section#main-body .container,
  body[class*="submitticket"] section#main-body .container {
    width: min(100% - 64px, 1120px) !important;
    max-width: 1120px !important;
  }

  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer {
    width: 100% !important;
    max-width: 1120px !important;
  }
}

/* Tablet */
@media (max-width: 991.98px) {
  body[data-templatefile="supportticketsubmit-step-two"] section#main-body .container,
  body[data-templatefile="supportticketsubmit-steptwo"] section#main-body .container,
  body[data-templatefile="submitticket"] section#main-body .container,
  body[class*="submitticket"] section#main-body .container,
  .lmh-submit-ticket-page,
  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer,
  .submit-ticket,
  .submit-ticket-step {
    padding: 24px !important;
  }

  .md-editor textarea,
  textarea.markdown-editor,
  #inputMessage {
    min-height: 240px !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  body[data-templatefile="supportticketsubmit-step-two"] section#main-body .container,
  body[data-templatefile="supportticketsubmit-steptwo"] section#main-body .container,
  body[data-templatefile="submitticket"] section#main-body .container,
  body[class*="submitticket"] section#main-body .container,
  .lmh-submit-ticket-page,
  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer {
    width: calc(100% - 22px) !important;
    max-width: calc(100% - 22px) !important;
  }

  section#main-body {
    padding-top: 20px !important;
  }

  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer,
  .submit-ticket,
  .submit-ticket-step {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .lmh-ticket-form h1,
  .lmh-submit-ticket-page h1,
  #submitTicketContainer h1,
  .submit-ticket h1 {
    font-size: 30px !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
  }

  .lmh-ticket-form p,
  .lmh-submit-ticket-page p,
  #submitTicketContainer p,
  .submit-ticket p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .lmh-ticket-form .form-control,
  .lmh-ticket-form input[type="text"],
  .lmh-ticket-form input[type="email"],
  .lmh-ticket-form select,
  #submitTicketContainer .form-control,
  #submitTicketContainer input[type="text"],
  #submitTicketContainer input[type="email"],
  #submitTicketContainer select,
  .submit-ticket .form-control,
  .submit-ticket input[type="text"],
  .submit-ticket input[type="email"],
  .submit-ticket select {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .md-editor > .md-header,
  .md-editor .md-header {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }

  .md-editor .btn,
  .md-editor button,
  .md-header .btn,
  .md-header button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  .md-editor textarea,
  textarea.markdown-editor,
  #inputMessage {
    min-height: 220px !important;
    font-size: 15px !important;
  }

  .lmh-ticket-form .attachment-group,
  #submitTicketContainer .attachment-group,
  .submit-ticket .attachment-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .lmh-ticket-form .custom-file-label,
  #submitTicketContainer .custom-file-label,
  .submit-ticket .custom-file-label {
    border-radius: 13px !important;
  }

  #btnTicketAttachmentsAdd,
  .lmh-ticket-form #btnTicketAttachmentsAdd,
  #submitTicketContainer #btnTicketAttachmentsAdd {
    width: 100% !important;
    border-radius: 13px !important;
  }

  .lmh-ticket-form .form-group.text-center,
  #submitTicketContainer .form-group.text-center,
  .submit-ticket .form-group.text-center,
  .lmh-ticket-form .lmh-form-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .lmh-ticket-form input[type="submit"],
  .lmh-ticket-form input[type="reset"],
  #submitTicketContainer input[type="submit"],
  #submitTicketContainer input[type="reset"],
  .submit-ticket input[type="submit"],
  .submit-ticket input[type="reset"] {
    width: 100% !important;
  }
}

/* Small mobile */
@media (max-width: 420px) {
  body[data-templatefile="supportticketsubmit-step-two"] section#main-body .container,
  body[data-templatefile="supportticketsubmit-steptwo"] section#main-body .container,
  body[data-templatefile="submitticket"] section#main-body .container,
  body[class*="submitticket"] section#main-body .container,
  .lmh-submit-ticket-page,
  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
  }

  .lmh-ticket-form-shell,
  .lmh-ticket-form,
  #submitTicketContainer,
  .submit-ticket,
  .submit-ticket-step {
    padding: 15px !important;
  }

  .lmh-ticket-form h1,
  .lmh-submit-ticket-page h1,
  #submitTicketContainer h1,
  .submit-ticket h1 {
    font-size: 27px !important;
  }

  .md-editor textarea,
  textarea.markdown-editor,
  #inputMessage {
    min-height: 200px !important;
  }
}

/* Fix the live dropdown list visual issue as much as browsers allow */
select:focus,
select:active {
  background-color: rgba(8, 6, 17, .96) !important;
  color: #FFFFFF !important;
}
/* =========================================================
   Little Moo Hosting - Direct Webmail Button Fix
========================================================= */

.lmh-cpanel-module-area {
  display: grid !important;
  gap: 18px !important;
}

.lmh-cpanel-module-area a[href*="webmail"]:not(.lmh-direct-webmail-btn),
.lmh-cpanel-module-area a[href*="2096"]:not(.lmh-direct-webmail-btn),
.lmh-cpanel-module-area form[action*="webmail"],
.lmh-cpanel-module-area button[onclick*="webmail"],
.lmh-cpanel-module-area input[value*="Webmail"] {
  display: none !important;
}

.lmh-direct-webmail-box {
  max-width: 420px !important;
  margin: 12px auto 0 !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .14), transparent 42%),
    rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(155, 130, 255, .22) !important;
}

.lmh-direct-webmail-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .55) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.lmh-direct-webmail-btn:hover {
  color: #FFFFFF !important;
  filter: brightness(1.06);
}

.lmh-direct-webmail-box p {
  margin: 10px 0 0 !important;
  color: rgba(247, 243, 255, .70) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}
/* =========================================================
   Little Moo Hosting - Header Logout Button
========================================================= */

.lmh-full-nav .lmh-nav-link-logout,
.lmh-primary-nav .lmh-nav-link-logout,
.lmh-nav-link-logout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  color: #F7F3FF !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.lmh-full-nav .lmh-nav-link-logout:hover,
.lmh-primary-nav .lmh-nav-link-logout:hover,
.lmh-nav-link-logout:hover {
  background: rgba(223, 85, 74, .16) !important;
  border-color: rgba(223, 85, 74, .34) !important;
  color: #FFFFFF !important;
}

.lmh-nav-link-logout i {
  color: inherit !important;
}

@media (max-width: 1199.98px) {
  .lmh-nav-link-logout {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}
/* =========================================================
   Little Moo Hosting - Logout Buttons
========================================================= */

.lmh-nav-link-logout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(155, 130, 255, .28) !important;
  color: #F7F3FF !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.lmh-nav-link-logout:hover {
  background: rgba(223, 85, 74, .16) !important;
  border-color: rgba(223, 85, 74, .34) !important;
  color: #FFFFFF !important;
}

.lmh-topbar-logout-btn {
  background: rgba(223, 85, 74, .12) !important;
  border: 1px solid rgba(223, 85, 74, .28) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.lmh-topbar-logout-btn:hover {
  background: rgba(223, 85, 74, .22) !important;
  border-color: rgba(223, 85, 74, .42) !important;
  color: #FFFFFF !important;
}

@media (max-width: 1199.98px) {
  .lmh-nav-link-logout {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}
/* =========================================================
   Little Moo Hosting
   Final Support Ticket Mobile Corrections
========================================================= */

/* Prevent support layouts from exceeding the viewport */
.lmh-submit-ticket-page,
.lmh-ticket-form,
.lmh-ticket-form-shell,
#submitTicketContainer {
  width: 100% !important;
  max-width: 1120px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Department cards */
.lmh-ticket-department-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

.lmh-ticket-department-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 150px !important;
  padding: 22px !important;
  overflow: hidden !important;
}

.lmh-ticket-department-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lmh-ticket-department-icon i,
.lmh-ticket-department-icon .fas,
.lmh-ticket-department-icon .far {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.lmh-ticket-department-content {
  min-width: 0 !important;
}

.lmh-ticket-department-content h2 {
  overflow-wrap: anywhere !important;
}

.lmh-ticket-department-content p {
  overflow-wrap: anywhere !important;
}

/* Support form structure */
.lmh-ticket-form-shell {
  padding: 32px !important;
}

.lmh-ticket-form form {
  display: block !important;
  width: 100% !important;
}

.lmh-ticket-field,
.lmh-ticket-form .form-group {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 18px !important;
}

/* Stop empty WHMCS wrappers showing as blank cards */
.lmh-ticket-form .form-group:empty,
.lmh-ticket-form .row:empty,
.lmh-ticket-form .card:empty,
.lmh-ticket-form .panel:empty,
.lmh-ticket-form .captcha-container:empty,
.lmh-ticket-form .captcha:empty,
.lmh-ticket-form .lmh-ticket-captcha:empty,
.lmh-ticket-form .lmh-ticket-custom-fields:empty,
#submitTicketContainer .form-group:empty,
#submitTicketContainer .row:empty,
#submitTicketContainer .card:empty,
#submitTicketContainer .panel:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove styling from hidden cloned upload fields */
.lmh-ticket-form .file-upload.w-hidden,
.lmh-ticket-form .w-hidden,
#submitTicketContainer .file-upload.w-hidden {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Attachments */
.lmh-ticket-upload-field {
  width: 100% !important;
  margin-top: 22px !important;
  padding: 22px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(155, 130, 255, .20) !important;
}

.lmh-ticket-upload-field .attachment-group {
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
  gap: 0 !important;
}

.lmh-ticket-upload-field .custom-file {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
}

.lmh-ticket-upload-field .custom-file-label {
  width: 100% !important;
  height: 48px !important;
  padding: 12px 132px 12px 16px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 14px 0 0 14px !important;
}

.lmh-ticket-upload-field .custom-file-label::after {
  height: 46px !important;
  min-width: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#btnTicketAttachmentsAdd {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 118px !important;
  height: 48px !important;
  border-radius: 0 14px 14px 0 !important;
}

/* Message editor */
.lmh-ticket-form .md-editor {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.lmh-ticket-form .md-header {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: 100% !important;
}

.lmh-ticket-form .md-editor textarea,
.lmh-ticket-form #inputMessage {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 260px !important;
  box-sizing: border-box !important;
}

/* Submit actions */
.lmh-ticket-form .lmh-form-actions,
.lmh-ticket-form .form-group.text-center {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 26px !important;
  padding-top: 22px !important;
}

/* Tablet */
@media (max-width: 991.98px) {
  .lmh-submit-ticket-page,
  .lmh-ticket-form {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  .lmh-ticket-department-grid {
    grid-template-columns: 1fr !important;
  }

  .lmh-ticket-form-shell {
    padding: 26px !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .lmh-submit-ticket-page,
  .lmh-ticket-form {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    padding: 16px 0 42px !important;
  }

  .lmh-submit-ticket-page .lmh-page-card,
  .lmh-ticket-form-shell {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .lmh-ticket-department-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .lmh-ticket-department-card {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 22px 18px !important;
    border-radius: 24px !important;
  }

  .lmh-ticket-department-arrow {
    display: none !important;
  }

  .lmh-ticket-department-content h2 {
    margin-bottom: 8px !important;
    font-size: 25px !important;
    line-height: 1.08 !important;
  }

  .lmh-ticket-department-content p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .lmh-ticket-form h1,
  .lmh-submit-ticket-page h1 {
    font-size: 30px !important;
    line-height: 1.05 !important;
  }

  .lmh-ticket-form input,
  .lmh-ticket-form select,
  .lmh-ticket-form textarea {
    font-size: 16px !important;
  }

  .lmh-ticket-upload-field {
    padding: 18px !important;
  }

  .lmh-ticket-upload-field .attachment-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .lmh-ticket-upload-field .custom-file {
    width: 100% !important;
  }

  .lmh-ticket-upload-field .custom-file-label {
    border-radius: 14px !important;
  }

  #btnTicketAttachmentsAdd {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 14px !important;
  }

  .lmh-ticket-form .lmh-form-actions,
  .lmh-ticket-form .form-group.text-center {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .lmh-ticket-form .lmh-form-actions .btn,
  .lmh-ticket-form .lmh-form-actions .lmh-btn,
  .lmh-ticket-form .form-group.text-center .btn,
  .lmh-ticket-form input[type="submit"],
  .lmh-ticket-form input[type="reset"] {
    width: 100% !important;
    min-height: 52px !important;
  }
}

/* Small mobile */
@media (max-width: 420px) {
  .lmh-submit-ticket-page,
  .lmh-ticket-form {
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
  }

  .lmh-submit-ticket-page .lmh-page-card,
  .lmh-ticket-form-shell {
    padding: 16px !important;
  }

  .lmh-ticket-department-card {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 20px 16px !important;
  }

  .lmh-ticket-department-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }

  .lmh-ticket-department-content h2 {
    font-size: 23px !important;
  }

  .lmh-ticket-department-content p {
    font-size: 15px !important;
  }

  .lmh-ticket-upload-field {
    padding: 16px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Support Department Card Flow Repair
========================================================= */

.lmh-submit-ticket-page {
  max-width: 1240px !important;
}

.lmh-submit-ticket-page .lmh-page-card {
  max-width: 1180px !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-card {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  min-width: 0 !important;
  min-height: 164px !important;
  padding: 26px !important;
  border-radius: 20px !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-icon {
  flex: 0 0 58px !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-content {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-content h2,
.lmh-submit-ticket-page .lmh-ticket-department-content p {
  width: auto !important;
  max-width: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-content h2 {
  font-size: 22px !important;
  line-height: 1.15 !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-content p {
  line-height: 1.55 !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-arrow {
  display: inline-flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin-left: auto !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-grid .lmh-ticket-department-card:focus,
.lmh-submit-ticket-page .lmh-ticket-department-grid .lmh-ticket-department-card:focus-visible {
  border-width: 3px !important;
  border-style: solid !important;
  border-color: #B7A6FF !important;
  outline-width: 3px !important;
  outline-style: solid !important;
  outline-color: #B7A6FF !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 4px rgba(183, 166, 255, .92) !important;
}

.lmh-submit-ticket-page .lmh-ticket-department-grid .lmh-ticket-department-card:focus::after,
.lmh-submit-ticket-page .lmh-ticket-department-grid .lmh-ticket-department-card:focus-visible::after {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 2 !important;
  border: 3px solid #B7A6FF !important;
  border-radius: 16px !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  .lmh-submit-ticket-page .lmh-ticket-department-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .lmh-submit-ticket-page .lmh-ticket-department-grid {
    gap: 16px !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-card {
    gap: 16px !important;
    min-height: 0 !important;
    padding: 20px 18px !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-icon {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-arrow {
    display: inline-flex !important;
    flex-basis: 44px !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-content h2 {
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-content p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 360px) {
  .lmh-submit-ticket-page .lmh-ticket-department-card {
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 18px 16px !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-icon {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .lmh-submit-ticket-page .lmh-ticket-department-arrow {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* =========================================================
   Little Moo Hosting - Domain Registration Page Fix
========================================================= */

#order-standard_cart,
#order-standard_cart .domain-selection-options,
#order-standard_cart .domain-pricing,
#order-standard_cart .domain-pricing table,
#order-standard_cart .domain-pricing .table,
#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-checker-bg,
#order-standard_cart .domain-search,
#order-standard_cart .domain-transfer,
#order-standard_cart .domain-register,
#order-standard_cart .domain-result,
#order-standard_cart .domain-result:not(.domain-result-added),
#order-standard_cart .domain-promo-box,
#order-standard_cart .domain-config,
#order-standard_cart .domain-options,
#order-standard_cart .domain-pricing-box,
#order-standard_cart .spotlight-tlds,
#order-standard_cart .featured-tlds {
  background:
    radial-gradient(circle at 100% 0%, rgba(155,130,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  color:#F7F3FF !important;
  border-color:rgba(155,130,255,.24) !important;
}

/* Main pricing table */
#order-standard_cart .domain-pricing {
  overflow:hidden !important;
  border:1px solid rgba(155,130,255,.26) !important;
  border-radius:20px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.28) !important;
}

#order-standard_cart .domain-pricing table {
  width:100% !important;
  margin:0 !important;
  border:0 !important;
}

#order-standard_cart .domain-pricing thead th,
#order-standard_cart .domain-pricing thead td {
  padding:14px 16px !important;
  background:rgba(48,33,82,.96) !important;
  color:#FFFFFF !important;
  border-color:rgba(155,130,255,.22) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

#order-standard_cart .domain-pricing tbody tr,
#order-standard_cart .domain-pricing tbody td {
  background:rgba(255,255,255,.035) !important;
  color:rgba(247,243,255,.86) !important;
  border-color:rgba(155,130,255,.14) !important;
}

#order-standard_cart .domain-pricing tbody tr:nth-child(even) td {
  background:rgba(255,255,255,.055) !important;
}

#order-standard_cart .domain-pricing tbody tr:hover td {
  background:rgba(109,76,219,.14) !important;
}

#order-standard_cart .domain-pricing td {
  padding:14px 16px !important;
}

#order-standard_cart .domain-pricing td:first-child {
  color:#FFFFFF !important;
  font-weight:950 !important;
}

/* Category tabs */
#order-standard_cart .domain-pricing .tld-filters,
#order-standard_cart .domain-pricing .nav,
#order-standard_cart .domain-pricing .nav-tabs {
  background:transparent !important;
  border:0 !important;
}

#order-standard_cart .domain-pricing .nav-link,
#order-standard_cart .domain-pricing .tld-filter {
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(155,130,255,.22) !important;
  color:#F7F3FF !important;
  border-radius:999px !important;
  font-weight:900 !important;
}

#order-standard_cart .domain-pricing .nav-link.active,
#order-standard_cart .domain-pricing .tld-filter.active {
  background:linear-gradient(135deg,#6D4CDB,#9B82FF) !important;
  border-color:#9B82FF !important;
  color:#FFFFFF !important;
}

/* Domain promotional cards */
#order-standard_cart .domain-promo-box,
#order-standard_cart .domain-transfer,
#order-standard_cart .domain-register,
#order-standard_cart .domain-options > div,
#order-standard_cart .row > .col-md-6 > .card,
#order-standard_cart .row > .col-sm-6 > .card {
  padding:22px !important;
  border:1px solid rgba(155,130,255,.24) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,183,173,.10), transparent 42%),
    linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.98)) !important;
  color:#F7F3FF !important;
  box-shadow:0 18px 45px rgba(0,0,0,.24) !important;
}

#order-standard_cart .domain-promo-box h3,
#order-standard_cart .domain-transfer h3,
#order-standard_cart .domain-register h3,
#order-standard_cart .domain-promo-box h4,
#order-standard_cart .domain-transfer h4,
#order-standard_cart .domain-register h4 {
  color:#FFFFFF !important;
}

#order-standard_cart .domain-promo-box p,
#order-standard_cart .domain-transfer p,
#order-standard_cart .domain-register p,
#order-standard_cart .domain-promo-box small,
#order-standard_cart .domain-transfer small,
#order-standard_cart .domain-register small {
  color:rgba(247,243,255,.72) !important;
}

/* Buttons */
#order-standard_cart .domain-promo-box .btn,
#order-standard_cart .domain-transfer .btn,
#order-standard_cart .domain-register .btn {
  min-height:44px !important;
  padding:11px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#6D4CDB,#9B82FF) !important;
  border:0 !important;
  color:#FFFFFF !important;
  font-weight:950 !important;
}

/* Sidebar spacing */
body[data-templatefile*="domain"] .lmh-sidebar-column,
body[data-templatefile*="cart"] .lmh-sidebar-column {
  min-width:0 !important;
}

body[data-templatefile*="domain"] .lmh-primary-content,
body[data-templatefile*="cart"] .lmh-primary-content {
  min-width:0 !important;
}

/* Tablet */
@media (max-width:991.98px) {
  body[data-templatefile*="domain"] #main-body .row,
  body[data-templatefile*="cart"] #main-body .row {
    display:block !important;
  }

  body[data-templatefile*="domain"] .lmh-sidebar-column,
  body[data-templatefile*="cart"] .lmh-sidebar-column,
  body[data-templatefile*="domain"] .lmh-primary-content,
  body[data-templatefile*="cart"] .lmh-primary-content {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  body[data-templatefile*="domain"] .lmh-sidebar-column,
  body[data-templatefile*="cart"] .lmh-sidebar-column {
    margin-bottom:20px !important;
  }
}

/* Mobile */
@media (max-width:767.98px) {
  #order-standard_cart {
    width:100% !important;
    max-width:100% !important;
  }

  #order-standard_cart h1 {
    font-size:30px !important;
    line-height:1.05 !important;
  }

  #order-standard_cart .domain-pricing {
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #order-standard_cart .domain-pricing table {
    min-width:640px !important;
  }

  #order-standard_cart .domain-promo-box,
  #order-standard_cart .domain-transfer,
  #order-standard_cart .domain-register {
    margin-bottom:16px !important;
    padding:18px !important;
  }

  #order-standard_cart .row > [class*="col-"] {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}
/* =========================================================
   Little Moo Hosting - Hosting Products Page
========================================================= */

#order-standard_cart.lmh-order-products {
  width: 100% !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  color: #F7F3FF !important;
}

.lmh-order-layout {
  display: flex !important;
  align-items: flex-start !important;
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.lmh-order-sidebar,
.lmh-order-body {
  min-width: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.lmh-order-sidebar {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

.lmh-order-body {
  flex: 0 0 75% !important;
  max-width: 75% !important;
}

.lmh-products-header {
  margin-bottom: 26px !important;
}

.lmh-products-header .lmh-section-eyebrow {
  margin: 0 0 8px !important;
  color: #23B7AD !important;
  text-align: left !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.lmh-products-header h1 {
  margin: 0 0 10px !important;
  color: #FFFFFF !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
  letter-spacing: -.055em !important;
}

.lmh-products-header > p:last-child {
  max-width: 720px !important;
  margin: 0 !important;
  color: rgba(247, 243, 255, .72) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.lmh-mobile-order-categories {
  display: none !important;
}

.lmh-hosting-plans {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
}

.lmh-hosting-plan {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 100% !important;
  padding: 28px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155, 130, 255, .16), transparent 42%),
    radial-gradient(circle at 0% 100%, rgba(35, 183, 173, .08), transparent 38%),
    linear-gradient(180deg, rgba(33, 26, 53, .98), rgba(13, 10, 24, .99)) !important;
  border: 1px solid rgba(155, 130, 255, .26) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .32) !important;
  color: #F7F3FF !important;
}

.lmh-hosting-plan::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, #23B7AD, #6D4CDB, #9B82FF) !important;
}

.lmh-hosting-plan__top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.lmh-hosting-plan__heading {
  min-width: 0 !important;
}

.lmh-hosting-plan__kicker {
  display: block !important;
  margin-bottom: 8px !important;
  color: #23B7AD !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.lmh-hosting-plan h2 {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 28px !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere !important;
}

.lmh-hosting-plan__stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(35, 183, 173, .12) !important;
  border: 1px solid rgba(35, 183, 173, .28) !important;
  color: #BFFFFB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.lmh-hosting-plan__description {
  margin-bottom: 20px !important;
  color: rgba(247, 243, 255, .74) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.lmh-hosting-plan__description p {
  margin: 0 !important;
  color: inherit !important;
}

.lmh-hosting-plan__features {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

.lmh-hosting-plan__features li {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(247, 243, 255, .84) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.lmh-hosting-plan__feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: rgba(35, 183, 173, .13) !important;
  border: 1px solid rgba(35, 183, 173, .24) !important;
  color: #23B7AD !important;
  font-size: 11px !important;
}

.lmh-hosting-plan__feature-text {
  min-width: 0 !important;
  padding-top: 4px !important;
  overflow-wrap: anywhere !important;
}

.lmh-hosting-plan__feature-text strong {
  margin-right: 4px !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

.lmh-hosting-plan__bottom {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: auto !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(155, 130, 255, .16) !important;
}

.lmh-hosting-plan__price {
  min-width: 0 !important;
}

.lmh-hosting-plan__from {
  display: block !important;
  margin-bottom: 5px !important;
  color: rgba(247, 243, 255, .60) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.lmh-hosting-plan__price-row {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.lmh-hosting-plan__price strong {
  color: #FFFFFF !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

.lmh-hosting-plan__cycle {
  padding-bottom: 3px !important;
  color: rgba(247, 243, 255, .66) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.lmh-hosting-plan__setup {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(247, 243, 255, .52) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.lmh-hosting-plan__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-height: 46px !important;
  padding: 12px 19px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6D4CDB, #9B82FF) !important;
  border: 1px solid rgba(155, 130, 255, .52) !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(109, 76, 219, .22) !important;
}

.lmh-hosting-plan__button:hover {
  color: #FFFFFF !important;
  filter: brightness(1.07) !important;
}

.lmh-hosting-empty {
  padding: 48px 24px !important;
  border-radius: 24px !important;
  background: rgba(33, 26, 53, .88) !important;
  border: 1px solid rgba(155, 130, 255, .24) !important;
  color: #F7F3FF !important;
  text-align: center !important;
}

.lmh-hosting-empty i {
  margin-bottom: 16px !important;
  color: #9B82FF !important;
  font-size: 34px !important;
}

.lmh-hosting-empty h2 {
  margin: 0 0 8px !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

.lmh-hosting-empty p {
  margin: 0 !important;
  color: rgba(247, 243, 255, .68) !important;
}

/* Tablet */
@media (max-width: 991.98px) {
  .lmh-order-layout {
    display: block !important;
    margin: 0 !important;
  }

  .lmh-order-sidebar {
    display: none !important;
  }

  .lmh-order-body {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .lmh-mobile-order-categories {
    display: block !important;
    margin-bottom: 22px !important;
  }

  .lmh-hosting-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  #order-standard_cart.lmh-order-products {
    width: 100% !important;
  }

  .lmh-products-header h1 {
    font-size: 34px !important;
  }

  .lmh-hosting-plans {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .lmh-hosting-plan {
    padding: 22px !important;
    border-radius: 21px !important;
  }

  .lmh-hosting-plan__top {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .lmh-hosting-plan__stock {
    width: fit-content !important;
  }

  .lmh-hosting-plan h2 {
    font-size: 26px !important;
  }

  .lmh-hosting-plan__bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .lmh-hosting-plan__button {
    width: 100% !important;
  }
}

/* Small mobile */
@media (max-width: 420px) {
  .lmh-hosting-plan {
    padding: 19px !important;
  }

  .lmh-products-header h1 {
    font-size: 30px !important;
  }

  .lmh-hosting-plan h2 {
    font-size: 24px !important;
  }

  .lmh-hosting-plan__price strong {
    font-size: 29px !important;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Register Page
========================================================= */

#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-checker-bg,
#order-standard_cart #DomainSearchResults,
#order-standard_cart .domain-pricing {
  display: block !important;
}

#order-standard_cart .domain-checker-container {
  margin: 24px 0 30px !important;
  padding: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155,130,255,.18), transparent 42%),
    linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.99)) !important;
  border: 1px solid rgba(155,130,255,.28) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.28) !important;
}

#order-standard_cart .domain-checker-bg {
  padding: 28px !important;
  background: transparent !important;
}

#order-standard_cart .domain-checker-bg .row {
  margin: 0 !important;
}

#order-standard_cart .domain-checker-bg [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#order-standard_cart .input-group-box {
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
  gap: 10px !important;
}

#order-standard_cart #inputDomain,
#order-standard_cart #message {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  background: rgba(8,6,17,.78) !important;
  border: 1px solid rgba(155,130,255,.38) !important;
  color: #F7F3FF !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}

#order-standard_cart #message {
  min-height: 130px !important;
  resize: vertical !important;
}

#order-standard_cart #btnCheckAvailability {
  flex: 0 0 auto !important;
  min-height: 52px !important;
  padding: 13px 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#6D4CDB,#9B82FF) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

#order-standard_cart .domain-pricing {
  margin-top: 28px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(155,130,255,.12), transparent 40%),
    linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.99)) !important;
  border: 1px solid rgba(155,130,255,.26) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.26) !important;
}

#order-standard_cart .domain-pricing > h4 {
  margin: 0 !important;
  padding: 22px 22px 10px !important;
  color: #FFFFFF !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

#order-standard_cart .tld-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 22px 20px !important;
}

#order-standard_cart .tld-filters .badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(155,130,255,.24) !important;
  color: #F7F3FF !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#order-standard_cart .tld-filters .badge:hover,
#order-standard_cart .tld-filters .badge.active {
  background: linear-gradient(135deg,#6D4CDB,#9B82FF) !important;
  border-color: #9B82FF !important;
  color: #FFFFFF !important;
}

#order-standard_cart .domain-pricing .bg-white {
  background: transparent !important;
}

#order-standard_cart .tld-pricing-header {
  margin: 0 !important;
  padding: 14px 0 !important;
  background: rgba(48,33,82,.96) !important;
  border-top: 1px solid rgba(155,130,255,.20) !important;
  border-bottom: 1px solid rgba(155,130,255,.20) !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

#order-standard_cart .tld-row {
  margin: 0 !important;
  min-height: 62px !important;
  align-items: center !important;
  background: rgba(255,255,255,.035) !important;
  border-bottom: 1px solid rgba(155,130,255,.13) !important;
  color: rgba(247,243,255,.86) !important;
}

#order-standard_cart .tld-row:nth-child(even) {
  background: rgba(255,255,255,.052) !important;
}

#order-standard_cart .tld-row:hover {
  background: rgba(109,76,219,.14) !important;
}

#order-standard_cart .tld-row > div,
#order-standard_cart .tld-row .row,
#order-standard_cart .tld-row [class*="col-"] {
  background: transparent !important;
  color: inherit !important;
}

#order-standard_cart .tld-row strong {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

#order-standard_cart .tld-row small {
  color: rgba(247,243,255,.58) !important;
}

#order-standard_cart .domain-promo-box {
  min-height: 230px !important;
  margin-top: 24px !important;
  padding: 24px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,183,173,.11), transparent 42%),
    linear-gradient(180deg, rgba(33,26,53,.98), rgba(13,10,24,.99)) !important;
  border: 1px solid rgba(155,130,255,.26) !important;
  color: #F7F3FF !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.24) !important;
}

#order-standard_cart .domain-promo-box h3 {
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

#order-standard_cart .domain-promo-box p {
  color: rgba(247,243,255,.72) !important;
}

#order-standard_cart .domain-promo-box > div > i {
  float: right !important;
  margin-left: 18px !important;
  color: rgba(155,130,255,.28) !important;
}

#order-standard_cart .domain-promo-box .btn {
  min-height: 44px !important;
  padding: 11px 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#6D4CDB,#9B82FF) !important;
  border: 0 !important;
  color: #FFFFFF !important;
  font-weight: 950 !important;
}

@media (max-width: 991.98px) {
  #order-standard_cart > .row {
    display: block !important;
    margin: 0 !important;
  }

  #order-standard_cart .cart-sidebar,
  #order-standard_cart .cart-body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  #order-standard_cart .cart-sidebar {
    display: none !important;
  }

  #order-standard_cart .sidebar-collapsed {
    display: block !important;
  }
}

@media (max-width: 767.98px) {
  #order-standard_cart .domain-checker-bg {
    padding: 18px !important;
  }

  #order-standard_cart .input-group-box {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #order-standard_cart #btnCheckAvailability {
    width: 100% !important;
  }

  #order-standard_cart .domain-pricing {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #order-standard_cart .domain-pricing .bg-white {
    min-width: 650px !important;
  }

  #order-standard_cart .domain-promo-box {
    min-height: 0 !important;
  }

  #order-standard_cart .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Register Final Visual Pass
========================================================= */

/* Give the main domain page more usable desktop width */
#order-standard_cart {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

#order-standard_cart > .row {
  align-items: flex-start !important;
}

#order-standard_cart .cart-sidebar {
  flex: 0 0 230px !important;
  max-width: 230px !important;
}

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

/* Header spacing */
#order-standard_cart .header-lined {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

#order-standard_cart .header-lined h1 {
  margin: 0 0 6px !important;
  color: #FFFFFF !important;
  font-size: 36px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

#order-standard_cart .cart-body > p {
  margin: 0 0 18px !important;
  color: rgba(247,243,255,.72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Domain AI checker shell */
#order-standard_cart .domain-checker-container {
  margin: 18px 0 24px !important;
  border-radius: 20px !important;
}

#order-standard_cart .domain-checker-bg {
  padding: 24px !important;
}

#order-standard_cart .domain-checker-bg .row {
  justify-content: center !important;
}

#order-standard_cart .domain-checker-bg .col-md-8,
#order-standard_cart .domain-checker-bg .offset-md-2,
#order-standard_cart .domain-checker-bg .col-10,
#order-standard_cart .domain-checker-bg .offset-1 {
  width: 100% !important;
  max-width: 760px !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove the white embedded look */
#order-standard_cart .input-group-box {
  width: 100% !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(8,6,17,.72) !important;
  border: 1px solid rgba(155,130,255,.24) !important;
}

#order-standard_cart #message {
  width: 100% !important;
  min-height: 110px !important;
  padding: 16px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(155,130,255,.28) !important;
  color: #F7F3FF !important;
  -webkit-text-fill-color: #F7F3FF !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#order-standard_cart #message::placeholder {
  color: rgba(247,243,255,.48) !important;
  -webkit-text-fill-color: rgba(247,243,255,.48) !important;
}

#order-standard_cart #btnCheckAvailability {
  align-self: flex-end !important;
  min-width: 118px !important;
  min-height: 44px !important;
  margin-top: 10px !important;
}

/* Multiselect controls */
#order-standard_cart .multiselect-native-select,
#order-standard_cart .btn-group,
#order-standard_cart .multiselect-container {
  max-width: 100% !important;
}

#order-standard_cart .multiselect {
  min-height: 38px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(155,130,255,.22) !important;
  color: #F7F3FF !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

/* Domain search headings */
#order-standard_cart .primary-domain-header {
  margin: 14px 0 0 !important;
  padding: 11px 14px !important;
  border-radius: 14px !important;
  background: rgba(33,26,53,.90) !important;
  border: 1px solid rgba(155,130,255,.22) !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

/* Remove green lines */
#order-standard_cart #primarySuggestionHeading,
#order-standard_cart #primaryExactHeading,
#order-standard_cart .domain-checker-result-headline,
#order-standard_cart #searchDomainInfo {
  border-color: rgba(155,130,255,.22) !important;
  border-top-color: rgba(155,130,255,.22) !important;
  border-bottom-color: rgba(155,130,255,.22) !important;
}

#order-standard_cart #searchDomainInfo {
  margin-top: 10px !important;
  padding: 18px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(155,130,255,.20) !important;
}

/* Searching message */
#order-standard_cart #primaryLookupSearching {
  margin: 0 !important;
  color: rgba(247,243,255,.82) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

/* Pricing card */
#order-standard_cart .domain-pricing {
  margin-top: 24px !important;
  border-radius: 20px !important;
}

#order-standard_cart .domain-pricing > h4 {
  padding: 18px 18px 8px !important;
  font-size: 18px !important;
}

/* Category pills */
#order-standard_cart .tld-filters {
  padding: 0 18px 18px !important;
}

#order-standard_cart .tld-filters .badge {
  min-height: 30px !important;
  padding: 7px 10px !important;
  font-size: 10px !important;
}

/* Fully dark table header */
#order-standard_cart .domain-pricing .bg-white,
#order-standard_cart .tld-pricing-header,
#order-standard_cart .tld-pricing-header > div,
#order-standard_cart .tld-pricing-header .row,
#order-standard_cart .tld-pricing-header [class*="col-"] {
  background: rgba(48,33,82,.96) !important;
  color: #FFFFFF !important;
}

#order-standard_cart .tld-pricing-header {
  min-height: 48px !important;
  align-items: center !important;
}

#order-standard_cart .tld-pricing-header [class*="col-"] {
  padding: 10px 8px !important;
  border-color: rgba(155,130,255,.18) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

/* Pricing rows */
#order-standard_cart .tld-row {
  min-height: 58px !important;
}

#order-standard_cart .tld-row > div,
#order-standard_cart .tld-row .row,
#order-standard_cart .tld-row [class*="col-"] {
  display: flex !important;
  align-items: center !important;
}

#order-standard_cart .tld-row [class*="col-"] {
  min-height: 58px !important;
  padding: 10px 12px !important;
  border-left: 1px solid rgba(155,130,255,.12) !important;
}

#order-standard_cart .tld-row .two-row-center {
  justify-content: flex-start !important;
  gap: 8px !important;
}

#order-standard_cart .tld-row strong {
  font-size: 14px !important;
}

#order-standard_cart .tld-row,
#order-standard_cart .tld-row small {
  font-size: 12px !important;
}

/* Promotional cards */
#order-standard_cart .domain-promo-box {
  min-height: 190px !important;
  padding: 22px !important;
  border-radius: 20px !important;
}

#order-standard_cart .domain-promo-box h3 {
  margin: 0 0 7px !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
}

#order-standard_cart .domain-promo-box p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#order-standard_cart .domain-promo-box .btn {
  margin-top: 8px !important;
}

#order-standard_cart .domain-promo-box > div > i {
  color: rgba(155,130,255,.38) !important;
}

/* Tablet */
@media (max-width: 991.98px) {
  #order-standard_cart .cart-sidebar {
    display: none !important;
  }

  #order-standard_cart .cart-body {
    width: 100% !important;
    max-width: 100% !important;
  }

  #order-standard_cart .domain-checker-bg .col-md-8,
  #order-standard_cart .domain-checker-bg .offset-md-2,
  #order-standard_cart .domain-checker-bg .col-10,
  #order-standard_cart .domain-checker-bg .offset-1 {
    max-width: 100% !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  #order-standard_cart .header-lined h1 {
    font-size: 30px !important;
  }

  #order-standard_cart .domain-checker-bg {
    padding: 16px !important;
  }

  #order-standard_cart .input-group-box {
    padding: 12px !important;
  }

  #order-standard_cart #message {
    min-height: 130px !important;
    font-size: 16px !important;
  }

  #order-standard_cart #btnCheckAvailability {
    width: 100% !important;
  }

  #order-standard_cart .domain-pricing {
    overflow-x: auto !important;
  }

  #order-standard_cart .domain-pricing .bg-white {
    min-width: 680px !important;
  }

  #order-standard_cart .domain-promo-box {
    min-height: 0 !important;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Register Final Layout Polish
========================================================= */

/* Wider overall order page */
#order-standard_cart {
  width: min(100% - 36px, 1320px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
}

/* Better desktop proportions */
#order-standard_cart > .row {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  align-items: start !important;
}

#order-standard_cart .cart-sidebar {
  width: 220px !important;
  max-width: 220px !important;
  min-width: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#order-standard_cart .cart-body {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Header */
#order-standard_cart .header-lined {
  margin: 0 0 8px !important;
}

#order-standard_cart .header-lined h1 {
  font-size: 38px !important;
  line-height: 1 !important;
}

/* Search card */
#order-standard_cart .domain-checker-container {
  margin-top: 20px !important;
}

#order-standard_cart .domain-checker-bg {
  padding: 24px !important;
}

#order-standard_cart .input-group-box {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 18px !important;
}

#order-standard_cart #message {
  min-height: 104px !important;
}

#order-standard_cart #btnCheckAvailability {
  margin-top: 8px !important;
}

/* Search result strips */
#order-standard_cart .primary-domain-header,
#order-standard_cart #searchDomainInfo {
  max-width: none !important;
  width: 100% !important;
}

#order-standard_cart .primary-domain-header {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
}

#order-standard_cart #searchDomainInfo {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Pricing section */
#order-standard_cart .domain-pricing {
  width: 100% !important;
}

#order-standard_cart .tld-pricing-header {
  display: grid !important;
  grid-template-columns: 32% 68% !important;
  min-height: 54px !important;
}

#order-standard_cart .tld-pricing-header > .col-md-4,
#order-standard_cart .tld-pricing-header > .col-md-8 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

#order-standard_cart .tld-pricing-header > .col-md-4 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-left: 20px !important;
}

#order-standard_cart .tld-pricing-header > .col-md-8 > .row {
  height: 100% !important;
}

#order-standard_cart .tld-pricing-header .col-4 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border-left: 1px solid rgba(155, 130, 255, .16) !important;
}

/* Pricing rows */
#order-standard_cart .tld-row {
  display: grid !important;
  grid-template-columns: 32% 68% !important;
  min-height: 68px !important;
}

#order-standard_cart .tld-row > .col-md-4,
#order-standard_cart .tld-row > .col-md-8 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

#order-standard_cart .tld-row > .col-md-4 {
  display: flex !important;
  align-items: center !important;
  padding: 14px 20px !important;
}

#order-standard_cart .tld-row > .col-md-8 > .row {
  height: 100% !important;
  margin: 0 !important;
}

#order-standard_cart .tld-row .col-4 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 68px !important;
  padding: 10px !important;
  border-left: 1px solid rgba(155, 130, 255, .14) !important;
  text-align: center !important;
}

#order-standard_cart .tld-row .col-4 br {
  display: block !important;
}

#order-standard_cart .tld-row .col-4 small {
  display: block !important;
  margin-top: 3px !important;
}

/* Promo cards equal height */
#order-standard_cart.lmh-order-domain-register .cart-body > .row:last-of-type {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 22px 0 0 !important;
}

#order-standard_cart.lmh-order-domain-register .cart-body > .row:last-of-type > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
}

#order-standard_cart .domain-promo-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  min-height: 210px !important;
  margin: 0 !important;
}

/* Tablet */
@media (max-width: 991.98px) {
  #order-standard_cart {
    width: calc(100% - 28px) !important;
  }

  #order-standard_cart > .row {
    display: block !important;
  }

  #order-standard_cart .cart-sidebar {
    display: none !important;
  }

  #order-standard_cart .cart-body {
    width: 100% !important;
  }

  #order-standard_cart.lmh-order-domain-register .cart-body > .row:last-of-type {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  #order-standard_cart {
    width: calc(100% - 18px) !important;
  }

  #order-standard_cart .header-lined h1 {
    font-size: 30px !important;
  }

  #order-standard_cart .domain-checker-bg {
    padding: 14px !important;
  }

  #order-standard_cart .input-group-box {
    padding: 12px !important;
  }

  #order-standard_cart .domain-pricing {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #order-standard_cart .domain-pricing .bg-white {
    min-width: 720px !important;
  }

  #order-standard_cart .tld-pricing-header,
  #order-standard_cart .tld-row {
    grid-template-columns: 220px 500px !important;
  }

  #order-standard_cart .domain-promo-box {
    min-height: 0 !important;
  }
}
/* =========================================================
   Little Moo Hosting - Domain Pricing Column Alignment Fix
========================================================= */

/* Main pricing header and rows */
#order-standard_cart .tld-pricing-header,
#order-standard_cart .tld-row {
  display: grid !important;
  grid-template-columns: minmax(150px, 32%) minmax(0, 68%) !important;
  width: 100% !important;
}

/* Reset Bootstrap widths for the two main sections */
#order-standard_cart .tld-pricing-header > .col-md-4,
#order-standard_cart .tld-row > .col-md-4 {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
}

#order-standard_cart .tld-pricing-header > .col-md-8,
#order-standard_cart .tld-row > .col-md-8 {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
}

/* Force the three price columns to span the full pricing section */
#order-standard_cart .tld-pricing-header > .col-md-8 > .row,
#order-standard_cart .tld-row > .col-md-8 > .row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/* Override Bootstrap col-4 widths */
#order-standard_cart .tld-pricing-header .col-4,
#order-standard_cart .tld-pricing-header .col-xs-4,
#order-standard_cart .tld-row .col-4,
#order-standard_cart .tld-row .col-xs-4 {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-left: 1px solid rgba(155, 130, 255, .16) !important;
}

/* Header cells */
#order-standard_cart .tld-pricing-header {
  min-height: 58px !important;
}

#order-standard_cart .tld-pricing-header > .col-md-4 {
  display: flex !important;
  align-items: center !important;
  padding: 0 20px !important;
}

#order-standard_cart .tld-pricing-header .col-4,
#order-standard_cart .tld-pricing-header .col-xs-4 {
  min-height: 58px !important;
  padding: 10px !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

/* Domain rows */
#order-standard_cart .tld-row {
  min-height: 82px !important;
}

#order-standard_cart .tld-row > .col-md-4 {
  display: flex !important;
  align-items: center !important;
  padding: 16px 20px !important;
  border-right: 1px solid rgba(155, 130, 255, .16) !important;
}

#order-standard_cart .tld-row .col-4,
#order-standard_cart .tld-row .col-xs-4 {
  min-height: 82px !important;
  padding: 12px 8px !important;
  flex-direction: column !important;
}

#order-standard_cart .tld-row .col-4 small,
#order-standard_cart .tld-row .col-xs-4 small {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(247, 243, 255, .60) !important;
}

/* Prevent old generic rules affecting inner pricing rows */
#order-standard_cart .tld-row > .col-md-8,
#order-standard_cart .tld-row > .col-md-8 > .row,
#order-standard_cart .tld-row > .col-md-8 > .row > div {
  background: transparent !important;
}

/* Mobile: preserve a correctly aligned scrollable table */
@media (max-width: 767.98px) {
  #order-standard_cart .domain-pricing .bg-white {
    width: 720px !important;
    min-width: 720px !important;
  }

  #order-standard_cart .tld-pricing-header,
  #order-standard_cart .tld-row {
    grid-template-columns: 220px 500px !important;
  }
}
/* Little Moo Hosting - Review Checkout Layout Fix */
#order-standard_cart.lmh-order-checkout .cart-body {
  max-width: 1180px !important;
  width: 100% !important;
}

#order-standard_cart.lmh-order-checkout .view-cart-tabs,
#order-standard_cart.lmh-order-checkout .cart-sidebar,
#order-standard_cart.lmh-order-checkout .cart-body {
  float: none !important;
}

#order-standard_cart.lmh-order-checkout .view-cart-items,
#order-standard_cart.lmh-order-checkout .promo-code-cart-container {
  width: 100% !important;
  max-width: 620px !important;
}

#order-standard_cart.lmh-order-checkout .order-summary {
  width: 320px !important;
  min-width: 320px !important;
}

#order-standard_cart.lmh-order-checkout .cart-body > .row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
}

#order-standard_cart.lmh-order-checkout .cart-body > .row > .col-md-8 {
  flex: 1 1 auto !important;
  max-width: 720px !important;
}

#order-standard_cart.lmh-order-checkout .cart-body > .row > .col-md-4 {
  flex: 0 0 340px !important;
  max-width: 340px !important;
}

@media (max-width: 900px) {
  #order-standard_cart.lmh-order-checkout .cart-body > .row {
    display: block !important;
  }

  #order-standard_cart.lmh-order-checkout .cart-body > .row > .col-md-8,
  #order-standard_cart.lmh-order-checkout .cart-body > .row > .col-md-4,
  #order-standard_cart.lmh-order-checkout .view-cart-items,
  #order-standard_cart.lmh-order-checkout .promo-code-cart-container,
  #order-standard_cart.lmh-order-checkout .order-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}
/* Review Checkout balanced layout */
#order-standard_cart.lmh-order-checkout .cart-body {
  max-width: 960px !important;
  margin: 0 auto !important;
}

#order-standard_cart.lmh-order-checkout .cart-body > .row {
  display: grid !important;
  grid-template-columns: 1fr 300px !important;
  gap: 34px !important;
  align-items: start !important;
}
/* Checkout page final alignment */
#order-standard_cart.lmh-order-checkout > .row {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  gap: 28px !important;
}

#order-standard_cart.lmh-order-checkout .cart-sidebar {
  width: 220px !important;
  max-width: 220px !important;
}

#order-standard_cart.lmh-order-checkout .cart-body {
  max-width: 900px !important;
  width: 900px !important;
  margin: 0 !important;
}

#order-standard_cart.lmh-order-checkout .cart-body > .row {
  display: grid !important;
  grid-template-columns: 1fr 320px !important;
  gap: 38px !important;
}

#order-standard_cart.lmh-order-checkout .order-summary {
  width: 320px !important;
  min-width: 320px !important;
}

@media (max-width: 900px) {
  #order-standard_cart.lmh-order-checkout > .row,
  #order-standard_cart.lmh-order-checkout .cart-body > .row {
    display: block !important;
  }

  #order-standard_cart.lmh-order-checkout .cart-sidebar,
  #order-standard_cart.lmh-order-checkout .cart-body,
  #order-standard_cart.lmh-order-checkout .order-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}
#order-standard_cart .lmh-main-cart-layout {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: flex !important;
  gap: 28px !important;
  align-items: flex-start !important;
}

#order-standard_cart .lmh-review-cart-layout {
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
  margin: 0 !important;
}

#order-standard_cart .secondary-cart-body {
  flex: 1 1 620px !important;
  max-width: 620px !important;
}

#order-standard_cart .secondary-cart-sidebar {
  flex: 0 0 320px !important;
  max-width: 320px !important;
}

#order-standard_cart .order-summary {
  width: 320px !important;
  max-width: 320px !important;
}

@media (max-width: 900px) {
  #order-standard_cart .lmh-main-cart-layout,
  #order-standard_cart .lmh-review-cart-layout {
    display: block !important;
  }

  #order-standard_cart .secondary-cart-body,
  #order-standard_cart .secondary-cart-sidebar,
  #order-standard_cart .order-summary {
    max-width: 100% !important;
    width: 100% !important;
  }
}
#order-standard_cart .lmh-domain-cart-body {
  max-width: 900px !important;
  width: 900px !important;
}

#order-standard_cart .lmh-domain-selection-options .option {
  width: 100% !important;
}

#order-standard_cart .lmh-domain-input-row {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
}

#order-standard_cart .lmh-domain-input-row > [class*="col-"] {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#order-standard_cart .lmh-domain-input-row > .col-sm-4,
#order-standard_cart .lmh-domain-input-row > .col-md-4 {
  flex: 0 0 150px !important;
  max-width: 150px !important;
}

@media (max-width: 900px) {
  #order-standard_cart .lmh-domain-cart-body {
    max-width: 100% !important;
    width: 100% !important;
  }

  #order-standard_cart .lmh-domain-input-row {
    display: block !important;
  }

  #order-standard_cart .lmh-domain-input-row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
  }
}
#order-standard_cart .domain-selection-options .option {
  background: rgba(25, 18, 42, 0.92) !important;
  border: 1px solid rgba(155, 130, 255, 0.35) !important;
  border-radius: 16px !important;
  margin-bottom: 10px !important;
  padding: 14px 16px !important;
  color: #ffffff !important;
}

#order-standard_cart .domain-selection-options .option label {
  color: #ffffff !important;
}

#order-standard_cart .domain-input-group {
  background: transparent !important;
  padding-top: 12px !important;
}

#order-standard_cart .domain-selection-options .form-control,
#order-standard_cart .domain-selection-options .input-group-text {
  background: #0c0715 !important;
  color: #ffffff !important;
  border: 1px solid rgba(155, 130, 255, 0.55) !important;
}
/* MarketConnect SSL addon dark fix */
#order-standard_cart #productAddonsContainer .panel,
#order-standard_cart #productAddonsContainer .panel-body,
#order-standard_cart #productAddonsContainer .card,
#order-standard_cart #productAddonsContainer .card-body {
  background: #140d22 !important;
  color: #ffffff !important;
}

#order-standard_cart #productAddonsContainer h1,
#order-standard_cart #productAddonsContainer h2,
#order-standard_cart #productAddonsContainer h3,
#order-standard_cart #productAddonsContainer p,
#order-standard_cart #productAddonsContainer span,
#order-standard_cart #productAddonsContainer label,
#order-standard_cart #productAddonsContainer div {
  color: #ffffff !important;
}

#order-standard_cart #productAddonsContainer a {
  color: #9B82FF !important;
}
/* MarketConnect SSL addon panel fix */
#order-standard_cart #productAddonsContainer .mc-promo,
#order-standard_cart #productAddonsContainer .marketconnect-promo,
#order-standard_cart #productAddonsContainer .weebly-lite-plan,
#order-standard_cart #productAddonsContainer .panel,
#order-standard_cart #productAddonsContainer .card {
  background: #140d22 !important;
  border: 1px solid rgba(155,130,255,.35) !important;
  color: #fff !important;
}

#order-standard_cart #productAddonsContainer .mc-promo *,
#order-standard_cart #productAddonsContainer .marketconnect-promo *,
#order-standard_cart #productAddonsContainer .panel *,
#order-standard_cart #productAddonsContainer .card * {
  color: #fff !important;
}

#order-standard_cart #productAddonsContainer a {
  color: #9B82FF !important;
}
/* MarketConnect SSL white panel fix */
#order-standard_cart .addon-promo-container.bg-white {
  background: #140d22 !important;
  border: 1px solid rgba(155,130,255,.35) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
}

#order-standard_cart .addon-promo-container.bg-white .description,
#order-standard_cart .addon-promo-container.bg-white .description h3,
#order-standard_cart .addon-promo-container.bg-white .description p,
#order-standard_cart .addon-promo-container.bg-white label,
#order-standard_cart .addon-promo-container.bg-white span {
  color: #ffffff !important;
}

#order-standard_cart .addon-promo-container.bg-white a {
  color: #9B82FF !important;
}
/* Cart recommended addon dark fix */
#order-standard_cart .mc-promo.viewcart,
#order-standard_cart .mc-promo.viewcart .header,
#order-standard_cart .mc-promo.viewcart .body,
#order-standard_cart .mc-promo.viewcart .content,
#order-standard_cart .mc-promo.viewcart .cta {
  background: #140d22 !important;
  color: #ffffff !important;
  border-color: rgba(155,130,255,.35) !important;
}

#order-standard_cart .mc-promo.viewcart *,
#order-standard_cart .mc-promo.viewcart h3,
#order-standard_cart .mc-promo.viewcart p,
#order-standard_cart .mc-promo.viewcart span,
#order-standard_cart .mc-promo.viewcart li {
  color: #ffffff !important;
}

#order-standard_cart .mc-promo.viewcart .btn,
#order-standard_cart .mc-promo.viewcart button {
  background: #8B5CF6 !important;
  color: #ffffff !important;
  border: 0 !important;
}
/* View cart MarketConnect recommendation fix */
#order-standard_cart .mc-promo.viewcart,
#order-standard_cart .mc-promo.viewcart > div,
#order-standard_cart .mc-promo.viewcart .header,
#order-standard_cart .mc-promo.viewcart .content,
#order-standard_cart .mc-promo.viewcart .body,
#order-standard_cart .mc-promo.viewcart .cta {
  background: #140d22 !important;
  color: #ffffff !important;
  border-color: rgba(155,130,255,.35) !important;
}

#order-standard_cart .mc-promo.viewcart .content * {
  color: #ffffff !important;
}

#order-standard_cart .mc-promo.viewcart .btn,
#order-standard_cart .mc-promo.viewcart button,
#order-standard_cart .mc-promo.viewcart .cta {
  background: #8B5CF6 !important;
  color: #ffffff !important;
}
/* MarketConnect cart recommendation - keep but darken */
#order-standard_cart #promo_rapidssl_rapidssl,
#order-standard_cart #promo_rapidssl_rapidssl .header,
#order-standard_cart #promo_rapidssl_rapidssl .content,
#order-standard_cart #promo_rapidssl_rapidssl .body {
  background: #140d22 !important;
  background-color: #140d22 !important;
  color: #ffffff !important;
  border-color: rgba(155,130,255,.35) !important;
}

#order-standard_cart #promo_rapidssl_rapidssl *,
#order-standard_cart #promo_rapidssl_rapidssl .content *,
#order-standard_cart #promo_rapidssl_rapidssl .body * {
  color: #ffffff !important;
  opacity: 1 !important;
}

#order-standard_cart #promo_rapidssl_rapidssl .cta,
#order-standard_cart #promo_rapidssl_rapidssl button,
#order-standard_cart #promo_rapidssl_rapidssl .btn {
  background: #8b5cf6 !important;
  background-color: #8b5cf6 !important;
  color: #ffffff !important;
  border: 0 !important;
}
/* =========================================================
   LITTLE MOO HOSTING — PROMOTIONAL CAROUSEL
   Keep visible and match the portal colour scheme
   ========================================================= */

.promo-container {
    overflow: hidden;
    margin: 0 0 1.5rem !important;
    padding: 0 !important;

    border: 1px solid rgba(155, 130, 255, 0.28) !important;
    border-radius: 22px !important;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(109, 76, 219, 0.22),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #171326 0%,
            #0d0a18 100%
        ) !important;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Promo heading bar */
.promo-container > .header {
    min-height: auto !important;
    padding: 1rem 1.25rem !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;

    background:
        linear-gradient(
            90deg,
            rgba(109, 76, 219, 0.14),
            rgba(155, 130, 255, 0.04)
        ) !important;

    color: #ffffff !important;
}

/* Heading text */
.promo-container > .header,
.promo-container > .header h1,
.promo-container > .header h2,
.promo-container > .header h3,
.promo-container > .header h4,
.promo-container > .header span,
.promo-container > .header p {
    color: #ffffff !important;
}

.promo-container > .header h2,
.promo-container > .header h3,
.promo-container > .header h4 {
    margin: 0 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* Remove the red default WHMCS divider */
.promo-container > .header::after,
.promo-container .header::after {
    display: none !important;
}

/* Carousel body */
.promo-container .carousel,
.promo-container .carousel-inner,
.promo-container .carousel-item,
.promo-container .carousel-item.active {
    background: transparent !important;
}

/* Inner spacing around each promotion */
.promo-container .carousel-item {
    padding: 0.9rem !important;
}

/* Promo artwork/card */
.promo-container .carousel-item > div,
.promo-container .carousel-item .promo-banner,
.promo-container .carousel-item .promo {
    border-radius: 16px !important;
}

/* Navigation arrows */
.promo-container .carousel-control-prev,
.promo-container .carousel-control-next {
    width: 44px !important;
    opacity: 1 !important;
}

.promo-container .carousel-control-prev-icon,
.promo-container .carousel-control-next-icon {
    width: 34px !important;
    height: 34px !important;

    border: 1px solid rgba(155, 130, 255, 0.34) !important;
    border-radius: 12px !important;

    background-color: rgba(109, 76, 219, 0.18) !important;
    background-size: 45% !important;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
}

/* Links inside promotional content */
.promo-container a {
    color: #9b82ff !important;
}

.promo-container a:hover,
.promo-container a:focus {
    color: #c2b4ff !important;
}

/* Buttons inside promotional content */
.promo-container .btn,
.promo-container button,
.promo-container input[type="submit"] {
    border: 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            #6d4cdb,
            #9b82ff
        ) !important;

    color: #ffffff !important;
    font-weight: 700 !important;

    box-shadow: 0 12px 28px rgba(109, 76, 219, 0.28) !important;
}

.promo-container .btn:hover,
.promo-container button:hover,
.promo-container input[type="submit"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.07);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {
    .promo-container {
        margin-bottom: 1.1rem !important;
        border-radius: 18px !important;
    }

    .promo-container > .header {
        padding: 0.9rem 1rem !important;
    }

    .promo-container .carousel-item {
        padding: 0.75rem !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575.98px) {
    .promo-container {
        width: 100% !important;
        margin: 0 0 1rem !important;
        border-radius: 16px !important;
    }

    .promo-container > .header {
        padding: 0.8rem 0.9rem !important;
    }

    .promo-container > .header h2,
    .promo-container > .header h3,
    .promo-container > .header h4 {
        font-size: 1rem !important;
        line-height: 1.25 !important;
    }

    .promo-container .carousel-item {
        padding: 0.55rem !important;
    }

    .promo-container .carousel-control-prev,
    .promo-container .carousel-control-next {
        width: 38px !important;
    }

    .promo-container .carousel-control-prev-icon,
    .promo-container .carousel-control-next-icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 10px !important;
    }

    .promo-container img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
}
/* =========================================================
   LITTLE MOO HOSTING — MARKETCONNECT ORDER FORM OVERRIDES
   SiteLock, RapidSSL, 360 Monitoring and similar products
   ========================================================= */

/* Product order container */
.lmh-primary-content .store-order-container {
    color: #ffffff;
}

/* Product headings */
.lmh-primary-content .store-order-container h1,
.lmh-primary-content .store-order-container h2,
.lmh-primary-content .store-order-container h3,
.lmh-primary-content .store-order-container h4 {
    color: #ffffff;
}

/* Product descriptions */
.lmh-primary-content .store-order-container p {
    color: #d1cddd;
}

/* Payment term dropdown */
.lmh-primary-content .store-order-container select.form-control,
.lmh-primary-content .store-order-container .form-control {
    background: #1b1927 !important;
    color: #ffffff !important;
    border: 1px solid rgba(155, 130, 255, 0.45) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.lmh-primary-content .store-order-container select.form-control:focus,
.lmh-primary-content .store-order-container .form-control:focus {
    border-color: #9b82ff !important;
    box-shadow: 0 0 0 3px rgba(155, 130, 255, 0.14) !important;
}

/* Domain tabs wrapper */
.lmh-primary-content .store-order-container .store-domain-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Each domain tab */
.lmh-primary-content .store-order-container .store-domain-tabs > li {
    margin: 0 !important;
    border: 0 !important;
}

/* Domain tab links */
.lmh-primary-content .store-order-container .store-domain-tabs > li > a {
    display: block;
    background: #181623 !important;
    color: #c8c3d5 !important;
    border: 1px solid rgba(155, 130, 255, 0.35) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 15px 24px !important;
    text-decoration: none !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

/* Hovered tab */
.lmh-primary-content .store-order-container .store-domain-tabs > li > a:hover {
    background: rgba(109, 76, 219, 0.18) !important;
    color: #ffffff !important;
    border-color: #9b82ff !important;
}

/* Active tab */
.lmh-primary-content .store-order-container .store-domain-tabs > li.active > a,
.lmh-primary-content .store-order-container .store-domain-tabs > li.active > a:hover,
.lmh-primary-content .store-order-container .store-domain-tabs > li.active > a:focus {
    background: linear-gradient(
        135deg,
        #6d4cdb,
        #8d70ef
    ) !important;
    color: #ffffff !important;
    border-color: #9b82ff !important;
}

/* Connector below tabs */
.lmh-primary-content
.store-order-container
.responsive-tabs-sm-connector.store {
    background: transparent !important;
    border: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Main domain input panel — removes white box */
.lmh-primary-content
.store-order-container
.store-domain-tab-content {
    background: linear-gradient(
        135deg,
        rgba(31, 29, 48, 0.98),
        rgba(20, 18, 33, 0.98)
    ) !important;
    color: #ffffff !important;
    border: 1px solid rgba(155, 130, 255, 0.38) !important;
    border-radius: 0 12px 12px 12px !important;
    padding: 20px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2) !important;
}

/* Domain text field */
.lmh-primary-content
.store-order-container
.store-domain-tab-content input[type="text"],
.lmh-primary-content
.store-order-container
.store-domain-tab-content input[type="search"],
.lmh-primary-content
.store-order-container
.store-domain-tab-content .form-control {
    background: #0f0d19 !important;
    color: #ffffff !important;
    border: 1px solid rgba(155, 130, 255, 0.48) !important;
    border-radius: 10px !important;
    min-height: 44px;
    box-shadow: none !important;
}

/* Placeholder text */
.lmh-primary-content
.store-order-container
.store-domain-tab-content input::placeholder {
    color: #777184 !important;
    opacity: 1;
}

/* Focus state */
.lmh-primary-content
.store-order-container
.store-domain-tab-content input:focus {
    border-color: #9b82ff !important;
    box-shadow: 0 0 0 3px rgba(155, 130, 255, 0.14) !important;
}

/* Eligible message */
.lmh-primary-content
.store-order-container
.store-domain-tab-content .text-success {
    color: #79dfad !important;
    font-weight: 600;
}

/* Back and continue-shopping buttons */
.lmh-primary-content .store-order-container .btn-default,
.lmh-primary-content .store-order-container .btn-secondary {
    background: rgba(255, 255, 255, 0.025) !important;
    color: #ffffff !important;
    border: 1px solid rgba(155, 130, 255, 0.4) !important;
    border-radius: 999px !important;
    font-weight: 700;
    padding: 11px 25px !important;
}

.lmh-primary-content .store-order-container .btn-default:hover,
.lmh-primary-content .store-order-container .btn-secondary:hover {
    background: rgba(155, 130, 255, 0.12) !important;
    border-color: #9b82ff !important;
    color: #ffffff !important;
}

/* Checkout and primary buttons */
.lmh-primary-content .store-order-container .btn-primary,
.lmh-primary-content .store-order-container .btn-success {
    background: linear-gradient(
        135deg,
        #6d4cdb,
        #9b82ff
    ) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-weight: 750;
    padding: 12px 26px !important;
    box-shadow: 0 10px 24px rgba(109, 76, 219, 0.3);
}

.lmh-primary-content .store-order-container .btn-primary:hover,
.lmh-primary-content .store-order-container .btn-success:hover {
    background: linear-gradient(
        135deg,
        #7a5ae4,
        #aa94ff
    ) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* MarketConnect upgrade card */
.lmh-primary-content .store-order-container + .card,
.lmh-primary-content .store-order-container ~ .card,
.lmh-primary-content .card.mt-5 {
    background: linear-gradient(
        135deg,
        rgba(32, 40, 64, 0.98),
        rgba(28, 21, 47, 0.98)
    ) !important;
    color: #ffffff !important;
    border: 1px solid rgba(155, 130, 255, 0.4) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.24) !important;
}

/* Text inside upgrade card */
.lmh-primary-content .card.mt-5 h1,
.lmh-primary-content .card.mt-5 h2,
.lmh-primary-content .card.mt-5 h3,
.lmh-primary-content .card.mt-5 h4,
.lmh-primary-content .card.mt-5 p,
.lmh-primary-content .card.mt-5 li {
    color: #ffffff !important;
}

/* Upgrade card primary button */
.lmh-primary-content .card.mt-5 .btn {
    background: linear-gradient(
        135deg,
        #6d4cdb,
        #9b82ff
    ) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-weight: 750;
}

/* Prevent product images becoming oversized */
.lmh-primary-content .card.mt-5 img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   MOBILE MARKETCONNECT LAYOUT
   ========================================================= */

@media (max-width: 767.98px) {

    .lmh-primary-content .store-order-container {
        width: 100%;
    }

    /* Stack payment term below product description */
    .lmh-primary-content .store-order-container > form > .row {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* Stack domain tabs */
    .lmh-primary-content
    .store-order-container
    .store-domain-tabs {
        display: flex !important;
        flex-direction: column;
        gap: 6px;
    }

    .lmh-primary-content
    .store-order-container
    .store-domain-tabs > li {
        width: 100% !important;
    }

    .lmh-primary-content
    .store-order-container
    .store-domain-tabs > li > a {
        width: 100% !important;
        border-radius: 8px !important;
        padding: 12px 16px !important;
    }

    .lmh-primary-content
    .store-order-container
    .store-domain-tab-content {
        border-radius: 10px !important;
        padding: 14px !important;
    }

    /* Keep action buttons readable */
    .lmh-primary-content .store-order-container .btn {
        min-height: 44px;
        white-space: normal;
    }

    /* Upgrade panel */
    .lmh-primary-content .card.mt-5 {
        padding: 20px 16px !important;
        text-align: center;
    }
}
.lmh-order-layout {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: 32px;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 24px;
}

.lmh-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    min-width: 0;
}

.lmh-product-card {
    width: 100%;
    min-width: 0;
}

/* Authenticated list reflow: retain DataTables contracts while preventing the
 * legacy 520-620px table minimum from escaping tablet and phone viewports. */
@media (max-width: 1024px) {
  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) :where(tbody, tr, td) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) tbody {
    display: grid !important;
    gap: 12px !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) tbody tr {
    display: grid !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(155, 130, 255, .22) !important;
    border-radius: 14px !important;
    background: rgba(24, 17, 40, .92) !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) tbody td {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-top: 1px solid rgba(155, 130, 255, .12) !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
    text-align: left !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) tbody td:first-child {
    border-top: 0 !important;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) tbody td[data-label]::before {
    content: attr(data-label);
    color: rgba(202, 191, 223, .88);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  body.lmh-client-shell :where(.lmh-domains-table, .lmh-invoices-table, .lmh-ticket-table) tbody td[colspan]::before {
    content: none;
  }

  body.lmh-client-shell :where(.lmh-domain-row-action, .lmh-invoice-action, .lmh-ticket-row-action) :where(.btn, .lmh-btn) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    white-space: normal !important;
  }

  body.lmh-client-shell :where(.lmh-domain-name, .lmh-ticket-subject, .lmh-ticket-subject-link) {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  body.lmh-client-shell[data-templatefile="viewticket"] #inputMessage.markdown-editor {
    font-size: 16px !important;
  }

  body.lmh-client-shell[data-templatefile="supportticketsubmit-steptwo"] #inputMessage.markdown-editor {
    font-size: 16px !important;
  }
}

@media (max-width: 430px) {
  body.lmh-client-shell[data-templatefile^="serverstatus"] .lmh-server-status-table tbody td,
  body.lmh-public-page .lmh-server-status-table tbody td {
    grid-template-columns: minmax(0, 104px) minmax(0, 1fr) !important;
  }

  body.lmh-client-shell[data-templatefile^="serverstatus"] .lmh-server-phpinfo-cell,
  body.lmh-public-page .lmh-server-phpinfo-cell {
    align-items: start !important;
  }

  body.lmh-client-shell[data-templatefile^="serverstatus"] .lmh-server-phpinfo-link,
  body.lmh-public-page .lmh-server-phpinfo-link {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 575px) {
  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart,
  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .row,
  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart [class*="col-"] {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .domain-checker-container,
  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .domain-checker-bg,
  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .input-group,
  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .input-group-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .spotlight-tlds-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart :is(input, select, textarea, button, .btn) {
    max-width: 100% !important;
  }

  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.lmh-client-shell[data-templatefile="domainregister"] #order-standard_cart [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 430px) {
  body.lmh-client-shell[data-templatefile^="serverstatus"] .lmh-server-status-table tbody td,
  body.lmh-public-page .lmh-server-status-table tbody td {
    grid-template-columns: minmax(0, 84px) minmax(0, 1fr) !important;
  }

  body.lmh-client-shell[data-templatefile^="serverstatus"] .lmh-server-phpinfo-cell,
  body.lmh-public-page .lmh-server-phpinfo-cell {
    justify-items: start !important;
    text-align: left !important;
  }

  body.lmh-client-shell[data-templatefile^="serverstatus"] .lmh-server-phpinfo-link,
  body.lmh-public-page .lmh-server-phpinfo-link {
    display: block !important;
    align-items: center;
    justify-content: flex-start;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}