body.plugin-orderclient-config-index{
  background:#0b1220 !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-config-index .header,
body.plugin-orderclient-config-index .nav-content,
body.plugin-orderclient-config-index .title{
  background:#111827 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-config-index .title{
  background:transparent !important;
  padding:14px 0 8px !important;
}

body.plugin-orderclient-config-index .title .card,
body.plugin-orderclient-config-index .title .container > .card,
body.plugin-orderclient-config-index .title .container-md > .card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-config-index .title h1,
body.plugin-orderclient-config-index .title h2,
body.plugin-orderclient-config-index .title h3{
  color:#f8fafc !important;
  font-weight:800 !important;
}

body.plugin-orderclient-config-index p,
body.plugin-orderclient-config-index small,
body.plugin-orderclient-config-index label,
body.plugin-orderclient-config-index .text-muted{
  color:#9fb0c3 !important;
}

body.plugin-orderclient-config-index .card,
body.plugin-orderclient-config-index .package,
body.plugin-orderclient-config-index .package-info,
body.plugin-orderclient-config-index .config-options,
body.plugin-orderclient-config-index .order-summary,
body.plugin-orderclient-config-index .summary,
body.plugin-orderclient-config-index .sidebar{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-config-index .card-header,
body.plugin-orderclient-config-index .package-header,
body.plugin-orderclient-config-index .summary-header{
  background:#162132 !important;
  border-bottom:1px solid #243041 !important;
  color:#ffffff !important;
}

body.plugin-orderclient-config-index .form-group,
body.plugin-orderclient-config-index .option,
body.plugin-orderclient-config-index .configurable-option{
  color:#dbe4ee !important;
}

body.plugin-orderclient-config-index input[type="text"],
body.plugin-orderclient-config-index input[type="email"],
body.plugin-orderclient-config-index input[type="number"],
body.plugin-orderclient-config-index input[type="password"],
body.plugin-orderclient-config-index textarea,
body.plugin-orderclient-config-index select,
body.plugin-orderclient-config-index .form-control,
body.plugin-orderclient-config-index .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-config-index input[type="text"]:focus,
body.plugin-orderclient-config-index input[type="email"]:focus,
body.plugin-orderclient-config-index input[type="number"]:focus,
body.plugin-orderclient-config-index input[type="password"]:focus,
body.plugin-orderclient-config-index textarea:focus,
body.plugin-orderclient-config-index select:focus,
body.plugin-orderclient-config-index .form-control:focus,
body.plugin-orderclient-config-index .custom-select:focus{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border-color:#3b82f6 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-config-index .list-group-item,
body.plugin-orderclient-config-index .option-row,
body.plugin-orderclient-config-index .config-option,
body.plugin-orderclient-config-index .configurable-option label{
  background:transparent !important;
  color:#dbe4ee !important;
  border-color:rgba(255,255,255,.05) !important;
}

body.plugin-orderclient-config-index table,
body.plugin-orderclient-config-index .table{
  color:#e5edf7 !important;
  background:transparent !important;
}

body.plugin-orderclient-config-index .table td,
body.plugin-orderclient-config-index .table th{
  border-color:rgba(255,255,255,.06) !important;
}

body.plugin-orderclient-config-index .price,
body.plugin-orderclient-config-index .amount,
body.plugin-orderclient-config-index .total,
body.plugin-orderclient-config-index [class*="price"]{
  color:#f8fafc !important;
  font-weight:700 !important;
}

body.plugin-orderclient-config-index .btn,
body.plugin-orderclient-config-index button,
body.plugin-orderclient-config-index input[type="submit"]{
  min-height:48px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-config-index .btn-primary,
body.plugin-orderclient-config-index button.btn-primary,
body.plugin-orderclient-config-index input.btn-primary,
body.plugin-orderclient-config-index .continue,
body.plugin-orderclient-config-index .checkout{
  background:#2563eb !important;
  color:#fff !important;
}

body.plugin-orderclient-config-index .btn-success,
body.plugin-orderclient-config-index .selected{
  background:#22c55e !important;
  color:#fff !important;
}

body.plugin-orderclient-config-index .btn-secondary,
body.plugin-orderclient-config-index .btn-light{
  background:#1f2937 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
}

body.plugin-orderclient-config-index .badge,
body.plugin-orderclient-config-index .alert,
body.plugin-orderclient-config-index .notice{
  border-radius:12px !important;
}

body.plugin-orderclient-config-index .badge{
  background:#22c55e !important;
  color:#fff !important;
  border:0 !important;
}

body.plugin-orderclient-config-index a{
  color:#93c5fd !important;
}

/* --- MK3Node config polish pass --- */

body.plugin-orderclient-config-index .header{
  background:#0f1724 !important;
}

body.plugin-orderclient-config-index .nav-content{
  background:#1f2937 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}

body.plugin-orderclient-config-index .nav-content a{
  color:#e5edf7 !important;
  font-weight:600 !important;
}

body.plugin-orderclient-config-index .title{
  padding-top:22px !important;
  padding-bottom:10px !important;
}

body.plugin-orderclient-config-index h1,
body.plugin-orderclient-config-index h2,
body.plugin-orderclient-config-index h3{
  letter-spacing:-0.02em !important;
}

body.plugin-orderclient-config-index .card,
body.plugin-orderclient-config-index .order-summary,
body.plugin-orderclient-config-index .summary{
  padding:6px 0 !important;
}

body.plugin-orderclient-config-index input[type="text"],
body.plugin-orderclient-config-index textarea,
body.plugin-orderclient-config-index select,
body.plugin-orderclient-config-index .form-control,
body.plugin-orderclient-config-index .custom-select{
  min-height:46px !important;
}

body.plugin-orderclient-config-index .btn{
  min-height:46px !important;
}

body.plugin-orderclient-config-index .btn-secondary,
body.plugin-orderclient-config-index .btn-light{
  background:#243041 !important;
}

body.plugin-orderclient-config-index .btn-secondary:hover,
body.plugin-orderclient-config-index .btn-light:hover{
  background:#2d3b4d !important;
}

body.plugin-orderclient-config-index .btn-primary:hover,
body.plugin-orderclient-config-index .continue:hover,
body.plugin-orderclient-config-index .checkout:hover{
  background:#1d4ed8 !important;
}

body.plugin-orderclient-config-index .btn-success:hover,
body.plugin-orderclient-config-index .selected:hover{
  background:#16a34a !important;
}

body.plugin-orderclient-config-index .fa-question-circle,
body.plugin-orderclient-config-index .fa-info-circle,
body.plugin-orderclient-config-index [class*="help"]{
  color:#22d3ee !important;
}


/* ================================
   MK3Node package selection page
   body.plugin-orderclient-main-packages
   ================================ */

body.plugin-orderclient-main-packages{
  background:#0b1220 !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-main-packages .header{
  background:#0f1724 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .nav-content{
  background:#1f2937 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .nav-content a{
  color:#e5edf7 !important;
  font-weight:600 !important;
}

body.plugin-orderclient-main-packages .title{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:10px 0 6px !important;
}

body.plugin-orderclient-main-packages .title .card,
body.plugin-orderclient-main-packages .title [class*="card"],
body.plugin-orderclient-main-packages .title .container > div,
body.plugin-orderclient-main-packages .title .container-md > div{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

body.plugin-orderclient-main-packages .title h1,
body.plugin-orderclient-main-packages .title h2{
  font-size:30px !important;
  line-height:1.15 !important;
  margin:0 0 8px !important;
  color:#f8fafc !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
}

body.plugin-orderclient-main-packages .title p,
body.plugin-orderclient-main-packages .title .lead,
body.plugin-orderclient-main-packages .title small,
body.plugin-orderclient-main-packages p,
body.plugin-orderclient-main-packages small,
body.plugin-orderclient-main-packages label,
body.plugin-orderclient-main-packages .text-muted{
  color:#9fb0c3 !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:none !important;
  min-height:unset !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div > div:first-child{
  background:#162132 !important;
  border-bottom:1px solid #243041 !important;
  padding-top:18px !important;
  padding-bottom:16px !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div > div:first-child *{
  color:#ffffff !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div > div:not(:first-child){
  background:#111827 !important;
  color:#dbe4ee !important;
}

body.plugin-orderclient-main-packages select,
body.plugin-orderclient-main-packages .form-control,
body.plugin-orderclient-main-packages .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  min-height:46px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="f8fafc"],
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="#fff"],
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="background: #f8fafc"],
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="background:#f8fafc"],
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="background: #fff"],
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="background:#fff"]{
  background:#111827 !important;
  border-color:#243041 !important;
  color:#e5edf7 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="f8fafc"] > div,
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="#fff"] > div{
  background:#1a2433 !important;
  border:1px solid #2d3b4d !important;
  border-radius:12px !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="f8fafc"] *,
body.plugin-orderclient-main-packages .package.card.card-blesta .price-box.card-body.p-0 div[style*="#fff"] *{
  color:#e5edf7 !important;
  opacity:1 !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div .row > [class*="col-"] > div,
body.plugin-orderclient-main-packages .row > [class*="col-"] > div .d-flex > div{
  background:#1a2433 !important;
  border:1px solid #2d3b4d !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div .row > [class*="col-"] > div *,
body.plugin-orderclient-main-packages .row > [class*="col-"] > div .d-flex > div *,
body.plugin-orderclient-main-packages .row > [class*="col-"] > div .list-group-item{
  color:#e5edf7 !important;
  opacity:1 !important;
}

body.plugin-orderclient-main-packages .list-group-item{
  background:transparent !important;
  border-color:rgba(255,255,255,.05) !important;
}

body.plugin-orderclient-main-packages .badge,
body.plugin-orderclient-main-packages [class*="badge"],
body.plugin-orderclient-main-packages [class*="popular"]{
  background:#22c55e !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .btn,
body.plugin-orderclient-main-packages button,
body.plugin-orderclient-main-packages input[type="submit"]{
  min-height:44px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-main-packages .btn-primary,
body.plugin-orderclient-main-packages .btn:not(.btn-success):not(.selected){
  background:#2563eb !important;
  color:#fff !important;
}

body.plugin-orderclient-main-packages .btn-success,
body.plugin-orderclient-main-packages .selected{
  background:#22c55e !important;
  color:#fff !important;
}

body.plugin-orderclient-main-packages .card,
body.plugin-orderclient-main-packages .cart,
body.plugin-orderclient-main-packages .order-summary{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
}


/* --- darker select bars --- */
body.plugin-orderclient-main-packages select,
body.plugin-orderclient-main-packages .form-control,
body.plugin-orderclient-main-packages .custom-select,
body.plugin-orderclient-config-index select,
body.plugin-orderclient-config-index .form-control,
body.plugin-orderclient-config-index .custom-select{
  background-color:#0b1220 !important;
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  -webkit-text-fill-color:#f8fafc !important;
}

body.plugin-orderclient-main-packages select option,
body.plugin-orderclient-main-packages select optgroup,
body.plugin-orderclient-config-index select option,
body.plugin-orderclient-config-index select optgroup{
  background:#0b1220 !important;
  color:#f8fafc !important;
}

/* selected/disabled-looking first item */
body.plugin-orderclient-main-packages select:invalid,
body.plugin-orderclient-config-index select:invalid{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
}

/* ================================
   MK3Node cart / order summary page
   body.plugin-orderclient-cart-index
   ================================ */

body.plugin-orderclient-cart-index{
  background:#0b1220 !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-cart-index .header{
  background:#0f1724 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-cart-index .nav-content{
  background:#1f2937 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}

body.plugin-orderclient-cart-index .nav-content a{
  color:#e5edf7 !important;
  font-weight:600 !important;
}

body.plugin-orderclient-cart-index .title{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:20px 0 10px !important;
}

body.plugin-orderclient-cart-index .title .card,
body.plugin-orderclient-cart-index .title [class*="card"],
body.plugin-orderclient-cart-index .title .container > div,
body.plugin-orderclient-cart-index .title .container-md > div{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

body.plugin-orderclient-cart-index h1,
body.plugin-orderclient-cart-index h2,
body.plugin-orderclient-cart-index h3,
body.plugin-orderclient-cart-index h4{
  color:#f8fafc !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
}

body.plugin-orderclient-cart-index p,
body.plugin-orderclient-cart-index small,
body.plugin-orderclient-cart-index label,
body.plugin-orderclient-cart-index .text-muted{
  color:#9fb0c3 !important;
}

body.plugin-orderclient-cart-index .card,
body.plugin-orderclient-cart-index .card-blesta,
body.plugin-orderclient-cart-index .order-summary,
body.plugin-orderclient-cart-index .summary,
body.plugin-orderclient-cart-index .cart{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-cart-index table,
body.plugin-orderclient-cart-index .table{
  color:#e5edf7 !important;
  background:transparent !important;
}

body.plugin-orderclient-cart-index .table th,
body.plugin-orderclient-cart-index .table td{
  border-color:rgba(255,255,255,.06) !important;
  background:transparent !important;
}

body.plugin-orderclient-cart-index .table thead th{
  color:#cbd5e1 !important;
}

body.plugin-orderclient-cart-index .price,
body.plugin-orderclient-cart-index .amount,
body.plugin-orderclient-cart-index .total,
body.plugin-orderclient-cart-index [class*="price"]{
  color:#f8fafc !important;
  font-weight:700 !important;
}

body.plugin-orderclient-cart-index a{
  color:#93c5fd !important;
}

body.plugin-orderclient-cart-index .btn,
body.plugin-orderclient-cart-index button,
body.plugin-orderclient-cart-index input[type="submit"]{
  min-height:44px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-cart-index .btn-primary,
body.plugin-orderclient-cart-index .btn:not(.btn-danger):not(.btn-success):not(.btn-secondary):not(.btn-light){
  background:#2563eb !important;
  color:#fff !important;
}

body.plugin-orderclient-cart-index .btn-success{
  background:#22c55e !important;
  color:#fff !important;
}

body.plugin-orderclient-cart-index .btn-danger{
  background:#ef4444 !important;
  color:#fff !important;
}

body.plugin-orderclient-cart-index .btn-secondary,
body.plugin-orderclient-cart-index .btn-light{
  background:#243041 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
}

body.plugin-orderclient-cart-index input[type="text"],
body.plugin-orderclient-cart-index input[type="email"],
body.plugin-orderclient-cart-index input[type="number"],
body.plugin-orderclient-cart-index input[type="password"],
body.plugin-orderclient-cart-index textarea,
body.plugin-orderclient-cart-index select,
body.plugin-orderclient-cart-index .form-control,
body.plugin-orderclient-cart-index .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-cart-index hr{
  border-color:rgba(255,255,255,.06) !important;
}

body.plugin-orderclient-cart-index .alert,
body.plugin-orderclient-cart-index .notice{
  border-radius:12px !important;
  border-color:#243041 !important;
}


/* --- cart action buttons polish --- */
body.plugin-orderclient-cart-index td .btn,
body.plugin-orderclient-cart-index .table td .btn{
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-cart-index td .btn:not(.btn-danger),
body.plugin-orderclient-cart-index .table td .btn:not(.btn-danger){
  background:#243041 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
}

body.plugin-orderclient-cart-index td .btn:not(.btn-danger):hover,
body.plugin-orderclient-cart-index .table td .btn:not(.btn-danger):hover{
  background:#2d3b4d !important;
}

body.plugin-orderclient-cart-index td .btn-danger,
body.plugin-orderclient-cart-index .table td .btn-danger{
  background:#7f1d1d !important;
  color:#fecaca !important;
  border:1px solid #991b1b !important;
}

body.plugin-orderclient-cart-index td .btn-danger:hover,
body.plugin-orderclient-cart-index .table td .btn-danger:hover{
  background:#991b1b !important;
  color:#fff !important;
}

/* ================================
   MK3Node checkout page
   body.plugin-orderclient-checkout-index
   ================================ */

body.plugin-orderclient-checkout-index{
  background:#0b1220 !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index .header{
  background:#0f1724 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index .nav-content{
  background:#1f2937 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index .nav-content a{
  color:#e5edf7 !important;
  font-weight:600 !important;
}

body.plugin-orderclient-checkout-index .title{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:20px 0 10px !important;
}

body.plugin-orderclient-checkout-index h1,
body.plugin-orderclient-checkout-index h2,
body.plugin-orderclient-checkout-index h3,
body.plugin-orderclient-checkout-index h4{
  color:#f8fafc !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
}

body.plugin-orderclient-checkout-index p,
body.plugin-orderclient-checkout-index small,
body.plugin-orderclient-checkout-index label,
body.plugin-orderclient-checkout-index .text-muted{
  color:#9fb0c3 !important;
}

body.plugin-orderclient-checkout-index .card,
body.plugin-orderclient-checkout-index .card-blesta,
body.plugin-orderclient-checkout-index .checkout,
body.plugin-orderclient-checkout-index .payment-box,
body.plugin-orderclient-checkout-index .summary{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index input[type="text"],
body.plugin-orderclient-checkout-index input[type="email"],
body.plugin-orderclient-checkout-index input[type="number"],
body.plugin-orderclient-checkout-index input[type="password"],
body.plugin-orderclient-checkout-index textarea,
body.plugin-orderclient-checkout-index select,
body.plugin-orderclient-checkout-index .form-control,
body.plugin-orderclient-checkout-index .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  min-height:46px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index select option,
body.plugin-orderclient-checkout-index select optgroup{
  background:#0b1220 !important;
  color:#f8fafc !important;
}

body.plugin-orderclient-checkout-index .btn,
body.plugin-orderclient-checkout-index button,
body.plugin-orderclient-checkout-index input[type="submit"]{
  min-height:46px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index .btn-success,
body.plugin-orderclient-checkout-index .pay,
body.plugin-orderclient-checkout-index .checkout-submit,
body.plugin-orderclient-checkout-index button[type="submit"],
body.plugin-orderclient-checkout-index input[type="submit"]{
  background:#22c55e !important;
  color:#fff !important;
}

body.plugin-orderclient-checkout-index #payment_details{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  color:#e5edf7 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc .col-md-12 > div[style*="background:#f8fafc"],
body.plugin-orderclient-checkout-index #payment_details_cc .col-md-12 > div[style*="background: #f8fafc"],
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="background:#f8fafc"],
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="background: #f8fafc"]{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index #payment_details *,
body.plugin-orderclient-checkout-index #payment_details_cc *,
body.plugin-orderclient-checkout-index #payment_details label,
body.plugin-orderclient-checkout-index #payment_details_cc label{
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index #payment_details input,
body.plugin-orderclient-checkout-index #payment_details select,
body.plugin-orderclient-checkout-index #payment_details textarea,
body.plugin-orderclient-checkout-index #payment_details .form-control,
body.plugin-orderclient-checkout-index #payment_details .custom-select,
body.plugin-orderclient-checkout-index #payment_details_cc input,
body.plugin-orderclient-checkout-index #payment_details_cc select,
body.plugin-orderclient-checkout-index #payment_details_cc textarea,
body.plugin-orderclient-checkout-index #payment_details_cc .form-control,
body.plugin-orderclient-checkout-index #payment_details_cc .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index #payment_details hr,
body.plugin-orderclient-checkout-index #payment_details_cc hr{
  border-color:rgba(255,255,255,.06) !important;
}


/* --- checkout page final dark wrappers --- */

body.plugin-orderclient-checkout-index .row.mb-3 .col-md-6 > div[style*="background:#f8fafc"],
body.plugin-orderclient-checkout-index .row.mb-3 .col-md-6 > div[style*="background: #f8fafc"]{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:14px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index .row.mb-3 .col-md-6 > div[style*="background:#f8fafc"] *,
body.plugin-orderclient-checkout-index .row.mb-3 .col-md-6 > div[style*="background: #f8fafc"] *{
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index .row.mb-3 .col-md-6 > div[style*="background:#f8fafc"] label,
body.plugin-orderclient-checkout-index .row.mb-3 .col-md-6 > div[style*="background: #f8fafc"] label{
  color:#e5edf7 !important;
  font-weight:700 !important;
}

body.plugin-orderclient-checkout-index #payment_details{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  color:#e5edf7 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc .col-md-12 > div[style*="background:#f8fafc"],
body.plugin-orderclient-checkout-index #payment_details_cc .col-md-12 > div[style*="background: #f8fafc"],
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="background:#f8fafc"],
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="background: #f8fafc"]{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index #payment_details *,
body.plugin-orderclient-checkout-index #payment_details_cc *,
body.plugin-orderclient-checkout-index #payment_details label,
body.plugin-orderclient-checkout-index #payment_details_cc label{
  color:#e5edf7 !important;
}

body.plugin-orderclient-checkout-index #payment_details input,
body.plugin-orderclient-checkout-index #payment_details select,
body.plugin-orderclient-checkout-index #payment_details textarea,
body.plugin-orderclient-checkout-index #payment_details .form-control,
body.plugin-orderclient-checkout-index #payment_details .custom-select,
body.plugin-orderclient-checkout-index #payment_details_cc input,
body.plugin-orderclient-checkout-index #payment_details_cc select,
body.plugin-orderclient-checkout-index #payment_details_cc textarea,
body.plugin-orderclient-checkout-index #payment_details_cc .form-control,
body.plugin-orderclient-checkout-index #payment_details_cc .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index #payment_details hr,
body.plugin-orderclient-checkout-index #payment_details_cc hr,
body.plugin-orderclient-checkout-index #payment_details_cc .col-md-12 > div[style*="background:#f8fafc"] hr,
body.plugin-orderclient-checkout-index #payment_details_cc .col-md-12 > div[style*="background: #f8fafc"] hr,
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="background:#f8fafc"] hr,
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="background: #f8fafc"] hr{
  border-color:rgba(255,255,255,.06) !important;
}


/* --- checkout secure payment badge/button polish --- */
body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"],
body.plugin-orderclient-checkout-index #payment_details_cc .btn-light,
body.plugin-orderclient-checkout-index #payment_details_cc .btn-secondary{
  background:#1f2937 !important;
  color:#cbd5e1 !important;
  border:1px solid #334155 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-weight:700 !important;
  min-height:36px !important;
  padding:8px 14px !important;
  opacity:1 !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"] *,
body.plugin-orderclient-checkout-index #payment_details_cc .btn-light *,
body.plugin-orderclient-checkout-index #payment_details_cc .btn-secondary *{
  color:#cbd5e1 !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"]:hover,
body.plugin-orderclient-checkout-index #payment_details_cc .btn-light:hover,
body.plugin-orderclient-checkout-index #payment_details_cc .btn-secondary:hover{
  background:#243041 !important;
  color:#e5edf7 !important;
  border-color:#475569 !important;
}


/* --- force disabled secure payment button to dark style --- */
body.plugin-orderclient-checkout-index #payment_details_cc button,
body.plugin-orderclient-checkout-index #payment_details_cc input[type="submit"],
body.plugin-orderclient-checkout-index #payment_details_cc .btn,
body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"]{
  background:#1f2937 !important;
  color:#cbd5e1 !important;
  border:1px solid #334155 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-weight:700 !important;
  min-height:36px !important;
  padding:8px 14px !important;
  opacity:1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc button:disabled,
body.plugin-orderclient-checkout-index #payment_details_cc input[type="submit"]:disabled,
body.plugin-orderclient-checkout-index #payment_details_cc .btn.disabled,
body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"]:disabled,
body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"].disabled{
  background:#1f2937 !important;
  color:#94a3b8 !important;
  border:1px solid #334155 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  cursor:not-allowed !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc button *,
body.plugin-orderclient-checkout-index #payment_details_cc input[type="submit"] *,
body.plugin-orderclient-checkout-index #payment_details_cc .btn *,
body.plugin-orderclient-checkout-index #payment_details_cc [class*="secure"] *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}


/* --- exact secure payment pill fix --- */
body.plugin-orderclient-checkout-index #payment_details_cc div[style*="display:flex"][style*="justify-content:space-between"] > div:last-child{
  background:#1f2937 !important;
  color:#cbd5e1 !important;
  border:1px solid #334155 !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-size:12px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

body.plugin-orderclient-checkout-index #payment_details_cc div[style*="display:flex"][style*="justify-content:space-between"] > div:last-child *{
  color:#cbd5e1 !important;
  fill:#cbd5e1 !important;
  stroke:#cbd5e1 !important;
}


/* ================================
   MK3Node client dashboard
   body.client-client_main-index
   ================================ */

body.client-client_main-index{
  background:#0b1220 !important;
  color:#e5edf7 !important;
}

body.client-client_main-index .header{
  background:#0f1724 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.client-client_main-index .nav-content{
  background:#1f2937 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}

body.client-client_main-index .nav-content a,
body.client-client_main-index .navbar a,
body.client-client_main-index .navbar-nav .nav-link{
  color:#e5edf7 !important;
  font-weight:600 !important;
}

body.client-client_main-index .title{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:20px 0 10px !important;
}

body.client-client_main-index h1,
body.client-client_main-index h2,
body.client-client_main-index h3,
body.client-client_main-index h4,
body.client-client_main-index h5{
  color:#f8fafc !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
}

body.client-client_main-index p,
body.client-client_main-index small,
body.client-client_main-index label,
body.client-client_main-index .text-muted{
  color:#9fb0c3 !important;
}

body.client-client_main-index .card,
body.client-client_main-index .card-blesta,
body.client-client_main-index .widget,
body.client-client_main-index .well,
body.client-client_main-index .panel,
body.client-client_main-index .summary{
  background:#111827 !important;
  border:1px solid #243041 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#e5edf7 !important;
}

body.client-client_main-index .card-header,
body.client-client_main-index .panel-heading{
  background:#162132 !important;
  border-bottom:1px solid #243041 !important;
  color:#ffffff !important;
}

body.client-client_main-index table,
body.client-client_main-index .table{
  color:#e5edf7 !important;
  background:transparent !important;
}

body.client-client_main-index .table th,
body.client-client_main-index .table td{
  border-color:rgba(255,255,255,.06) !important;
  background:transparent !important;
}

body.client-client_main-index .table thead th{
  color:#cbd5e1 !important;
}

body.client-client_main-index input[type="text"],
body.client-client_main-index input[type="email"],
body.client-client_main-index input[type="number"],
body.client-client_main-index input[type="password"],
body.client-client_main-index textarea,
body.client-client_main-index select,
body.client-client_main-index .form-control,
body.client-client_main-index .custom-select{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border:1px solid #243041 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

body.client-client_main-index .btn,
body.client-client_main-index button,
body.client-client_main-index input[type="submit"]{
  min-height:44px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.client-client_main-index .btn-primary{
  background:#2563eb !important;
  color:#fff !important;
}

body.client-client_main-index .btn-success{
  background:#22c55e !important;
  color:#fff !important;
}

body.client-client_main-index .btn-secondary,
body.client-client_main-index .btn-light{
  background:#243041 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
}

body.client-client_main-index a{
  color:#93c5fd !important;
}

body.client-client_main-index hr{
  border-color:rgba(255,255,255,.06) !important;
}


/* --- dashboard polish pass --- */

body.client-client_main-index .alert,
body.client-client_main-index .alert-warning,
body.client-client_main-index .alert-notice,
body.client-client_main-index .notice{
  background:#1f2937 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

body.client-client_main-index .alert a,
body.client-client_main-index .alert-warning a,
body.client-client_main-index .notice a{
  color:#93c5fd !important;
}

body.client-client_main-index .alert .btn,
body.client-client_main-index .alert-warning .btn{
  background:#f59e0b !important;
  color:#111827 !important;
  border:0 !important;
}

body.client-client_main-index [class*="widget"] [class*="service"],
body.client-client_main-index [class*="widget"] [class*="invoice"],
body.client-client_main-index [class*="widget"] [class*="order"],
body.client-client_main-index [class*="widget"] [class*="ticket"]{
  border-radius:16px !important;
  box-shadow:none !important;
}

body.client-client_main-index .bg-warning,
body.client-client_main-index .bg-success,
body.client-client_main-index .bg-primary,
body.client-client_main-index .bg-info,
body.client-client_main-index .bg-secondary{
  filter:saturate(.75) brightness(.9) !important;
}

body.client-client_main-index .card .bg-light,
body.client-client_main-index .widget .bg-light,
body.client-client_main-index .well .bg-light,
body.client-client_main-index div[style*="background:#fff"],
body.client-client_main-index div[style*="background: #fff"],
body.client-client_main-index div[style*="background:#f8fafc"],
body.client-client_main-index div[style*="background: #f8fafc"],
body.client-client_main-index div[style*="background:#eef"],
body.client-client_main-index div[style*="background: #eef"]{
  background:#111827 !important;
  color:#e5edf7 !important;
  border-color:#243041 !important;
  box-shadow:none !important;
}

body.client-client_main-index .card .bg-light *,
body.client-client_main-index .widget .bg-light *,
body.client-client_main-index .well .bg-light *,
body.client-client_main-index div[style*="background:#fff"] *,
body.client-client_main-index div[style*="background: #fff"] *,
body.client-client_main-index div[style*="background:#f8fafc"] *,
body.client-client_main-index div[style*="background: #f8fafc"] *,
body.client-client_main-index div[style*="background:#eef"] *,
body.client-client_main-index div[style*="background: #eef"] *{
  color:#e5edf7 !important;
}


/* --- dashboard invoices widget polish --- */
body.client-client_main-index .card h3,
body.client-client_main-index .card h4{
  letter-spacing:-0.02em !important;
}

body.client-client_main-index .table{
  border-radius:12px !important;
  overflow:hidden !important;
}

body.client-client_main-index .table thead th{
  font-size:14px !important;
  font-weight:700 !important;
}

body.client-client_main-index .table td{
  vertical-align:middle !important;
}

body.client-client_main-index .table td a{
  font-weight:600 !important;
}

body.client-client_main-index .table td .btn{
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:14px !important;
}

body.client-client_main-index .table td .btn-group > .btn,
body.client-client_main-index .table td .btn-group > .dropdown-toggle{
  background:#243041 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
}

body.client-client_main-index .table td .btn-group > .btn:hover,
body.client-client_main-index .table td .btn-group > .dropdown-toggle:hover{
  background:#2d3b4d !important;
}

body.client-client_main-index .table td .text-danger,
body.client-client_main-index .table td [style*="color:red"],
body.client-client_main-index .table td [style*="color: red"]{
  color:#f87171 !important;
  font-weight:700 !important;
}

body.client-client_main-index .card .btn-primary{
  background:#243041 !important;
  border:1px solid #334155 !important;
}

body.client-client_main-index .card .btn-primary:hover{
  background:#2d3b4d !important;
}

body.client-client_main-index .card .btn-light,
body.client-client_main-index .card .btn-secondary{
  background:#243041 !important;
  color:#e5edf7 !important;
  border:1px solid #334155 !important;
}

body.client-client_main-index .card .btn-light:hover,
body.client-client_main-index .card .btn-secondary:hover{
  background:#2d3b4d !important;
}


/* --- dashboard stat boxes tone-down --- */
body.client-client_main-index [class*="services"],
body.client-client_main-index [class*="invoices"],
body.client-client_main-index [class*="orders"],
body.client-client_main-index [class*="tickets"]{
  border-radius:18px !important;
  box-shadow:none !important;
}

body.client-client_main-index .bg-warning{
  background:#d4a500 !important;
}

body.client-client_main-index .bg-success{
  background:#2f9e44 !important;
}

body.client-client_main-index .bg-primary,
body.client-client_main-index .bg-info{
  background:#1d4ed8 !important;
}

body.client-client_main-index .bg-secondary,
body.client-client_main-index .bg-dark{
  background:#374151 !important;
}

body.client-client_main-index .bg-warning *,
body.client-client_main-index .bg-success *,
body.client-client_main-index .bg-primary *,
body.client-client_main-index .bg-info *,
body.client-client_main-index .bg-secondary *,
body.client-client_main-index .bg-dark *{
  color:#ffffff !important;
}


/* --- dashboard sidebar light cards fix --- */
body.client-client_main-index .bg-light,
body.client-client_main-index .card.bg-light,
body.client-client_main-index .text-dark,
body.client-client_main-index .card.text-dark,
body.client-client_main-index .well.bg-light,
body.client-client_main-index .well.text-dark{
  background:#111827 !important;
  color:#e5edf7 !important;
  border:1px solid #243041 !important;
  box-shadow:none !important;
}

body.client-client_main-index .bg-light *,
body.client-client_main-index .card.bg-light *,
body.client-client_main-index .text-dark *,
body.client-client_main-index .card.text-dark *,
body.client-client_main-index .well.bg-light *,
body.client-client_main-index .well.text-dark *{
  color:#e5edf7 !important;
}

body.client-client_main-index .bg-light a,
body.client-client_main-index .card.bg-light a,
body.client-client_main-index .text-dark a,
body.client-client_main-index .card.text-dark a{
  color:#93c5fd !important;
}

body.client-client_main-index .bg-light hr,
body.client-client_main-index .card.bg-light hr,
body.client-client_main-index .text-dark hr,
body.client-client_main-index .card.text-dark hr{
  border-color:rgba(255,255,255,.06) !important;
}


/* --- dashboard sidebar white widgets exact fix --- */
body.client-client_main-index .col-md-4 div[style*="background:#fff"],
body.client-client_main-index .col-md-4 div[style*="background: #fff"],
body.client-client_main-index .col-md-4 div[style*="background:#f8fafc"],
body.client-client_main-index .col-md-4 div[style*="background: #f8fafc"],
body.client-client_main-index .col-md-4 a[style*="background:#fff"],
body.client-client_main-index .col-md-4 a[style*="background: #fff"],
body.client-client_main-index .col-md-4 a[style*="background:#f8fafc"],
body.client-client_main-index .col-md-4 a[style*="background: #f8fafc"],
body.client-client_main-index .col-md-4 .card-footer,
body.client-client_main-index .col-md-4 .list-group-item,
body.client-client_main-index .col-md-4 .list-group-item-action{
  background:#111827 !important;
  color:#e5edf7 !important;
  border-color:#243041 !important;
  box-shadow:none !important;
}

body.client-client_main-index .col-md-4 div[style*="background:#fff"] *,
body.client-client_main-index .col-md-4 div[style*="background: #fff"] *,
body.client-client_main-index .col-md-4 div[style*="background:#f8fafc"] *,
body.client-client_main-index .col-md-4 div[style*="background: #f8fafc"] *,
body.client-client_main-index .col-md-4 a[style*="background:#fff"] *,
body.client-client_main-index .col-md-4 a[style*="background: #fff"] *,
body.client-client_main-index .col-md-4 a[style*="background:#f8fafc"] *,
body.client-client_main-index .col-md-4 a[style*="background: #f8fafc"] *,
body.client-client_main-index .col-md-4 .card-footer *,
body.client-client_main-index .col-md-4 .list-group-item *,
body.client-client_main-index .col-md-4 .list-group-item-action *{
  color:#e5edf7 !important;
}

body.client-client_main-index .col-md-4 .card-footer a,
body.client-client_main-index .col-md-4 .list-group-item a,
body.client-client_main-index .col-md-4 .list-group-item-action a{
  color:#93c5fd !important;
}

body.client-client_main-index .col-md-4 .card-footer hr,
body.client-client_main-index .col-md-4 .list-group-item hr,
body.client-client_main-index .col-md-4 .list-group-item-action hr{
  border-color:rgba(255,255,255,.06) !important;
}


/* keep 2 columns on medium screens */
@media (max-width: 899px) and (min-width: 768px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

/* keep 1 column on small screens */
@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}


/* keep the hero box centered, but text inside left-aligned */
body.plugin-orderclient-main-packages .title{
  display:block !important;
  padding-top:10px !important;
  padding-bottom:14px !important;
  text-align:left !important;
}

body.plugin-orderclient-main-packages .title > .container-md:last-child{
  width:min(1080px, calc(100% - 64px)) !important;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:left !important;
}

body.plugin-orderclient-main-packages .title > .container-md:last-child h1,
body.plugin-orderclient-main-packages .title > .container-md:last-child h2,
body.plugin-orderclient-main-packages .title > .container-md:last-child h3,
body.plugin-orderclient-main-packages .title > .container-md:last-child h4,
body.plugin-orderclient-main-packages .title > .container-md:last-child p,
body.plugin-orderclient-main-packages .title > .container-md:last-child .lead{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* keep 3 cards on desktop, 2 on medium, 1 on mobile */
@media (min-width: 900px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 33.333333% !important;
    max-width:33.333333% !important;
    width:33.333333% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}
@media (max-width: 899px) and (min-width: 768px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 50% !important;
    max-width:50% !important;
    width:50% !important;
  }
}
@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }
}

/* undo the broken footer/button forcing */
body.plugin-orderclient-main-packages .package-boxes .order,
body.plugin-orderclient-main-packages .package-boxes .card-footer,
body.plugin-orderclient-main-packages .package-boxes .order.selected-btn,
body.plugin-orderclient-main-packages .package-boxes .order.unselected-btn,
body.plugin-orderclient-main-packages .package-boxes .order.sold-btn{
  min-height:auto !important;
  margin-top:0 !important;
  align-items:initial !important;
}

/* respect the inline display state from Blesta again */
body.plugin-orderclient-main-packages .package-boxes .order.selected-btn[style*="display:none"],
body.plugin-orderclient-main-packages .package-boxes .order.unselected-btn[style*="display:none"],
body.plugin-orderclient-main-packages .package-boxes .order.sold-btn[style*="display:none"]{
  display:none !important;
}

body.plugin-orderclient-main-packages .package-boxes .order.selected-btn[style*="display:block"],
body.plugin-orderclient-main-packages .package-boxes .order.unselected-btn[style*="display:block"],
body.plugin-orderclient-main-packages .package-boxes .order.sold-btn[style*="display:block"]{
  display:block !important;
}


/* keep the hero box centered, but text inside left-aligned */
body.plugin-orderclient-main-packages .title{
  display:block !important;
  padding-top:10px !important;
  padding-bottom:14px !important;
  text-align:left !important;
}

body.plugin-orderclient-main-packages .title > .container-md:last-child{
  width:min(1080px, calc(100% - 64px)) !important;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:left !important;
}

body.plugin-orderclient-main-packages .title > .container-md:last-child h1,
body.plugin-orderclient-main-packages .title > .container-md:last-child h2,
body.plugin-orderclient-main-packages .title > .container-md:last-child h3,
body.plugin-orderclient-main-packages .title > .container-md:last-child h4,
body.plugin-orderclient-main-packages .title > .container-md:last-child p,
body.plugin-orderclient-main-packages .title > .container-md:last-child .lead{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* keep 3 cards on desktop, 2 on medium, 1 on mobile */
@media (min-width: 900px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 33.333333% !important;
    max-width:33.333333% !important;
    width:33.333333% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}
@media (max-width: 899px) and (min-width: 768px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 50% !important;
    max-width:50% !important;
    width:50% !important;
  }
}
@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }
}

/* undo the broken footer/button forcing */
body.plugin-orderclient-main-packages .package-boxes .order,
body.plugin-orderclient-main-packages .package-boxes .card-footer,
body.plugin-orderclient-main-packages .package-boxes .order.selected-btn,
body.plugin-orderclient-main-packages .package-boxes .order.unselected-btn,
body.plugin-orderclient-main-packages .package-boxes .order.sold-btn{
  min-height:auto !important;
  margin-top:0 !important;
  align-items:initial !important;
}

/* respect the inline display state from Blesta again */
body.plugin-orderclient-main-packages .package-boxes .order.selected-btn[style*="display:none"],
body.plugin-orderclient-main-packages .package-boxes .order.unselected-btn[style*="display:none"],
body.plugin-orderclient-main-packages .package-boxes .order.sold-btn[style*="display:none"]{
  display:none !important;
}

body.plugin-orderclient-main-packages .package-boxes .order.selected-btn[style*="display:block"],
body.plugin-orderclient-main-packages .package-boxes .order.unselected-btn[style*="display:block"],
body.plugin-orderclient-main-packages .package-boxes .order.sold-btn[style*="display:block"]{
  display:block !important;
}


/* --- package page: hide duplicate small title + center hero --- */

/* hide the first small title block */
body.plugin-orderclient-main-packages .title > .container-md:first-child{
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

body.plugin-orderclient-main-packages .title > .container-md:first-child h3{
  display:none !important;
}

/* center only the real hero block */
body.plugin-orderclient-main-packages .title > .container-md:last-child{
  max-width:1080px !important;
  width:calc(100% - 64px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* keep text inside the hero left-aligned */
body.plugin-orderclient-main-packages .title > .container-md:last-child h1,
body.plugin-orderclient-main-packages .title > .container-md:last-child h2,
body.plugin-orderclient-main-packages .title > .container-md:last-child h3,
body.plugin-orderclient-main-packages .title > .container-md:last-child p,
body.plugin-orderclient-main-packages .title > .container-md:last-child .lead{
  text-align:left !important;
}


/* --- package hero: center text inside the centered box --- */
body.plugin-orderclient-main-packages .title > .container-md:last-child{
  text-align:center !important;
}

body.plugin-orderclient-main-packages .title > .container-md:last-child h1,
body.plugin-orderclient-main-packages .title > .container-md:last-child h2,
body.plugin-orderclient-main-packages .title > .container-md:last-child h3,
body.plugin-orderclient-main-packages .title > .container-md:last-child h4,
body.plugin-orderclient-main-packages .title > .container-md:last-child p,
body.plugin-orderclient-main-packages .title > .container-md:last-child .lead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* hide duplicate small package page title */
body.plugin-orderclient-main-packages .title,
body.plugin-orderclient-main-packages .title .container-md,
body.plugin-orderclient-main-packages .title h3{
  display:none !important;
}


/* center only the package-page hero text */
body.plugin-orderclient-main-packages h3[style*="font-size:44px"]{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.plugin-orderclient-main-packages p.format[style*="font-size:16px"]{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* --- package page: truly center the real hero box --- */
body.plugin-orderclient-main-packages .section-title{
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 80px)) !important;
  max-width: 1240px !important;
  margin: 16px 0 28px 0 !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title h3,
body.plugin-orderclient-main-packages .section-title p.format{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* --- package page: truly center the real hero box --- */
body.plugin-orderclient-main-packages .section-title{
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 80px)) !important;
  max-width: 1240px !important;
  margin: 16px 0 28px 0 !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title h3,
body.plugin-orderclient-main-packages .section-title p.format{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* --- package page responsive fix: stop horizontal overflow on narrow widths --- */
body.plugin-orderclient-main-packages{
  overflow-x:hidden !important;
}

body.plugin-orderclient-main-packages .row{
  margin-left:0 !important;
  margin-right:0 !important;
}

@media (max-width: 1199px){
  body.plugin-orderclient-main-packages .section-title{
    position:static !important;
    left:auto !important;
    transform:none !important;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin:16px auto 24px auto !important;
    padding:20px 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3{
    font-size:34px !important;
    line-height:1.08 !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format{
    font-size:15px !important;
  }
}

@media (max-width: 1199px) and (min-width: 768px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 50% !important;
    max-width:50% !important;
    width:50% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.plugin-orderclient-main-packages .section-title{
    width:calc(100% - 20px) !important;
    margin:12px auto 20px auto !important;
    padding:18px 14px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3{
    font-size:30px !important;
  }
}


/* --- package page responsive fix: stop horizontal overflow on narrow widths --- */
body.plugin-orderclient-main-packages{
  overflow-x:hidden !important;
}

body.plugin-orderclient-main-packages .row{
  margin-left:0 !important;
  margin-right:0 !important;
}

@media (max-width: 1199px){
  body.plugin-orderclient-main-packages .section-title{
    position:static !important;
    left:auto !important;
    transform:none !important;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin:16px auto 24px auto !important;
    padding:20px 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3{
    font-size:34px !important;
    line-height:1.08 !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format{
    font-size:15px !important;
  }
}

@media (max-width: 1199px) and (min-width: 768px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 50% !important;
    max-width:50% !important;
    width:50% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.plugin-orderclient-main-packages .section-title{
    width:calc(100% - 20px) !important;
    margin:12px auto 20px auto !important;
    padding:18px 14px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3{
    font-size:30px !important;
  }
}


/* --- package page narrow-screen emergency fix --- */
@media (max-width: 1199px){
  body.plugin-orderclient-main-packages{
    overflow-x: hidden !important;
  }

  body.plugin-orderclient-main-packages .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.plugin-orderclient-main-packages .section-title{
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto 20px auto !important;
    box-sizing: border-box !important;
  }

  body.plugin-orderclient-main-packages .package-boxes{
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media (max-width: 991px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .section-title{
    max-width: calc(100% - 16px) !important;
    margin: 10px auto 18px auto !important;
    padding: 16px 14px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3{
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format{
    font-size: 15px !important;
  }
}


/* --- package page narrow-screen emergency fix --- */
@media (max-width: 1199px){
  body.plugin-orderclient-main-packages{
    overflow-x: hidden !important;
  }

  body.plugin-orderclient-main-packages .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.plugin-orderclient-main-packages .section-title{
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto 20px auto !important;
    box-sizing: border-box !important;
  }

  body.plugin-orderclient-main-packages .package-boxes{
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media (max-width: 991px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

@media (max-width: 767px){
  body.plugin-orderclient-main-packages .package-boxes{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .section-title{
    max-width: calc(100% - 16px) !important;
    margin: 10px auto 18px auto !important;
    padding: 16px 14px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3{
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format{
    font-size: 15px !important;
  }
}


/* --- package page: center hero by fixing parent row/column --- */
body.plugin-orderclient-main-packages .section-title{
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: min(920px, calc(100vw - 48px)) !important;
  max-width: 920px !important;
  margin: 16px 0 28px 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title h3,
body.plugin-orderclient-main-packages .section-title p.format{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.plugin-orderclient-main-packages .section-title:has(h3),
body.plugin-orderclient-main-packages .section-title.parent-centered{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.plugin-orderclient-main-packages .section-title{
  align-self: center !important;
}

body.plugin-orderclient-main-packages .section-title{
  justify-self: center !important;
}

body.plugin-orderclient-main-packages .section-title{
  display: block !important;
}

/* actual parent fix */
body.plugin-orderclient-main-packages .section-title{
  z-index: 1 !important;
}

body.plugin-orderclient-main-packages .section-title{
  clear: both !important;
}

body.plugin-orderclient-main-packages .section-title{
  float: none !important;
}

body.plugin-orderclient-main-packages .section-title{
  margin-top: 16px !important;
  margin-bottom: 28px !important;
}

/* make the wrapper above the hero full width and centered */
body.plugin-orderclient-main-packages .section-title,
body.plugin-orderclient-main-packages .section-title {
  box-sizing: border-box !important;
}

/* parent row/col layout */
body.plugin-orderclient-main-packages .row:has(.section-title){
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.plugin-orderclient-main-packages .row:has(.section-title) > [class*="col-"]{
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* --- top nav dropdowns: dark menu + visible text --- */
body .nav-content .dropdown-menu,
body .navbar .dropdown-menu,
body .dropdown-menu{
  background:#111827 !important;
  border:1px solid #243041 !important;
  box-shadow:none !important;
}

body .nav-content .dropdown-item,
body .navbar .dropdown-item,
body .dropdown-menu .dropdown-item,
body .dropdown-menu a{
  color:#e5edf7 !important;
  background:transparent !important;
}

body .nav-content .dropdown-item:hover,
body .nav-content .dropdown-item:focus,
body .navbar .dropdown-item:hover,
body .navbar .dropdown-item:focus,
body .dropdown-menu .dropdown-item:hover,
body .dropdown-menu .dropdown-item:focus,
body .dropdown-menu a:hover,
body .dropdown-menu a:focus{
  background:#1f2937 !important;
  color:#ffffff !important;
}

body .dropdown-menu .dropdown-divider{
  border-color:rgba(255,255,255,.08) !important;
}


/* === MK3Node Codex login page styles START === */

body.client-client_login-index {
  background: #0b1220 !important;
  color: #e5edf7 !important;
}

body.client-client_login-index .title {
  display: none !important;
}

body.client-client_login-index .container-md {
  padding-top: 34px !important;
  padding-bottom: 42px !important;
}

body.client-client_login-index .mk-login-copy {
  padding: 28px 0 !important;
}

body.client-client_login-index .mk-login-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(34,197,94,.28) !important;
  border-radius: 999px !important;
  background: rgba(34,197,94,.10) !important;
  color: #86efac !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

body.client-client_login-index .mk-login-title {
  margin: 0 0 14px !important;
  color: #f8fafc !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}

body.client-client_login-index .mk-login-title i {
  color: #22c55e !important;
  margin-right: 8px !important;
}

body.client-client_login-index .mk-login-copy h4 {
  color: #dbeafe !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
}

body.client-client_login-index .mk-login-copy p,
body.client-client_login-index .mk-muted {
  color: #9fb0c3 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.client-client_login-index .mk-login-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

body.client-client_login-index .mk-login-actions .btn {
  min-height: 46px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.client-client_login-index .mk-login-actions .btn-success {
  background: #22c55e !important;
  color: #04130a !important;
  border: 0 !important;
}

body.client-client_login-index .mk-login-actions .btn-secondary {
  background: #1f2937 !important;
  color: #e5edf7 !important;
  border: 1px solid #334155 !important;
}

body.client-client_login-index .mk-login-panel {
  background: #111827 !important;
  border: 1px solid #243041 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.32) !important;
  color: #e5edf7 !important;
}

body.client-client_login-index .mk-login-panel .panel-body {
  padding: 26px !important;
  background: transparent !important;
}

body.client-client_login-index .mk-login-panel .panel-footer {
  background: #0f172a !important;
  border-top: 1px solid #243041 !important;
  padding: 16px 26px !important;
}

body.client-client_login-index .mk-login-panel label,
body.client-client_login-index .mk-login-panel .checkbox {
  color: #cbd5e1 !important;
}

body.client-client_login-index .mk-login-panel .form-control {
  min-height: 46px !important;
  border-radius: 12px !important;
  background: #0b1220 !important;
  color: #f8fafc !important;
  border: 1px solid #243041 !important;
  box-shadow: none !important;
}

body.client-client_login-index .mk-login-panel .form-control:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.16) !important;
}

body.client-client_login-index .mk-login-submit {
  min-height: 46px !important;
  border-radius: 12px !important;
  background: #22c55e !important;
  color: #04130a !important;
  font-weight: 900 !important;
  border: 0 !important;
}

body.client-client_login-index .mk-login-panel a {
  color: #93c5fd !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  body.client-client_login-index .container-md {
    padding-top: 22px !important;
  }

  body.client-client_login-index .mk-login-copy {
    padding-top: 0 !important;
  }

  body.client-client_login-index .mk-login-actions {
    flex-direction: column !important;
  }

  body.client-client_login-index .mk-login-actions .btn {
    width: 100% !important;
  }

  body.client-client_login-index .mk-login-panel .panel-body {
    padding: 22px !important;
  }
}

/* === MK3Node Codex login page styles END === */


/* === MK3Node login polish override START === */

body.client-client_login-index .mk-login-title,
body.client-client_login-index .mk-login-title *,
body.client-client_login-index .mk-login-title a {
  color: #f8fafc !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body.client-client_login-index .mk-login-title i {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.client-client_login-index .mk-login-copy h4 {
  color: #e5edf7 !important;
}

body.client-client_login-index .mk-login-copy p {
  color: #b6c3d1 !important;
}

body.client-client_login-index .mk-login-panel .panel-footer {
  background: #0f172a !important;
  border-top: 1px solid #243041 !important;
}

body.client-client_login-index .mk-login-panel .panel-footer a {
  color: #93c5fd !important;
}

body.client-client_login-index .mk-login-panel {
  border-color: #334155 !important;
}

/* === MK3Node login polish override END === */

/* === MK3Node login final force override START === */

body.client-client_login-index .mk-login-title,
body.client-client_login-index .mk-login-title span,
body.client-client_login-index .mk-login-title strong,
body.client-client_login-index .mk-login-title *:not(i) {
  color: #f8fafc !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body.client-client_login-index .mk-login-title {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body.client-client_login-index .mk-login-title i,
body.client-client_login-index .mk-login-title .fa,
body.client-client_login-index .mk-login-title .fas {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.client-client_login-index .panel.mk-login-panel,
body.client-client_login-index .panel-default.mk-login-panel {
  background: #0b1220 !important;
  border: 1px solid #334155 !important;
}

body.client-client_login-index .panel.mk-login-panel > .panel-body {
  background: #0b1220 !important;
}

body.client-client_login-index .panel.mk-login-panel > .panel-footer,
body.client-client_login-index .panel-default.mk-login-panel > .panel-footer,
body.client-client_login-index .mk-login-panel .panel-footer {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-top: 1px solid #243041 !important;
  color: #e5edf7 !important;
}

body.client-client_login-index .panel.mk-login-panel > .panel-footer a,
body.client-client_login-index .panel-default.mk-login-panel > .panel-footer a,
body.client-client_login-index .mk-login-panel .panel-footer a {
  color: #93c5fd !important;
  font-weight: 800 !important;
}

/* === MK3Node login final force override END === */

/* === MK3Node old login template fallback START === */

body.client-client_login-index h2 {
  color: #f8fafc !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body.client-client_login-index h2 i {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}

body.client-client_login-index .panel-footer {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-top: 1px solid #243041 !important;
}

body.client-client_login-index .panel-footer a {
  color: #93c5fd !important;
  font-weight: 800 !important;
}

/* === MK3Node old login template fallback END === */

/* === MK3Node coherent order redesign pass START === */

body.plugin-orderclient-main-index,
body.plugin-orderclient-main-packages,
body.plugin-orderclient-config-index,
body.plugin-orderclient-cart-index,
body.plugin-orderclient-checkout-index,
body.plugin-orderclient-signup-index,
body.plugin-orderclient-summary-index {
  --mk-order-bg: #07111f;
  --mk-order-bg-soft: #0b1220;
  --mk-order-surface: #111827;
  --mk-order-surface-2: #142033;
  --mk-order-surface-3: #202c3d;
  --mk-order-border: #263447;
  --mk-order-border-strong: #33455c;
  --mk-order-text: #ffffff;
  --mk-order-soft: #e5edf7;
  --mk-order-muted: #9fb0c3;
  --mk-order-green: #22c55e;
  --mk-order-green-hover: #16a34a;
  --mk-order-blue: #2563eb;
  --mk-order-orange: #f59e0b;
  background: var(--mk-order-bg) !important;
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-main-index .header,
body.plugin-orderclient-main-packages .header,
body.plugin-orderclient-config-index .header,
body.plugin-orderclient-cart-index .header,
body.plugin-orderclient-checkout-index .header,
body.plugin-orderclient-signup-index .header,
body.plugin-orderclient-summary-index .header {
  background: #0c1624 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.plugin-orderclient-main-index .nav-content,
body.plugin-orderclient-main-packages .nav-content,
body.plugin-orderclient-config-index .nav-content,
body.plugin-orderclient-cart-index .nav-content,
body.plugin-orderclient-checkout-index .nav-content,
body.plugin-orderclient-signup-index .nav-content,
body.plugin-orderclient-summary-index .nav-content {
  background: #30343b !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.plugin-orderclient-main-index .nav-content a,
body.plugin-orderclient-main-packages .nav-content a,
body.plugin-orderclient-config-index .nav-content a,
body.plugin-orderclient-cart-index .nav-content a,
body.plugin-orderclient-checkout-index .nav-content a,
body.plugin-orderclient-signup-index .nav-content a,
body.plugin-orderclient-summary-index .nav-content a {
  color: var(--mk-order-text) !important;
  font-weight: 800 !important;
}

body.plugin-orderclient-main-index .title,
body.plugin-orderclient-main-packages .title,
body.plugin-orderclient-config-index .title,
body.plugin-orderclient-cart-index .title,
body.plugin-orderclient-checkout-index .title,
body.plugin-orderclient-signup-index .title,
body.plugin-orderclient-summary-index .title {
  background: transparent !important;
  box-shadow: none !important;
}

body.plugin-orderclient-main-index .section-title,
body.plugin-orderclient-main-packages .section-title,
body.plugin-orderclient-config-index .section-title,
body.plugin-orderclient-cart-index .section-title,
body.plugin-orderclient-checkout-index .section-title,
body.plugin-orderclient-signup-index .section-title,
body.plugin-orderclient-summary-index .section-title {
  margin-bottom: 22px !important;
}

body.plugin-orderclient-main-index h1,
body.plugin-orderclient-main-index h2,
body.plugin-orderclient-main-index h3,
body.plugin-orderclient-main-index h4,
body.plugin-orderclient-main-index h5,
body.plugin-orderclient-main-packages h1,
body.plugin-orderclient-main-packages h2,
body.plugin-orderclient-main-packages h3,
body.plugin-orderclient-main-packages h4,
body.plugin-orderclient-main-packages h5,
body.plugin-orderclient-config-index h1,
body.plugin-orderclient-config-index h2,
body.plugin-orderclient-config-index h3,
body.plugin-orderclient-config-index h4,
body.plugin-orderclient-config-index h5,
body.plugin-orderclient-cart-index h1,
body.plugin-orderclient-cart-index h2,
body.plugin-orderclient-cart-index h3,
body.plugin-orderclient-cart-index h4,
body.plugin-orderclient-cart-index h5,
body.plugin-orderclient-checkout-index h1,
body.plugin-orderclient-checkout-index h2,
body.plugin-orderclient-checkout-index h3,
body.plugin-orderclient-checkout-index h4,
body.plugin-orderclient-checkout-index h5,
body.plugin-orderclient-signup-index h1,
body.plugin-orderclient-signup-index h2,
body.plugin-orderclient-signup-index h3,
body.plugin-orderclient-signup-index h4,
body.plugin-orderclient-signup-index h5,
body.plugin-orderclient-summary-index h1,
body.plugin-orderclient-summary-index h2,
body.plugin-orderclient-summary-index h3,
body.plugin-orderclient-summary-index h4,
body.plugin-orderclient-summary-index h5 {
  color: var(--mk-order-text) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.plugin-orderclient-main-index p,
body.plugin-orderclient-main-index small,
body.plugin-orderclient-main-index label,
body.plugin-orderclient-main-index .text-muted,
body.plugin-orderclient-main-packages p,
body.plugin-orderclient-main-packages small,
body.plugin-orderclient-main-packages label,
body.plugin-orderclient-main-packages .text-muted,
body.plugin-orderclient-config-index p,
body.plugin-orderclient-config-index small,
body.plugin-orderclient-config-index label,
body.plugin-orderclient-config-index .text-muted,
body.plugin-orderclient-cart-index p,
body.plugin-orderclient-cart-index small,
body.plugin-orderclient-cart-index label,
body.plugin-orderclient-cart-index .text-muted,
body.plugin-orderclient-checkout-index p,
body.plugin-orderclient-checkout-index small,
body.plugin-orderclient-checkout-index label,
body.plugin-orderclient-checkout-index .text-muted,
body.plugin-orderclient-signup-index p,
body.plugin-orderclient-signup-index small,
body.plugin-orderclient-signup-index label,
body.plugin-orderclient-signup-index .text-muted,
body.plugin-orderclient-summary-index p,
body.plugin-orderclient-summary-index small,
body.plugin-orderclient-summary-index label,
body.plugin-orderclient-summary-index .text-muted {
  color: var(--mk-order-muted) !important;
}

body.plugin-orderclient-main-index a,
body.plugin-orderclient-main-packages a,
body.plugin-orderclient-config-index a,
body.plugin-orderclient-cart-index a,
body.plugin-orderclient-checkout-index a,
body.plugin-orderclient-signup-index a,
body.plugin-orderclient-summary-index a {
  color: #66b7ff !important;
}

body.plugin-orderclient-main-index .card,
body.plugin-orderclient-main-index .card-blesta,
body.plugin-orderclient-main-index .card-order,
body.plugin-orderclient-main-index .list-group-item,
body.plugin-orderclient-main-packages .card,
body.plugin-orderclient-main-packages .card-blesta,
body.plugin-orderclient-main-packages .card-order,
body.plugin-orderclient-main-packages .list-group-item,
body.plugin-orderclient-config-index .card,
body.plugin-orderclient-config-index .card-blesta,
body.plugin-orderclient-config-index .card-order,
body.plugin-orderclient-cart-index .card,
body.plugin-orderclient-cart-index .card-blesta,
body.plugin-orderclient-cart-index .card-order,
body.plugin-orderclient-checkout-index .card,
body.plugin-orderclient-checkout-index .card-blesta,
body.plugin-orderclient-checkout-index .card-order,
body.plugin-orderclient-signup-index .card,
body.plugin-orderclient-signup-index .card-blesta,
body.plugin-orderclient-signup-index .card-order,
body.plugin-orderclient-summary-index .card,
body.plugin-orderclient-summary-index .card-blesta,
body.plugin-orderclient-summary-index .card-order {
  background: var(--mk-order-surface) !important;
  border: 1px solid var(--mk-order-border) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-main-index .card-header,
body.plugin-orderclient-main-packages .card-header,
body.plugin-orderclient-config-index .card-header,
body.plugin-orderclient-cart-index .card-header,
body.plugin-orderclient-checkout-index .card-header,
body.plugin-orderclient-signup-index .card-header,
body.plugin-orderclient-summary-index .card-header {
  background: var(--mk-order-surface-2) !important;
  border-bottom: 1px solid var(--mk-order-border) !important;
  color: var(--mk-order-text) !important;
}

body.plugin-orderclient-main-index .card-body,
body.plugin-orderclient-main-packages .card-body,
body.plugin-orderclient-config-index .card-body,
body.plugin-orderclient-cart-index .card-body,
body.plugin-orderclient-checkout-index .card-body,
body.plugin-orderclient-signup-index .card-body,
body.plugin-orderclient-summary-index .card-body {
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-main-index input[type="text"],
body.plugin-orderclient-main-index input[type="email"],
body.plugin-orderclient-main-index input[type="number"],
body.plugin-orderclient-main-index input[type="password"],
body.plugin-orderclient-main-index textarea,
body.plugin-orderclient-main-index select,
body.plugin-orderclient-main-index .form-control,
body.plugin-orderclient-main-packages input[type="text"],
body.plugin-orderclient-main-packages input[type="email"],
body.plugin-orderclient-main-packages input[type="number"],
body.plugin-orderclient-main-packages input[type="password"],
body.plugin-orderclient-main-packages textarea,
body.plugin-orderclient-main-packages select,
body.plugin-orderclient-main-packages .form-control,
body.plugin-orderclient-config-index input[type="text"],
body.plugin-orderclient-config-index input[type="email"],
body.plugin-orderclient-config-index input[type="number"],
body.plugin-orderclient-config-index input[type="password"],
body.plugin-orderclient-config-index textarea,
body.plugin-orderclient-config-index select,
body.plugin-orderclient-config-index .form-control,
body.plugin-orderclient-cart-index input[type="text"],
body.plugin-orderclient-cart-index input[type="email"],
body.plugin-orderclient-cart-index input[type="number"],
body.plugin-orderclient-cart-index input[type="password"],
body.plugin-orderclient-cart-index textarea,
body.plugin-orderclient-cart-index select,
body.plugin-orderclient-cart-index .form-control,
body.plugin-orderclient-checkout-index input[type="text"],
body.plugin-orderclient-checkout-index input[type="email"],
body.plugin-orderclient-checkout-index input[type="number"],
body.plugin-orderclient-checkout-index input[type="password"],
body.plugin-orderclient-checkout-index textarea,
body.plugin-orderclient-checkout-index select,
body.plugin-orderclient-checkout-index .form-control,
body.plugin-orderclient-signup-index input[type="text"],
body.plugin-orderclient-signup-index input[type="email"],
body.plugin-orderclient-signup-index input[type="number"],
body.plugin-orderclient-signup-index input[type="password"],
body.plugin-orderclient-signup-index textarea,
body.plugin-orderclient-signup-index select,
body.plugin-orderclient-signup-index .form-control,
body.plugin-orderclient-summary-index input[type="text"],
body.plugin-orderclient-summary-index input[type="email"],
body.plugin-orderclient-summary-index input[type="number"],
body.plugin-orderclient-summary-index input[type="password"],
body.plugin-orderclient-summary-index textarea,
body.plugin-orderclient-summary-index select,
body.plugin-orderclient-summary-index .form-control {
  background: var(--mk-order-bg-soft) !important;
  border: 1px solid var(--mk-order-border-strong) !important;
  border-radius: 12px !important;
  color: var(--mk-order-text) !important;
  min-height: 44px !important;
}

body.plugin-orderclient-main-index input:focus,
body.plugin-orderclient-main-packages input:focus,
body.plugin-orderclient-config-index input:focus,
body.plugin-orderclient-cart-index input:focus,
body.plugin-orderclient-checkout-index input:focus,
body.plugin-orderclient-signup-index input:focus,
body.plugin-orderclient-summary-index input:focus,
body.plugin-orderclient-main-index select:focus,
body.plugin-orderclient-main-packages select:focus,
body.plugin-orderclient-config-index select:focus,
body.plugin-orderclient-cart-index select:focus,
body.plugin-orderclient-checkout-index select:focus,
body.plugin-orderclient-signup-index select:focus,
body.plugin-orderclient-summary-index select:focus,
body.plugin-orderclient-main-index textarea:focus,
body.plugin-orderclient-main-packages textarea:focus,
body.plugin-orderclient-config-index textarea:focus,
body.plugin-orderclient-cart-index textarea:focus,
body.plugin-orderclient-checkout-index textarea:focus,
body.plugin-orderclient-signup-index textarea:focus,
body.plugin-orderclient-summary-index textarea:focus,
body.plugin-orderclient-main-index .form-control:focus,
body.plugin-orderclient-main-packages .form-control:focus,
body.plugin-orderclient-config-index .form-control:focus,
body.plugin-orderclient-cart-index .form-control:focus,
body.plugin-orderclient-checkout-index .form-control:focus,
body.plugin-orderclient-signup-index .form-control:focus,
body.plugin-orderclient-summary-index .form-control:focus {
  border-color: var(--mk-order-blue) !important;
  box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.18) !important;
  outline: 0 !important;
}

body.plugin-orderclient-main-index select option,
body.plugin-orderclient-main-packages select option,
body.plugin-orderclient-config-index select option,
body.plugin-orderclient-cart-index select option,
body.plugin-orderclient-checkout-index select option,
body.plugin-orderclient-signup-index select option,
body.plugin-orderclient-summary-index select option {
  background: var(--mk-order-bg-soft) !important;
  color: var(--mk-order-text) !important;
}

body.plugin-orderclient-main-index .btn,
body.plugin-orderclient-main-packages .btn,
body.plugin-orderclient-config-index .btn,
body.plugin-orderclient-cart-index .btn,
body.plugin-orderclient-checkout-index .btn,
body.plugin-orderclient-signup-index .btn,
body.plugin-orderclient-summary-index .btn {
  border-radius: 12px !important;
  font-weight: 800 !important;
  min-height: 42px;
}

body.plugin-orderclient-main-index .btn-success,
body.plugin-orderclient-main-packages .btn-success,
body.plugin-orderclient-config-index .btn-success,
body.plugin-orderclient-cart-index .btn-success,
body.plugin-orderclient-checkout-index .btn-success,
body.plugin-orderclient-signup-index .btn-success,
body.plugin-orderclient-summary-index .btn-success {
  background: var(--mk-order-green) !important;
  border-color: var(--mk-order-green) !important;
  color: #04110d !important;
}

body.plugin-orderclient-main-index .btn-success:hover,
body.plugin-orderclient-main-packages .btn-success:hover,
body.plugin-orderclient-config-index .btn-success:hover,
body.plugin-orderclient-cart-index .btn-success:hover,
body.plugin-orderclient-checkout-index .btn-success:hover,
body.plugin-orderclient-signup-index .btn-success:hover,
body.plugin-orderclient-summary-index .btn-success:hover {
  background: var(--mk-order-green-hover) !important;
  border-color: var(--mk-order-green-hover) !important;
}

body.plugin-orderclient-main-index .btn-secondary,
body.plugin-orderclient-main-index .btn-light,
body.plugin-orderclient-main-packages .btn-secondary,
body.plugin-orderclient-main-packages .btn-light,
body.plugin-orderclient-config-index .btn-secondary,
body.plugin-orderclient-config-index .btn-light,
body.plugin-orderclient-cart-index .btn-secondary,
body.plugin-orderclient-cart-index .btn-light,
body.plugin-orderclient-checkout-index .btn-secondary,
body.plugin-orderclient-checkout-index .btn-light,
body.plugin-orderclient-signup-index .btn-secondary,
body.plugin-orderclient-signup-index .btn-light,
body.plugin-orderclient-summary-index .btn-secondary,
body.plugin-orderclient-summary-index .btn-light {
  background: var(--mk-order-surface-3) !important;
  border-color: var(--mk-order-border-strong) !important;
  color: var(--mk-order-text) !important;
}

body.plugin-orderclient-main-index .btn-primary,
body.plugin-orderclient-main-packages .btn-primary,
body.plugin-orderclient-config-index .btn-primary,
body.plugin-orderclient-cart-index .btn-primary,
body.plugin-orderclient-checkout-index .btn-primary,
body.plugin-orderclient-signup-index .btn-primary,
body.plugin-orderclient-summary-index .btn-primary {
  background: var(--mk-order-blue) !important;
  border-color: var(--mk-order-blue) !important;
  color: var(--mk-order-text) !important;
}

body.plugin-orderclient-main-index .alert-info,
body.plugin-orderclient-main-packages .alert-info,
body.plugin-orderclient-config-index .alert-info,
body.plugin-orderclient-cart-index .alert-info,
body.plugin-orderclient-checkout-index .alert-info,
body.plugin-orderclient-signup-index .alert-info,
body.plugin-orderclient-summary-index .alert-info {
  background: #202c3d !important;
  border-color: var(--mk-order-border-strong) !important;
  border-radius: 16px !important;
  color: var(--mk-order-text) !important;
}

body.plugin-orderclient-main-packages .mk-order-package-col,
body.plugin-orderclient-main-packages .package-boxes {
  display: flex !important;
  margin-bottom: 22px !important;
}

body.plugin-orderclient-main-packages .mk-order-package-card,
body.plugin-orderclient-main-packages .package.card.card-blesta,
body.plugin-orderclient-main-packages .package-list {
  background: var(--mk-order-surface) !important;
  border: 1px solid var(--mk-order-border) !important;
  border-radius: 18px !important;
  color: var(--mk-order-soft) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  overflow: hidden !important;
  transition: border-color 0.15s ease, transform 0.15s ease !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-order-package-card.selected,
body.plugin-orderclient-main-packages .package.card.card-blesta.selected,
body.plugin-orderclient-main-packages .package-list.selected {
  border-color: rgba(34, 197, 94, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.18) !important;
}

body.plugin-orderclient-main-packages .package-name {
  background: var(--mk-order-surface-2) !important;
  border-bottom: 1px solid var(--mk-order-border) !important;
  color: var(--mk-order-text) !important;
  min-height: 84px !important;
}

body.plugin-orderclient-main-packages .package-name h4,
body.plugin-orderclient-main-packages .package-item h3 {
  color: var(--mk-order-text) !important;
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
}

body.plugin-orderclient-main-packages .price-box,
body.plugin-orderclient-main-packages .package-description,
body.plugin-orderclient-main-packages .package-block,
body.plugin-orderclient-main-packages .package-selected {
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-main-packages .price-box h4,
body.plugin-orderclient-main-packages .package-list .price,
body.plugin-orderclient-main-packages .currency_value {
  color: var(--mk-order-text) !important;
  font-weight: 900 !important;
}

body.plugin-orderclient-main-packages .package [style*="background:#fff"],
body.plugin-orderclient-main-packages .package [style*="background: #fff"],
body.plugin-orderclient-main-packages .package [style*="background:#ffffff"],
body.plugin-orderclient-main-packages .package [style*="background: #ffffff"],
body.plugin-orderclient-main-packages .package [style*="background:#f8fafc"],
body.plugin-orderclient-main-packages .package [style*="background: #f8fafc"],
body.plugin-orderclient-checkout-index [style*="background:#fff"],
body.plugin-orderclient-checkout-index [style*="background: #fff"],
body.plugin-orderclient-checkout-index [style*="background:#ffffff"],
body.plugin-orderclient-checkout-index [style*="background: #ffffff"],
body.plugin-orderclient-checkout-index [style*="background:#f8fafc"],
body.plugin-orderclient-checkout-index [style*="background: #f8fafc"],
body.plugin-orderclient-signup-index [style*="background:#fff"],
body.plugin-orderclient-signup-index [style*="background: #fff"],
body.plugin-orderclient-signup-index [style*="background:#f8fafc"],
body.plugin-orderclient-signup-index [style*="background: #f8fafc"] {
  background: var(--mk-order-bg-soft) !important;
  border-color: var(--mk-order-border) !important;
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-main-packages .package [style*="color:#6b7280"],
body.plugin-orderclient-main-packages .package [style*="color: #6b7280"],
body.plugin-orderclient-checkout-index [style*="color:#6b7280"],
body.plugin-orderclient-checkout-index [style*="color: #6b7280"],
body.plugin-orderclient-signup-index [style*="color:#6b7280"],
body.plugin-orderclient-signup-index [style*="color: #6b7280"] {
  color: var(--mk-order-muted) !important;
}

body.plugin-orderclient-main-packages .card-footer {
  background: transparent !important;
  border-top: 1px solid var(--mk-order-border) !important;
  margin-top: auto !important;
}

body.plugin-orderclient-config-index .mk-order-config-shell,
body.plugin-orderclient-config-index #package-config {
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-config-index #sticker,
body.plugin-orderclient-config-index #order-summary,
body.plugin-orderclient-config-index .package_options,
body.plugin-orderclient-config-index .radio,
body.plugin-orderclient-checkout-index .radio,
body.plugin-orderclient-signup-index .radio {
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-config-index #order-summary .card,
body.plugin-orderclient-config-index #order-summary .card-order,
body.plugin-orderclient-checkout-index #order_totals .card-order,
body.plugin-orderclient-cart-index .mk-order-cart-card,
body.plugin-orderclient-summary-index .mk-order-summary-card {
  background: var(--mk-order-surface) !important;
  border: 1px solid var(--mk-order-border) !important;
  border-radius: 18px !important;
}

body.plugin-orderclient-cart-index table,
body.plugin-orderclient-cart-index .table,
body.plugin-orderclient-checkout-index table,
body.plugin-orderclient-checkout-index .table,
body.plugin-orderclient-summary-index table,
body.plugin-orderclient-summary-index .table {
  background: transparent !important;
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-cart-index .table th,
body.plugin-orderclient-cart-index .table td,
body.plugin-orderclient-checkout-index .table th,
body.plugin-orderclient-checkout-index .table td,
body.plugin-orderclient-summary-index .table th,
body.plugin-orderclient-summary-index .table td {
  border-color: rgba(255, 255, 255, 0.075) !important;
  color: var(--mk-order-soft) !important;
  vertical-align: middle !important;
}

body.plugin-orderclient-cart-index .table thead th,
body.plugin-orderclient-checkout-index .table thead th,
body.plugin-orderclient-summary-index .table thead th {
  background: var(--mk-order-surface-2) !important;
  color: var(--mk-order-text) !important;
}

body.plugin-orderclient-cart-index .table-striped tbody tr:nth-of-type(odd),
body.plugin-orderclient-checkout-index .table-striped tbody tr:nth-of-type(odd),
body.plugin-orderclient-summary-index .table-striped tbody tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.025) !important;
}

body.plugin-orderclient-cart-index .total-due,
body.plugin-orderclient-checkout-index .total-due,
body.plugin-orderclient-summary-index .total-due {
  background: #202c3d !important;
  border: 1px solid var(--mk-order-border-strong) !important;
  border-radius: 16px !important;
  margin-top: 10px !important;
  padding: 18px !important;
  text-align: right !important;
}

body.plugin-orderclient-cart-index .total-due h4,
body.plugin-orderclient-checkout-index .total-due h4,
body.plugin-orderclient-summary-index .total-due h4 {
  color: var(--mk-order-text) !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
  margin-bottom: 0 !important;
}

body.plugin-orderclient-cart-index .currency_value,
body.plugin-orderclient-checkout-index .currency_value,
body.plugin-orderclient-summary-index .currency_value,
body.plugin-orderclient-cart-index .price-col,
body.plugin-orderclient-checkout-index .price-col,
body.plugin-orderclient-summary-index .price-col {
  color: var(--mk-order-text) !important;
  font-weight: 900 !important;
}

body.plugin-orderclient-checkout-index #payment_details,
body.plugin-orderclient-checkout-index #payment_details_cc,
body.plugin-orderclient-checkout-index #payment_details_ach,
body.plugin-orderclient-checkout-index #payment_confirmation,
body.plugin-orderclient-checkout-index #pay_confirm {
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-checkout-index #payment_details {
  background: var(--mk-order-surface) !important;
  border: 1px solid var(--mk-order-border) !important;
  border-radius: 18px !important;
  padding: 20px !important;
}

body.plugin-orderclient-signup-index .login_form,
body.plugin-orderclient-signup-index .signup_form,
body.plugin-orderclient-signup-index .option_section {
  background: var(--mk-order-surface) !important;
  border: 1px solid var(--mk-order-border) !important;
  border-radius: 18px !important;
  margin-bottom: 22px !important;
  padding: 20px !important;
}

body.plugin-orderclient-signup-index .checkbox,
body.plugin-orderclient-checkout-index .checkbox {
  color: var(--mk-order-soft) !important;
}

body.plugin-orderclient-main-index .package-groups .list-group-item {
  background: var(--mk-order-surface) !important;
  border-color: var(--mk-order-border) !important;
  color: var(--mk-order-text) !important;
  margin-bottom: 12px !important;
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages .mk-order-package-col,
  body.plugin-orderclient-main-packages .package-boxes {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.plugin-orderclient-config-index #sticker {
    position: static !important;
    width: auto !important;
  }

  body.plugin-orderclient-config-index .row > [class*="col-md-"],
  body.plugin-orderclient-checkout-index .row > [class*="col-md-"],
  body.plugin-orderclient-signup-index .row > [class*="col-md-"] {
    margin-bottom: 14px !important;
  }
}

@media (max-width: 767px) {
  body.plugin-orderclient-main-index .container,
  body.plugin-orderclient-main-packages .container,
  body.plugin-orderclient-config-index .container,
  body.plugin-orderclient-cart-index .container,
  body.plugin-orderclient-checkout-index .container,
  body.plugin-orderclient-signup-index .container,
  body.plugin-orderclient-summary-index .container,
  body.plugin-orderclient-main-index .container-md,
  body.plugin-orderclient-main-packages .container-md,
  body.plugin-orderclient-config-index .container-md,
  body.plugin-orderclient-cart-index .container-md,
  body.plugin-orderclient-checkout-index .container-md,
  body.plugin-orderclient-signup-index .container-md,
  body.plugin-orderclient-summary-index .container-md {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.plugin-orderclient-cart-index .table-responsive,
  body.plugin-orderclient-checkout-index .table-responsive,
  body.plugin-orderclient-summary-index .table-responsive {
    border: 0 !important;
    overflow-x: auto !important;
  }

  body.plugin-orderclient-cart-index .btn-group,
  body.plugin-orderclient-summary-index .btn-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.plugin-orderclient-cart-index .btn-group .btn,
  body.plugin-orderclient-summary-index .btn-group .btn {
    flex: 1 1 auto !important;
  }

  body.plugin-orderclient-cart-index .total-due,
  body.plugin-orderclient-checkout-index .total-due,
  body.plugin-orderclient-summary-index .total-due {
    text-align: left !important;
  }
}

/* === MK3Node coherent order redesign pass END === */

/* === MK3Node Vue package card adaptation START === */

body.plugin-orderclient-main-packages {
  --mk-plan-default: #22c55e;
  --mk-plan-default-rgb: 34, 197, 94;
  --mk-plan-accent: var(--mk-plan-default);
  --mk-plan-accent-rgb: var(--mk-plan-default-rgb);
  --mk-plan-blue: #38bdf8;
  --mk-plan-purple: #c084fc;
  background:
    radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.10), transparent 30%),
    linear-gradient(180deg, #080d17 0%, #07111f 48%, #050914 100%) !important;
}

body.plugin-orderclient-main-packages .mk-order-shell.mk-order-packages {
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.plugin-orderclient-main-packages .section-title {
  max-width: 900px !important;
  margin: 28px auto 44px !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title h1,
body.plugin-orderclient-main-packages .section-title h2,
body.plugin-orderclient-main-packages .section-title h3 {
  color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  margin-bottom: 16px !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title p,
body.plugin-orderclient-main-packages .section-title .format {
  color: #e5edf7 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .currency {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(17, 24, 39, 0.86) !important;
  border: 1px solid rgba(56, 189, 248, 0.20) !important;
  border-radius: 999px !important;
  color: #cbd5e1 !important;
  padding: 8px 12px !important;
}

body.plugin-orderclient-main-packages .mk-plan-starter {
  --mk-plan-accent: #34d399;
  --mk-plan-accent-rgb: 52, 211, 153;
  --mk-plan-icon: url("../images/mk3node/chest.png");
  --mk-plan-button: #064e3b;
}

body.plugin-orderclient-main-packages .mk-plan-performance {
  --mk-plan-accent: #38bdf8;
  --mk-plan-accent-rgb: 56, 189, 248;
  --mk-plan-icon: url("../images/mk3node/redstone-ore.png");
  --mk-plan-button: #0f3a52;
}

body.plugin-orderclient-main-packages .mk-plan-modpack {
  --mk-plan-accent: #c084fc;
  --mk-plan-accent-rgb: 192, 132, 252;
  --mk-plan-icon: url("../images/mk3node/enchanting-table.png");
  --mk-plan-button: #321b58;
}

body.plugin-orderclient-main-packages .mk-plan-generic {
  --mk-plan-accent: var(--mk-plan-default);
  --mk-plan-accent-rgb: var(--mk-plan-default-rgb);
  --mk-plan-icon: url("../images/logo.png");
  --mk-plan-button: #064e3b;
}

body.plugin-orderclient-main-packages .mk-order-package-col,
body.plugin-orderclient-main-packages .package-boxes {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-bottom: 30px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
  background:
    radial-gradient(circle at 24% 8%, rgba(var(--mk-plan-accent-rgb), 0.16), transparent 30%),
    linear-gradient(180deg, rgba(9, 17, 31, 0.98), rgba(5, 10, 20, 0.98)) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.45) !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34) !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 500px !important;
  overflow: visible !important;
  padding: 30px 22px 24px !important;
  position: relative !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card:hover,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected {
  border-color: rgba(var(--mk-plan-accent-rgb), 0.90) !important;
  box-shadow:
    0 0 0 1px rgba(var(--mk-plan-accent-rgb), 0.18),
    0 30px 80px rgba(0, 0, 0, 0.44) !important;
  transform: translateY(-2px) !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.mk-plan-performance::before {
  content: "Most Popular";
  position: absolute !important;
  top: -18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 4 !important;
  min-width: 136px !important;
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.72), rgba(37, 99, 235, 0.72)) !important;
  border: 1px solid rgba(125, 211, 252, 0.52) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(56, 189, 248, 0.24) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  padding: 8px 16px !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(var(--mk-plan-accent-rgb), 0.16) !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 104px !important;
  padding: 0 0 22px 78px !important;
  position: relative !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
  background-image: var(--mk-plan-icon) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  content: "" !important;
  display: block !important;
  filter: drop-shadow(0 12px 20px rgba(var(--mk-plan-accent-rgb), 0.20)) !important;
  height: 58px !important;
  left: 0 !important;
  position: absolute !important;
  top: 4px !important;
  width: 58px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header > div[style*="border-radius:999px"] {
  display: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
  background: transparent !important;
  border: 0 !important;
  color: #e5edf7 !important;
  padding: 20px 0 18px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box p,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .instructions {
  color: #93a4b8 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  margin-bottom: 8px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box h4 {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box select,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box .form-control {
  background: rgba(7, 17, 31, 0.88) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.32) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  min-height: 46px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box > div,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="padding:16px"],
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="padding:0 16px"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="background:#f8fafc"],
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="background: #f8fafc"] {
  background: rgba(7, 17, 31, 0.62) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.18) !important;
  border-radius: 14px !important;
  min-height: 214px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="background:#fff"],
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="background: #fff"] {
  background: rgba(17, 24, 39, 0.82) !important;
  border-color: rgba(var(--mk-plan-accent-rgb), 0.18) !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="font-size:22px"] {
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="color:#6b7280"],
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box [style*="color: #6b7280"] {
  color: #93a4b8 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card ul,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card ol {
  list-style: none !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card li,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .list-group-item {
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card li::before {
  color: var(--mk-plan-accent) !important;
  content: "\2713" !important;
  display: inline-block !important;
  font-weight: 900 !important;
  margin-right: 10px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card p,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card div {
  color: #e5edf7 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order {
  background: transparent !important;
  border: 0 !important;
  margin-top: auto !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer .btn {
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  min-height: 52px !important;
  padding: 14px 16px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .unselected-btn .btn {
  background: linear-gradient(180deg, rgba(var(--mk-plan-accent-rgb), 0.22), rgba(var(--mk-plan-accent-rgb), 0.12)) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.30) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .selected-btn .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected .unselected-btn .btn {
  background: linear-gradient(180deg, rgba(var(--mk-plan-accent-rgb), 0.90), rgba(34, 197, 94, 0.86)) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.50) !important;
  color: #04111f !important;
  box-shadow: 0 14px 30px rgba(var(--mk-plan-accent-rgb), 0.18) !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .sold-btn .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .sold-btn div.btn {
  background: rgba(239, 68, 68, 0.18) !important;
  border: 1px solid rgba(239, 68, 68, 0.40) !important;
  color: #fecaca !important;
}

body.plugin-orderclient-main-packages .mk-order-package-list {
  background:
    linear-gradient(90deg, rgba(var(--mk-plan-accent-rgb), 0.08), transparent 45%),
    #111827 !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.28) !important;
  border-left: 4px solid var(--mk-plan-accent) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22) !important;
}

body.plugin-orderclient-main-packages .mk-order-package-list.mk-plan-generic {
  --mk-plan-accent: var(--mk-plan-default);
  --mk-plan-accent-rgb: var(--mk-plan-default-rgb);
}

body.plugin-orderclient-main-packages .mk-order-package-list .package-item h3 {
  color: #ffffff !important;
  font-weight: 900 !important;
}

body.plugin-orderclient-main-packages .mk-order-package-list .package-description {
  color: #dbe7f5 !important;
}

@media (min-width: 992px) {
  body.plugin-orderclient-main-packages .mk-order-packages > .row {
    justify-content: center !important;
  }

  body.plugin-orderclient-main-packages .package-boxes,
  body.plugin-orderclient-main-packages .mk-order-package-col {
    flex: 0 0 33.333333% !important;
    max-width: 380px !important;
  }
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages .package-boxes,
  body.plugin-orderclient-main-packages .mk-order-package-col {
    flex: 0 0 100% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    min-height: auto !important;
  }
}

@media (max-width: 575px) {
  body.plugin-orderclient-main-packages .section-title {
    margin-top: 18px !important;
    margin-bottom: 30px !important;
  }

  body.plugin-orderclient-main-packages .section-title h1,
  body.plugin-orderclient-main-packages .section-title h2,
  body.plugin-orderclient-main-packages .section-title h3 {
    font-size: 30px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    border-radius: 16px !important;
    padding: 24px 18px 20px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
    min-height: 88px !important;
    padding-left: 66px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
    height: 48px !important;
    width: 48px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
    font-size: 27px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.mk-plan-performance::before {
    position: static !important;
    transform: none !important;
    margin: -6px auto 16px !important;
  }
}

/* === MK3Node Vue package card adaptation END === */

/* === MK3Node wizard package cleanup START === */

body.plugin-orderclient-main-packages .title {
  display: none !important;
}

body.plugin-orderclient-main-packages > .container-md {
  padding-top: 44px !important;
  padding-bottom: 54px !important;
}

body.plugin-orderclient-main-packages > .container-md > .row > .col-md-10:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body.plugin-orderclient-main-packages > .container-md > .row > .col-md-2 {
  display: none !important;
}

body.plugin-orderclient-main-packages .section-title {
  margin: 0 auto 56px !important;
  max-width: 980px !important;
  padding: 0 16px !important;
}

body.plugin-orderclient-main-packages .section-title h3 {
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  content: "Our Best Hosting Packages";
}

body.plugin-orderclient-main-packages .section-title h3 {
  font-size: 0 !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  color: #ffffff !important;
  display: block !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.plugin-orderclient-main-packages .section-title p.format {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  content: "Low-latency RO/EU  \2022  DDoS protected  \2022  Daily backups";
}

body.plugin-orderclient-main-packages .section-title p.format {
  font-size: 0 !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  display: block !important;
  font-size: 18px !important;
}

body.plugin-orderclient-main-packages .package-boxes,
body.plugin-orderclient-main-packages .mk-order-package-col {
  display: flex !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--mk-plan-accent-rgb), 0.22), transparent 30%),
    linear-gradient(180deg, #070d18 0%, #050a14 100%) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.54) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.40) !important;
  height: 100% !important;
  margin: 0 !important;
  min-height: 560px !important;
  overflow: visible !important;
  padding: 30px 22px 24px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.mk-plan-performance::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(var(--mk-plan-accent-rgb), 0.18) !important;
  display: block !important;
  min-height: 150px !important;
  padding: 8px 0 24px 80px !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
  height: 60px !important;
  top: 10px !important;
  width: 60px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  margin: 0 0 2px !important;
}

body.plugin-orderclient-main-packages .mk-plan-ram {
  color: var(--mk-plan-accent) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc {
  color: #cbd5e1 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  max-width: 230px !important;
}

body.plugin-orderclient-main-packages .mk-plan-badge {
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.76), rgba(37, 99, 235, 0.78)) !important;
  border: 1px solid rgba(125, 211, 252, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(56, 189, 248, 0.24) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  left: 50% !important;
  min-width: 136px !important;
  padding: 8px 16px !important;
  position: absolute !important;
  text-align: center !important;
  top: -18px !important;
  transform: translateX(-50%) !important;
  z-index: 4 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 20px 0 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-price-row {
  margin-bottom: 18px !important;
}

body.plugin-orderclient-main-packages .mk-plan-from {
  color: #93a4b8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-price {
  color: #ffffff !important;
  font-size: 35px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.plugin-orderclient-main-packages .mk-plan-price span {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing {
  margin-bottom: 18px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing label {
  color: #93a4b8 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select,
body.plugin-orderclient-main-packages .mk-plan-billing .form-control {
  background: #07111f !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.34) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  min-height: 46px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select:disabled {
  opacity: 0.62 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-panel {
  background: rgba(7, 17, 31, 0.66) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.20) !important;
  border-radius: 14px !important;
  flex: 1 1 auto !important;
  margin-bottom: 22px !important;
  padding: 16px !important;
}

body.plugin-orderclient-main-packages .mk-plan-spec-grid {
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-bottom: 16px !important;
}

body.plugin-orderclient-main-packages .mk-plan-spec-grid > div {
  background: rgba(17, 24, 39, 0.86) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.20) !important;
  border-radius: 12px !important;
  padding: 10px 8px !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .mk-plan-spec-grid strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.plugin-orderclient-main-packages .mk-plan-spec-grid span {
  color: #93a4b8 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-top: 4px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list > div {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list i {
  color: var(--mk-plan-accent) !important;
  margin-right: 8px !important;
}

body.plugin-orderclient-main-packages .mk-plan-extra-description {
  border-top: 1px solid rgba(var(--mk-plan-accent-rgb), 0.16) !important;
  color: #93a4b8 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer {
  margin-top: auto !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .selected-btn .btn {
  background: linear-gradient(180deg, rgba(var(--mk-plan-accent-rgb), 0.96), rgba(34, 197, 94, 0.86)) !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .unselected-btn .btn {
  background: rgba(var(--mk-plan-accent-rgb), 0.18) !important;
  border-color: rgba(var(--mk-plan-accent-rgb), 0.34) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected {
  transform: translateY(-4px) !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26) !important;
  overflow: hidden !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] .btn {
  border-radius: 0 !important;
}

@media (max-width: 575px) {
  body.plugin-orderclient-main-packages > .container-md {
    padding-top: 28px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 32px !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format::before {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    min-height: auto !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
    min-height: 138px !important;
    padding-left: 66px !important;
  }
}

/* === MK3Node wizard package cleanup END === */

/* === MK3Node compact storefront pass START === */

body.plugin-orderclient-main-packages {
  background:
    radial-gradient(circle at 50% -10%, rgba(56, 189, 248, 0.12), transparent 26%),
    linear-gradient(180deg, #080d17 0%, #06101d 42%, #050914 100%) !important;
}

body.plugin-orderclient-main-packages > .container-md {
  max-width: 1180px !important;
  padding-top: 28px !important;
  padding-bottom: 38px !important;
}

body.plugin-orderclient-main-packages .section-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 32px !important;
  max-width: 900px !important;
  padding: 0 12px !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  font-size: 40px !important;
  line-height: 1.05 !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #e5edf7 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body.plugin-orderclient-main-packages .package-boxes,
body.plugin-orderclient-main-packages .mk-order-package-col {
  margin-bottom: 22px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--mk-plan-accent-rgb), 0.18), transparent 28%),
    linear-gradient(180deg, #070d18 0%, #050a14 100%) !important;
  border: 1px solid rgba(var(--mk-plan-accent-rgb), 0.46) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.34) !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 22px 20px 20px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card:hover,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected {
  box-shadow:
    0 0 0 1px rgba(var(--mk-plan-accent-rgb), 0.16),
    0 24px 58px rgba(0, 0, 0, 0.42) !important;
  transform: translateY(-2px) !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
  border-bottom: 1px solid rgba(var(--mk-plan-accent-rgb), 0.16) !important;
  min-height: 112px !important;
  padding: 2px 0 16px 66px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
  height: 50px !important;
  top: 4px !important;
  width: 50px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
  font-size: 28px !important;
  line-height: 1.04 !important;
}

body.plugin-orderclient-main-packages .mk-plan-ram {
  font-size: 17px !important;
  margin-bottom: 6px !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc {
  color: #cbd5e1 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 230px !important;
}

body.plugin-orderclient-main-packages .mk-plan-badge {
  font-size: 12px !important;
  min-width: 120px !important;
  padding: 6px 14px !important;
  top: -14px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
  padding: 14px 0 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-price-row {
  margin-bottom: 12px !important;
}

body.plugin-orderclient-main-packages .mk-plan-from {
  font-size: 11px !important;
  margin-bottom: 4px !important;
}

body.plugin-orderclient-main-packages .mk-plan-price {
  font-size: 30px !important;
}

body.plugin-orderclient-main-packages .mk-plan-price span {
  font-size: 18px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing {
  margin-bottom: 12px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing label {
  font-size: 11px !important;
  margin-bottom: 6px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select,
body.plugin-orderclient-main-packages .mk-plan-billing .form-control {
  font-size: 13px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 6px 12px !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(var(--mk-plan-accent-rgb), 0.14) !important;
  margin: 0 0 16px !important;
  padding: 14px 0 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-spec-grid {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list {
  gap: 6px !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list > div {
  color: #f5f8fc !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer .btn {
  border-radius: 11px !important;
  font-size: 14px !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] {
  margin-top: 4px !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] .btn {
  min-height: 44px !important;
  padding: 10px 16px !important;
}

@media (min-width: 992px) {
  body.plugin-orderclient-main-packages .package-boxes,
  body.plugin-orderclient-main-packages .mk-order-package-col {
    max-width: 340px !important;
  }
}

@media (max-width: 575px) {
  body.plugin-orderclient-main-packages > .container-md {
    padding-top: 20px !important;
  }

  body.plugin-orderclient-main-packages .section-title {
    margin-bottom: 24px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 28px !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format::before {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    padding: 18px 18px 18px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
    min-height: 96px !important;
    padding-left: 58px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
    height: 44px !important;
    width: 44px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
    font-size: 25px !important;
  }
}

/* === MK3Node compact storefront pass END === */

/* === MK3Node compact professional package cleanup START === */

body.plugin-orderclient-main-packages {
  background: linear-gradient(180deg, #07111f 0%, #081321 48%, #06101d 100%) !important;
}

body.plugin-orderclient-main-packages > .container-md {
  max-width: 1120px !important;
  padding-top: 24px !important;
  padding-bottom: 34px !important;
}

body.plugin-orderclient-main-packages .section-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 22px !important;
  max-width: 760px !important;
  padding: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .row > [class*="col-"] > div.section-title,
body.plugin-orderclient-main-packages .col-md-12 > div.section-title,
body.plugin-orderclient-main-packages .col-md-10 > div.section-title {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 24px 0 22px 30px !important;
}

body.plugin-orderclient-main-packages .section-title h3,
body.plugin-orderclient-main-packages .section-title h3::before {
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  content: "Choose a Minecraft Hosting Plan" !important;
}

body.plugin-orderclient-main-packages .section-title p.format,
body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #9fb0c3 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  content: "Compare packages, select a billing cycle, then continue to configuration." !important;
}

body.plugin-orderclient-main-packages form > .row {
  align-items: stretch !important;
  justify-content: flex-start !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
  max-width: 1060px !important;
}

body.plugin-orderclient-main-packages .package-boxes,
body.plugin-orderclient-main-packages .mk-order-package-col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-bottom: 10px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
  background: #0c1727 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-left: 3px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #e5edf7 !important;
  display: grid !important;
  grid-template-columns: minmax(210px, 0.78fr) minmax(0, 2.1fr) !important;
  gap: 18px !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 15px 16px !important;
  transform: none !important;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card:hover {
  background: #0f1b2d !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected {
  background: #101c2f !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  border-left-color: #22c55e !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.10) !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .mk-plan-ram {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc {
  color: #9fb0c3 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 260px !important;
}

body.plugin-orderclient-main-packages .mk-plan-badge {
  background: rgba(37, 99, 235, 0.14) !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #bfdbfe !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  left: auto !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  min-width: 0 !important;
  padding: 5px 8px !important;
  position: static !important;
  text-align: left !important;
  top: auto !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 112px minmax(170px, 0.72fr) minmax(230px, 1fr) 112px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-price-row,
body.plugin-orderclient-main-packages .mk-plan-billing,
body.plugin-orderclient-main-packages .mk-plan-feature-panel,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer {
  margin: 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-from {
  color: #7f8da0 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-price {
  color: #ffffff !important;
  font-size: 23px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-plan-price span {
  color: #cbd5e1 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-left: 1px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing label {
  color: #7f8da0 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select,
body.plugin-orderclient-main-packages .mk-plan-billing .form-control {
  background: #081321 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 9px !important;
  color: #e5edf7 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 36px !important;
  min-height: 36px !important;
  opacity: 1 !important;
  padding: 5px 10px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select:disabled,
body.plugin-orderclient-main-packages .mk-plan-billing .form-control:disabled {
  background: #081321 !important;
  color: #cbd5e1 !important;
  opacity: 1 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list {
  display: grid !important;
  gap: 5px 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list > div {
  color: #dbe7f5 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  white-space: normal !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list i {
  color: #22c55e !important;
  font-size: 11px !important;
  margin-right: 6px !important;
}

body.plugin-orderclient-main-packages .mk-plan-extra-description {
  display: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer .btn {
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  min-height: 36px !important;
  padding: 7px 10px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .unselected-btn .btn {
  background: #152238 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  color: #e5edf7 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .unselected-btn .btn:hover {
  background: #1a2a43 !important;
  border-color: rgba(34, 197, 94, 0.38) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .selected-btn .btn {
  background: #22c55e !important;
  border: 1px solid #22c55e !important;
  box-shadow: none !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .sold-btn .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .sold-btn div.btn {
  background: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.28) !important;
  color: #fecaca !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child > div {
  justify-content: flex-start !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child > div > div {
  text-align: left !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 8px !important;
  margin-top: 2px !important;
  overflow: visible !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] .btn {
  border-radius: 9px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child small {
  color: #7f8da0 !important;
  font-size: 12px !important;
}

@media (max-width: 1199px) {
  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    grid-template-columns: minmax(190px, 0.7fr) minmax(0, 2fr) !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
    grid-template-columns: 104px minmax(150px, 0.65fr) minmax(220px, 1fr) 104px !important;
    gap: 12px !important;
  }
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages form > .row {
    max-width: 760px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
    grid-template-columns: 110px minmax(170px, 1fr) minmax(0, 1fr) !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer {
    grid-column: 1 / -1 !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order .btn,
  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer .btn {
    width: auto !important;
    min-width: 132px !important;
  }
}

@media (max-width: 767px) {
  body.plugin-orderclient-main-packages > .container-md {
    padding-top: 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title {
    margin-bottom: 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 24px !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format::before {
    font-size: 13px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    padding: 14px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.plugin-orderclient-main-packages .mk-plan-feature-list {
    grid-template-columns: 1fr !important;
  }

  body.plugin-orderclient-main-packages .btn-group[role="group"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .btn-group[role="group"] .btn {
    width: 100% !important;
  }
}

/* === MK3Node compact professional package cleanup END === */

/* === MK3Node shared comparison panel pass START === */

body.plugin-orderclient-main-packages {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.08), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(37, 99, 235, 0.08), transparent 26%),
    linear-gradient(180deg, #07111f 0%, #081421 48%, #050b14 100%) !important;
}

body.plugin-orderclient-main-packages > .container-md {
  max-width: 1180px !important;
  padding-top: 24px !important;
  padding-bottom: 34px !important;
}

body.plugin-orderclient-main-packages .title {
  display: none !important;
}

body.plugin-orderclient-main-packages > .container-md > .row > .col-md-10:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body.plugin-orderclient-main-packages > .container-md > .row > .col-md-2 {
  display: none !important;
}

body.plugin-orderclient-main-packages .section-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 18px !important;
  max-width: 920px !important;
  padding: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title h3,
body.plugin-orderclient-main-packages .section-title h3::before {
  color: #ffffff !important;
  font-size: 31px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 0 8px !important;
  text-align: left !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  content: "Choose your Minecraft Hosting Plan" !important;
}

body.plugin-orderclient-main-packages .section-title p.format,
body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #a8b7ca !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  content: "Instant setup \2022  NVMe storage \2022  DDoS protection \2022  Backups \2022  SFTP \2022  MySQL \2022  Modpack support" !important;
}

body.plugin-orderclient-main-packages form > .row {
  background:
    linear-gradient(180deg, rgba(15, 27, 45, 0.86), rgba(10, 19, 33, 0.92)),
    rgba(8, 19, 33, 0.94) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 22px 70px rgba(0, 0, 0, 0.30) !important;
  margin: 0 !important;
  max-width: 1120px !important;
  overflow: hidden !important;
  padding: 10px !important;
  position: relative !important;
}

body.plugin-orderclient-main-packages form > .row::before {
  align-items: center !important;
  background: rgba(7, 17, 31, 0.64) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-radius: 10px !important;
  color: #7f8da0 !important;
  content: "Plan details      Included resources and support      Price      Billing      Action" !important;
  display: block !important;
  flex: 0 0 100% !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 8px !important;
  padding: 9px 14px !important;
  text-transform: uppercase !important;
  width: 100% !important;
  word-spacing: 24px !important;
}

body.plugin-orderclient-main-packages .package-boxes,
body.plugin-orderclient-main-packages .mk-order-package-col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .package-boxes + .package-boxes {
  margin-top: 8px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
  background: rgba(12, 23, 39, 0.86) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-left: 3px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #e5edf7 !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(200px, 0.82fr) minmax(0, 2.8fr) !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 14px !important;
  position: relative !important;
  transform: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card:hover {
  background: rgba(15, 29, 49, 0.94) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18) !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected {
  background: rgba(16, 32, 52, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  border-left-color: #22c55e !important;
  box-shadow:
    0 0 0 1px rgba(34, 197, 94, 0.10),
    0 12px 38px rgba(34, 197, 94, 0.06) !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name h4 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  text-align: left !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card.selected .package-name h4::after {
  background: rgba(34, 197, 94, 0.12) !important;
  border: 1px solid rgba(34, 197, 94, 0.24) !important;
  border-radius: 999px !important;
  color: #86efac !important;
  content: "Selected" !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  margin-left: 8px !important;
  padding: 4px 7px !important;
  vertical-align: middle !important;
}

body.plugin-orderclient-main-packages .mk-plan-badge {
  background: rgba(37, 99, 235, 0.14) !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #bfdbfe !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  left: auto !important;
  line-height: 1 !important;
  margin: 0 0 7px !important;
  min-width: 0 !important;
  padding: 4px 7px !important;
  position: static !important;
  text-shadow: none !important;
  top: auto !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .mk-plan-ram {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc {
  color: #9fb0c3 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  max-width: 260px !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(330px, 1.55fr) 104px minmax(160px, 0.72fr) 106px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-panel,
body.plugin-orderclient-main-packages .mk-plan-price-row,
body.plugin-orderclient-main-packages .mk-plan-billing,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer {
  margin: 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list > div {
  align-items: center !important;
  background: rgba(7, 17, 31, 0.58) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 8px !important;
  color: #dbe7f5 !important;
  display: flex !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  min-height: 30px !important;
  min-width: 0 !important;
  padding: 6px 8px !important;
  white-space: normal !important;
}

body.plugin-orderclient-main-packages .mk-plan-feature-list i {
  color: #22c55e !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  margin-right: 6px !important;
}

body.plugin-orderclient-main-packages .mk-plan-extra-description {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-plan-from,
body.plugin-orderclient-main-packages .mk-plan-billing label {
  color: #7f8da0 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.015em !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-plan-price {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-plan-price span {
  color: #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-left: 1px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select,
body.plugin-orderclient-main-packages .mk-plan-billing .form-control {
  background: #081321 !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 8px !important;
  color: #e5edf7 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  height: 34px !important;
  min-height: 34px !important;
  opacity: 1 !important;
  padding: 5px 9px !important;
}

body.plugin-orderclient-main-packages .mk-plan-billing select:disabled,
body.plugin-orderclient-main-packages .mk-plan-billing .form-control:disabled {
  background: #081321 !important;
  color: #dbe7f5 !important;
  opacity: 1 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .order .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .card-footer .btn {
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .unselected-btn .btn {
  background: #142238 !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  color: #e5edf7 !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .unselected-btn .btn:hover {
  background: #182943 !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .selected-btn .btn {
  background: #22c55e !important;
  border: 1px solid #22c55e !important;
  box-shadow: none !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .sold-btn .btn,
body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .sold-btn div.btn {
  background: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.28) !important;
  color: #fecaca !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child {
  border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
  flex: 0 0 100% !important;
  margin-top: 10px !important;
  max-width: 100% !important;
  padding: 10px 0 0 !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child > div {
  justify-content: flex-end !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child > div > div {
  text-align: right !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 8px !important;
  margin-top: 0 !important;
  overflow: visible !important;
}

body.plugin-orderclient-main-packages .btn-group[role="group"] .btn {
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
}

body.plugin-orderclient-main-packages form > .row > .col-md-12:last-child small {
  color: #7f8da0 !important;
  font-size: 12px !important;
}

@media (max-width: 1199px) {
  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    grid-template-columns: minmax(190px, 0.72fr) minmax(0, 2.2fr) !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
    grid-template-columns: minmax(280px, 1.3fr) 96px minmax(150px, 0.72fr) 98px !important;
  }

  body.plugin-orderclient-main-packages .mk-plan-feature-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages form > .row::before {
    content: "Plan comparison" !important;
    word-spacing: normal !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
    grid-template-columns: minmax(0, 1fr) 96px minmax(150px, 0.85fr) 100px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .package-name.card-header {
    align-self: stretch !important;
  }
}

@media (max-width: 767px) {
  body.plugin-orderclient-main-packages > .container-md {
    padding-top: 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title {
    margin-bottom: 14px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 24px !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format::before {
    font-size: 13px !important;
  }

  body.plugin-orderclient-main-packages form > .row {
    border-radius: 12px !important;
    padding: 8px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card {
    padding: 12px !important;
  }

  body.plugin-orderclient-main-packages .package-boxes .mk-order-package-card .price-box {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.plugin-orderclient-main-packages .mk-plan-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .btn-group[role="group"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .btn-group[role="group"] .btn {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  body.plugin-orderclient-main-packages .mk-plan-feature-list {
    grid-template-columns: 1fr !important;
  }
}

/* === MK3Node shared comparison panel pass END === */

/* === MK3Node real comparison table pass START === */
body.plugin-orderclient-main-packages > .container-md,
body.plugin-orderclient-main-packages .container-md {
  max-width: 1180px !important;
  padding-top: 26px !important;
}

body.plugin-orderclient-main-packages > .container-md > .row:has(.section-title) {
  justify-content: flex-start !important;
}

body.plugin-orderclient-main-packages > .container-md > .row:has(.section-title) > [class*="col-"] {
  display: block !important;
  justify-content: flex-start !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.plugin-orderclient-main-packages .section-title {
  margin: 0 0 18px !important;
  max-width: 960px !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title h3 {
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  text-align: left !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  color: #f8fbff !important;
  content: "Choose your Minecraft Hosting Plan" !important;
  display: block !important;
  font-size: 32px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .section-title h3::after {
  display: none !important;
}

body.plugin-orderclient-main-packages .section-title p.format {
  color: transparent !important;
  font-size: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #9fb0c5 !important;
  content: "Instant setup \2022  NVMe storage \2022  DDoS protection \2022  Backups \2022  SFTP \2022  MySQL \2022  Modpack support" !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(7, 17, 31, 0.96)),
    #07111f !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.32) !important;
  display: block !important;
  margin: 0 !important;
  max-width: 1140px !important;
  overflow: hidden !important;
  padding: 12px !important;
  position: relative !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell::before {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.7), rgba(56, 189, 248, 0.36), transparent) !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  left: 12px !important;
  opacity: 0.7 !important;
  position: absolute !important;
  right: 12px !important;
  top: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-head,
body.plugin-orderclient-main-packages .mk-compare-package {
  grid-template-columns: minmax(150px, 0.95fr) minmax(390px, 1.85fr) minmax(112px, 0.58fr) minmax(172px, 0.78fr) minmax(120px, 0.58fr) !important;
}

body.plugin-orderclient-main-packages .mk-compare-head {
  align-items: center !important;
  background: rgba(7, 17, 31, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-radius: 10px !important;
  color: #7f8da0 !important;
  display: grid !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  gap: 12px !important;
  letter-spacing: 0.06em !important;
  padding: 9px 14px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell > .package-boxes.mk-compare-package-row {
  display: block !important;
  flex: 0 0 100% !important;
  margin: 8px 0 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
  align-items: center !important;
  background: rgba(11, 18, 32, 0.84) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-left: 3px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #dbe7f5 !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 12px !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 12px 14px !important;
  text-shadow: none !important;
  transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package::before,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package::after {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package:hover {
  background: rgba(15, 26, 46, 0.94) !important;
  border-color: rgba(34, 197, 94, 0.30) !important;
  transform: translateY(-1px) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.12), rgba(17, 24, 39, 0.94)) !important;
  border-color: rgba(34, 197, 94, 0.48) !important;
  border-left-color: #22c55e !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.10), 0 14px 30px rgba(0, 0, 0, 0.20) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan,
body.plugin-orderclient-main-packages .mk-compare-shell .package-name {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan::before,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan::after {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-badge {
  background: rgba(59, 130, 246, 0.16) !important;
  border: 1px solid rgba(96, 165, 250, 0.36) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #93c5fd !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  margin: 0 0 6px !important;
  padding: 4px 8px !important;
  position: static !important;
  text-transform: uppercase !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan h4 {
  color: #ffffff !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  gap: 6px !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  margin: 0 0 5px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected .mk-compare-plan h4::after {
  align-self: center !important;
  background: rgba(34, 197, 94, 0.16) !important;
  border: 1px solid rgba(34, 197, 94, 0.34) !important;
  border-radius: 999px !important;
  color: #86efac !important;
  content: "Selected" !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
  padding: 3px 7px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-desc {
  color: #9fb0c5 !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 230px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
  align-items: stretch !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs > div {
  background: rgba(7, 17, 31, 0.58) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 7px !important;
  color: #dbe7f5 !important;
  line-height: 1.12 !important;
  min-height: 34px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs > div:hover {
  border-color: rgba(34, 197, 94, 0.22) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs strong {
  color: #f8fbff !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs span {
  color: #8aa0b9 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-extra-description {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price,
body.plugin-orderclient-main-packages .mk-compare-shell .price-box {
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price > span {
  color: #7f8da0 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price small {
  color: #a8b7ca !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-left: 2px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing {
  align-self: center !important;
  display: block !important;
  min-width: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing label {
  color: #7f8da0 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing select,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing .form-control {
  background: #081321 !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #e5edf7 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  height: 36px !important;
  line-height: 1.2 !important;
  min-height: 36px !important;
  opacity: 1 !important;
  padding: 6px 9px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing select:disabled,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing .form-control:disabled {
  background: #081321 !important;
  color: #cbd5e1 !important;
  opacity: 1 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action {
  align-self: center !important;
  min-width: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .order {
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .btn {
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  justify-content: center !important;
  line-height: 1.1 !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  text-shadow: none !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .unselected-btn .btn {
  background: #142238 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  color: #e5edf7 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .unselected-btn .btn:hover {
  background: #172a45 !important;
  border-color: rgba(34, 197, 94, 0.38) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .selected-btn .btn {
  background: #22c55e !important;
  border: 1px solid #22c55e !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .sold-btn .btn,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .sold-btn div.btn {
  background: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.28) !important;
  color: #fecaca !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer {
  align-items: center !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: flex-end !important;
  margin-top: 10px !important;
  padding: 12px 2px 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer small {
  color: #7f8da0 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 auto 0 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 8px !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] .btn {
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] .btn-success {
  background: #22c55e !important;
  border-color: #22c55e !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] .btn-secondary {
  background: #142238 !important;
  border-color: rgba(148, 163, 184, 0.20) !important;
  color: #dbe7f5 !important;
}

@media (max-width: 1199px) {
  body.plugin-orderclient-main-packages .mk-compare-head,
  body.plugin-orderclient-main-packages .mk-compare-package {
    grid-template-columns: minmax(145px, 0.9fr) minmax(320px, 1.6fr) minmax(105px, 0.55fr) minmax(160px, 0.75fr) minmax(112px, 0.55fr) !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages .mk-compare-head {
    display: none !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    padding: 13px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-desc {
    max-width: none !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price,
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing,
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.plugin-orderclient-main-packages > .container-md,
  body.plugin-orderclient-main-packages .container-md {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 25px !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format::before {
    font-size: 13px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell {
    border-radius: 12px !important;
    padding: 10px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-footer small {
    margin: 0 !important;
    order: -1 !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] .btn {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: 1fr !important;
  }
}
/* === MK3Node real comparison table pass END === */

/* === MK3Node polished comparison order pass START === */
body.plugin-orderclient-main-packages > .container-md,
body.plugin-orderclient-main-packages .container-md {
  max-width: 1160px !important;
  padding-top: 24px !important;
}

body.plugin-orderclient-main-packages .section-title {
  background:
    radial-gradient(circle at 14% 0%, rgba(34, 197, 94, 0.16), transparent 36%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(8, 16, 29, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  margin: 0 0 22px !important;
  max-width: 1120px !important;
  overflow: hidden !important;
  padding: 22px 24px 20px !important;
  position: relative !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .section-title::before {
  background: linear-gradient(180deg, #22c55e, rgba(56, 189, 248, 0.72)) !important;
  bottom: 18px !important;
  content: "" !important;
  display: block !important;
  left: 0 !important;
  position: absolute !important;
  top: 18px !important;
  width: 3px !important;
}

body.plugin-orderclient-main-packages .section-title::after {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.35), rgba(56, 189, 248, 0.16), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  left: 24px !important;
  position: absolute !important;
  right: 24px !important;
}

body.plugin-orderclient-main-packages .section-title h3 {
  margin-bottom: 9px !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  max-width: 760px !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #b7c8de !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell {
  background:
    radial-gradient(circle at 6% 0%, rgba(34, 197, 94, 0.10), transparent 28%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.94), rgba(7, 17, 31, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34) !important;
  max-width: 1120px !important;
  padding: 14px !important;
}

body.plugin-orderclient-main-packages .mk-compare-head {
  background: rgba(6, 13, 24, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  color: #8da3bd !important;
  gap: 14px !important;
  grid-template-columns: minmax(185px, 0.85fr) minmax(0, 2.6fr) minmax(108px, 0.42fr) minmax(210px, 0.78fr) minmax(112px, 0.42fr) !important;
  padding: 11px 18px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell > .package-boxes.mk-compare-package-row {
  margin-top: 10px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
  align-items: stretch !important;
  background: rgba(10, 18, 31, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
  border-left-width: 1px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
  filter: none !important;
  gap: 10px 14px !important;
  grid-template-areas:
    "plan specs specs specs action"
    "plan price billing billing action" !important;
  grid-template-columns: minmax(185px, 0.85fr) minmax(108px, 0.42fr) minmax(0, 1fr) minmax(210px, 0.78fr) minmax(112px, 0.42fr) !important;
  min-height: 132px !important;
  opacity: 1 !important;
  padding: 16px 18px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package:hover {
  background: rgba(13, 24, 40, 0.98) !important;
  border-color: rgba(34, 197, 94, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 16px 38px rgba(0, 0, 0, 0.22) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected {
  background:
    linear-gradient(90deg, rgba(34, 197, 94, 0.15), rgba(12, 23, 37, 0.98) 34%, rgba(10, 18, 31, 0.96)) !important;
  border-color: rgba(34, 197, 94, 0.58) !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.12), 0 18px 44px rgba(0, 0, 0, 0.25) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan,
body.plugin-orderclient-main-packages .mk-compare-shell .package-name {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: plan !important;
  justify-content: center !important;
  padding-right: 10px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-badge {
  align-self: flex-start !important;
  margin-bottom: 8px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan h4 {
  font-size: 18px !important;
  line-height: 1.1 !important;
  margin-bottom: 7px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-desc {
  color: #c5d3e4 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
  max-width: 245px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
  align-self: stretch !important;
  display: grid !important;
  gap: 7px !important;
  grid-area: specs !important;
  grid-template-columns: repeat(auto-fit, minmax(66px, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs > div {
  align-items: center !important;
  background: rgba(7, 17, 31, 0.66) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  border-radius: 9px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 6px 8px !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected .mk-compare-specs > div {
  background: rgba(7, 17, 31, 0.76) !important;
  border-color: rgba(34, 197, 94, 0.20) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs strong {
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs span {
  color: #9fb2ca !important;
  font-size: 10px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price,
body.plugin-orderclient-main-packages .mk-compare-shell .price-box {
  align-self: stretch !important;
  background: rgba(7, 17, 31, 0.52) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: price !important;
  justify-content: center !important;
  padding: 9px 10px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price > span {
  font-size: 9px !important;
  margin-bottom: 5px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price strong {
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price small {
  color: #b8c7da !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: billing !important;
  justify-content: center !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing label {
  color: #9fb2ca !important;
  font-size: 9px !important;
  margin-bottom: 6px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing select,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing .form-control,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing select:disabled,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing .form-control:disabled {
  background: #07111f !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  border-radius: 10px !important;
  color: #f8fbff !important;
  font-size: 12px !important;
  height: 42px !important;
  min-height: 42px !important;
  opacity: 1 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action {
  align-self: stretch !important;
  display: flex !important;
  grid-area: action !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .order {
  height: 100% !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .btn {
  align-items: center !important;
  align-self: stretch !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  font-size: 12px !important;
  height: 100% !important;
  min-height: 46px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .unselected-btn .btn {
  background: rgba(20, 34, 56, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #f1f7ff !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .selected-btn .btn,
body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] .btn-success {
  background: #24c866 !important;
  border-color: #24c866 !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer {
  padding: 14px 4px 2px !important;
}

@media (max-width: 1199px) {
  body.plugin-orderclient-main-packages .mk-compare-head {
    grid-template-columns: minmax(170px, 0.8fr) minmax(0, 2.3fr) minmax(100px, 0.4fr) minmax(190px, 0.75fr) minmax(104px, 0.4fr) !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
    grid-template-columns: minmax(170px, 0.8fr) minmax(100px, 0.4fr) minmax(0, 1fr) minmax(190px, 0.75fr) minmax(104px, 0.4fr) !important;
  }
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages .section-title {
    padding: 20px 20px 18px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
    grid-template-areas:
      "plan"
      "specs"
      "price"
      "billing"
      "action" !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan,
  body.plugin-orderclient-main-packages .mk-compare-shell .package-name {
    padding-right: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-desc {
    max-width: none !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 26px !important;
  }

  body.plugin-orderclient-main-packages .section-title {
    border-radius: 14px !important;
    margin-bottom: 16px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell {
    padding: 10px !important;
  }
}

@media (max-width: 480px) {
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 23px !important;
  }
}
/* === MK3Node polished comparison order pass END === */

/* === MK3Node price visibility hotfix START === */
body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box {
  align-items: flex-start !important;
  align-self: stretch !important;
  background: rgba(7, 17, 31, 0.52) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  grid-area: price !important;
  grid-template-columns: none !important;
  justify-content: center !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 9px 10px !important;
  position: static !important;
  text-align: left !important;
  transform: none !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box > span,
body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box strong,
body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box small {
  left: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  transform: none !important;
  width: auto !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box > span {
  color: #9fb2ca !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box small {
  color: #b8c7da !important;
  display: inline !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-left: 2px !important;
}
/* === MK3Node price visibility hotfix END === */

/* === MK3Node hosting plan blocks pass10 START === */
body.plugin-orderclient-main-packages > .container-md,
body.plugin-orderclient-main-packages .container-md {
  max-width: 1180px !important;
  padding-top: 24px !important;
}

body.plugin-orderclient-main-packages .section-title {
  background:
    radial-gradient(circle at 9% 0%, rgba(34, 197, 94, 0.20), transparent 34%),
    linear-gradient(135deg, rgba(13, 22, 38, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34) !important;
  margin: 0 0 18px !important;
  max-width: 1120px !important;
  min-height: 0 !important;
  padding: 24px 26px 22px !important;
}

body.plugin-orderclient-main-packages .section-title::before {
  background: linear-gradient(180deg, #24c866, #38bdf8) !important;
  border-radius: 999px !important;
  bottom: 20px !important;
  left: 0 !important;
  top: 20px !important;
  width: 4px !important;
}

body.plugin-orderclient-main-packages .section-title::after {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.44), rgba(56, 189, 248, 0.18), transparent) !important;
  left: 26px !important;
  right: 26px !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  content: "Choose Your Minecraft Hosting Plan" !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.04 !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #b7c8de !important;
  content: "Instant setup • NVMe storage • DDoS protection • Daily backups • SFTP • MySQL • Modpack support" !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-width: 1120px !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-head {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell > .package-boxes.mk-compare-package-row {
  margin: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
  --mk-rail-width: 286px;
  align-items: stretch !important;
  background:
    linear-gradient(110deg, rgba(34, 197, 94, 0.06), transparent 34%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.97), rgba(8, 15, 28, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  color: #e7eef8 !important;
  display: grid !important;
  gap: 10px 18px !important;
  grid-template-areas:
    "plan specs price"
    "plan specs billing"
    "plan specs action" !important;
  grid-template-columns: minmax(220px, 0.82fr) minmax(360px, 1.46fr) minmax(250px, 0.86fr) !important;
  grid-template-rows: auto auto 44px !important;
  min-height: 168px !important;
  overflow: hidden !important;
  padding: 18px !important;
  position: relative !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package::after {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, 0.76), rgba(9, 19, 34, 0.88)) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 14px !important;
  bottom: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  content: "" !important;
  display: block !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
  width: var(--mk-rail-width) !important;
  z-index: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package > * {
  position: relative !important;
  z-index: 1 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package:hover {
  background:
    linear-gradient(110deg, rgba(34, 197, 94, 0.10), transparent 38%),
    linear-gradient(180deg, rgba(17, 27, 45, 0.98), rgba(8, 15, 28, 0.99)) !important;
  border-color: rgba(34, 197, 94, 0.30) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected {
  background:
    linear-gradient(110deg, rgba(34, 197, 94, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(16, 28, 44, 0.99), rgba(8, 16, 29, 0.99)) !important;
  border-color: rgba(34, 197, 94, 0.58) !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.10), 0 22px 62px rgba(0, 0, 0, 0.30) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected::after {
  border-color: rgba(34, 197, 94, 0.28) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan,
body.plugin-orderclient-main-packages .mk-compare-shell .package-name {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: plan !important;
  justify-content: center !important;
  padding: 0 4px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-badge {
  background: rgba(59, 130, 246, 0.16) !important;
  border: 1px solid rgba(96, 165, 250, 0.38) !important;
  border-radius: 999px !important;
  color: #bfdbfe !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  margin: 0 0 10px !important;
  padding: 5px 9px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan h4 {
  color: #ffffff !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  letter-spacing: -0.01em !important;
  line-height: 1.04 !important;
  margin: 0 0 8px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected .mk-compare-plan h4::after {
  background: rgba(34, 197, 94, 0.15) !important;
  border: 1px solid rgba(34, 197, 94, 0.36) !important;
  color: #86efac !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-desc {
  color: #c8d5e6 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
  max-width: 250px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
  align-content: center !important;
  align-self: stretch !important;
  display: grid !important;
  gap: 8px !important;
  grid-area: specs !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs > div {
  align-items: center !important;
  background: rgba(7, 17, 31, 0.58) !important;
  border: 1px solid rgba(148, 163, 184, 0.13) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 7px 8px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package.selected .mk-compare-specs > div {
  background: rgba(7, 17, 31, 0.70) !important;
  border-color: rgba(34, 197, 94, 0.20) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs strong {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs span {
  color: #9eb2cb !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  margin-top: 3px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price,
body.plugin-orderclient-main-packages .mk-compare-shell .price-box {
  align-items: flex-start !important;
  align-self: end !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: price !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 0 2px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box > span,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price > span {
  color: #9eb2cb !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box strong,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box small,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price small {
  color: #b8c7da !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-left: 2px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing {
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: billing !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing label {
  color: #9eb2cb !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  margin: 0 0 7px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing select,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing .form-control,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing select:disabled,
body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-billing .form-control:disabled {
  background: #07111f !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 11px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  height: 42px !important;
  min-height: 42px !important;
  opacity: 1 !important;
  padding: 7px 11px !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action {
  align-self: stretch !important;
  display: flex !important;
  grid-area: action !important;
  min-width: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .order {
  height: 100% !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .btn {
  align-items: center !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 44px !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  text-shadow: none !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .unselected-btn .btn {
  background: rgba(20, 34, 56, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: #f4f8ff !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .unselected-btn .btn:hover {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.42) !important;
}

body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-action .selected-btn .btn {
  background: #24c866 !important;
  border: 1px solid #24c866 !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer {
  background: rgba(11, 18, 32, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 14px !important;
  margin-top: 4px !important;
  padding: 12px 14px !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn-group[role="group"] .btn {
  border-radius: 10px !important;
}

@media (max-width: 1120px) {
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
    --mk-rail-width: 270px;
    grid-template-columns: minmax(190px, 0.75fr) minmax(300px, 1.25fr) minmax(236px, 0.82fr) !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package {
    --mk-rail-width: 0px;
    grid-template-areas:
      "plan"
      "specs"
      "price"
      "billing"
      "action" !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    padding: 16px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-package::after {
    content: none !important;
    display: none !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-plan-desc {
    max-width: none !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box,
  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-price,
  body.plugin-orderclient-main-packages .mk-compare-shell .price-box {
    background: rgba(7, 17, 31, 0.58) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 12px !important;
    padding: 12px !important;
  }
}

@media (max-width: 640px) {
  body.plugin-orderclient-main-packages .section-title {
    padding: 20px 18px 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 26px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-plan h4 {
    font-size: 22px !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell .mk-compare-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* === MK3Node hosting plan blocks pass10 END === */

/* === MK3Node polished card grid pass11 START === */
body.plugin-orderclient-main-packages > .container-md,
body.plugin-orderclient-main-packages .container-md {
  max-width: 1220px !important;
  padding-top: 26px !important;
}

body.plugin-orderclient-main-packages .section-title {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 26px !important;
  max-width: 980px !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title::before,
body.plugin-orderclient-main-packages .section-title::after {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .section-title h3 {
  margin: 0 0 10px !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  color: #ffffff !important;
  content: "Choose Your Minecraft Hosting Plan" !important;
  display: block !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.06 !important;
  text-align: center !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .section-title p.format {
  text-align: center !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #b5c6dc !important;
  content: "Instant setup • NVMe storage • DDoS protection • Daily backups • SFTP • MySQL • Modpack support" !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell,
body.plugin-orderclient-main-packages .mk-compare-shell.mk-card-grid-shell {
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-head {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell > .package-boxes.mk-card-grid-item {
  display: block !important;
  flex: none !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
  --mk-card-accent: #24c866;
  --mk-card-accent-rgb: 36, 200, 102;
  align-items: stretch !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(var(--mk-card-accent-rgb), 0.17), transparent 32%),
    linear-gradient(180deg, rgba(9, 17, 31, 0.98), rgba(4, 11, 21, 0.99)) !important;
  border: 1px solid rgba(var(--mk-card-accent-rgb), 0.30) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  color: #edf5ff !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  height: 100% !important;
  min-height: 560px !important;
  overflow: hidden !important;
  padding: 18px !important;
  position: relative !important;
  text-align: left !important;
  transform: none !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease, background 150ms ease !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package::before {
  background: linear-gradient(90deg, rgba(var(--mk-card-accent-rgb), 0.86), rgba(var(--mk-card-accent-rgb), 0.18), transparent) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  left: 18px !important;
  position: absolute !important;
  right: 18px !important;
  top: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package::after {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package:hover {
  border-color: rgba(var(--mk-card-accent-rgb), 0.52) !important;
  box-shadow: 0 26px 68px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(var(--mk-card-accent-rgb), 0.10) !important;
  transform: translateY(-2px) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package.selected {
  background:
    radial-gradient(circle at 24% 0%, rgba(var(--mk-card-accent-rgb), 0.24), transparent 34%),
    linear-gradient(180deg, rgba(11, 22, 38, 0.99), rgba(4, 11, 21, 0.99)) !important;
  border-color: rgba(var(--mk-card-accent-rgb), 0.74) !important;
  box-shadow: 0 0 0 1px rgba(var(--mk-card-accent-rgb), 0.20), 0 28px 74px rgba(0, 0, 0, 0.42) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-performance {
  --mk-card-accent: #38bdf8;
  --mk-card-accent-rgb: 56, 189, 248;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-modpack {
  --mk-card-accent: #a855f7;
  --mk-card-accent-rgb: 168, 85, 247;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-plan,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-name {
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  grid-area: auto !important;
  justify-content: flex-start !important;
  min-height: 112px !important;
  padding: 0 !important;
  position: relative !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-kicker {
  color: var(--mk-card-accent) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  margin: 0 0 7px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-badge {
  align-items: center !important;
  align-self: flex-start !important;
  background: rgba(56, 189, 248, 0.17) !important;
  border: 1px solid rgba(125, 211, 252, 0.44) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #d9f4ff !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  left: auto !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  min-width: 0 !important;
  padding: 5px 9px !important;
  position: static !important;
  text-align: left !important;
  text-transform: uppercase !important;
  top: auto !important;
  transform: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-plan h4 {
  color: #ffffff !important;
  display: block !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  margin: 0 0 6px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package.selected .mk-compare-plan h4::after {
  background: rgba(var(--mk-card-accent-rgb), 0.17) !important;
  border: 1px solid rgba(var(--mk-card-accent-rgb), 0.36) !important;
  border-radius: 999px !important;
  color: #ecfeff !important;
  content: "Selected" !important;
  display: inline-flex !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin-left: 8px !important;
  padding: 4px 7px !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-ram-line {
  color: var(--mk-card-accent) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin: 0 0 8px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-desc {
  color: #c3d1e4 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
  margin: 0 !important;
  max-width: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs {
  align-content: start !important;
  align-self: auto !important;
  display: grid !important;
  flex: 1 1 auto !important;
  gap: 6px !important;
  grid-area: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs > div {
  align-items: flex-start !important;
  background: rgba(7, 17, 31, 0.62) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 6px 8px !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package.selected .mk-compare-specs > div {
  border-color: rgba(var(--mk-card-accent-rgb), 0.22) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs span {
  color: #9fb2ca !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  margin-top: 3px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-commerce {
  background: rgba(7, 17, 31, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 14px !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 9px !important;
  margin-top: 2px !important;
  padding: 12px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-price,
body.plugin-orderclient-main-packages .mk-card-grid-shell .price-box {
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: auto !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-price > span,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box > span {
  color: #9fb2ca !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-price strong,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-price small,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box small {
  color: #b8c7da !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-left: 2px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-billing {
  display: flex !important;
  flex-direction: column !important;
  grid-area: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing label,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-billing label {
  color: #9fb2ca !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin: 0 0 7px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing select,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing .form-control,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing select:disabled,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing .form-control:disabled {
  background: #07111f !important;
  border: 1px solid rgba(var(--mk-card-accent-rgb), 0.26) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  height: 38px !important;
  min-height: 38px !important;
  opacity: 1 !important;
  padding: 7px 11px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action {
  display: flex !important;
  grid-area: auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .order {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .btn {
  align-items: center !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 40px !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  text-shadow: none !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .unselected-btn .btn {
  background: rgba(var(--mk-card-accent-rgb), 0.16) !important;
  border: 1px solid rgba(var(--mk-card-accent-rgb), 0.34) !important;
  color: #f7fbff !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .unselected-btn .btn:hover {
  background: rgba(var(--mk-card-accent-rgb), 0.26) !important;
  border-color: rgba(var(--mk-card-accent-rgb), 0.58) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .selected-btn .btn {
  background: var(--mk-card-accent) !important;
  border: 1px solid var(--mk-card-accent) !important;
  color: #04111f !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
  align-items: center !important;
  background: rgba(7, 17, 31, 0.70) !important;
  border: 1px solid rgba(148, 163, 184, 0.13) !important;
  border-radius: 14px !important;
  display: flex !important;
  gap: 14px !important;
  grid-column: 1 / -1 !important;
  justify-content: flex-end !important;
  margin: 2px 0 0 !important;
  padding: 12px 14px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer small {
  color: #9fb2ca !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  margin: 0 auto 0 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] {
  display: inline-flex !important;
  gap: 8px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn {
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  min-height: 40px !important;
  padding: 10px 14px !important;
}

@media (max-width: 1100px) {
  body.plugin-orderclient-main-packages .mk-card-grid-shell,
  body.plugin-orderclient-main-packages .mk-compare-shell.mk-card-grid-shell {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages > .container-md,
  body.plugin-orderclient-main-packages .container-md {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 28px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell,
  body.plugin-orderclient-main-packages .mk-compare-shell.mk-card-grid-shell {
    gap: 14px !important;
    grid-template-columns: 1fr !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
    min-height: 0 !important;
    padding: 18px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer small {
    margin: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] {
    flex-direction: column !important;
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn {
    width: 100% !important;
  }
}
/* === MK3Node polished card grid pass11 END === */

/* === MK3Node visual product cards pass12 START === */
body.plugin-orderclient-main-packages .section-title {
  margin-bottom: 24px !important;
  max-width: 1040px !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  content: "Choose your Minecraft server" !important;
  font-size: 40px !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  content: "Low-latency RO/EU hosting • NVMe storage • DDoS protection • Backups • SFTP • MySQL • Modpack support" !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell,
body.plugin-orderclient-main-packages .mk-compare-shell.mk-card-grid-shell {
  gap: 20px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
  background:
    linear-gradient(180deg, rgba(9, 17, 31, 0.96), rgba(4, 11, 21, 0.99)) !important;
  border-color: rgba(var(--mk-card-accent-rgb), 0.34) !important;
  gap: 12px !important;
  min-height: 620px !important;
  padding: 14px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package:hover {
  transform: translateY(-3px) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package.selected {
  border-color: rgba(var(--mk-card-accent-rgb), 0.78) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual {
  background:
    radial-gradient(circle at 24% 18%, rgba(var(--mk-card-accent-rgb), 0.55), transparent 18%),
    linear-gradient(180deg, rgba(10, 27, 46, 0.96), rgba(4, 10, 19, 0.98)) !important;
  border: 1px solid rgba(var(--mk-card-accent-rgb), 0.28) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 38px rgba(0, 0, 0, 0.24) !important;
  height: 92px !important;
  overflow: hidden !important;
  position: relative !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual::before {
  background:
    linear-gradient(90deg, rgba(var(--mk-card-accent-rgb), 0.42), transparent 46%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 16px) !important;
  bottom: 0 !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: auto !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual-sky {
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.18), transparent 10%),
    linear-gradient(135deg, rgba(56, 189, 248, 0.16), transparent 45%) !important;
  inset: 0 !important;
  position: absolute !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual-ground {
  background:
    repeating-linear-gradient(90deg, rgba(var(--mk-card-accent-rgb), 0.34) 0 13px, rgba(7, 17, 31, 0.70) 13px 26px),
    linear-gradient(180deg, rgba(34, 197, 94, 0.34), rgba(7, 17, 31, 0.92)) !important;
  bottom: 0 !important;
  height: 32px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual-object {
  background:
    linear-gradient(180deg, rgba(var(--mk-card-accent-rgb), 0.98), rgba(var(--mk-card-accent-rgb), 0.36)) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 9px !important;
  bottom: 26px !important;
  box-shadow:
    42px 14px 0 -6px rgba(7, 17, 31, 0.96),
    42px 14px 0 -4px rgba(var(--mk-card-accent-rgb), 0.38),
    -34px 22px 0 -12px rgba(255, 255, 255, 0.20),
    0 0 32px rgba(var(--mk-card-accent-rgb), 0.36) !important;
  height: 48px !important;
  left: 50% !important;
  position: absolute !important;
  transform: translateX(-50%) rotate(-2deg) !important;
  width: 54px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual-object::before {
  background:
    linear-gradient(90deg, rgba(7, 17, 31, 0.88) 0 16px, transparent 16px 22px, rgba(7, 17, 31, 0.88) 22px 38px) !important;
  border-radius: 6px !important;
  content: "" !important;
  display: block !important;
  height: 12px !important;
  left: 8px !important;
  position: absolute !important;
  top: 13px !important;
  width: 38px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-performance .mk-card-visual {
  background:
    radial-gradient(circle at 50% 18%, rgba(56, 189, 248, 0.52), transparent 18%),
    linear-gradient(180deg, rgba(9, 28, 48, 0.98), rgba(4, 10, 19, 0.99)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-performance .mk-card-visual-object {
  border-radius: 12px 12px 6px 6px !important;
  transform: translateX(-50%) rotate(2deg) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-modpack .mk-card-visual {
  background:
    radial-gradient(circle at 50% 36%, rgba(168, 85, 247, 0.58), transparent 28%),
    linear-gradient(180deg, rgba(25, 12, 42, 0.98), rgba(5, 9, 18, 0.99)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-modpack .mk-card-visual-object {
  border-radius: 14px !important;
  transform: translateX(-50%) rotate(45deg) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-plan,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-name {
  min-height: 96px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-kicker {
  color: rgba(255, 255, 255, 0.66) !important;
  margin-bottom: 6px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-plan h4 {
  font-size: 25px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-ram-line {
  color: var(--mk-card-accent) !important;
  font-size: 15px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-plan-desc {
  color: #c7d4e5 !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs {
  gap: 6px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs > div {
  min-height: 36px !important;
  padding: 5px 7px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs strong {
  font-size: 11px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs span {
  font-size: 9px !important;
  margin-top: 2px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-commerce {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, 0.78), rgba(7, 17, 31, 0.66)) !important;
  border-color: rgba(var(--mk-card-accent-rgb), 0.18) !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding: 10px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-price strong,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-boxes .mk-order-package-card .mk-compare-price.price-box strong {
  font-size: 26px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing select,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing .form-control,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing select:disabled,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-billing .form-control:disabled {
  height: 36px !important;
  min-height: 36px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .btn {
  height: 38px !important;
  min-height: 38px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-action .unselected-btn .btn {
  background: linear-gradient(180deg, rgba(var(--mk-card-accent-rgb), 0.22), rgba(var(--mk-card-accent-rgb), 0.13)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
    min-height: 600px !important;
  }
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual {
    height: 98px !important;
  }
}
/* === MK3Node visual product cards pass12 END === */

/* === MK3Node brand title action polish pass13 START === */
body.plugin-orderclient-main-packages .header,
body.plugin-orderclient-main-packages .mk-preview-top {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.12), transparent 28%),
    linear-gradient(180deg, #07111f 0%, #081525 100%) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.12) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.20) !important;
  min-height: 76px !important;
}

body.plugin-orderclient-main-packages .header .container,
body.plugin-orderclient-main-packages .header .container-md,
body.plugin-orderclient-main-packages .mk-preview-top .mk-preview-inner {
  align-items: center !important;
  display: flex !important;
  min-height: 76px !important;
}

body.plugin-orderclient-main-packages .navbar-brand,
body.plugin-orderclient-main-packages .header .logo,
body.plugin-orderclient-main-packages .header a.logo,
body.plugin-orderclient-main-packages .mk-preview-brand {
  align-items: center !important;
  color: #24e877 !important;
  display: inline-flex !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  gap: 10px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 40px !important;
  position: relative !important;
  text-decoration: none !important;
  text-shadow: 0 0 20px rgba(34, 197, 94, 0.18) !important;
}

body.plugin-orderclient-main-packages .navbar-brand::before,
body.plugin-orderclient-main-packages .header .logo::before,
body.plugin-orderclient-main-packages .header a.logo::before,
body.plugin-orderclient-main-packages .mk-preview-brand::before {
  background:
    linear-gradient(180deg, rgba(34, 197, 94, 0.12), rgba(34, 197, 94, 0.02)),
    #07111f !important;
  border: 2px solid #24e877 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 22px rgba(34, 197, 94, 0.18) !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  transform: rotate(30deg) !important;
  width: 18px !important;
}

body.plugin-orderclient-main-packages .navbar-brand::after,
body.plugin-orderclient-main-packages .header .logo::after,
body.plugin-orderclient-main-packages .header a.logo::after,
body.plugin-orderclient-main-packages .mk-preview-brand::after {
  background: rgba(15, 23, 42, 0.82) !important;
  border: 1px solid rgba(34, 197, 94, 0.26) !important;
  border-radius: 999px !important;
  color: #a7f3d0 !important;
  content: none !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin-left: 8px !important;
  padding: 7px 9px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-preview-brand span {
  color: rgba(226, 232, 240, 0.40) !important;
}

body.plugin-orderclient-main-packages .navbar-brand img,
body.plugin-orderclient-main-packages .header .logo img,
body.plugin-orderclient-main-packages .header a.logo img {
  filter: drop-shadow(0 0 16px rgba(34, 197, 94, 0.18)) !important;
  max-height: 38px !important;
  width: auto !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav,
body.plugin-orderclient-main-packages .nav-content {
  background: linear-gradient(180deg, #2b3137 0%, #272d33 100%) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav a,
body.plugin-orderclient-main-packages .nav-content a {
  color: #f8fbff !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

body.plugin-orderclient-main-packages > .container-md,
body.plugin-orderclient-main-packages .container-md {
  padding-top: 26px !important;
}

body.plugin-orderclient-main-packages .section-title {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 26px !important;
  max-width: 1160px !important;
  overflow: visible !important;
  padding: 24px 0 22px 30px !important;
  position: relative !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title::before {
  background: linear-gradient(180deg, rgba(34, 197, 94, 0.92), rgba(56, 189, 248, 0.86)) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 28px rgba(34, 197, 94, 0.24) !important;
  content: "" !important;
  display: block !important;
  height: calc(100% - 20px) !important;
  left: 0 !important;
  position: absolute !important;
  top: 10px !important;
  width: 4px !important;
}

body.plugin-orderclient-main-packages .section-title::after {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.38), rgba(56, 189, 248, 0.16), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  left: 30px !important;
  max-width: 720px !important;
  position: absolute !important;
  right: auto !important;
  top: auto !important;
  width: calc(100% - 30px) !important;
}

body.plugin-orderclient-main-packages .section-title h3 {
  color: transparent !important;
  display: block !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0 !important;
  margin: 0 0 12px !important;
  text-align: left !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  color: #ffffff !important;
  display: block !important;
  font-size: clamp(32px, 3.4vw, 46px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  margin: 0 0 12px !important;
  max-width: 880px !important;
  text-align: left !important;
  text-shadow: 0 8px 26px rgba(0, 0, 0, 0.35) !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  content: "Choose your Minecraft Hosting Plan" !important;
}

body.plugin-orderclient-main-packages .section-title p.format {
  color: transparent !important;
  display: block !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #b8c8dc !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 980px !important;
  text-align: left !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  content: "Low-latency RO/EU hosting - NVMe storage - DDoS protection - Backups - SFTP - MySQL - Modpack support" !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
  align-items: center !important;
  background:
    linear-gradient(180deg, rgba(17, 28, 46, 0.96), rgba(8, 16, 29, 0.98)) !important;
  border: 1px solid rgba(59, 130, 246, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 40px rgba(0, 0, 0, 0.20) !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  margin-top: 4px !important;
  padding: 12px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer small {
  color: #aebdd0 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer small::before {
  color: #24e877 !important;
  content: "Ready to configure? " !important;
  font-weight: 950 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] {
  align-items: center !important;
  background: rgba(5, 12, 23, 0.58) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  gap: 8px !important;
  padding: 5px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn {
  align-items: center !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  height: 46px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 46px !important;
  min-width: 128px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn * {
  text-decoration: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn i {
  margin-right: 8px !important;
  opacity: 0.92 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-secondary {
  background: #122033 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  color: #e5edf7 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-secondary:hover,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-secondary:focus {
  background: #172a43 !important;
  border-color: rgba(56, 189, 248, 0.34) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-success {
  background: linear-gradient(135deg, #29d86f 0%, #1fc468 48%, #13a85a 100%) !important;
  border: 1px solid rgba(110, 231, 183, 0.44) !important;
  box-shadow: 0 14px 30px rgba(34, 197, 94, 0.22) !important;
  color: #03111d !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-success::after {
  content: ">" !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  margin-left: 10px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-success:hover,
body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-success:focus {
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.30) !important;
  transform: translateY(-1px) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn:focus-visible {
  outline: 2px solid rgba(56, 189, 248, 0.74) !important;
  outline-offset: 2px !important;
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .header,
  body.plugin-orderclient-main-packages .mk-preview-top,
  body.plugin-orderclient-main-packages .header .container,
  body.plugin-orderclient-main-packages .header .container-md,
  body.plugin-orderclient-main-packages .mk-preview-top .mk-preview-inner {
    min-height: 66px !important;
  }

  body.plugin-orderclient-main-packages > .container-md,
  body.plugin-orderclient-main-packages .container-md {
    padding-top: 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title {
    margin-bottom: 18px !important;
    padding: 18px 0 18px 18px !important;
  }

  body.plugin-orderclient-main-packages .section-title::after {
    left: 18px !important;
    width: calc(100% - 18px) !important;
  }

  body.plugin-orderclient-main-packages .section-title h3::before {
    font-size: 30px !important;
  }

  body.plugin-orderclient-main-packages .section-title p.format::before {
    font-size: 13px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
    align-items: stretch !important;
    flex-direction: column !important;
    padding: 10px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] {
    width: 100% !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}
/* === MK3Node brand title action polish pass13 END === */

/* === MK3Node shared benefits clean cards pass14 START === */
body.plugin-orderclient-main-packages .section-title p.format::before {
  content: "Compare RAM, CPU, NVMe storage, and monthly price. Core hosting benefits are included with every server." !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell,
body.plugin-orderclient-main-packages .mk-compare-shell.mk-card-grid-shell {
  gap: 18px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits {
  align-items: center !important;
  background:
    linear-gradient(180deg, rgba(14, 27, 45, 0.92), rgba(8, 16, 30, 0.98)) !important;
  border: 1px solid rgba(34, 197, 94, 0.18) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 42px rgba(0, 0, 0, 0.16) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 16px !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.28fr) !important;
  padding: 14px !important;
  position: relative !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits::before {
  background: linear-gradient(180deg, #24e877, rgba(56, 189, 248, 0.62)) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: calc(100% - 24px) !important;
  left: 0 !important;
  position: absolute !important;
  top: 12px !important;
  width: 3px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-copy {
  padding-left: 12px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-copy span {
  color: #24e877 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-copy strong {
  color: #f8fbff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid > div {
  background:
    linear-gradient(180deg, rgba(10, 21, 36, 0.96), rgba(7, 16, 29, 0.96)) !important;
  border: 1px solid rgba(148, 163, 184, 0.13) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  min-height: 48px !important;
  padding: 8px 9px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid span {
  color: #9fb6d2 !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin-top: 4px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
  min-height: 520px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-visual {
  height: 88px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-plan,
body.plugin-orderclient-main-packages .mk-card-grid-shell .package-name {
  min-height: 118px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs {
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs > div:not(.mk-plan-extra-description) {
  align-items: flex-start !important;
  background:
    linear-gradient(180deg, rgba(12, 24, 40, 0.98), rgba(7, 16, 29, 0.98)) !important;
  border-color: rgba(var(--mk-card-accent-rgb), 0.20) !important;
  min-height: 58px !important;
  padding: 10px 11px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs strong {
  font-size: 16px !important;
  line-height: 1 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-specs span {
  font-size: 10px !important;
  margin-top: 5px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-commerce {
  padding: 12px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 2px !important;
  padding: 2px 0 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 10px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn {
  min-width: 146px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] .btn-secondary {
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits {
    grid-template-columns: 1fr !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
    min-height: 500px !important;
  }
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits {
    border-radius: 14px !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-card-package {
    min-height: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer {
    padding-top: 4px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-compare-footer .btn-group[role="group"] {
    gap: 8px !important;
  }
}
/* === MK3Node shared benefits clean cards pass14 END === */

/* === MK3Node stronger logo lockup pass15 START === */
body.plugin-orderclient-main-packages .navbar-brand,
body.plugin-orderclient-main-packages .header .logo,
body.plugin-orderclient-main-packages .header a.logo,
body.plugin-orderclient-main-packages .mk-preview-brand {
  background:
    linear-gradient(90deg, rgba(12, 24, 39, 0.92), rgba(9, 18, 32, 0.44)) !important;
  border: 1px solid rgba(34, 197, 94, 0.18) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 12px 30px rgba(0, 0, 0, 0.20),
    0 0 34px rgba(34, 197, 94, 0.08) !important;
  color: #2df37f !important;
  font-size: 20px !important;
  font-weight: 1000 !important;
  gap: 11px !important;
  min-height: 44px !important;
  padding: 8px 13px !important;
  text-shadow: 0 0 18px rgba(34, 197, 94, 0.24) !important;
}

body.plugin-orderclient-main-packages .navbar-brand::before,
body.plugin-orderclient-main-packages .header .logo::before,
body.plugin-orderclient-main-packages .header a.logo::before,
body.plugin-orderclient-main-packages .mk-preview-brand::before {
  background:
    radial-gradient(circle at 50% 50%, rgba(34, 197, 94, 0.20), transparent 43%),
    linear-gradient(135deg, rgba(34, 197, 94, 0.96), rgba(56, 189, 248, 0.78)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow:
    0 0 0 1px rgba(167, 243, 208, 0.32),
    0 0 22px rgba(34, 197, 94, 0.34) !important;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%) !important;
  height: 25px !important;
  margin-right: 1px !important;
  opacity: 1 !important;
  transform: none !important;
  width: 25px !important;
}

body.plugin-orderclient-main-packages .navbar-brand span,
body.plugin-orderclient-main-packages .header .logo span,
body.plugin-orderclient-main-packages .header a.logo span,
body.plugin-orderclient-main-packages .mk-preview-brand span {
  color: #dce8f4 !important;
  font-weight: 950 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .navbar-brand::after,
body.plugin-orderclient-main-packages .header .logo::after,
body.plugin-orderclient-main-packages .header a.logo::after,
body.plugin-orderclient-main-packages .mk-preview-brand::after {
  background:
    linear-gradient(180deg, rgba(12, 28, 45, 0.98), rgba(8, 18, 31, 0.98)) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 18px rgba(34, 197, 94, 0.12) !important;
  color: #a7f3d0 !important;
  margin-left: 9px !important;
  padding: 7px 10px !important;
}

body.plugin-orderclient-main-packages .navbar-brand img,
body.plugin-orderclient-main-packages .header .logo img,
body.plugin-orderclient-main-packages .header a.logo img {
  filter: drop-shadow(0 0 18px rgba(34, 197, 94, 0.26)) !important;
  max-height: 42px !important;
  opacity: 1 !important;
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .navbar-brand,
  body.plugin-orderclient-main-packages .header .logo,
  body.plugin-orderclient-main-packages .header a.logo,
  body.plugin-orderclient-main-packages .mk-preview-brand {
    font-size: 17px !important;
    min-height: 40px !important;
    padding: 7px 10px !important;
  }

  body.plugin-orderclient-main-packages .navbar-brand::before,
  body.plugin-orderclient-main-packages .header .logo::before,
  body.plugin-orderclient-main-packages .header a.logo::before,
  body.plugin-orderclient-main-packages .mk-preview-brand::before {
    height: 21px !important;
    width: 21px !important;
  }

  body.plugin-orderclient-main-packages .navbar-brand::after,
  body.plugin-orderclient-main-packages .header .logo::after,
  body.plugin-orderclient-main-packages .header a.logo::after,
  body.plugin-orderclient-main-packages .mk-preview-brand::after {
    font-size: 9px !important;
    padding: 6px 8px !important;
  }
}
/* === MK3Node stronger logo lockup pass15 END === */

/* === MK3Node nav logo cleanup pass16 START === */
body.plugin-orderclient-main-packages .header,
body.plugin-orderclient-main-packages .mk-preview-top {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.09), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #081321 100%) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08) !important;
  box-shadow: none !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav,
body.plugin-orderclient-main-packages .nav-content {
  background:
    linear-gradient(180deg, rgba(10, 18, 31, 0.98), rgba(9, 16, 28, 0.98)) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.10) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 16px 34px rgba(0, 0, 0, 0.14) !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav .mk-preview-inner,
body.plugin-orderclient-main-packages .nav-content .container,
body.plugin-orderclient-main-packages .nav-content .container-md {
  min-height: 62px !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav a,
body.plugin-orderclient-main-packages .nav-content a {
  color: #eef6ff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  opacity: 0.95 !important;
  position: relative !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav a:hover,
body.plugin-orderclient-main-packages .mk-preview-nav a:focus,
body.plugin-orderclient-main-packages .nav-content a:hover,
body.plugin-orderclient-main-packages .nav-content a:focus {
  color: #24e877 !important;
  opacity: 1 !important;
}

body.plugin-orderclient-main-packages .navbar-brand,
body.plugin-orderclient-main-packages .header .logo,
body.plugin-orderclient-main-packages .header a.logo,
body.plugin-orderclient-main-packages .mk-preview-brand {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #25ee79 !important;
  display: inline-flex !important;
  font-size: 21px !important;
  font-weight: 950 !important;
  gap: 0 !important;
  letter-spacing: 0 !important;
  min-height: 36px !important;
  padding: 0 !important;
  text-shadow: 0 0 16px rgba(34, 197, 94, 0.18) !important;
  white-space: nowrap !important;
}

body.plugin-orderclient-main-packages .navbar-brand::before,
body.plugin-orderclient-main-packages .header .logo::before,
body.plugin-orderclient-main-packages .header a.logo::before,
body.plugin-orderclient-main-packages .mk-preview-brand::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .navbar-brand span,
body.plugin-orderclient-main-packages .header .logo span,
body.plugin-orderclient-main-packages .header a.logo span,
body.plugin-orderclient-main-packages .mk-preview-brand span {
  color: inherit !important;
  font-weight: inherit !important;
  opacity: 1 !important;
}

body.plugin-orderclient-main-packages .navbar-brand::after,
body.plugin-orderclient-main-packages .header .logo::after,
body.plugin-orderclient-main-packages .header a.logo::after,
body.plugin-orderclient-main-packages .mk-preview-brand::after {
  background:
    linear-gradient(180deg, rgba(10, 24, 39, 0.96), rgba(8, 18, 31, 0.96)) !important;
  border: 1px solid rgba(34, 197, 94, 0.32) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #a7f3d0 !important;
  content: none !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-left: 14px !important;
  padding: 7px 11px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-main-packages .navbar-brand img,
body.plugin-orderclient-main-packages .header .logo img,
body.plugin-orderclient-main-packages .header a.logo img {
  filter: none !important;
  max-height: 38px !important;
  opacity: 1 !important;
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .mk-preview-nav,
  body.plugin-orderclient-main-packages .nav-content {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
  }

  body.plugin-orderclient-main-packages .navbar-brand,
  body.plugin-orderclient-main-packages .header .logo,
  body.plugin-orderclient-main-packages .header a.logo,
  body.plugin-orderclient-main-packages .mk-preview-brand {
    font-size: 18px !important;
  }

  body.plugin-orderclient-main-packages .navbar-brand::after,
  body.plugin-orderclient-main-packages .header .logo::after,
  body.plugin-orderclient-main-packages .header a.logo::after,
  body.plugin-orderclient-main-packages .mk-preview-brand::after {
    margin-left: 10px !important;
    padding: 6px 9px !important;
  }
}
/* === MK3Node nav logo cleanup pass16 END === */

/* === MK3Node compact topbar pass16.1 START === */
body.plugin-orderclient-main-packages .header,
body.plugin-orderclient-main-packages .mk-preview-top {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.08), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #081321 100%) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.10) !important;
  box-shadow: none !important;
  min-height: 58px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .header .container,
body.plugin-orderclient-main-packages .header .container-md,
body.plugin-orderclient-main-packages .mk-preview-top .mk-preview-inner {
  align-items: center !important;
  display: flex !important;
  min-height: 58px !important;
}

body.plugin-orderclient-main-packages .navbar-brand,
body.plugin-orderclient-main-packages .header .logo,
body.plugin-orderclient-main-packages .header a.logo,
body.plugin-orderclient-main-packages .mk-preview-brand {
  font-size: 20px !important;
  line-height: 1 !important;
  min-height: 30px !important;
}

body.plugin-orderclient-main-packages .navbar-brand::after,
body.plugin-orderclient-main-packages .header .logo::after,
body.plugin-orderclient-main-packages .header a.logo::after,
body.plugin-orderclient-main-packages .mk-preview-brand::after {
  font-size: 9px !important;
  margin-left: 12px !important;
  padding: 6px 10px !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav,
body.plugin-orderclient-main-packages .nav-content {
  background:
    linear-gradient(180deg, rgba(8, 16, 29, 0.98), rgba(7, 14, 26, 0.98)) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.12) !important;
  border-top: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024) !important;
  min-height: 48px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav .mk-preview-inner,
body.plugin-orderclient-main-packages .nav-content .container,
body.plugin-orderclient-main-packages .nav-content .container-md,
body.plugin-orderclient-main-packages .nav-content .navbar,
body.plugin-orderclient-main-packages .nav-content .navbar-collapse {
  align-items: center !important;
  min-height: 48px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.plugin-orderclient-main-packages .mk-preview-nav a,
body.plugin-orderclient-main-packages .nav-content a,
body.plugin-orderclient-main-packages .nav-content .nav-link {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 14px !important;
  min-height: 48px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.plugin-orderclient-main-packages > .container-md,
body.plugin-orderclient-main-packages .container-md {
  padding-top: 16px !important;
}

body.plugin-orderclient-main-packages .section-title {
  margin-bottom: 18px !important;
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  font-size: clamp(30px, 3vw, 40px) !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  font-size: 14px !important;
}

@media (min-width: 761px) {
  body.plugin-orderclient-main-packages .mk-preview-nav .mk-preview-inner,
  body.plugin-orderclient-main-packages .nav-content .container-md {
    gap: 22px !important;
  }
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .header,
  body.plugin-orderclient-main-packages .mk-preview-top,
  body.plugin-orderclient-main-packages .header .container,
  body.plugin-orderclient-main-packages .header .container-md,
  body.plugin-orderclient-main-packages .mk-preview-top .mk-preview-inner {
    min-height: 54px !important;
  }

  body.plugin-orderclient-main-packages .mk-preview-nav,
  body.plugin-orderclient-main-packages .nav-content {
    min-height: 46px !important;
    padding: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-preview-nav .mk-preview-inner {
    gap: 14px !important;
  }

  body.plugin-orderclient-main-packages .mk-preview-nav a,
  body.plugin-orderclient-main-packages .nav-content a,
  body.plugin-orderclient-main-packages .nav-content .nav-link {
    font-size: 13px !important;
    min-height: 44px !important;
  }
}
/* === MK3Node compact topbar pass16.1 END === */

/* === MK3Node unified order hero pass16.2 START === */
body.plugin-orderclient-main-packages .section-title,
body.plugin-orderclient-main-packages .row > [class*="col-"] > div.section-title,
body.plugin-orderclient-main-packages .col-md-12 > div.section-title,
body.plugin-orderclient-main-packages .col-md-10 > div.section-title {
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 197, 94, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(12, 23, 39, 0.97), rgba(8, 17, 31, 0.98)) !important;
  border: 1px solid rgba(34, 197, 94, 0.16) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
  overflow: hidden !important;
  padding: 26px 28px 18px 34px !important;
}

body.plugin-orderclient-main-packages .section-title::before {
  background: linear-gradient(180deg, #24e877, rgba(56, 189, 248, 0.78)) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 24px rgba(34, 197, 94, 0.24) !important;
  height: calc(100% - 34px) !important;
  left: 0 !important;
  top: 17px !important;
  width: 4px !important;
}

body.plugin-orderclient-main-packages .section-title::after {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.32), rgba(56, 189, 248, 0.12), transparent) !important;
  bottom: 0 !important;
  height: 1px !important;
  left: 34px !important;
  max-width: none !important;
  right: 28px !important;
  width: auto !important;
}

body.plugin-orderclient-main-packages .section-title h3::before {
  font-size: clamp(32px, 3.1vw, 42px) !important;
}

body.plugin-orderclient-main-packages .section-title p.format::before {
  color: #c6d7eb !important;
  font-size: 14px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell,
body.plugin-orderclient-main-packages .mk-compare-shell.mk-card-grid-shell {
  gap: 18px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits {
  background:
    linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(7, 15, 27, 0.99)) !important;
  border: 1px solid rgba(34, 197, 94, 0.16) !important;
  border-radius: 0 0 18px 18px !important;
  border-top: 0 !important;
  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, 0.025),
    0 18px 42px rgba(0, 0, 0, 0.18) !important;
  margin-top: 0 !important;
  padding: 16px 16px 18px 28px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits::before {
  content: none !important;
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-copy {
  padding-left: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-copy span {
  color: #24e877 !important;
  font-size: 10px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-copy strong {
  color: #ffffff !important;
  font-size: 16px !important;
  max-width: 410px !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid {
  gap: 8px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid > div {
  background:
    linear-gradient(180deg, rgba(10, 21, 36, 0.94), rgba(7, 16, 29, 0.94)) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

body.plugin-orderclient-main-packages .mk-card-grid-shell > .package-boxes.mk-card-grid-item {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.plugin-orderclient-main-packages .section-title,
  body.plugin-orderclient-main-packages .row > [class*="col-"] > div.section-title,
  body.plugin-orderclient-main-packages .col-md-12 > div.section-title,
  body.plugin-orderclient-main-packages .col-md-10 > div.section-title {
    border-radius: 14px 14px 0 0 !important;
    padding: 20px 18px 16px 22px !important;
  }

  body.plugin-orderclient-main-packages .section-title::before {
    height: calc(100% - 24px) !important;
    top: 12px !important;
  }

  body.plugin-orderclient-main-packages .section-title::after {
    left: 22px !important;
    right: 18px !important;
    width: auto !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits {
    border-radius: 0 0 14px 14px !important;
    padding: 14px !important;
  }

  body.plugin-orderclient-main-packages .mk-card-grid-shell .mk-shared-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* === MK3Node unified order hero pass16.2 END === */

/* === MK3Node CMS portal main page pass17 START === */
body.plugin-cmsclient-main-index {
  background:
    radial-gradient(circle at 14% 4%, rgba(34, 197, 94, 0.12), transparent 28%),
    radial-gradient(circle at 78% 12%, rgba(56, 189, 248, 0.09), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #08111d 46%, #060d18 100%) !important;
  color: #edf7ff !important;
  font-family: Inter, "Inter var", "Segoe UI", Arial, sans-serif !important;
  min-height: 100vh !important;
}

body.plugin-cmsclient-main-index::before {
  background:
    linear-gradient(rgba(148, 163, 184, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.025) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.18 !important;
  pointer-events: none !important;
  position: fixed !important;
  z-index: 0 !important;
}

body.plugin-cmsclient-main-index .header,
body.plugin-cmsclient-main-index .nav-content,
body.plugin-cmsclient-main-index .title,
body.plugin-cmsclient-main-index .content,
body.plugin-cmsclient-main-index .footer {
  position: relative !important;
  z-index: 1 !important;
}

body.plugin-cmsclient-main-index .container,
body.plugin-cmsclient-main-index .container-md {
  max-width: 1160px !important;
}

body.plugin-cmsclient-main-index .header {
  background:
    linear-gradient(90deg, rgba(6, 24, 27, 0.98), rgba(7, 17, 31, 0.98) 58%, rgba(8, 17, 31, 0.98)) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.12) !important;
  box-shadow: none !important;
  min-height: 58px !important;
  padding: 0 !important;
}

body.plugin-cmsclient-main-index .header .container,
body.plugin-cmsclient-main-index .header .container-md {
  align-items: center !important;
  display: flex !important;
  min-height: 58px !important;
}

body.plugin-cmsclient-main-index .header .logo,
body.plugin-cmsclient-main-index .header .logo a {
  align-items: center !important;
  color: #24e877 !important;
  display: inline-flex !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-shadow: 0 0 16px rgba(34, 197, 94, 0.16) !important;
  white-space: nowrap !important;
}

body.plugin-cmsclient-main-index .header .logo img,
body.plugin-cmsclient-main-index .header .logo a img {
  filter: none !important;
  height: auto !important;
  max-height: 34px !important;
  opacity: 1 !important;
  width: auto !important;
}

body.plugin-cmsclient-main-index .header .logo::after {
  align-items: center !important;
  background: rgba(5, 24, 27, 0.82) !important;
  border: 1px solid rgba(34, 197, 94, 0.34) !important;
  border-radius: 999px !important;
  color: #a7f3d0 !important;
  content: none !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 26px !important;
  letter-spacing: 0.02em !important;
  margin-left: 14px !important;
  padding: 0 11px !important;
  text-transform: uppercase !important;
}

body.plugin-cmsclient-main-index .nav-content {
  background: rgba(8, 17, 31, 0.96) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.035) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.12) !important;
  min-height: 54px !important;
}

body.plugin-cmsclient-main-index .nav-content .container,
body.plugin-cmsclient-main-index .nav-content .container-md,
body.plugin-cmsclient-main-index .nav-content .navbar,
body.plugin-cmsclient-main-index .nav-content .navbar-collapse {
  align-items: center !important;
  min-height: 54px !important;
}

body.plugin-cmsclient-main-index .nav-content .navbar {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.plugin-cmsclient-main-index .nav-content .navbar-nav {
  align-items: center !important;
  gap: 22px !important;
}

body.plugin-cmsclient-main-index .nav-content a,
body.plugin-cmsclient-main-index .nav-content .nav-link {
  color: #eef6ff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

body.plugin-cmsclient-main-index .nav-content a:hover,
body.plugin-cmsclient-main-index .nav-content a:focus,
body.plugin-cmsclient-main-index .nav-content .nav-link:hover,
body.plugin-cmsclient-main-index .nav-content .nav-link:focus {
  color: #24e877 !important;
}

body.plugin-cmsclient-main-index .title {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.plugin-cmsclient-main-index .content {
  background: transparent !important;
  padding: 36px 0 68px !important;
}

body.plugin-cmsclient-main-index .content > .container,
body.plugin-cmsclient-main-index .content > .container-md {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
  background:
    radial-gradient(circle at 14% 10%, rgba(34, 197, 94, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(13, 25, 43, 0.96), rgba(8, 17, 31, 0.98) 56%, rgba(6, 24, 27, 0.92)) !important;
  border: 1px solid rgba(34, 197, 94, 0.18) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 24px 60px rgba(0, 0, 0, 0.28) !important;
  margin: 0 auto 24px !important;
  max-width: 1120px !important;
  overflow: hidden !important;
  padding: 28px 34px 30px !important;
  position: relative !important;
  text-align: left !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::before {
  background: linear-gradient(180deg, #24e877, rgba(56, 189, 248, 0.74)) !important;
  border-radius: 999px !important;
  bottom: 26px !important;
  box-shadow: 0 0 26px rgba(34, 197, 94, 0.26) !important;
  content: "" !important;
  left: 0 !important;
  position: absolute !important;
  top: 26px !important;
  width: 4px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::after {
  background:
    linear-gradient(90deg, rgba(34, 197, 94, 0.30), rgba(56, 189, 248, 0.12), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  height: 1px !important;
  left: 34px !important;
  position: absolute !important;
  right: 34px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] > div[style*="display:inline-block"] {
  background: rgba(34, 197, 94, 0.10) !important;
  border: 1px solid rgba(34, 197, 94, 0.22) !important;
  border-radius: 999px !important;
  color: #9ff6c7 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin: 0 0 14px !important;
  padding: 7px 11px !important;
  text-transform: uppercase !important;
}

body.plugin-cmsclient-main-index .content h1 {
  color: #ffffff !important;
  font-size: clamp(30px, 3.4vw, 44px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 0 12px !important;
  max-width: 940px !important;
  text-shadow: none !important;
}

body.plugin-cmsclient-main-index .content h1 + p {
  color: #bdd0e6 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 0 22px !important;
  max-width: 720px !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
  align-items: center !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"]:hover,
body.plugin-cmsclient-main-index .content a[style*="display:inline-block"]:focus {
  transform: translateY(-1px) !important;
}

body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"] {
  background: linear-gradient(180deg, #28d36d, #19b85c) !important;
  border: 1px solid rgba(34, 197, 94, 0.48) !important;
  color: #04130b !important;
}

body.plugin-cmsclient-main-index .content a[href*="/client/login"][style*="display:inline-block"] {
  background: rgba(17, 29, 48, 0.96) !important;
  border: 1px solid rgba(96, 165, 250, 0.26) !important;
  color: #eef6ff !important;
}

body.plugin-cmsclient-main-index .content a[href*="panel.mk3node"][style*="display:inline-block"] {
  background: rgba(11, 28, 44, 0.96) !important;
  border: 1px solid rgba(56, 189, 248, 0.24) !important;
  color: #dff7ff !important;
}

body.plugin-cmsclient-main-index .portal-box {
  margin-bottom: 20px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .row[style*="max-width:980px"] {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1120px !important;
  width: 100% !important;
}

body.plugin-cmsclient-main-index .portal-box > a {
  display: block !important;
  height: 100% !important;
  text-decoration: none !important;
}

body.plugin-cmsclient-main-index .portal-box .card {
  background:
    linear-gradient(180deg, rgba(15, 27, 45, 0.94), rgba(9, 18, 32, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 16px 34px rgba(0, 0, 0, 0.20) !important;
  color: #edf7ff !important;
  min-height: 176px !important;
  overflow: hidden !important;
  position: relative !important;
  text-align: left !important;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease !important;
}

body.plugin-cmsclient-main-index .portal-box .card::before {
  background: linear-gradient(180deg, #24e877, rgba(56, 189, 248, 0.48)) !important;
  content: "" !important;
  inset: 0 auto 0 0 !important;
  opacity: 0.72 !important;
  position: absolute !important;
  width: 3px !important;
}

body.plugin-cmsclient-main-index .portal-box > a:hover .card,
body.plugin-cmsclient-main-index .portal-box > a:focus .card {
  border-color: rgba(34, 197, 94, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 20px 42px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(34, 197, 94, 0.06) !important;
  transform: translateY(-2px) !important;
}

body.plugin-cmsclient-main-index .portal-box .card-body {
  padding: 22px 22px 24px 24px !important;
}

body.plugin-cmsclient-main-index .portal-box i {
  align-items: center !important;
  background: rgba(34, 197, 94, 0.10) !important;
  border: 1px solid rgba(34, 197, 94, 0.18) !important;
  border-radius: 12px !important;
  color: #24e877 !important;
  display: inline-flex !important;
  font-size: 18px !important;
  height: 42px !important;
  justify-content: center !important;
  margin: 0 0 16px !important;
  width: 42px !important;
}

body.plugin-cmsclient-main-index .portal-box h4 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 0 9px !important;
  text-shadow: none !important;
}

body.plugin-cmsclient-main-index .portal-box p {
  color: #aebfd2 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(3n + 2) .card::before {
  background: linear-gradient(180deg, #38bdf8, rgba(34, 197, 94, 0.46)) !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(3n) .card::before {
  background: linear-gradient(180deg, #24e877, rgba(59, 130, 246, 0.48)) !important;
}

body.plugin-cmsclient-main-index .footer {
  background: rgba(6, 13, 24, 0.98) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
  color: #92a4ba !important;
}

body.plugin-cmsclient-main-index .footer a {
  color: #a7f3d0 !important;
}

@media (max-width: 991px) {
  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
    padding: 26px 26px 28px !important;
  }
}

@media (max-width: 767px) {
  body.plugin-cmsclient-main-index .header,
  body.plugin-cmsclient-main-index .header .container,
  body.plugin-cmsclient-main-index .header .container-md {
    min-height: 54px !important;
  }

  body.plugin-cmsclient-main-index .nav-content {
    min-height: 48px !important;
  }

  body.plugin-cmsclient-main-index .nav-content .navbar-nav {
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 0 14px !important;
  }

  body.plugin-cmsclient-main-index .content {
    padding: 24px 0 48px !important;
  }

  body.plugin-cmsclient-main-index .content > .container,
  body.plugin-cmsclient-main-index .content > .container-md {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
    border-radius: 16px !important;
    padding: 22px 20px 24px !important;
  }

  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::before {
    bottom: 18px !important;
    top: 18px !important;
  }

  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::after {
    left: 20px !important;
    right: 20px !important;
  }

  body.plugin-cmsclient-main-index .content h1 {
    font-size: 32px !important;
  }

  body.plugin-cmsclient-main-index .content h1 + p {
    font-size: 15px !important;
  }

  body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
    margin: 0 0 10px !important;
    width: 100% !important;
  }

  body.plugin-cmsclient-main-index .portal-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.plugin-cmsclient-main-index .portal-box .card {
    min-height: 150px !important;
  }
}
/* === MK3Node CMS portal main page pass17 END === */

/* === MK3Node premium portal launcher pass18 START === */
body.plugin-cmsclient-main-index .content {
  padding: 28px 0 56px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
  background:
    radial-gradient(circle at 16% 12%, rgba(34, 197, 94, 0.14), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(56, 189, 248, 0.10), transparent 30%),
    linear-gradient(135deg, rgba(13, 25, 43, 0.98), rgba(8, 17, 31, 0.99) 54%, rgba(5, 20, 24, 0.96)) !important;
  border-color: rgba(34, 197, 94, 0.20) !important;
  border-radius: 18px !important;
  margin-bottom: 18px !important;
  min-height: 0 !important;
  padding: 26px 30px 28px !important;
}

body.plugin-cmsclient-main-index .content h1 {
  font-size: 0 !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
  max-width: 880px !important;
}

body.plugin-cmsclient-main-index .content h1::before {
  color: #ffffff !important;
  content: "Manage your MK3Node services" !important;
  display: block !important;
  font-size: clamp(30px, 3.3vw, 44px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
}

body.plugin-cmsclient-main-index .content h1 + p {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 20px !important;
  max-width: 780px !important;
}

body.plugin-cmsclient-main-index .content h1 + p::before {
  color: #bdd0e6 !important;
  content: "Access billing, server controls, hosting orders, support, and documentation from one place." !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.65 !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
  align-items: flex-start !important;
  background:
    linear-gradient(180deg, rgba(16, 31, 52, 0.96), rgba(10, 22, 38, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex-direction: column !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  margin: 0 10px 10px 0 !important;
  min-height: 96px !important;
  padding: 16px 16px 16px 54px !important;
  position: relative !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  width: min(100%, 310px) !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"]::before {
  align-items: center !important;
  background: rgba(34, 197, 94, 0.10) !important;
  border: 1px solid rgba(34, 197, 94, 0.20) !important;
  border-radius: 12px !important;
  color: #24e877 !important;
  display: inline-flex !important;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  left: 14px !important;
  position: absolute !important;
  top: 15px !important;
  width: 34px !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"]::after {
  color: #aebfd2 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
  margin-top: 7px !important;
}

body.plugin-cmsclient-main-index .content a[href*="/client/login"][style*="display:inline-block"] {
  border-color: rgba(96, 165, 250, 0.28) !important;
}

body.plugin-cmsclient-main-index .content a[href*="/client/login"][style*="display:inline-block"]::before {
  color: #93c5fd !important;
  content: "\f007" !important;
}

body.plugin-cmsclient-main-index .content a[href*="/client/login"][style*="display:inline-block"]::after {
  content: "Manage services, invoices, tickets, and account settings." !important;
}

body.plugin-cmsclient-main-index .content a[href*="panel.mk3node"][style*="display:inline-block"] {
  border-color: rgba(56, 189, 248, 0.30) !important;
}

body.plugin-cmsclient-main-index .content a[href*="panel.mk3node"][style*="display:inline-block"]::before {
  color: #67e8f9 !important;
  content: "\f11b" !important;
}

body.plugin-cmsclient-main-index .content a[href*="panel.mk3node"][style*="display:inline-block"]::after {
  content: "Open the game server control panel." !important;
}

body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"] {
  background: linear-gradient(180deg, #28d36d, #17b85b) !important;
  border-color: rgba(34, 197, 94, 0.52) !important;
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.16) !important;
  color: #04130b !important;
}

body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"]::before {
  background: rgba(4, 19, 11, 0.13) !important;
  border-color: rgba(4, 19, 11, 0.18) !important;
  color: #04130b !important;
  content: "\f233" !important;
}

body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"]::after {
  color: rgba(4, 19, 11, 0.78) !important;
  content: "Choose a Minecraft hosting plan and continue checkout." !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .row[style*="max-width:980px"] {
  display: flex !important;
  gap: 0 !important;
  margin-top: 0 !important;
  max-width: 1120px !important;
  width: 100% !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(1),
body.plugin-cmsclient-main-index .portal-box:nth-child(3),
body.plugin-cmsclient-main-index .portal-box:nth-child(6) {
  display: none !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(4) {
  order: 1 !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(5) {
  order: 2 !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(2) {
  order: 3 !important;
}

body.plugin-cmsclient-main-index .portal-box {
  flex: 0 0 33.333333% !important;
  margin-bottom: 18px !important;
  max-width: 33.333333% !important;
}

body.plugin-cmsclient-main-index .portal-box .card {
  min-height: 146px !important;
}

body.plugin-cmsclient-main-index .portal-box .card-body {
  padding: 20px 20px 22px 22px !important;
}

body.plugin-cmsclient-main-index .portal-box i {
  font-size: 0 !important;
  height: 38px !important;
  margin-bottom: 14px !important;
  width: 38px !important;
}

body.plugin-cmsclient-main-index .portal-box i::before {
  font-family: "Font Awesome 5 Free" !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(4) i::before {
  content: "\f3ff" !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(5) i::before {
  content: "\f02d" !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(2) i::before {
  content: "\f234" !important;
}

body.plugin-cmsclient-main-index .portal-box h4 {
  font-size: 0 !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

body.plugin-cmsclient-main-index .portal-box h4::before {
  color: #ffffff !important;
  display: block !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(4) h4::before {
  content: "Support Ticket" !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(5) h4::before {
  content: "Knowledge Base" !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(2) h4::before {
  content: "Create Account" !important;
}

body.plugin-cmsclient-main-index .portal-box p {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.plugin-cmsclient-main-index .portal-box p::before {
  color: #aebfd2 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(4) p::before {
  content: "Open a ticket for billing, service, or setup help." !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(5) p::before {
  content: "Find guides, common answers, and hosting help." !important;
}

body.plugin-cmsclient-main-index .portal-box:nth-child(2) p::before {
  content: "Register before ordering or create an account during checkout." !important;
}

@media (max-width: 980px) {
  body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
    width: calc(50% - 12px) !important;
  }

  body.plugin-cmsclient-main-index .portal-box {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
    padding: 22px 20px 24px !important;
  }

  body.plugin-cmsclient-main-index .content h1::before {
    font-size: 30px !important;
  }

  body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
    margin-right: 0 !important;
    min-height: 86px !important;
    width: 100% !important;
  }
}
/* === MK3Node premium portal launcher pass18 END === */

/* === MK3Node console portal pass19 START === */
body.plugin-cmsclient-main-index {
  background:
    radial-gradient(circle at 12% 2%, rgba(34, 197, 94, 0.12), transparent 26%),
    radial-gradient(circle at 86% 0%, rgba(56, 189, 248, 0.10), transparent 30%),
    linear-gradient(180deg, #06101d 0%, #07111f 42%, #050b14 100%) !important;
}

body.plugin-cmsclient-main-index .content {
  padding: 24px 0 50px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
  align-items: stretch !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(34, 197, 94, 0.12), transparent 27%),
    linear-gradient(135deg, rgba(10, 24, 41, 0.98), rgba(6, 15, 28, 0.99) 55%, rgba(5, 22, 25, 0.96)) !important;
  border: 1px solid rgba(54, 211, 153, 0.18) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 24px 70px rgba(0, 0, 0, 0.30) !important;
  display: grid !important;
  gap: 12px 24px !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.8fr) !important;
  margin-bottom: 16px !important;
  max-width: 1120px !important;
  padding: 24px !important;
  text-align: left !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::before {
  bottom: 22px !important;
  top: 22px !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::after {
  background:
    linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(56, 189, 248, 0.05)),
    linear-gradient(180deg, rgba(13, 28, 48, 0.84), rgba(7, 17, 31, 0.92)) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 16px !important;
  bottom: 24px !important;
  content: "" !important;
  grid-column: 2 !important;
  grid-row: 1 / span 5 !important;
  height: auto !important;
  left: auto !important;
  position: relative !important;
  right: auto !important;
  z-index: -1 !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] > div[style*="display:inline-block"] {
  align-self: start !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-left: 10px !important;
  width: max-content !important;
}

body.plugin-cmsclient-main-index .content h1 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin-left: 10px !important;
  max-width: 640px !important;
}

body.plugin-cmsclient-main-index .content h1::before {
  content: "MK3Node Command Center" !important;
  font-size: clamp(34px, 3.55vw, 50px) !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
}

body.plugin-cmsclient-main-index .content h1 + p {
  grid-column: 1 !important;
  grid-row: 3 !important;
  margin-left: 10px !important;
  max-width: 590px !important;
}

body.plugin-cmsclient-main-index .content h1 + p::before {
  content: "Billing, orders, support, and server controls in one secure portal." !important;
  font-size: 15px !important;
}

body.plugin-cmsclient-main-index .content h1 + p::after {
  color: #84a0bb !important;
  content: "Start with the action you need. No marketing maze, no duplicate tiles." !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
  margin-top: 7px !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.98), rgba(8, 19, 34, 0.99)) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  grid-column: 2 !important;
  margin: 0 !important;
  min-height: 76px !important;
  padding: 14px 16px 14px 58px !important;
  width: 100% !important;
  z-index: 1 !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"]::before {
  height: 36px !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
}

body.plugin-cmsclient-main-index .content a[style*="display:inline-block"]::after {
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin-top: 5px !important;
}

body.plugin-cmsclient-main-index .content a[href*="/client/login"][style*="display:inline-block"] {
  grid-row: 1 !important;
}

body.plugin-cmsclient-main-index .content a[href*="panel.mk3node"][style*="display:inline-block"] {
  grid-row: 2 !important;
}

body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"] {
  grid-row: 3 !important;
  min-height: 84px !important;
  order: 0 !important;
}

body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"]:hover,
body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"]:focus {
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.20) !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] .mk-portal-status,
body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] .mk-portal-status * {
  display: none !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
  isolation: isolate !important;
}

body.plugin-cmsclient-main-index .content h1 + p + a::before {
  box-shadow: 0 0 22px rgba(96, 165, 250, 0.12) !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] > a:last-of-type::after {
  font-weight: 750 !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row > .row[style*="max-width:980px"] {
  background:
    linear-gradient(180deg, rgba(11, 22, 38, 0.74), rgba(7, 16, 29, 0.78)) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 12px !important;
}

body.plugin-cmsclient-main-index .portal-box {
  flex: none !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: auto !important;
}

body.plugin-cmsclient-main-index .portal-box .card {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.82), rgba(8, 18, 32, 0.88)) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  min-height: 118px !important;
}

body.plugin-cmsclient-main-index .portal-box .card::before {
  opacity: 0.55 !important;
  width: 2px !important;
}

body.plugin-cmsclient-main-index .portal-box .card-body {
  display: grid !important;
  gap: 6px 12px !important;
  grid-template-columns: 38px 1fr !important;
  padding: 18px !important;
}

body.plugin-cmsclient-main-index .portal-box i {
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
}

body.plugin-cmsclient-main-index .portal-box h4 {
  align-self: end !important;
  margin: 0 !important;
}

body.plugin-cmsclient-main-index .portal-box p {
  align-self: start !important;
}

body.plugin-cmsclient-main-index .portal-box p::before {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
    grid-template-columns: 1fr !important;
  }

  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"]::after {
    content: none !important;
    display: none !important;
  }

  body.plugin-cmsclient-main-index .content h1,
  body.plugin-cmsclient-main-index .content h1 + p,
  body.plugin-cmsclient-main-index .content a[style*="display:inline-block"],
  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] > div[style*="display:inline-block"] {
    grid-column: 1 !important;
    margin-left: 0 !important;
  }

  body.plugin-cmsclient-main-index .content a[href*="/client/login"][style*="display:inline-block"],
  body.plugin-cmsclient-main-index .content a[href*="panel.mk3node"][style*="display:inline-block"],
  body.plugin-cmsclient-main-index .content a[href*="/order/main/packages"][style*="display:inline-block"] {
    grid-row: auto !important;
  }

  body.plugin-cmsclient-main-index .content > .container-md > .row > .row[style*="max-width:980px"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.plugin-cmsclient-main-index .content {
    padding-top: 22px !important;
  }

  body.plugin-cmsclient-main-index .content > .container-md > .row > .col-md-12 > div[style*="max-width:980px"] {
    padding: 20px !important;
  }

  body.plugin-cmsclient-main-index .content h1::before {
    font-size: 31px !important;
  }

  body.plugin-cmsclient-main-index .content a[style*="display:inline-block"] {
    min-height: 78px !important;
  }

  body.plugin-cmsclient-main-index .portal-box .card-body {
    padding: 16px !important;
  }
}
/* === MK3Node console portal pass19 END === */

/* === MK3Node optimized CMS portal pass19 START === */
body.plugin-cmsclient-main-index {
  color: #eaf4ff !important;
}

body.plugin-cmsclient-main-index .content > .container-md > .row {
  align-items: flex-start !important;
}

body.plugin-cmsclient-main-index .mk3-portal {
  --mk-bg: #07111f;
  --mk-panel: rgba(11, 22, 38, 0.84);
  --mk-panel-strong: rgba(15, 30, 51, 0.94);
  --mk-border: rgba(148, 163, 184, 0.15);
  --mk-border-strong: rgba(34, 197, 94, 0.45);
  --mk-text: #f4f8ff;
  --mk-muted: #9fb2c8;
  --mk-green: #22c55e;
  --mk-green-dark: #16a34a;
  --mk-blue: #38bdf8;
  display: block;
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 0 32px;
}

body.plugin-cmsclient-main-index .mk3-portal,
body.plugin-cmsclient-main-index .mk3-portal * {
  box-sizing: border-box;
}

body.plugin-cmsclient-main-index .mk3-portal a {
  text-decoration: none;
}

body.plugin-cmsclient-main-index .mk3-portal-hero {
  background:
    radial-gradient(circle at 82% 10%, rgba(56, 189, 248, 0.12), transparent 28%),
    radial-gradient(circle at 12% 10%, rgba(34, 197, 94, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(10, 23, 39, 0.98), rgba(6, 15, 29, 0.98) 60%, rgba(6, 24, 29, 0.96));
  border: 1px solid rgba(54, 211, 153, 0.20);
  border-radius: 22px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 28px 80px rgba(0, 0, 0, 0.32);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr);
  overflow: hidden;
  padding: 30px;
  position: relative;
}

body.plugin-cmsclient-main-index .mk3-portal-hero::before {
  background: linear-gradient(180deg, var(--mk-green), var(--mk-blue));
  border-radius: 999px;
  bottom: 28px;
  content: "";
  left: 0;
  position: absolute;
  top: 28px;
  width: 4px;
}

body.plugin-cmsclient-main-index .mk3-portal-eyebrow {
  align-items: center;
  color: #7dd3fc;
  display: inline-flex;
  font-size: 12px;
  font-weight: 850;
  gap: 8px;
  letter-spacing: 0.12em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

body.plugin-cmsclient-main-index .mk3-portal-eyebrow::before {
  background: var(--mk-green);
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(34, 197, 94, 0.55);
  content: "";
  height: 8px;
  width: 8px;
}

body.plugin-cmsclient-main-index .mk3-portal h1,
body.plugin-cmsclient-main-index .mk3-portal h2,
body.plugin-cmsclient-main-index .mk3-portal h3,
body.plugin-cmsclient-main-index .mk3-portal p {
  margin: 0;
}

body.plugin-cmsclient-main-index .mk3-portal h1 {
  color: var(--mk-text);
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.98;
  max-width: 690px;
}

body.plugin-cmsclient-main-index .mk3-portal-intro {
  color: #b7c8dc;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.65;
  margin-top: 16px !important;
  max-width: 680px;
}

body.plugin-cmsclient-main-index .mk3-portal-trust {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  color: #8ca3bd;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 800;
  gap: 9px 16px;
  line-height: 1.4;
  margin-top: 22px;
  padding-top: 18px;
}

body.plugin-cmsclient-main-index .mk3-portal-trust span {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

body.plugin-cmsclient-main-index .mk3-portal-trust span::before {
  color: var(--mk-green);
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-size: 11px;
  font-weight: 900;
}

body.plugin-cmsclient-main-index .mk3-portal-summary {
  align-self: stretch;
  background:
    linear-gradient(180deg, rgba(13, 27, 46, 0.92), rgba(7, 17, 31, 0.96));
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  padding: 16px;
}

body.plugin-cmsclient-main-index .mk3-portal-summary-title {
  color: #dff7ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

body.plugin-cmsclient-main-index .mk3-portal-summary-item {
  align-items: center;
  background: rgba(3, 10, 21, 0.46);
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 13px;
  display: grid;
  gap: 2px;
  grid-template-columns: 36px 1fr;
  padding: 12px;
}

body.plugin-cmsclient-main-index .mk3-portal-summary-item i {
  align-items: center;
  background: rgba(34, 197, 94, 0.11);
  border: 1px solid rgba(34, 197, 94, 0.24);
  border-radius: 11px;
  color: var(--mk-green);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

body.plugin-cmsclient-main-index .mk3-portal-summary-item strong {
  color: #f4f8ff;
  font-size: 13px;
  font-weight: 900;
}

body.plugin-cmsclient-main-index .mk3-portal-summary-item span {
  color: #8ea5be;
  font-size: 12px;
  font-weight: 700;
}

body.plugin-cmsclient-main-index .mk3-portal-section {
  margin-top: 18px;
}

body.plugin-cmsclient-main-index .mk3-portal-section-head {
  align-items: end;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 0 2px 12px;
}

body.plugin-cmsclient-main-index .mk3-portal-section-head h2 {
  color: #f4f8ff;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}

body.plugin-cmsclient-main-index .mk3-portal-section-head p {
  color: #8fa6bf;
  font-size: 13px;
  font-weight: 700;
}

body.plugin-cmsclient-main-index .mk3-portal-actions {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.1fr 1fr 1fr;
}

body.plugin-cmsclient-main-index .mk3-portal-card {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.86), rgba(7, 17, 31, 0.94));
  border: 1px solid var(--mk-border);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
  color: var(--mk-text);
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 20px;
  position: relative;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.plugin-cmsclient-main-index .mk3-portal-card:hover,
body.plugin-cmsclient-main-index .mk3-portal-card:focus {
  border-color: rgba(56, 189, 248, 0.38);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
  color: var(--mk-text);
  transform: translateY(-2px);
}

body.plugin-cmsclient-main-index .mk3-portal-card-featured {
  background:
    radial-gradient(circle at 82% 10%, rgba(34, 197, 94, 0.24), transparent 28%),
    linear-gradient(180deg, rgba(11, 48, 36, 0.96), rgba(8, 25, 25, 0.98));
  border-color: rgba(34, 197, 94, 0.52);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 60px rgba(34, 197, 94, 0.12);
}

body.plugin-cmsclient-main-index .mk3-portal-card-top {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 18px;
}

body.plugin-cmsclient-main-index .mk3-portal-icon {
  align-items: center;
  background: rgba(56, 189, 248, 0.09);
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 14px;
  color: #7dd3fc;
  display: inline-flex;
  height: 46px;
  justify-content: center;
  width: 46px;
}

body.plugin-cmsclient-main-index .mk3-portal-card-featured .mk3-portal-icon {
  background: rgba(34, 197, 94, 0.16);
  border-color: rgba(34, 197, 94, 0.32);
  color: #86efac;
}

body.plugin-cmsclient-main-index .mk3-portal-badge {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
  border-radius: 999px;
  color: #86efac;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 6px 9px;
  text-transform: uppercase;
}

body.plugin-cmsclient-main-index .mk3-portal-card h3 {
  color: var(--mk-text);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 9px;
}

body.plugin-cmsclient-main-index .mk3-portal-card p {
  color: var(--mk-muted);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
}

body.plugin-cmsclient-main-index .mk3-portal-button {
  align-items: center;
  background: rgba(15, 30, 51, 0.96);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  color: #eaf4ff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  gap: 8px;
  justify-content: center;
  margin-top: auto;
  min-height: 46px;
  padding: 0 14px;
  width: 100%;
}

body.plugin-cmsclient-main-index .mk3-portal-card-featured .mk3-portal-button {
  background: linear-gradient(135deg, #24d366, #16b857);
  border-color: rgba(34, 197, 94, 0.72);
  color: #02140a;
}

body.plugin-cmsclient-main-index .mk3-portal-button i {
  font-size: 12px;
}

body.plugin-cmsclient-main-index .mk3-portal-utility {
  background:
    linear-gradient(180deg, rgba(11, 22, 38, 0.72), rgba(7, 16, 29, 0.80));
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 12px;
}

body.plugin-cmsclient-main-index .mk3-portal-mini {
  align-items: center;
  background: rgba(9, 20, 36, 0.74);
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 14px;
  color: var(--mk-text);
  display: grid;
  gap: 4px 12px;
  grid-template-columns: 38px 1fr;
  min-height: 112px;
  padding: 16px;
  transition: border-color 0.18s ease, background 0.18s ease;
}

body.plugin-cmsclient-main-index .mk3-portal-mini:hover,
body.plugin-cmsclient-main-index .mk3-portal-mini:focus {
  background: rgba(13, 27, 47, 0.90);
  border-color: rgba(56, 189, 248, 0.30);
  color: var(--mk-text);
}

body.plugin-cmsclient-main-index .mk3-portal-mini i {
  align-items: center;
  background: rgba(34, 197, 94, 0.10);
  border: 1px solid rgba(34, 197, 94, 0.22);
  border-radius: 12px;
  color: var(--mk-green);
  display: inline-flex;
  grid-row: 1 / span 2;
  height: 38px;
  justify-content: center;
  width: 38px;
}

body.plugin-cmsclient-main-index .mk3-portal-mini strong {
  align-self: end;
  color: var(--mk-text);
  font-size: 15px;
  font-weight: 900;
}

body.plugin-cmsclient-main-index .mk3-portal-mini span {
  align-self: start;
  color: var(--mk-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

body.plugin-cmsclient-main-index .mk3-portal-flow {
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 18px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
}

body.plugin-cmsclient-main-index .mk3-portal-step {
  background: rgba(8, 18, 32, 0.80);
  padding: 16px;
}

body.plugin-cmsclient-main-index .mk3-portal-step small {
  color: #7dd3fc;
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.10em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

body.plugin-cmsclient-main-index .mk3-portal-step strong {
  color: #f4f8ff;
  display: block;
  font-size: 14px;
  font-weight: 900;
}

body.plugin-cmsclient-main-index .mk3-portal-step span {
  color: #8fa6bf;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 4px;
}

body.plugin-cmsclient-main-index .mk3-portal-note {
  color: #7f96af;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 14px !important;
  text-align: center;
}

@media (max-width: 1040px) {
  body.plugin-cmsclient-main-index .mk3-portal-hero,
  body.plugin-cmsclient-main-index .mk3-portal-actions {
    grid-template-columns: 1fr;
  }

  body.plugin-cmsclient-main-index .mk3-portal-card {
    min-height: 190px;
  }
}

@media (max-width: 767px) {
  body.plugin-cmsclient-main-index .mk3-portal {
    padding-bottom: 22px;
  }

  body.plugin-cmsclient-main-index .mk3-portal-hero {
    border-radius: 18px;
    padding: 24px 20px;
  }

  body.plugin-cmsclient-main-index .mk3-portal h1 {
    font-size: 34px;
  }

  body.plugin-cmsclient-main-index .mk3-portal-intro {
    font-size: 14px;
  }

  body.plugin-cmsclient-main-index .mk3-portal-section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  body.plugin-cmsclient-main-index .mk3-portal-utility,
  body.plugin-cmsclient-main-index .mk3-portal-flow {
    grid-template-columns: 1fr;
  }

  body.plugin-cmsclient-main-index .mk3-portal-card,
  body.plugin-cmsclient-main-index .mk3-portal-mini {
    min-height: 0;
  }
}
/* === MK3Node optimized CMS portal pass19 END === */

/* === MK3Node shared header normalization pass20 START === */
body.plugin-cmsclient-main-index,
body[class^="plugin-orderclient-"],
body[class^="plugin-support_managerclient-"] {
  --mk-shell-max-width: 1160px;
  --mk-shell-header-height: 58px;
  --mk-shell-nav-height: 54px;
  --mk-shell-logo-height: 32px;
}

body.plugin-cmsclient-main-index .header,
body[class^="plugin-orderclient-"] .header,
body[class^="plugin-support_managerclient-"] .header {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.08), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #081321 100%) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.10) !important;
  box-shadow: none !important;
  min-height: var(--mk-shell-header-height) !important;
  padding: 0 !important;
}

body.plugin-cmsclient-main-index .header .container,
body.plugin-cmsclient-main-index .header .container-md,
body[class^="plugin-orderclient-"] .header .container,
body[class^="plugin-orderclient-"] .header .container-md,
body[class^="plugin-support_managerclient-"] .header .container,
body[class^="plugin-support_managerclient-"] .header .container-md {
  align-items: center !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--mk-shell-max-width) !important;
  min-height: var(--mk-shell-header-height) !important;
  padding-bottom: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0 !important;
}

body.plugin-cmsclient-main-index .header .logo,
body.plugin-cmsclient-main-index .header .logo a,
body[class^="plugin-orderclient-"] .header .logo,
body[class^="plugin-orderclient-"] .header .logo a,
body[class^="plugin-orderclient-"] .header a.logo,
body[class^="plugin-support_managerclient-"] .header .logo,
body[class^="plugin-support_managerclient-"] .header .logo a,
body[class^="plugin-support_managerclient-"] .header a.logo {
  align-items: center !important;
  color: #24e877 !important;
  display: inline-flex !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  gap: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: var(--mk-shell-logo-height) !important;
  padding: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.plugin-cmsclient-main-index .header .logo img,
body.plugin-cmsclient-main-index .header .logo a img,
body[class^="plugin-orderclient-"] .header .logo img,
body[class^="plugin-orderclient-"] .header .logo a img,
body[class^="plugin-orderclient-"] .header a.logo img,
body[class^="plugin-support_managerclient-"] .header .logo img,
body[class^="plugin-support_managerclient-"] .header .logo a img,
body[class^="plugin-support_managerclient-"] .header a.logo img {
  display: block !important;
  filter: none !important;
  height: var(--mk-shell-logo-height) !important;
  max-height: var(--mk-shell-logo-height) !important;
  opacity: 1 !important;
  width: auto !important;
}

body.plugin-cmsclient-main-index .header .logo::after,
body[class^="plugin-orderclient-"] .header .logo::after,
body[class^="plugin-orderclient-"] .header a.logo::after,
body[class^="plugin-support_managerclient-"] .header .logo::after,
body[class^="plugin-support_managerclient-"] .header a.logo::after {
  align-items: center !important;
  background: rgba(5, 24, 27, 0.82) !important;
  border: 1px solid rgba(34, 197, 94, 0.34) !important;
  border-radius: 999px !important;
  color: #a7f3d0 !important;
  content: none !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 26px !important;
  letter-spacing: 0.02em !important;
  margin-left: 14px !important;
  padding: 0 11px !important;
  position: static !important;
  text-transform: uppercase !important;
  transform: none !important;
}

body.plugin-cmsclient-main-index .nav-content,
body[class^="plugin-orderclient-"] .nav-content,
body[class^="plugin-support_managerclient-"] .nav-content {
  background: rgba(8, 17, 31, 0.96) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.035) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.12) !important;
  min-height: var(--mk-shell-nav-height) !important;
  padding: 0 !important;
}

body.plugin-cmsclient-main-index .nav-content .container,
body.plugin-cmsclient-main-index .nav-content .container-md,
body[class^="plugin-orderclient-"] .nav-content .container,
body[class^="plugin-orderclient-"] .nav-content .container-md,
body[class^="plugin-support_managerclient-"] .nav-content .container,
body[class^="plugin-support_managerclient-"] .nav-content .container-md {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--mk-shell-max-width) !important;
  padding-bottom: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0 !important;
}

body.plugin-cmsclient-main-index .nav-content .container,
body.plugin-cmsclient-main-index .nav-content .container-md,
body.plugin-cmsclient-main-index .nav-content .navbar,
body.plugin-cmsclient-main-index .nav-content .navbar-collapse,
body[class^="plugin-orderclient-"] .nav-content .container,
body[class^="plugin-orderclient-"] .nav-content .container-md,
body[class^="plugin-orderclient-"] .nav-content .navbar,
body[class^="plugin-orderclient-"] .nav-content .navbar-collapse,
body[class^="plugin-support_managerclient-"] .nav-content .container,
body[class^="plugin-support_managerclient-"] .nav-content .container-md,
body[class^="plugin-support_managerclient-"] .nav-content .navbar,
body[class^="plugin-support_managerclient-"] .nav-content .navbar-collapse {
  align-items: center !important;
  min-height: var(--mk-shell-nav-height) !important;
}

body.plugin-cmsclient-main-index .nav-content .navbar,
body[class^="plugin-orderclient-"] .nav-content .navbar,
body[class^="plugin-support_managerclient-"] .nav-content .navbar {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.plugin-cmsclient-main-index .nav-content .navbar-nav,
body[class^="plugin-orderclient-"] .nav-content .navbar-nav,
body[class^="plugin-support_managerclient-"] .nav-content .navbar-nav {
  align-items: center !important;
  gap: 22px !important;
}

body.plugin-cmsclient-main-index .nav-content a,
body.plugin-cmsclient-main-index .nav-content .nav-link,
body[class^="plugin-orderclient-"] .nav-content a,
body[class^="plugin-orderclient-"] .nav-content .nav-link,
body[class^="plugin-support_managerclient-"] .nav-content a,
body[class^="plugin-support_managerclient-"] .nav-content .nav-link {
  align-items: center !important;
  color: #eef6ff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  min-height: var(--mk-shell-nav-height) !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

body.plugin-cmsclient-main-index .nav-content a:hover,
body.plugin-cmsclient-main-index .nav-content a:focus,
body.plugin-cmsclient-main-index .nav-content .nav-link:hover,
body.plugin-cmsclient-main-index .nav-content .nav-link:focus,
body[class^="plugin-orderclient-"] .nav-content a:hover,
body[class^="plugin-orderclient-"] .nav-content a:focus,
body[class^="plugin-orderclient-"] .nav-content .nav-link:hover,
body[class^="plugin-orderclient-"] .nav-content .nav-link:focus,
body[class^="plugin-support_managerclient-"] .nav-content a:hover,
body[class^="plugin-support_managerclient-"] .nav-content a:focus,
body[class^="plugin-support_managerclient-"] .nav-content .nav-link:hover,
body[class^="plugin-support_managerclient-"] .nav-content .nav-link:focus {
  color: #24e877 !important;
}

@media (max-width: 760px) {
  body.plugin-cmsclient-main-index,
  body[class^="plugin-orderclient-"],
  body[class^="plugin-support_managerclient-"] {
    --mk-shell-header-height: 54px;
    --mk-shell-nav-height: 48px;
    --mk-shell-logo-height: 30px;
  }

  body.plugin-cmsclient-main-index .header .logo::after,
  body[class^="plugin-orderclient-"] .header .logo::after,
  body[class^="plugin-orderclient-"] .header a.logo::after,
  body[class^="plugin-support_managerclient-"] .header .logo::after,
  body[class^="plugin-support_managerclient-"] .header a.logo::after {
    height: 24px !important;
    margin-left: 10px !important;
    padding: 0 9px !important;
  }

  body.plugin-cmsclient-main-index .nav-content .navbar-nav,
  body[class^="plugin-orderclient-"] .nav-content .navbar-nav,
  body[class^="plugin-support_managerclient-"] .nav-content .navbar-nav {
    gap: 14px !important;
  }
}
/* === MK3Node shared header normalization pass20 END === */

/* === MK3Node Blesta global logo source cleanup START === */
body.plugin-cmsclient-main-index .header .logo::before,
body.plugin-cmsclient-main-index .header .logo::after,
body.plugin-cmsclient-main-index .header .logo a::before,
body.plugin-cmsclient-main-index .header .logo a::after,
body[class^="plugin-orderclient-"] .navbar-brand::before,
body[class^="plugin-orderclient-"] .navbar-brand::after,
body[class^="plugin-orderclient-"] .header .logo::before,
body[class^="plugin-orderclient-"] .header .logo::after,
body[class^="plugin-orderclient-"] .header .logo a::before,
body[class^="plugin-orderclient-"] .header .logo a::after,
body[class^="plugin-orderclient-"] .header a.logo::before,
body[class^="plugin-orderclient-"] .header a.logo::after,
body[class^="plugin-orderclient-"] .mk-preview-brand::before,
body[class^="plugin-orderclient-"] .mk-preview-brand::after,
body[class^="plugin-support_managerclient-"] .header .logo::before,
body[class^="plugin-support_managerclient-"] .header .logo::after,
body[class^="plugin-support_managerclient-"] .header .logo a::before,
body[class^="plugin-support_managerclient-"] .header .logo a::after,
body[class^="plugin-support_managerclient-"] .header a.logo::before,
body[class^="plugin-support_managerclient-"] .header a.logo::after,
body.client-client_main-index .header .logo::before,
body.client-client_main-index .header .logo::after,
body.client-client_main-index .header .logo a::before,
body.client-client_main-index .header .logo a::after,
body.client-client_login-index .header .logo::before,
body.client-client_login-index .header .logo::after,
body.client-client_login-index .header .logo a::before,
body.client-client_login-index .header .logo a::after {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  content: none !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  transform: none !important;
  width: 0 !important;
}

body.plugin-cmsclient-main-index .header .logo,
body.plugin-cmsclient-main-index .header .logo a,
body[class^="plugin-orderclient-"] .header .logo,
body[class^="plugin-orderclient-"] .header .logo a,
body[class^="plugin-orderclient-"] .header a.logo,
body[class^="plugin-support_managerclient-"] .header .logo,
body[class^="plugin-support_managerclient-"] .header .logo a,
body[class^="plugin-support_managerclient-"] .header a.logo,
body.client-client_main-index .header .logo,
body.client-client_main-index .header .logo a,
body.client-client_login-index .header .logo,
body.client-client_login-index .header .logo a {
  align-items: center !important;
  display: inline-flex !important;
  overflow: visible !important;
  text-decoration: none !important;
}

body.plugin-cmsclient-main-index .header .logo img,
body.plugin-cmsclient-main-index .header .logo a img,
body[class^="plugin-orderclient-"] .navbar-brand img,
body[class^="plugin-orderclient-"] .header .logo img,
body[class^="plugin-orderclient-"] .header .logo a img,
body[class^="plugin-orderclient-"] .header a.logo img,
body[class^="plugin-support_managerclient-"] .header .logo img,
body[class^="plugin-support_managerclient-"] .header .logo a img,
body[class^="plugin-support_managerclient-"] .header a.logo img,
body.client-client_main-index .header .logo img,
body.client-client_main-index .header .logo a img,
body.client-client_login-index .header .logo img,
body.client-client_login-index .header .logo a img {
  clip-path: none !important;
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: var(--mk-shell-logo-height, 32px) !important;
  max-width: min(240px, 70vw) !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  width: auto !important;
}

body[class^="plugin-orderclient-"] .mk-preview-brand {
  font-size: 0 !important;
}

body[class^="plugin-orderclient-"] .mk-preview-brand img {
  display: block !important;
  max-height: var(--mk-shell-logo-height, 32px) !important;
  width: auto !important;
}
/* === MK3Node Blesta global logo source cleanup END === */

/* === MK3Node page mismatch cleanup pass22 START === */
body.client-client_login-index,
body.client-client_login-reset,
body[class^="plugin-support_managerclient-"] {
  background:
    radial-gradient(circle at 14% 4%, rgba(34, 197, 94, 0.12), transparent 28%),
    radial-gradient(circle at 86% 0%, rgba(56, 189, 248, 0.10), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #0b1220 46%, #050b14 100%) !important;
  color: #e5edf7 !important;
}

body[class^="plugin-support_managerclient-"] .title {
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 24px 0 10px !important;
}

body[class^="plugin-support_managerclient-"] .title h3 {
  color: #f4f8ff !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body[class^="plugin-support_managerclient-"] > .container-md,
body[class^="plugin-support_managerclient-"] > .container-fluid {
  position: relative !important;
  z-index: 1 !important;
}

body[class^="plugin-support_managerclient-"] .card,
body[class^="plugin-support_managerclient-"] .card-kb,
body[class^="plugin-support_managerclient-"] .card-blesta,
body[class^="plugin-support_managerclient-"] .panel,
body[class^="plugin-support_managerclient-"] .well,
body[class^="plugin-support_managerclient-"] .list-group,
body[class^="plugin-support_managerclient-"] .list-group-item {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 18px 48px rgba(0, 0, 0, 0.22) !important;
  color: #e5edf7 !important;
}

body[class^="plugin-support_managerclient-"] .card-kb.bg-light,
body[class^="plugin-support_managerclient-"] .bg-light {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.98)) !important;
  color: #e5edf7 !important;
}

body[class^="plugin-support_managerclient-"] .card-header,
body[class^="plugin-support_managerclient-"] .panel-heading,
body[class^="plugin-support_managerclient-"] .card-title,
body[class^="plugin-support_managerclient-"] h1,
body[class^="plugin-support_managerclient-"] h2,
body[class^="plugin-support_managerclient-"] h3,
body[class^="plugin-support_managerclient-"] h4,
body[class^="plugin-support_managerclient-"] h5 {
  color: #f4f8ff !important;
  font-weight: 900 !important;
}

body[class^="plugin-support_managerclient-"] p,
body[class^="plugin-support_managerclient-"] .card p,
body[class^="plugin-support_managerclient-"] .list-group-item,
body[class^="plugin-support_managerclient-"] .article,
body[class^="plugin-support_managerclient-"] .article-content {
  color: #aebfd3 !important;
}

body[class^="plugin-support_managerclient-"] a:not(.btn):not(.nav-link) {
  color: #7dd3fc !important;
  font-weight: 750 !important;
}

body[class^="plugin-support_managerclient-"] a:not(.btn):not(.nav-link):hover,
body[class^="plugin-support_managerclient-"] a:not(.btn):not(.nav-link):focus {
  color: #24e877 !important;
}

body[class^="plugin-support_managerclient-"] .form-control,
body[class^="plugin-support_managerclient-"] input[type="text"],
body[class^="plugin-support_managerclient-"] input[type="search"],
body[class^="plugin-support_managerclient-"] select,
body[class^="plugin-support_managerclient-"] textarea {
  background: rgba(5, 12, 23, 0.92) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  color: #f4f8ff !important;
  min-height: 44px !important;
}

body[class^="plugin-support_managerclient-"] .form-control::placeholder,
body[class^="plugin-support_managerclient-"] input::placeholder,
body[class^="plugin-support_managerclient-"] textarea::placeholder {
  color: #7f94ad !important;
}

body[class^="plugin-support_managerclient-"] .btn-primary,
body[class^="plugin-support_managerclient-"] .btn-success,
body[class^="plugin-support_managerclient-"] button[type="submit"] {
  background: linear-gradient(135deg, #24d366, #16b857) !important;
  border-color: rgba(34, 197, 94, 0.72) !important;
  border-radius: 12px !important;
  color: #02140a !important;
  font-weight: 900 !important;
}

body[class^="plugin-support_managerclient-"] .btn-secondary,
body[class^="plugin-support_managerclient-"] .btn-default {
  background: rgba(15, 30, 51, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-radius: 12px !important;
  color: #eaf4ff !important;
  font-weight: 850 !important;
}

body[class^="plugin-support_managerclient-"] table,
body[class^="plugin-support_managerclient-"] .table {
  color: #e5edf7 !important;
}

body[class^="plugin-support_managerclient-"] .table th,
body[class^="plugin-support_managerclient-"] .table td {
  border-color: rgba(148, 163, 184, 0.12) !important;
}

body.client-client_login-index .container-md,
body.client-client_login-reset .container-md {
  max-width: 1160px !important;
}

body.client-client_login-index h1,
body.client-client_login-index h2,
body.client-client_login-index h3,
body.client-client_login-index h4,
body.client-client_login-reset h1,
body.client-client_login-reset h2,
body.client-client_login-reset h3,
body.client-client_login-reset h4 {
  color: #f4f8ff !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.client-client_login-index p,
body.client-client_login-reset p,
body.client-client_login-index label,
body.client-client_login-reset label {
  color: #aebfd3 !important;
}

body.client-client_login-index .panel,
body.client-client_login-index .panel-default,
body.client-client_login-index .panel-blesta,
body.client-client_login-reset .panel,
body.client-client_login-reset .panel-default,
body.client-client_login-reset .panel-blesta {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 24px 64px rgba(0, 0, 0, 0.28) !important;
  color: #e5edf7 !important;
  overflow: hidden !important;
}

body.client-client_login-index .panel-body,
body.client-client_login-reset .panel-body {
  background: transparent !important;
  color: #e5edf7 !important;
}

body.client-client_login-index .panel-footer,
body.client-client_login-reset .panel-footer {
  background: rgba(5, 12, 23, 0.72) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #aebfd3 !important;
}

body.client-client_login-index .form-control,
body.client-client_login-reset .form-control,
body.client-client_login-index input[type="text"],
body.client-client_login-index input[type="password"],
body.client-client_login-reset input[type="text"],
body.client-client_login-reset input[type="password"] {
  background: rgba(5, 12, 23, 0.92) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  color: #f4f8ff !important;
  min-height: 46px !important;
}

body.client-client_login-index .form-control::placeholder,
body.client-client_login-reset .form-control::placeholder {
  color: #7f94ad !important;
}

body.client-client_login-index .btn-success,
body.client-client_login-index .btn-primary,
body.client-client_login-reset .btn-success,
body.client-client_login-reset .btn-primary {
  background: linear-gradient(135deg, #24d366, #16b857) !important;
  border-color: rgba(34, 197, 94, 0.72) !important;
  border-radius: 12px !important;
  color: #02140a !important;
  font-weight: 900 !important;
}

body.client-client_login-index .btn-default,
body.client-client_login-index .btn-secondary,
body.client-client_login-reset .btn-default,
body.client-client_login-reset .btn-secondary {
  background: rgba(15, 30, 51, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-radius: 12px !important;
  color: #eaf4ff !important;
  font-weight: 850 !important;
}

body.client-client_login-index a:not(.btn),
body.client-client_login-reset a:not(.btn) {
  color: #7dd3fc !important;
  font-weight: 750 !important;
}

body.client-client_login-index a:not(.btn):hover,
body.client-client_login-index a:not(.btn):focus,
body.client-client_login-reset a:not(.btn):hover,
body.client-client_login-reset a:not(.btn):focus {
  color: #24e877 !important;
}

body.plugin-orderclient-signup-index .well,
body.plugin-orderclient-signup-index .form-group.well,
body.plugin-orderclient-signup-index .content_section .well {
  background: rgba(5, 12, 23, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: #aebfd3 !important;
}

body.plugin-orderclient-signup-index .well label,
body.plugin-orderclient-signup-index .form-group.well label {
  color: #e5edf7 !important;
  font-weight: 750 !important;
}

body.plugin-orderclient-cart-index .title,
body.plugin-orderclient-signup-index .title,
body.plugin-orderclient-config-index .title,
body.plugin-orderclient-checkout-index .title,
body[class^="plugin-support_managerclient-"] .title {
  border-bottom: 0 !important;
}

body.plugin-orderclient-cart-index .title h3,
body.plugin-orderclient-signup-index .title h3,
body.plugin-orderclient-config-index .title h3,
body.plugin-orderclient-checkout-index .title h3 {
  color: #f4f8ff !important;
  font-size: clamp(28px, 2.8vw, 38px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}
/* === MK3Node page mismatch cleanup pass22 END === */

/* === MK3Node client area dropdown and ticket polish pass23 START === */
body .nav-content .dropdown-menu,
body .navbar .dropdown-menu,
body .dropdown-menu {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 20px 48px rgba(0, 0, 0, 0.34) !important;
  margin-top: 10px !important;
  min-width: 210px !important;
  padding: 8px !important;
}

body .nav-content .dropdown-item,
body .navbar .dropdown-item,
body .dropdown-menu .dropdown-item,
body .dropdown-menu a {
  align-items: center !important;
  background: transparent !important;
  border-radius: 9px !important;
  color: #dbeafe !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

body .nav-content .dropdown-item:hover,
body .nav-content .dropdown-item:focus,
body .navbar .dropdown-item:hover,
body .navbar .dropdown-item:focus,
body .dropdown-menu .dropdown-item:hover,
body .dropdown-menu .dropdown-item:focus,
body .dropdown-menu a:hover,
body .dropdown-menu a:focus {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #24e877 !important;
}

body .dropdown-toggle::after {
  margin-left: 7px !important;
  opacity: 0.72 !important;
}

body[class^="plugin-support_managerclient-"] .title {
  padding: 22px 0 12px !important;
}

body[class^="plugin-support_managerclient-"] .title h3 {
  color: #f4f8ff !important;
  font-size: clamp(32px, 3.1vw, 46px) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-shadow: none !important;
}

body[class^="plugin-support_managerclient-"] .card,
body[class^="plugin-support_managerclient-"] .card-blesta,
body[class^="plugin-support_managerclient-"] .panel {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(9, 16, 29, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 18px 44px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
}

body[class^="plugin-support_managerclient-"] .card-header,
body[class^="plugin-support_managerclient-"] .panel-heading {
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #f4f8ff !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  padding: 16px 18px !important;
  text-shadow: none !important;
}

body[class^="plugin-support_managerclient-"] .card-body,
body[class^="plugin-support_managerclient-"] .panel-body {
  color: #d7e4f5 !important;
}

body[class^="plugin-support_managerclient-"] .nav-tabs,
body[class^="plugin-support_managerclient-"] .nav-pills {
  border-bottom-color: rgba(148, 163, 184, 0.12) !important;
  gap: 8px !important;
}

body[class^="plugin-support_managerclient-"] .nav-tabs .nav-link,
body[class^="plugin-support_managerclient-"] .nav-pills .nav-link {
  background: rgba(15, 30, 51, 0.52) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 999px !important;
  color: #9bd3ff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  padding: 7px 12px !important;
  text-decoration: none !important;
}

body[class^="plugin-support_managerclient-"] .nav-tabs .nav-link.active,
body[class^="plugin-support_managerclient-"] .nav-pills .nav-link.active,
body[class^="plugin-support_managerclient-"] .nav-tabs .nav-link:hover,
body[class^="plugin-support_managerclient-"] .nav-pills .nav-link:hover {
  background: rgba(34, 197, 94, 0.13) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  color: #24e877 !important;
}

body[class^="plugin-support_managerclient-"] .alert,
body[class^="plugin-support_managerclient-"] .alert-info {
  background:
    linear-gradient(180deg, rgba(15, 30, 51, 0.88), rgba(10, 21, 37, 0.94)) !important;
  border: 1px solid rgba(56, 189, 248, 0.20) !important;
  border-radius: 12px !important;
  color: #b9d7f7 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  margin: 12px 0 0 !important;
  padding: 18px 20px !important;
  text-shadow: none !important;
}

body[class^="plugin-support_managerclient-"] .badge,
body[class^="plugin-support_managerclient-"] .badge-secondary,
body[class^="plugin-support_managerclient-"] .label,
body[class^="plugin-support_managerclient-"] .label-default {
  background: rgba(226, 232, 240, 0.18) !important;
  border-radius: 999px !important;
  color: #eaf4ff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  padding: 2px 6px !important;
}

body[class^="plugin-support_managerclient-"] .btn,
body[class^="plugin-support_managerclient-"] .btn-light,
body[class^="plugin-support_managerclient-"] .btn-outline-secondary {
  border-radius: 10px !important;
  font-weight: 850 !important;
  min-height: 38px !important;
  text-shadow: none !important;
}

body[class^="plugin-support_managerclient-"] .btn-light,
body[class^="plugin-support_managerclient-"] .btn-outline-secondary,
body[class^="plugin-support_managerclient-"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning) {
  background: rgba(15, 30, 51, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  color: #eaf4ff !important;
}

body[class^="plugin-support_managerclient-"] .btn-light:hover,
body[class^="plugin-support_managerclient-"] .btn-outline-secondary:hover,
body[class^="plugin-support_managerclient-"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):hover {
  background: rgba(34, 197, 94, 0.13) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  color: #24e877 !important;
}

body[class^="plugin-support_managerclient-"] .btn-primary,
body[class^="plugin-support_managerclient-"] .btn-success {
  box-shadow: 0 10px 28px rgba(34, 197, 94, 0.16) !important;
}

body[class^="plugin-support_managerclient-"] .btn-group .btn + .btn,
body[class^="plugin-support_managerclient-"] .btn + .btn {
  margin-left: 6px !important;
}

@media (max-width: 767.98px) {
  body[class^="plugin-support_managerclient-"] .title h3 {
    font-size: 32px !important;
  }

  body[class^="plugin-support_managerclient-"] .card-header,
  body[class^="plugin-support_managerclient-"] .panel-heading {
    padding: 14px 16px !important;
  }

  body .nav-content .dropdown-menu,
  body .navbar .dropdown-menu,
  body .dropdown-menu {
    min-width: 100% !important;
  }
}
/* === MK3Node client area dropdown and ticket polish pass23 END === */

/* === MK3Node client dashboard widget cleanup pass24 START === */
body.client-client_main-index .card,
body.client-client_main-index .card-blesta,
body.client-client_main-index .panel,
body.client-client_main-index .well,
body.client-client_main-index .list-group {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(9, 16, 29, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  border-radius: 14px !important;
  color: #e5edf7 !important;
  overflow: hidden !important;
}

body.client-client_main-index .card-body,
body.client-client_main-index .card-footer,
body.client-client_main-index .list-group-item,
body.client-client_main-index .list-group-item-action,
body.client-client_main-index .alert,
body.client-client_main-index .alert-info,
body.client-client_main-index .alert-light,
body.client-client_main-index .alert-secondary,
body.client-client_main-index .alert-warning,
body.client-client_main-index .notice,
body.client-client_main-index .notification,
body.client-client_main-index .card .bg-white,
body.client-client_main-index .card .bg-light,
body.client-client_main-index .panel .bg-white,
body.client-client_main-index .panel .bg-light,
body.client-client_main-index .well .bg-white,
body.client-client_main-index .well .bg-light,
body.client-client_main-index div[style*="background:#fff"],
body.client-client_main-index div[style*="background: #fff"],
body.client-client_main-index div[style*="background-color:#fff"],
body.client-client_main-index div[style*="background-color: #fff"],
body.client-client_main-index div[style*="background:#ffffff"],
body.client-client_main-index div[style*="background: #ffffff"],
body.client-client_main-index div[style*="background-color:#ffffff"],
body.client-client_main-index div[style*="background-color: #ffffff"],
body.client-client_main-index a[style*="background:#fff"],
body.client-client_main-index a[style*="background: #fff"],
body.client-client_main-index a[style*="background-color:#fff"],
body.client-client_main-index a[style*="background-color: #fff"],
body.client-client_main-index a[style*="background:#ffffff"],
body.client-client_main-index a[style*="background: #ffffff"],
body.client-client_main-index a[style*="background-color:#ffffff"],
body.client-client_main-index a[style*="background-color: #ffffff"] {
  background:
    linear-gradient(180deg, rgba(15, 30, 51, 0.88), rgba(10, 21, 37, 0.94)) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  color: #d7e4f5 !important;
  box-shadow: none !important;
}

body.client-client_main-index .card-footer,
body.client-client_main-index .list-group-item,
body.client-client_main-index .list-group-item-action {
  border-top-color: rgba(148, 163, 184, 0.12) !important;
}

body.client-client_main-index .list-group-item:first-child,
body.client-client_main-index .list-group-item:last-child,
body.client-client_main-index .card-footer:first-child,
body.client-client_main-index .card-footer:last-child {
  border-radius: 0 !important;
}

body.client-client_main-index .card-body *,
body.client-client_main-index .card-footer *,
body.client-client_main-index .list-group-item *,
body.client-client_main-index .alert *,
body.client-client_main-index .notice *,
body.client-client_main-index .notification *,
body.client-client_main-index div[style*="background:#fff"] *,
body.client-client_main-index div[style*="background: #fff"] *,
body.client-client_main-index div[style*="background-color:#fff"] *,
body.client-client_main-index div[style*="background-color: #fff"] *,
body.client-client_main-index div[style*="background:#ffffff"] *,
body.client-client_main-index div[style*="background: #ffffff"] *,
body.client-client_main-index div[style*="background-color:#ffffff"] *,
body.client-client_main-index div[style*="background-color: #ffffff"] * {
  color: #d7e4f5 !important;
  text-shadow: none !important;
}

body.client-client_main-index .card-body strong,
body.client-client_main-index .card-footer strong,
body.client-client_main-index .list-group-item strong,
body.client-client_main-index .card-body b,
body.client-client_main-index .card-footer b,
body.client-client_main-index .list-group-item b,
body.client-client_main-index .card-body .amount,
body.client-client_main-index .card-footer .amount {
  color: #f4f8ff !important;
  font-weight: 850 !important;
}

body.client-client_main-index .text-muted,
body.client-client_main-index .text-secondary,
body.client-client_main-index .card-footer .text-muted,
body.client-client_main-index .list-group-item .text-muted,
body.client-client_main-index [style*="color:#6c757d"],
body.client-client_main-index [style*="color: #6c757d"],
body.client-client_main-index [style*="color:#999"],
body.client-client_main-index [style*="color: #999"] {
  color: #9fb2c8 !important;
}

body.client-client_main-index .card-footer a,
body.client-client_main-index .list-group-item a,
body.client-client_main-index .alert a,
body.client-client_main-index .notice a,
body.client-client_main-index .notification a,
body.client-client_main-index a.btn-link {
  color: #9bd3ff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.client-client_main-index .card-footer a:hover,
body.client-client_main-index .list-group-item a:hover,
body.client-client_main-index .alert a:hover,
body.client-client_main-index .notice a:hover,
body.client-client_main-index .notification a:hover,
body.client-client_main-index a.btn-link:hover {
  color: #24e877 !important;
}

body.client-client_main-index .card-footer .fa,
body.client-client_main-index .list-group-item .fa,
body.client-client_main-index .alert .fa,
body.client-client_main-index .notice .fa,
body.client-client_main-index .notification .fa,
body.client-client_main-index .card-footer i,
body.client-client_main-index .list-group-item i,
body.client-client_main-index .alert i,
body.client-client_main-index .notice i,
body.client-client_main-index .notification i {
  color: #9bd3ff !important;
  opacity: 0.95 !important;
}

body.client-client_main-index .alert,
body.client-client_main-index .alert-info,
body.client-client_main-index .alert-light,
body.client-client_main-index .alert-secondary,
body.client-client_main-index .notice,
body.client-client_main-index .notification {
  border-radius: 10px !important;
  margin-bottom: 18px !important;
  padding: 18px 20px !important;
}

body.client-client_main-index .border,
body.client-client_main-index .border-top,
body.client-client_main-index .border-bottom,
body.client-client_main-index .border-left,
body.client-client_main-index .border-right {
  border-color: rgba(148, 163, 184, 0.14) !important;
}

body.client-client_main-index .btn,
body.client-client_main-index .card-footer .btn,
body.client-client_main-index .list-group-item .btn {
  border-radius: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
/* === MK3Node client dashboard widget cleanup pass24 END === */

/* === MK3Node final logo source enforcement pass25 START === */
body {
  --mk-shell-logo-height: 32px;
}

body .header .logo::before,
body .header .logo::after,
body .header .logo a::before,
body .header .logo a::after,
body .header a.logo::before,
body .header a.logo::after,
body .navbar-brand::before,
body .navbar-brand::after,
body .mk-preview-brand::before,
body .mk-preview-brand::after {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  content: none !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  transform: none !important;
  width: 0 !important;
}

body .header .logo,
body .header .logo a,
body .header a.logo,
body .navbar-brand {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 0 !important;
  min-height: var(--mk-shell-logo-height) !important;
  overflow: visible !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body .header .logo img,
body .header .logo a img,
body .header a.logo img,
body .navbar-brand img,
body .mk3-global-logo,
body .mk3-auth-brand img {
  clip-path: none !important;
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: var(--mk-shell-logo-height) !important;
  max-width: min(240px, 70vw) !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  width: auto !important;
}

body .mk3-auth-brand {
  align-items: center !important;
  display: flex !important;
  margin: 0 0 18px !important;
  min-height: 42px !important;
}

body .mk3-auth-brand img {
  --mk-shell-logo-height: 42px;
}

body.client-client_login-index .mk3-auth-brand,
body.client-client_login-reset .mk3-auth-brand,
body.client-client_login-forgot .mk3-auth-brand,
body.client-client_login-confirmreset .mk3-auth-brand,
body.client-client_login-otp .mk3-auth-brand {
  justify-content: flex-start !important;
}

body.client-client_login-index .mk3-auth-brand + h4,
body.client-client_login-reset .mk3-auth-brand + h4,
body.client-client_login-forgot .mk3-auth-brand + h4,
body.client-client_login-confirmreset .mk3-auth-brand + h4,
body.client-client_login-otp .mk3-auth-brand + h4 {
  color: #f4f8ff !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  margin-bottom: 14px !important;
  text-shadow: none !important;
}

@media (max-width: 767.98px) {
  body .mk3-auth-brand img {
    --mk-shell-logo-height: 36px;
  }
}
/* === MK3Node final logo source enforcement pass25 END === */

/* === MK3Node open portal hero and readable logo pass29 START === */
body.plugin-cmsclient-main-index .mk3-portal {
  padding-top: 30px !important;
}

body.plugin-cmsclient-main-index .mk3-portal-hero {
  background:
    radial-gradient(circle at 78% 6%, rgba(56, 189, 248, 0.09), transparent 30%),
    radial-gradient(circle at 8% 8%, rgba(34, 197, 94, 0.12), transparent 28%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 34px !important;
  overflow: visible !important;
  padding: 22px 0 30px 34px !important;
}

body.plugin-cmsclient-main-index .mk3-portal-hero::before {
  bottom: 34px !important;
  left: 0 !important;
  top: 26px !important;
}

body.plugin-cmsclient-main-index .mk3-portal h1 {
  max-width: 760px !important;
}

body.plugin-cmsclient-main-index .mk3-portal-intro {
  max-width: 820px !important;
}

body.plugin-cmsclient-main-index .mk3-portal-summary {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.90), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 18px 42px rgba(0, 0, 0, 0.20) !important;
}

body .header .logo img,
body .header .logo a img,
body .header a.logo img {
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.70))
    drop-shadow(0 0 12px rgba(34, 197, 94, 0.14))
    brightness(1.26)
    saturate(1.08) !important;
}

body .header .logo,
body .header .logo a,
body .header a.logo {
  min-width: 0 !important;
}

@media (max-width: 767.98px) {
  body.plugin-cmsclient-main-index .mk3-portal {
    padding-top: 20px !important;
  }

  body.plugin-cmsclient-main-index .mk3-portal-hero {
    gap: 22px !important;
    padding: 18px 0 26px 22px !important;
  }

  body.plugin-cmsclient-main-index .mk3-portal-hero::before {
    bottom: 28px !important;
    top: 22px !important;
  }
}
/* === MK3Node open portal hero and readable logo pass29 END === */

/* === MK3Node server setup checkout polish pass30 START === */
body.plugin-orderclient-config-index {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.09), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(56, 189, 248, 0.08), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #08101d 48%, #050b14 100%) !important;
}

body.plugin-orderclient-config-index > .container-md,
body.plugin-orderclient-config-index > .container,
body.plugin-orderclient-config-index #package-config {
  max-width: 1120px !important;
}

body.plugin-orderclient-config-index .title {
  display: none !important;
}

body.plugin-orderclient-config-index #package-config {
  padding-top: 38px !important;
}

body.plugin-orderclient-config-index #package-config > .row {
  align-items: start !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.74fr) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"] {
  float: none !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:first-child {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.78), rgba(7, 17, 31, 0.66)) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 20px 46px rgba(0, 0, 0, 0.18) !important;
  padding: 24px !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child {
  position: sticky !important;
  top: 22px !important;
}

body.plugin-orderclient-config-index h1 {
  color: #f4f8ff !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin-bottom: 22px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index h2,
body.plugin-orderclient-config-index h3 {
  color: #f4f8ff !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config h2,
body.plugin-orderclient-config-index #package-config h3 {
  font-size: clamp(23px, 2.1vw, 32px) !important;
  margin: 0 0 12px !important;
}

body.plugin-orderclient-config-index #package-config h1 + h2,
body.plugin-orderclient-config-index #package-config h1 + h3 {
  align-items: center !important;
  display: inline-flex !important;
  gap: 10px !important;
  margin-bottom: 6px !important;
}

body.plugin-orderclient-config-index #package-config p {
  color: #aebfd3 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

body.plugin-orderclient-config-index #package-config .form-group {
  margin-bottom: 20px !important;
}

body.plugin-orderclient-config-index #package-config label,
body.plugin-orderclient-config-index #package-config .control-label {
  color: #b9d7f7 !important;
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 8px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config input[type="text"],
body.plugin-orderclient-config-index #package-config input[type="email"],
body.plugin-orderclient-config-index #package-config input[type="number"],
body.plugin-orderclient-config-index #package-config input[type="password"],
body.plugin-orderclient-config-index #package-config textarea,
body.plugin-orderclient-config-index #package-config select,
body.plugin-orderclient-config-index #package-config .form-control,
body.plugin-orderclient-config-index #package-config .custom-select {
  background: rgba(5, 12, 23, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: #f4f8ff !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  min-height: 52px !important;
  padding: 12px 15px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config input::placeholder,
body.plugin-orderclient-config-index #package-config textarea::placeholder {
  color: #7890aa !important;
  opacity: 1 !important;
}

body.plugin-orderclient-config-index #package-config input:-webkit-autofill,
body.plugin-orderclient-config-index #package-config textarea:-webkit-autofill,
body.plugin-orderclient-config-index #package-config select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #07111f inset !important;
  -webkit-text-fill-color: #f4f8ff !important;
  caret-color: #f4f8ff !important;
}

body.plugin-orderclient-config-index #package-config input:focus,
body.plugin-orderclient-config-index #package-config textarea:focus,
body.plugin-orderclient-config-index #package-config select:focus,
body.plugin-orderclient-config-index #package-config .form-control:focus {
  background: #07111f !important;
  border-color: rgba(34, 197, 94, 0.72) !important;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: #ffffff !important;
}

body.plugin-orderclient-config-index #package-config select option {
  background: #07111f !important;
  color: #f4f8ff !important;
}

body.plugin-orderclient-config-index .fa-question-circle,
body.plugin-orderclient-config-index .fa-info-circle,
body.plugin-orderclient-config-index [data-toggle="tooltip"],
body.plugin-orderclient-config-index [class*="help"] {
  color: #22d3ee !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index .tooltip .tooltip-inner,
body.plugin-orderclient-config-index .popover,
body.plugin-orderclient-config-index .popover-body,
body.plugin-orderclient-config-index .popover-content {
  background: #050c16 !important;
  border: 1px solid rgba(56, 189, 248, 0.26) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34) !important;
  color: #f4f8ff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 9px 12px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #sticker,
body.plugin-orderclient-config-index #order-summary {
  background:
    linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(9, 16, 29, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 22px 52px rgba(0, 0, 0, 0.24) !important;
  color: #e5edf7 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.plugin-orderclient-config-index #order-summary .card,
body.plugin-orderclient-config-index #order-summary .card-order,
body.plugin-orderclient-config-index #sticker .card,
body.plugin-orderclient-config-index #sticker .card-order {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.plugin-orderclient-config-index #order-summary .card-header,
body.plugin-orderclient-config-index #sticker .card-header {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #f4f8ff !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  padding: 16px 18px !important;
}

body.plugin-orderclient-config-index #order-summary .card-body,
body.plugin-orderclient-config-index #sticker .card-body {
  padding: 18px !important;
}

body.plugin-orderclient-config-index #order-summary table,
body.plugin-orderclient-config-index #order-summary .table,
body.plugin-orderclient-config-index #sticker table,
body.plugin-orderclient-config-index #sticker .table {
  border: 0 !important;
  color: #d7e4f5 !important;
  margin-bottom: 0 !important;
}

body.plugin-orderclient-config-index #order-summary th,
body.plugin-orderclient-config-index #order-summary td,
body.plugin-orderclient-config-index #sticker th,
body.plugin-orderclient-config-index #sticker td {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.10) !important;
  color: #d7e4f5 !important;
  padding: 12px 6px !important;
}

body.plugin-orderclient-config-index #order-summary thead th,
body.plugin-orderclient-config-index #sticker thead th {
  color: #9fb2c8 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-config-index #order-summary .currency_value,
body.plugin-orderclient-config-index #sticker .currency_value,
body.plugin-orderclient-config-index #order-summary [class*="price"],
body.plugin-orderclient-config-index #sticker [class*="price"] {
  color: #f4f8ff !important;
  font-weight: 900 !important;
}

body.plugin-orderclient-config-index #order-summary .total-due,
body.plugin-orderclient-config-index #sticker .total-due,
body.plugin-orderclient-config-index #order-summary [class*="total"],
body.plugin-orderclient-config-index #sticker [class*="total"] {
  color: #f4f8ff !important;
}

body.plugin-orderclient-config-index #order-summary .btn,
body.plugin-orderclient-config-index #sticker .btn,
body.plugin-orderclient-config-index #package-config .btn {
  align-items: center !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 11px 18px !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index .btn-success,
body.plugin-orderclient-config-index #package-config button[type="submit"],
body.plugin-orderclient-config-index #package-config input[type="submit"] {
  background: linear-gradient(135deg, #24d366, #16b857) !important;
  border: 1px solid rgba(34, 197, 94, 0.72) !important;
  color: #02140a !important;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.16) !important;
}

body.plugin-orderclient-config-index .btn-light,
body.plugin-orderclient-config-index .btn-secondary,
body.plugin-orderclient-config-index .btn-default {
  background: rgba(15, 30, 51, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  color: #eaf4ff !important;
}

body .footer,
body .row.footer {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.plugin-orderclient-config-index #package-config > .row {
    grid-template-columns: 1fr !important;
  }

  body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child {
    position: static !important;
  }
}

@media (max-width: 767.98px) {
  body.plugin-orderclient-config-index #package-config {
    padding-top: 24px !important;
  }

  body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:first-child {
    padding: 18px !important;
  }

  body.plugin-orderclient-config-index h1 {
    font-size: 36px !important;
  }
}
/* === MK3Node server setup checkout polish pass30 END === */

/* === MK3Node professional setup checkout pass31 START === */
body.plugin-orderclient-config-index {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.13), transparent 30%),
    radial-gradient(circle at 100% 6%, rgba(14, 165, 233, 0.11), transparent 34%),
    linear-gradient(180deg, #06111f 0%, #07111f 42%, #050b14 100%) !important;
}

body.plugin-orderclient-config-index > .container,
body.plugin-orderclient-config-index > .container-md,
body.plugin-orderclient-config-index #package-config {
  max-width: 1180px !important;
}

body.plugin-orderclient-config-index #package-config {
  padding: 30px 0 56px !important;
}

body.plugin-orderclient-config-index #package-config > .row {
  align-items: start !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.68fr) !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:first-child {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(8, 17, 31, 0.94)) !important;
  border: 1px solid rgba(125, 151, 181, 0.18) !important;
  border-left: 3px solid rgba(34, 197, 94, 0.86) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 22px 54px rgba(0, 0, 0, 0.28) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 22px 24px 24px !important;
  position: relative !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:first-child::before {
  background: rgba(34, 197, 94, 0.10) !important;
  border: 1px solid rgba(34, 197, 94, 0.26) !important;
  border-radius: 999px !important;
  color: #55f59a !important;
  content: "Step 2 of 3  \2022  Configure server" !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
  padding: 8px 10px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-config-index #package-config h1 {
  color: #f8fbff !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin: 0 0 16px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config h2 {
  align-items: center !important;
  color: #f8fbff !important;
  display: flex !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  gap: 10px !important;
  line-height: 1.15 !important;
  margin: 0 0 7px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config h2 .fa,
body.plugin-orderclient-config-index #package-config h2 .fas {
  align-items: center !important;
  background: rgba(34, 197, 94, 0.12) !important;
  border: 1px solid rgba(34, 197, 94, 0.22) !important;
  border-radius: 12px !important;
  color: #22c55e !important;
  display: inline-flex !important;
  font-size: 17px !important;
  height: 36px !important;
  justify-content: center !important;
  width: 36px !important;
}

body.plugin-orderclient-config-index #package-config p {
  color: #a8bfd8 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin-bottom: 22px !important;
  max-width: 620px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config form {
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
  margin-top: 18px !important;
  padding-top: 20px !important;
}

body.plugin-orderclient-config-index #package-config h3 {
  align-items: center !important;
  color: #f8fbff !important;
  display: flex !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  gap: 10px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 20px 0 12px !important;
  padding-top: 2px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config h3::before {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.22), rgba(56, 189, 248, 0.12)) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
  border-radius: 10px !important;
  color: #77f7ae !important;
  content: "\2713" !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  height: 26px !important;
  justify-content: center !important;
  width: 26px !important;
}

body.plugin-orderclient-config-index #package-config .form-group {
  background: rgba(2, 8, 18, 0.38) !important;
  border: 1px solid rgba(148, 163, 184, 0.13) !important;
  border-radius: 16px !important;
  margin-bottom: 14px !important;
  padding: 15px !important;
}

body.plugin-orderclient-config-index #package-config .form-group:focus-within {
  border-color: rgba(34, 197, 94, 0.44) !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.08) !important;
}

body.plugin-orderclient-config-index #package-config label,
body.plugin-orderclient-config-index #package-config .control-label {
  color: #c6dbf2 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-config-index #package-config input[type="text"],
body.plugin-orderclient-config-index #package-config input[type="email"],
body.plugin-orderclient-config-index #package-config input[type="number"],
body.plugin-orderclient-config-index #package-config input[type="password"],
body.plugin-orderclient-config-index #package-config textarea,
body.plugin-orderclient-config-index #package-config select,
body.plugin-orderclient-config-index #package-config .form-control,
body.plugin-orderclient-config-index #package-config .custom-select {
  background: #06101e !important;
  border: 1px solid rgba(125, 151, 181, 0.26) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 24px rgba(0, 0, 0, 0.12) !important;
  color: #f8fbff !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  min-height: 48px !important;
  padding: 11px 13px !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body.plugin-orderclient-config-index #package-config textarea.form-control,
body.plugin-orderclient-config-index #package-config textarea {
  min-height: 96px !important;
  resize: vertical !important;
}

body.plugin-orderclient-config-index #package-config input::placeholder,
body.plugin-orderclient-config-index #package-config textarea::placeholder {
  color: #7f94ad !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #7f94ad !important;
}

body.plugin-orderclient-config-index #package-config input:focus,
body.plugin-orderclient-config-index #package-config textarea:focus,
body.plugin-orderclient-config-index #package-config select:focus,
body.plugin-orderclient-config-index #package-config .form-control:focus {
  background: #071421 !important;
  border-color: rgba(34, 197, 94, 0.82) !important;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
  outline: 0 !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.plugin-orderclient-config-index #package-config select option,
body.plugin-orderclient-config-index #package-config select optgroup {
  background: #07111f !important;
  color: #f8fbff !important;
}

body.plugin-orderclient-config-index #package-config .fa-question-circle,
body.plugin-orderclient-config-index #package-config .fa-info-circle,
body.plugin-orderclient-config-index #package-config [data-toggle="tooltip"],
body.plugin-orderclient-config-index #package-config [class*="help"] {
  color: #22d3ee !important;
  margin-top: 8px !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index .tooltip,
body.plugin-orderclient-config-index .tooltip.show,
body.plugin-orderclient-config-index .popover {
  opacity: 1 !important;
}

body.plugin-orderclient-config-index .tooltip .tooltip-inner,
body.plugin-orderclient-config-index .popover,
body.plugin-orderclient-config-index .popover-body,
body.plugin-orderclient-config-index .popover-content {
  background: #020817 !important;
  border: 1px solid rgba(56, 189, 248, 0.34) !important;
  color: #f8fbff !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  position: sticky !important;
  top: 18px !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child > h2 {
  color: #f8fbff !important;
  font-size: 24px !important;
  margin: 0 0 8px !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child > p {
  color: #9eb4cf !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

body.plugin-orderclient-config-index #order-summary,
body.plugin-orderclient-config-index #sticker {
  background:
    linear-gradient(180deg, rgba(13, 27, 47, 0.98), rgba(5, 12, 23, 0.98)) !important;
  border: 1px solid rgba(125, 151, 181, 0.18) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 22px 54px rgba(0, 0, 0, 0.30) !important;
  overflow: hidden !important;
}

body.plugin-orderclient-config-index #order-summary::before,
body.plugin-orderclient-config-index #sticker::before {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.82), rgba(56, 189, 248, 0.55), transparent) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
}

body.plugin-orderclient-config-index #order-summary .card,
body.plugin-orderclient-config-index #order-summary .card-order,
body.plugin-orderclient-config-index #sticker .card,
body.plugin-orderclient-config-index #sticker .card-order {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.plugin-orderclient-config-index #order-summary .card-header,
body.plugin-orderclient-config-index #sticker .card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.11) !important;
  color: #f8fbff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  padding: 17px 18px 14px !important;
}

body.plugin-orderclient-config-index #order-summary .card-body,
body.plugin-orderclient-config-index #sticker .card-body {
  padding: 18px !important;
}

body.plugin-orderclient-config-index #order-summary p,
body.plugin-orderclient-config-index #sticker p {
  color: #9eb4cf !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
}

body.plugin-orderclient-config-index #order-summary table,
body.plugin-orderclient-config-index #order-summary .table,
body.plugin-orderclient-config-index #sticker table,
body.plugin-orderclient-config-index #sticker .table {
  background: rgba(2, 8, 18, 0.34) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-radius: 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #e6f0fb !important;
  margin: 0 0 14px !important;
  overflow: hidden !important;
}

body.plugin-orderclient-config-index #order-summary th,
body.plugin-orderclient-config-index #order-summary td,
body.plugin-orderclient-config-index #sticker th,
body.plugin-orderclient-config-index #sticker td {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.10) !important;
  color: #e6f0fb !important;
  padding: 12px 10px !important;
  vertical-align: top !important;
}

body.plugin-orderclient-config-index #order-summary thead th,
body.plugin-orderclient-config-index #sticker thead th {
  color: #91a8c2 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.plugin-orderclient-config-index #order-summary strong,
body.plugin-orderclient-config-index #sticker strong {
  color: #f8fbff !important;
  font-weight: 900 !important;
}

body.plugin-orderclient-config-index #order-summary .text-muted,
body.plugin-orderclient-config-index #sticker .text-muted {
  color: #8da5c0 !important;
}

body.plugin-orderclient-config-index #order-summary a,
body.plugin-orderclient-config-index #sticker a {
  color: #5fb8ff !important;
  font-weight: 850 !important;
}

body.plugin-orderclient-config-index #order-summary h3,
body.plugin-orderclient-config-index #sticker h3 {
  color: #f8fbff !important;
  display: block !important;
  font-size: 32px !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  margin: 6px 0 12px !important;
}

body.plugin-orderclient-config-index #order-summary h3::before,
body.plugin-orderclient-config-index #sticker h3::before {
  content: none !important;
}

body.plugin-orderclient-config-index #order-summary .btn,
body.plugin-orderclient-config-index #sticker .btn,
body.plugin-orderclient-config-index #package-config .btn {
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  min-height: 48px !important;
  text-shadow: none !important;
}

body.plugin-orderclient-config-index #order-summary .btn-success,
body.plugin-orderclient-config-index #sticker .btn-success,
body.plugin-orderclient-config-index #package-config button[type="submit"],
body.plugin-orderclient-config-index #package-config input[type="submit"] {
  background: linear-gradient(135deg, #2ee872, #17c964) !important;
  border-color: rgba(46, 232, 114, 0.78) !important;
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.22) !important;
  color: #02140a !important;
}

body.plugin-orderclient-config-index #order-summary .btn-light,
body.plugin-orderclient-config-index #order-summary .btn-secondary,
body.plugin-orderclient-config-index #order-summary .btn-default,
body.plugin-orderclient-config-index #sticker .btn-light,
body.plugin-orderclient-config-index #sticker .btn-secondary,
body.plugin-orderclient-config-index #sticker .btn-default {
  background: rgba(15, 30, 51, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  color: #dbeafe !important;
}

body.plugin-orderclient-config-index #order-summary .btn:hover,
body.plugin-orderclient-config-index #sticker .btn:hover,
body.plugin-orderclient-config-index #package-config .btn:hover {
  transform: translateY(-1px) !important;
}

body.plugin-orderclient-config-index .footer,
body.plugin-orderclient-config-index .row.footer,
body .footer,
body .row.footer {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.plugin-orderclient-config-index #package-config > .row {
    grid-template-columns: 1fr !important;
  }

  body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child {
    position: static !important;
  }
}

@media (max-width: 767.98px) {
  body.plugin-orderclient-config-index #package-config {
    padding: 20px 0 36px !important;
  }

  body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:first-child {
    border-radius: 15px !important;
    padding: 18px !important;
  }

  body.plugin-orderclient-config-index #package-config h1 {
    font-size: 31px !important;
  }

  body.plugin-orderclient-config-index #package-config h2 {
    font-size: 22px !important;
  }
}
/* === MK3Node professional setup checkout pass31 END === */

/* === MK3Node client account pages dark polish pass34 START === */
body[class*="client-main-edit"],
body[class*="client-pay"],
body[class*="client-accounts"],
body[class*="client-contacts"],
body[class*="client-emails"],
body[class*="client-settings"],
body[class*="client-cards"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.09), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(56, 189, 248, 0.075), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #07101d 48%, #040914 100%) !important;
  color: #e7eef8 !important;
}

body[class*="client-main-edit"] .title,
body[class*="client-pay"] .title,
body[class*="client-accounts"] .title,
body[class*="client-contacts"] .title,
body[class*="client-emails"] .title,
body[class*="client-settings"] .title,
body[class*="client-cards"] .title {
  background:
    linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(6, 14, 26, 0.98)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
  box-shadow: none !important;
  padding: 22px 0 !important;
}

body[class*="client-main-edit"] .title h1,
body[class*="client-pay"] .title h1,
body[class*="client-accounts"] .title h1,
body[class*="client-contacts"] .title h1,
body[class*="client-emails"] .title h1,
body[class*="client-settings"] .title h1,
body[class*="client-cards"] .title h1 {
  color: #f8fbff !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body[class*="client-main-edit"] .content,
body[class*="client-pay"] .content,
body[class*="client-accounts"] .content,
body[class*="client-contacts"] .content,
body[class*="client-emails"] .content,
body[class*="client-settings"] .content,
body[class*="client-cards"] .content {
  background: transparent !important;
  padding: 26px 0 58px !important;
}

body[class*="client-main-edit"] .content .container,
body[class*="client-main-edit"] .content .container-md,
body[class*="client-pay"] .content .container,
body[class*="client-pay"] .content .container-md,
body[class*="client-accounts"] .content .container,
body[class*="client-accounts"] .content .container-md,
body[class*="client-contacts"] .content .container,
body[class*="client-contacts"] .content .container-md,
body[class*="client-emails"] .content .container,
body[class*="client-emails"] .content .container-md,
body[class*="client-settings"] .content .container,
body[class*="client-settings"] .content .container-md,
body[class*="client-cards"] .content .container,
body[class*="client-cards"] .content .container-md {
  max-width: 1180px !important;
}

body[class*="client-main-edit"] .card,
body[class*="client-main-edit"] .card-blesta,
body[class*="client-main-edit"] .panel,
body[class*="client-main-edit"] .well,
body[class*="client-pay"] .card,
body[class*="client-pay"] .card-blesta,
body[class*="client-pay"] .panel,
body[class*="client-pay"] .well,
body[class*="client-accounts"] .card,
body[class*="client-accounts"] .card-blesta,
body[class*="client-accounts"] .panel,
body[class*="client-accounts"] .well,
body[class*="client-contacts"] .card,
body[class*="client-contacts"] .card-blesta,
body[class*="client-contacts"] .panel,
body[class*="client-contacts"] .well,
body[class*="client-emails"] .card,
body[class*="client-emails"] .card-blesta,
body[class*="client-emails"] .panel,
body[class*="client-emails"] .well,
body[class*="client-settings"] .card,
body[class*="client-settings"] .card-blesta,
body[class*="client-settings"] .panel,
body[class*="client-settings"] .well,
body[class*="client-cards"] .card,
body[class*="client-cards"] .card-blesta,
body[class*="client-cards"] .panel,
body[class*="client-cards"] .well {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(7, 17, 31, 0.95)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.040),
    0 22px 52px rgba(0, 0, 0, 0.28) !important;
  color: #e7eef8 !important;
  overflow: hidden !important;
}

body[class*="client-main-edit"] .card-header,
body[class*="client-main-edit"] .panel-heading,
body[class*="client-pay"] .card-header,
body[class*="client-pay"] .panel-heading,
body[class*="client-accounts"] .card-header,
body[class*="client-accounts"] .panel-heading,
body[class*="client-contacts"] .card-header,
body[class*="client-contacts"] .panel-heading,
body[class*="client-emails"] .card-header,
body[class*="client-emails"] .panel-heading,
body[class*="client-settings"] .card-header,
body[class*="client-settings"] .panel-heading,
body[class*="client-cards"] .card-header,
body[class*="client-cards"] .panel-heading {
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #f8fbff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
}

body[class*="client-main-edit"] .card-body,
body[class*="client-main-edit"] .panel-body,
body[class*="client-pay"] .card-body,
body[class*="client-pay"] .panel-body,
body[class*="client-accounts"] .card-body,
body[class*="client-accounts"] .panel-body,
body[class*="client-contacts"] .card-body,
body[class*="client-contacts"] .panel-body,
body[class*="client-emails"] .card-body,
body[class*="client-emails"] .panel-body,
body[class*="client-settings"] .card-body,
body[class*="client-settings"] .panel-body,
body[class*="client-cards"] .card-body,
body[class*="client-cards"] .panel-body {
  background: transparent !important;
  color: #d7e4f5 !important;
  padding: 18px !important;
}

body[class*="client-main-edit"] .nav-tabs,
body[class*="client-accounts"] .nav-tabs,
body[class*="client-contacts"] .nav-tabs,
body[class*="client-settings"] .nav-tabs {
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body[class*="client-main-edit"] .nav-tabs .nav-link,
body[class*="client-main-edit"] .nav-tabs a,
body[class*="client-accounts"] .nav-tabs .nav-link,
body[class*="client-accounts"] .nav-tabs a,
body[class*="client-contacts"] .nav-tabs .nav-link,
body[class*="client-contacts"] .nav-tabs a,
body[class*="client-settings"] .nav-tabs .nav-link,
body[class*="client-settings"] .nav-tabs a {
  background: rgba(15, 30, 51, 0.74) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 10px 10px 0 0 !important;
  color: #a9bed8 !important;
  font-weight: 800 !important;
  padding: 11px 16px !important;
  text-shadow: none !important;
}

body[class*="client-main-edit"] .nav-tabs .nav-link.active,
body[class*="client-main-edit"] .nav-tabs .active a,
body[class*="client-accounts"] .nav-tabs .nav-link.active,
body[class*="client-accounts"] .nav-tabs .active a,
body[class*="client-contacts"] .nav-tabs .nav-link.active,
body[class*="client-contacts"] .nav-tabs .active a,
body[class*="client-settings"] .nav-tabs .nav-link.active,
body[class*="client-settings"] .nav-tabs .active a {
  background: rgba(34, 197, 94, 0.11) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  color: #f8fbff !important;
}

body[class*="client-main-edit"] h2,
body[class*="client-main-edit"] h3,
body[class*="client-main-edit"] h4,
body[class*="client-pay"] h2,
body[class*="client-pay"] h3,
body[class*="client-pay"] h4,
body[class*="client-accounts"] h2,
body[class*="client-accounts"] h3,
body[class*="client-accounts"] h4,
body[class*="client-contacts"] h2,
body[class*="client-contacts"] h3,
body[class*="client-contacts"] h4,
body[class*="client-emails"] h2,
body[class*="client-emails"] h3,
body[class*="client-emails"] h4,
body[class*="client-settings"] h2,
body[class*="client-settings"] h3,
body[class*="client-settings"] h4,
body[class*="client-cards"] h2,
body[class*="client-cards"] h3,
body[class*="client-cards"] h4 {
  color: #f8fbff !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body[class*="client-main-edit"] p,
body[class*="client-main-edit"] label,
body[class*="client-main-edit"] small,
body[class*="client-main-edit"] .text-muted,
body[class*="client-pay"] p,
body[class*="client-pay"] label,
body[class*="client-pay"] small,
body[class*="client-pay"] .text-muted,
body[class*="client-accounts"] p,
body[class*="client-accounts"] label,
body[class*="client-accounts"] small,
body[class*="client-accounts"] .text-muted,
body[class*="client-contacts"] p,
body[class*="client-contacts"] label,
body[class*="client-contacts"] small,
body[class*="client-contacts"] .text-muted,
body[class*="client-emails"] p,
body[class*="client-emails"] label,
body[class*="client-emails"] small,
body[class*="client-emails"] .text-muted,
body[class*="client-settings"] p,
body[class*="client-settings"] label,
body[class*="client-settings"] small,
body[class*="client-settings"] .text-muted,
body[class*="client-cards"] p,
body[class*="client-cards"] label,
body[class*="client-cards"] small,
body[class*="client-cards"] .text-muted {
  color: #aebfd3 !important;
  text-shadow: none !important;
}

body[class*="client-main-edit"] label,
body[class*="client-pay"] label,
body[class*="client-accounts"] label,
body[class*="client-contacts"] label,
body[class*="client-emails"] label,
body[class*="client-settings"] label,
body[class*="client-cards"] label {
  color: #c8def7 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 7px !important;
}

body[class*="client-main-edit"] input[type="text"],
body[class*="client-main-edit"] input[type="email"],
body[class*="client-main-edit"] input[type="number"],
body[class*="client-main-edit"] input[type="password"],
body[class*="client-main-edit"] input[type="file"],
body[class*="client-main-edit"] textarea,
body[class*="client-main-edit"] select,
body[class*="client-main-edit"] .form-control,
body[class*="client-pay"] input[type="text"],
body[class*="client-pay"] input[type="email"],
body[class*="client-pay"] input[type="number"],
body[class*="client-pay"] input[type="password"],
body[class*="client-pay"] textarea,
body[class*="client-pay"] select,
body[class*="client-pay"] .form-control,
body[class*="client-accounts"] input[type="text"],
body[class*="client-accounts"] input[type="email"],
body[class*="client-accounts"] input[type="number"],
body[class*="client-accounts"] input[type="password"],
body[class*="client-accounts"] textarea,
body[class*="client-accounts"] select,
body[class*="client-accounts"] .form-control,
body[class*="client-contacts"] input[type="text"],
body[class*="client-contacts"] input[type="email"],
body[class*="client-contacts"] input[type="number"],
body[class*="client-contacts"] input[type="password"],
body[class*="client-contacts"] textarea,
body[class*="client-contacts"] select,
body[class*="client-contacts"] .form-control,
body[class*="client-emails"] input[type="text"],
body[class*="client-emails"] input[type="email"],
body[class*="client-emails"] input[type="number"],
body[class*="client-emails"] input[type="password"],
body[class*="client-emails"] textarea,
body[class*="client-emails"] select,
body[class*="client-emails"] .form-control,
body[class*="client-settings"] input[type="text"],
body[class*="client-settings"] input[type="email"],
body[class*="client-settings"] input[type="number"],
body[class*="client-settings"] input[type="password"],
body[class*="client-settings"] textarea,
body[class*="client-settings"] select,
body[class*="client-settings"] .form-control,
body[class*="client-cards"] input[type="text"],
body[class*="client-cards"] input[type="email"],
body[class*="client-cards"] input[type="number"],
body[class*="client-cards"] input[type="password"],
body[class*="client-cards"] textarea,
body[class*="client-cards"] select,
body[class*="client-cards"] .form-control {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: #f8fbff !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  min-height: 46px !important;
  padding: 10px 13px !important;
  text-shadow: none !important;
}

body[class*="client-main-edit"] input::placeholder,
body[class*="client-main-edit"] textarea::placeholder,
body[class*="client-pay"] input::placeholder,
body[class*="client-pay"] textarea::placeholder,
body[class*="client-accounts"] input::placeholder,
body[class*="client-accounts"] textarea::placeholder,
body[class*="client-contacts"] input::placeholder,
body[class*="client-contacts"] textarea::placeholder,
body[class*="client-emails"] input::placeholder,
body[class*="client-emails"] textarea::placeholder,
body[class*="client-settings"] input::placeholder,
body[class*="client-settings"] textarea::placeholder,
body[class*="client-cards"] input::placeholder,
body[class*="client-cards"] textarea::placeholder {
  color: #7f94ad !important;
  opacity: 1 !important;
}

body[class*="client-main-edit"] input:focus,
body[class*="client-main-edit"] textarea:focus,
body[class*="client-main-edit"] select:focus,
body[class*="client-main-edit"] .form-control:focus,
body[class*="client-pay"] input:focus,
body[class*="client-pay"] textarea:focus,
body[class*="client-pay"] select:focus,
body[class*="client-pay"] .form-control:focus,
body[class*="client-accounts"] input:focus,
body[class*="client-accounts"] textarea:focus,
body[class*="client-accounts"] select:focus,
body[class*="client-accounts"] .form-control:focus,
body[class*="client-contacts"] input:focus,
body[class*="client-contacts"] textarea:focus,
body[class*="client-contacts"] select:focus,
body[class*="client-contacts"] .form-control:focus,
body[class*="client-emails"] input:focus,
body[class*="client-emails"] textarea:focus,
body[class*="client-emails"] select:focus,
body[class*="client-emails"] .form-control:focus,
body[class*="client-settings"] input:focus,
body[class*="client-settings"] textarea:focus,
body[class*="client-settings"] select:focus,
body[class*="client-settings"] .form-control:focus,
body[class*="client-cards"] input:focus,
body[class*="client-cards"] textarea:focus,
body[class*="client-cards"] select:focus,
body[class*="client-cards"] .form-control:focus {
  background: #071421 !important;
  border-color: rgba(34, 197, 94, 0.72) !important;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: #ffffff !important;
  outline: 0 !important;
}

body[class*="client-main-edit"] select option,
body[class*="client-main-edit"] select optgroup,
body[class*="client-pay"] select option,
body[class*="client-pay"] select optgroup,
body[class*="client-accounts"] select option,
body[class*="client-accounts"] select optgroup,
body[class*="client-contacts"] select option,
body[class*="client-contacts"] select optgroup,
body[class*="client-settings"] select option,
body[class*="client-settings"] select optgroup {
  background: #07111f !important;
  color: #f8fbff !important;
}

body[class*="client-main-edit"] .input-group-text,
body[class*="client-main-edit"] .input-group-addon,
body[class*="client-pay"] .input-group-text,
body[class*="client-pay"] .input-group-addon,
body[class*="client-accounts"] .input-group-text,
body[class*="client-accounts"] .input-group-addon,
body[class*="client-contacts"] .input-group-text,
body[class*="client-contacts"] .input-group-addon {
  background: rgba(15, 30, 51, 0.94) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #d7e4f5 !important;
  font-weight: 800 !important;
}

body[class*="client-main-edit"] .list-group,
body[class*="client-accounts"] .list-group,
body[class*="client-contacts"] .list-group {
  border-radius: 14px !important;
  overflow: hidden !important;
}

body[class*="client-main-edit"] .list-group-item,
body[class*="client-accounts"] .list-group-item,
body[class*="client-contacts"] .list-group-item {
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: #d7e4f5 !important;
}

body[class*="client-main-edit"] .list-group-item.active,
body[class*="client-accounts"] .list-group-item.active,
body[class*="client-contacts"] .list-group-item.active {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.32) !important;
  color: #f8fbff !important;
}

body[class*="client-main-edit"] .alert,
body[class*="client-pay"] .alert,
body[class*="client-accounts"] .alert,
body[class*="client-contacts"] .alert,
body[class*="client-emails"] .alert,
body[class*="client-settings"] .alert,
body[class*="client-cards"] .alert {
  background: rgba(14, 165, 233, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.28) !important;
  border-radius: 12px !important;
  color: #c8ecff !important;
  font-weight: 650 !important;
}

body[class*="client-main-edit"] .alert-danger,
body[class*="client-pay"] .alert-danger,
body[class*="client-accounts"] .alert-danger,
body[class*="client-contacts"] .alert-danger {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(248, 113, 113, 0.26) !important;
  color: #fecaca !important;
}

body[class*="client-main-edit"] table,
body[class*="client-main-edit"] .table,
body[class*="client-pay"] table,
body[class*="client-pay"] .table,
body[class*="client-accounts"] table,
body[class*="client-accounts"] .table,
body[class*="client-contacts"] table,
body[class*="client-contacts"] .table {
  color: #d7e4f5 !important;
}

body[class*="client-main-edit"] .table th,
body[class*="client-main-edit"] .table td,
body[class*="client-pay"] .table th,
body[class*="client-pay"] .table td,
body[class*="client-accounts"] .table th,
body[class*="client-accounts"] .table td,
body[class*="client-contacts"] .table th,
body[class*="client-contacts"] .table td {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  color: #d7e4f5 !important;
}

body[class*="client-main-edit"] a,
body[class*="client-pay"] a,
body[class*="client-accounts"] a,
body[class*="client-contacts"] a,
body[class*="client-emails"] a,
body[class*="client-settings"] a,
body[class*="client-cards"] a {
  color: #6ecbff !important;
}

body[class*="client-main-edit"] .btn,
body[class*="client-pay"] .btn,
body[class*="client-accounts"] .btn,
body[class*="client-contacts"] .btn,
body[class*="client-emails"] .btn,
body[class*="client-settings"] .btn,
body[class*="client-cards"] .btn {
  align-items: center !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

body[class*="client-main-edit"] .btn-primary,
body[class*="client-main-edit"] .btn-success,
body[class*="client-pay"] .btn-primary,
body[class*="client-pay"] .btn-success,
body[class*="client-accounts"] .btn-primary,
body[class*="client-accounts"] .btn-success,
body[class*="client-contacts"] .btn-primary,
body[class*="client-contacts"] .btn-success,
body[class*="client-emails"] .btn-primary,
body[class*="client-emails"] .btn-success,
body[class*="client-settings"] .btn-primary,
body[class*="client-settings"] .btn-success,
body[class*="client-cards"] .btn-primary,
body[class*="client-cards"] .btn-success {
  background: linear-gradient(135deg, #2ee872, #17c964) !important;
  border: 1px solid rgba(46, 232, 114, 0.74) !important;
  box-shadow: 0 14px 30px rgba(34, 197, 94, 0.18) !important;
  color: #031409 !important;
}

body[class*="client-main-edit"] .btn-light,
body[class*="client-main-edit"] .btn-secondary,
body[class*="client-main-edit"] .btn-default,
body[class*="client-pay"] .btn-light,
body[class*="client-pay"] .btn-secondary,
body[class*="client-pay"] .btn-default,
body[class*="client-accounts"] .btn-light,
body[class*="client-accounts"] .btn-secondary,
body[class*="client-accounts"] .btn-default,
body[class*="client-contacts"] .btn-light,
body[class*="client-contacts"] .btn-secondary,
body[class*="client-contacts"] .btn-default,
body[class*="client-emails"] .btn-light,
body[class*="client-emails"] .btn-secondary,
body[class*="client-emails"] .btn-default,
body[class*="client-settings"] .btn-light,
body[class*="client-settings"] .btn-secondary,
body[class*="client-settings"] .btn-default,
body[class*="client-cards"] .btn-light,
body[class*="client-cards"] .btn-secondary,
body[class*="client-cards"] .btn-default {
  background: rgba(15, 30, 51, 0.92) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  color: #eaf4ff !important;
}

body[class*="client-main-edit"] input[type="file"]::file-selector-button,
body[class*="client-accounts"] input[type="file"]::file-selector-button,
body[class*="client-contacts"] input[type="file"]::file-selector-button {
  background: rgba(15, 30, 51, 0.94) !important;
  border: 0 !important;
  border-right: 1px solid rgba(148, 163, 184, 0.22) !important;
  color: #eaf4ff !important;
  font-weight: 800 !important;
  margin: -10px 12px -10px -13px !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
}

@media (max-width: 767.98px) {
  body[class*="client-main-edit"] .content,
  body[class*="client-pay"] .content,
  body[class*="client-accounts"] .content,
  body[class*="client-contacts"] .content,
  body[class*="client-emails"] .content,
  body[class*="client-settings"] .content,
  body[class*="client-cards"] .content {
    padding: 18px 0 38px !important;
  }

  body[class*="client-main-edit"] .card-body,
  body[class*="client-pay"] .card-body,
  body[class*="client-accounts"] .card-body,
  body[class*="client-contacts"] .card-body {
    padding: 15px !important;
  }

  body[class*="client-main-edit"] .nav-tabs,
  body[class*="client-accounts"] .nav-tabs,
  body[class*="client-contacts"] .nav-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body[class*="client-main-edit"] .nav-tabs .nav-link,
  body[class*="client-main-edit"] .nav-tabs a,
  body[class*="client-accounts"] .nav-tabs .nav-link,
  body[class*="client-accounts"] .nav-tabs a,
  body[class*="client-contacts"] .nav-tabs .nav-link,
  body[class*="client-contacts"] .nav-tabs a {
    border-radius: 10px !important;
  }
}
/* === MK3Node client account pages dark polish pass34 END === */

/* === MK3Node client underscore route coverage pass34 START === */
body[class*="client_main"]:not([class*="client_login"]),
body[class*="client_pay"]:not([class*="client_login"]),
body[class*="client_accounts"]:not([class*="client_login"]),
body[class*="client_contacts"]:not([class*="client_login"]),
body[class*="client_emails"]:not([class*="client_login"]),
body[class*="client_settings"]:not([class*="client_login"]),
body[class*="client_cards"]:not([class*="client_login"]) {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.09), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(56, 189, 248, 0.075), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #07101d 48%, #040914 100%) !important;
  color: #e7eef8 !important;
}

body[class*="client_main"]:not([class*="client_login"]) .title,
body[class*="client_pay"]:not([class*="client_login"]) .title,
body[class*="client_accounts"]:not([class*="client_login"]) .title,
body[class*="client_contacts"]:not([class*="client_login"]) .title,
body[class*="client_emails"]:not([class*="client_login"]) .title,
body[class*="client_settings"]:not([class*="client_login"]) .title,
body[class*="client_cards"]:not([class*="client_login"]) .title {
  background:
    linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(6, 14, 26, 0.98)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
  padding: 22px 0 !important;
}

body[class*="client_main"]:not([class*="client_login"]) .title h1,
body[class*="client_pay"]:not([class*="client_login"]) .title h1,
body[class*="client_accounts"]:not([class*="client_login"]) .title h1,
body[class*="client_contacts"]:not([class*="client_login"]) .title h1,
body[class*="client_emails"]:not([class*="client_login"]) .title h1,
body[class*="client_settings"]:not([class*="client_login"]) .title h1,
body[class*="client_cards"]:not([class*="client_login"]) .title h1 {
  color: #f8fbff !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body[class*="client_main"]:not([class*="client_login"]) .content,
body[class*="client_pay"]:not([class*="client_login"]) .content,
body[class*="client_accounts"]:not([class*="client_login"]) .content,
body[class*="client_contacts"]:not([class*="client_login"]) .content,
body[class*="client_emails"]:not([class*="client_login"]) .content,
body[class*="client_settings"]:not([class*="client_login"]) .content,
body[class*="client_cards"]:not([class*="client_login"]) .content {
  background: transparent !important;
  padding: 26px 0 58px !important;
}

body[class*="client_main"]:not([class*="client_login"]) .content .container,
body[class*="client_main"]:not([class*="client_login"]) .content .container-md,
body[class*="client_pay"]:not([class*="client_login"]) .content .container,
body[class*="client_pay"]:not([class*="client_login"]) .content .container-md,
body[class*="client_accounts"]:not([class*="client_login"]) .content .container,
body[class*="client_accounts"]:not([class*="client_login"]) .content .container-md,
body[class*="client_contacts"]:not([class*="client_login"]) .content .container,
body[class*="client_contacts"]:not([class*="client_login"]) .content .container-md {
  max-width: 1180px !important;
}

body[class*="client_main"]:not([class*="client_login"]) .card,
body[class*="client_main"]:not([class*="client_login"]) .card-blesta,
body[class*="client_main"]:not([class*="client_login"]) .panel,
body[class*="client_main"]:not([class*="client_login"]) .well,
body[class*="client_pay"]:not([class*="client_login"]) .card,
body[class*="client_pay"]:not([class*="client_login"]) .card-blesta,
body[class*="client_pay"]:not([class*="client_login"]) .panel,
body[class*="client_pay"]:not([class*="client_login"]) .well,
body[class*="client_accounts"]:not([class*="client_login"]) .card,
body[class*="client_accounts"]:not([class*="client_login"]) .card-blesta,
body[class*="client_accounts"]:not([class*="client_login"]) .panel,
body[class*="client_accounts"]:not([class*="client_login"]) .well,
body[class*="client_contacts"]:not([class*="client_login"]) .card,
body[class*="client_contacts"]:not([class*="client_login"]) .card-blesta,
body[class*="client_contacts"]:not([class*="client_login"]) .panel,
body[class*="client_contacts"]:not([class*="client_login"]) .well,
body[class*="client_emails"]:not([class*="client_login"]) .card,
body[class*="client_settings"]:not([class*="client_login"]) .card,
body[class*="client_cards"]:not([class*="client_login"]) .card {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(7, 17, 31, 0.95)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.040),
    0 22px 52px rgba(0, 0, 0, 0.28) !important;
  color: #e7eef8 !important;
  overflow: hidden !important;
}

body[class*="client_main"]:not([class*="client_login"]) .card-header,
body[class*="client_main"]:not([class*="client_login"]) .panel-heading,
body[class*="client_pay"]:not([class*="client_login"]) .card-header,
body[class*="client_pay"]:not([class*="client_login"]) .panel-heading,
body[class*="client_accounts"]:not([class*="client_login"]) .card-header,
body[class*="client_accounts"]:not([class*="client_login"]) .panel-heading,
body[class*="client_contacts"]:not([class*="client_login"]) .card-header,
body[class*="client_contacts"]:not([class*="client_login"]) .panel-heading,
body[class*="client_emails"]:not([class*="client_login"]) .card-header,
body[class*="client_settings"]:not([class*="client_login"]) .card-header,
body[class*="client_cards"]:not([class*="client_login"]) .card-header {
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #f8fbff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
}

body[class*="client_main"]:not([class*="client_login"]) .card-body,
body[class*="client_main"]:not([class*="client_login"]) .panel-body,
body[class*="client_pay"]:not([class*="client_login"]) .card-body,
body[class*="client_pay"]:not([class*="client_login"]) .panel-body,
body[class*="client_accounts"]:not([class*="client_login"]) .card-body,
body[class*="client_accounts"]:not([class*="client_login"]) .panel-body,
body[class*="client_contacts"]:not([class*="client_login"]) .card-body,
body[class*="client_contacts"]:not([class*="client_login"]) .panel-body,
body[class*="client_emails"]:not([class*="client_login"]) .card-body,
body[class*="client_settings"]:not([class*="client_login"]) .card-body,
body[class*="client_cards"]:not([class*="client_login"]) .card-body {
  background: transparent !important;
  color: #d7e4f5 !important;
  padding: 18px !important;
}

body[class*="client_main"]:not([class*="client_login"]) .nav-tabs,
body[class*="client_accounts"]:not([class*="client_login"]) .nav-tabs,
body[class*="client_contacts"]:not([class*="client_login"]) .nav-tabs,
body[class*="client_settings"]:not([class*="client_login"]) .nav-tabs {
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body[class*="client_main"]:not([class*="client_login"]) .nav-tabs .nav-link,
body[class*="client_main"]:not([class*="client_login"]) .nav-tabs a,
body[class*="client_accounts"]:not([class*="client_login"]) .nav-tabs .nav-link,
body[class*="client_accounts"]:not([class*="client_login"]) .nav-tabs a,
body[class*="client_contacts"]:not([class*="client_login"]) .nav-tabs .nav-link,
body[class*="client_contacts"]:not([class*="client_login"]) .nav-tabs a,
body[class*="client_settings"]:not([class*="client_login"]) .nav-tabs .nav-link,
body[class*="client_settings"]:not([class*="client_login"]) .nav-tabs a {
  background: rgba(15, 30, 51, 0.74) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 10px 10px 0 0 !important;
  color: #a9bed8 !important;
  font-weight: 800 !important;
  padding: 11px 16px !important;
}

body[class*="client_main"]:not([class*="client_login"]) .nav-tabs .nav-link.active,
body[class*="client_main"]:not([class*="client_login"]) .nav-tabs .active a,
body[class*="client_accounts"]:not([class*="client_login"]) .nav-tabs .nav-link.active,
body[class*="client_accounts"]:not([class*="client_login"]) .nav-tabs .active a,
body[class*="client_contacts"]:not([class*="client_login"]) .nav-tabs .nav-link.active,
body[class*="client_contacts"]:not([class*="client_login"]) .nav-tabs .active a,
body[class*="client_settings"]:not([class*="client_login"]) .nav-tabs .nav-link.active,
body[class*="client_settings"]:not([class*="client_login"]) .nav-tabs .active a {
  background: rgba(34, 197, 94, 0.11) !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  color: #f8fbff !important;
}

body[class*="client_main"]:not([class*="client_login"]) h2,
body[class*="client_main"]:not([class*="client_login"]) h3,
body[class*="client_main"]:not([class*="client_login"]) h4,
body[class*="client_pay"]:not([class*="client_login"]) h2,
body[class*="client_pay"]:not([class*="client_login"]) h3,
body[class*="client_pay"]:not([class*="client_login"]) h4,
body[class*="client_accounts"]:not([class*="client_login"]) h2,
body[class*="client_accounts"]:not([class*="client_login"]) h3,
body[class*="client_accounts"]:not([class*="client_login"]) h4,
body[class*="client_contacts"]:not([class*="client_login"]) h2,
body[class*="client_contacts"]:not([class*="client_login"]) h3,
body[class*="client_contacts"]:not([class*="client_login"]) h4 {
  color: #f8fbff !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body[class*="client_main"]:not([class*="client_login"]) p,
body[class*="client_main"]:not([class*="client_login"]) label,
body[class*="client_main"]:not([class*="client_login"]) small,
body[class*="client_main"]:not([class*="client_login"]) .text-muted,
body[class*="client_pay"]:not([class*="client_login"]) p,
body[class*="client_pay"]:not([class*="client_login"]) label,
body[class*="client_pay"]:not([class*="client_login"]) small,
body[class*="client_pay"]:not([class*="client_login"]) .text-muted,
body[class*="client_accounts"]:not([class*="client_login"]) p,
body[class*="client_accounts"]:not([class*="client_login"]) label,
body[class*="client_accounts"]:not([class*="client_login"]) small,
body[class*="client_accounts"]:not([class*="client_login"]) .text-muted,
body[class*="client_contacts"]:not([class*="client_login"]) p,
body[class*="client_contacts"]:not([class*="client_login"]) label,
body[class*="client_contacts"]:not([class*="client_login"]) small,
body[class*="client_contacts"]:not([class*="client_login"]) .text-muted {
  color: #aebfd3 !important;
  text-shadow: none !important;
}

body[class*="client_main"]:not([class*="client_login"]) label,
body[class*="client_pay"]:not([class*="client_login"]) label,
body[class*="client_accounts"]:not([class*="client_login"]) label,
body[class*="client_contacts"]:not([class*="client_login"]) label {
  color: #c8def7 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body[class*="client_main"]:not([class*="client_login"]) input[type="text"],
body[class*="client_main"]:not([class*="client_login"]) input[type="email"],
body[class*="client_main"]:not([class*="client_login"]) input[type="number"],
body[class*="client_main"]:not([class*="client_login"]) input[type="password"],
body[class*="client_main"]:not([class*="client_login"]) input[type="file"],
body[class*="client_main"]:not([class*="client_login"]) textarea,
body[class*="client_main"]:not([class*="client_login"]) select,
body[class*="client_main"]:not([class*="client_login"]) .form-control,
body[class*="client_pay"]:not([class*="client_login"]) input[type="text"],
body[class*="client_pay"]:not([class*="client_login"]) input[type="email"],
body[class*="client_pay"]:not([class*="client_login"]) input[type="number"],
body[class*="client_pay"]:not([class*="client_login"]) input[type="password"],
body[class*="client_pay"]:not([class*="client_login"]) textarea,
body[class*="client_pay"]:not([class*="client_login"]) select,
body[class*="client_pay"]:not([class*="client_login"]) .form-control,
body[class*="client_accounts"]:not([class*="client_login"]) input[type="text"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="email"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="number"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="password"],
body[class*="client_accounts"]:not([class*="client_login"]) textarea,
body[class*="client_accounts"]:not([class*="client_login"]) select,
body[class*="client_accounts"]:not([class*="client_login"]) .form-control,
body[class*="client_contacts"]:not([class*="client_login"]) input[type="text"],
body[class*="client_contacts"]:not([class*="client_login"]) input[type="email"],
body[class*="client_contacts"]:not([class*="client_login"]) input[type="number"],
body[class*="client_contacts"]:not([class*="client_login"]) input[type="password"],
body[class*="client_contacts"]:not([class*="client_login"]) textarea,
body[class*="client_contacts"]:not([class*="client_login"]) select,
body[class*="client_contacts"]:not([class*="client_login"]) .form-control {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 11px !important;
  color: #f8fbff !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  min-height: 46px !important;
  padding: 10px 13px !important;
}

body[class*="client_main"]:not([class*="client_login"]) input:focus,
body[class*="client_main"]:not([class*="client_login"]) textarea:focus,
body[class*="client_main"]:not([class*="client_login"]) select:focus,
body[class*="client_main"]:not([class*="client_login"]) .form-control:focus,
body[class*="client_pay"]:not([class*="client_login"]) input:focus,
body[class*="client_pay"]:not([class*="client_login"]) textarea:focus,
body[class*="client_pay"]:not([class*="client_login"]) select:focus,
body[class*="client_pay"]:not([class*="client_login"]) .form-control:focus,
body[class*="client_accounts"]:not([class*="client_login"]) input:focus,
body[class*="client_accounts"]:not([class*="client_login"]) textarea:focus,
body[class*="client_accounts"]:not([class*="client_login"]) select:focus,
body[class*="client_accounts"]:not([class*="client_login"]) .form-control:focus,
body[class*="client_contacts"]:not([class*="client_login"]) input:focus,
body[class*="client_contacts"]:not([class*="client_login"]) textarea:focus,
body[class*="client_contacts"]:not([class*="client_login"]) select:focus,
body[class*="client_contacts"]:not([class*="client_login"]) .form-control:focus {
  background: #071421 !important;
  border-color: rgba(34, 197, 94, 0.72) !important;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: #ffffff !important;
  outline: 0 !important;
}

body[class*="client_main"]:not([class*="client_login"]) .alert,
body[class*="client_pay"]:not([class*="client_login"]) .alert,
body[class*="client_accounts"]:not([class*="client_login"]) .alert,
body[class*="client_contacts"]:not([class*="client_login"]) .alert {
  background: rgba(14, 165, 233, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.28) !important;
  border-radius: 12px !important;
  color: #c8ecff !important;
  font-weight: 650 !important;
}

body[class*="client_main"]:not([class*="client_login"]) .list-group-item,
body[class*="client_accounts"]:not([class*="client_login"]) .list-group-item,
body[class*="client_contacts"]:not([class*="client_login"]) .list-group-item {
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: #d7e4f5 !important;
}

body[class*="client_main"]:not([class*="client_login"]) .btn,
body[class*="client_pay"]:not([class*="client_login"]) .btn,
body[class*="client_accounts"]:not([class*="client_login"]) .btn,
body[class*="client_contacts"]:not([class*="client_login"]) .btn {
  border-radius: 11px !important;
  font-weight: 900 !important;
  min-height: 44px !important;
  text-shadow: none !important;
}

body[class*="client_main"]:not([class*="client_login"]) .btn-primary,
body[class*="client_main"]:not([class*="client_login"]) .btn-success,
body[class*="client_pay"]:not([class*="client_login"]) .btn-primary,
body[class*="client_pay"]:not([class*="client_login"]) .btn-success,
body[class*="client_accounts"]:not([class*="client_login"]) .btn-primary,
body[class*="client_accounts"]:not([class*="client_login"]) .btn-success,
body[class*="client_contacts"]:not([class*="client_login"]) .btn-primary,
body[class*="client_contacts"]:not([class*="client_login"]) .btn-success {
  background: linear-gradient(135deg, #2ee872, #17c964) !important;
  border: 1px solid rgba(46, 232, 114, 0.74) !important;
  color: #031409 !important;
}

body[class*="client_main"]:not([class*="client_login"]) .input-group-text,
body[class*="client_main"]:not([class*="client_login"]) .input-group-addon,
body[class*="client_pay"]:not([class*="client_login"]) .input-group-text,
body[class*="client_pay"]:not([class*="client_login"]) .input-group-addon,
body[class*="client_accounts"]:not([class*="client_login"]) .input-group-text,
body[class*="client_accounts"]:not([class*="client_login"]) .input-group-addon,
body[class*="client_contacts"]:not([class*="client_login"]) .input-group-text,
body[class*="client_contacts"]:not([class*="client_login"]) .input-group-addon {
  background: rgba(15, 30, 51, 0.94) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #d7e4f5 !important;
  font-weight: 800 !important;
}
/* === MK3Node client underscore route coverage pass34 END === */

/* === MK3Node account forms remaining light cleanup pass35 START === */
body[class*="client_accounts"]:not([class*="client_login"]) .content,
body[class*="client_pay"]:not([class*="client_login"]) .content,
body[class*="client_main"]:not([class*="client_login"]) .content {
  background:
    radial-gradient(circle at 14% 0%, rgba(34, 197, 94, 0.08), transparent 30%),
    radial-gradient(circle at 86% 4%, rgba(56, 189, 248, 0.07), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #050b14 100%) !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .card,
body[class*="client_accounts"]:not([class*="client_login"]) .panel,
body[class*="client_accounts"]:not([class*="client_login"]) .well,
body[class*="client_pay"]:not([class*="client_login"]) .card,
body[class*="client_pay"]:not([class*="client_login"]) .panel,
body[class*="client_pay"]:not([class*="client_login"]) .well,
body[class*="client_main"]:not([class*="client_login"]) .card,
body[class*="client_main"]:not([class*="client_login"]) .panel,
body[class*="client_main"]:not([class*="client_login"]) .well {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  color: #e7eef8 !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .card-body,
body[class*="client_accounts"]:not([class*="client_login"]) .panel-body,
body[class*="client_accounts"]:not([class*="client_login"]) .tab-content,
body[class*="client_accounts"]:not([class*="client_login"]) .tab-pane,
body[class*="client_pay"]:not([class*="client_login"]) .card-body,
body[class*="client_pay"]:not([class*="client_login"]) .panel-body,
body[class*="client_main"]:not([class*="client_login"]) .card-body,
body[class*="client_main"]:not([class*="client_login"]) .panel-body,
body[class*="client_main"]:not([class*="client_login"]) .tab-content,
body[class*="client_main"]:not([class*="client_login"]) .tab-pane {
  background: #07111f !important;
  color: #d7e4f5 !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .card-body > div,
body[class*="client_accounts"]:not([class*="client_login"]) .panel-body > div,
body[class*="client_accounts"]:not([class*="client_login"]) form > div,
body[class*="client_pay"]:not([class*="client_login"]) .card-body > div,
body[class*="client_pay"]:not([class*="client_login"]) .panel-body > div,
body[class*="client_main"]:not([class*="client_login"]) .card-body > div,
body[class*="client_main"]:not([class*="client_login"]) .panel-body > div,
body[class*="client_main"]:not([class*="client_login"]) form > div {
  color: #d7e4f5 !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .card-body > div[style*="background"],
body[class*="client_accounts"]:not([class*="client_login"]) .panel-body > div[style*="background"],
body[class*="client_accounts"]:not([class*="client_login"]) div[style*="background:#fff"],
body[class*="client_accounts"]:not([class*="client_login"]) div[style*="background: #fff"],
body[class*="client_accounts"]:not([class*="client_login"]) div[style*="background-color:#fff"],
body[class*="client_accounts"]:not([class*="client_login"]) div[style*="background-color: #fff"],
body[class*="client_accounts"]:not([class*="client_login"]) div[style*="background:#f9fafb"],
body[class*="client_accounts"]:not([class*="client_login"]) div[style*="background: #f9fafb"],
body[class*="client_pay"]:not([class*="client_login"]) div[style*="background:#fff"],
body[class*="client_pay"]:not([class*="client_login"]) div[style*="background: #fff"],
body[class*="client_main"]:not([class*="client_login"]) div[style*="background:#fff"],
body[class*="client_main"]:not([class*="client_login"]) div[style*="background: #fff"] {
  background: rgba(7, 17, 31, 0.98) !important;
  color: #d7e4f5 !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .alert,
body[class*="client_accounts"]:not([class*="client_login"]) .alert-info,
body[class*="client_accounts"]:not([class*="client_login"]) .alert-success,
body[class*="client_pay"]:not([class*="client_login"]) .alert,
body[class*="client_pay"]:not([class*="client_login"]) .alert-info,
body[class*="client_pay"]:not([class*="client_login"]) .alert-success,
body[class*="client_main"]:not([class*="client_login"]) .alert,
body[class*="client_main"]:not([class*="client_login"]) .alert-info,
body[class*="client_main"]:not([class*="client_login"]) .alert-success {
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.14), rgba(8, 47, 73, 0.22)) !important;
  border: 1px solid rgba(56, 189, 248, 0.30) !important;
  color: #c8ecff !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .alert *,
body[class*="client_accounts"]:not([class*="client_login"]) .alert-info *,
body[class*="client_pay"]:not([class*="client_login"]) .alert *,
body[class*="client_pay"]:not([class*="client_login"]) .alert-info *,
body[class*="client_main"]:not([class*="client_login"]) .alert *,
body[class*="client_main"]:not([class*="client_login"]) .alert-info * {
  color: inherit !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) hr,
body[class*="client_pay"]:not([class*="client_login"]) hr,
body[class*="client_main"]:not([class*="client_login"]) hr {
  border-color: rgba(148, 163, 184, 0.12) !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .form-group,
body[class*="client_pay"]:not([class*="client_login"]) .form-group,
body[class*="client_main"]:not([class*="client_login"]) .form-group {
  color: #d7e4f5 !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) input[type="text"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="email"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="number"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="password"],
body[class*="client_accounts"]:not([class*="client_login"]) textarea,
body[class*="client_accounts"]:not([class*="client_login"]) select,
body[class*="client_accounts"]:not([class*="client_login"]) .form-control,
body[class*="client_pay"]:not([class*="client_login"]) input[type="text"],
body[class*="client_pay"]:not([class*="client_login"]) input[type="email"],
body[class*="client_pay"]:not([class*="client_login"]) input[type="number"],
body[class*="client_pay"]:not([class*="client_login"]) input[type="password"],
body[class*="client_pay"]:not([class*="client_login"]) textarea,
body[class*="client_pay"]:not([class*="client_login"]) select,
body[class*="client_pay"]:not([class*="client_login"]) .form-control,
body[class*="client_main"]:not([class*="client_login"]) input[type="text"],
body[class*="client_main"]:not([class*="client_login"]) input[type="email"],
body[class*="client_main"]:not([class*="client_login"]) input[type="number"],
body[class*="client_main"]:not([class*="client_login"]) input[type="password"],
body[class*="client_main"]:not([class*="client_login"]) textarea,
body[class*="client_main"]:not([class*="client_login"]) select,
body[class*="client_main"]:not([class*="client_login"]) .form-control {
  background-color: #06101e !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) input::placeholder,
body[class*="client_accounts"]:not([class*="client_login"]) textarea::placeholder,
body[class*="client_pay"]:not([class*="client_login"]) input::placeholder,
body[class*="client_pay"]:not([class*="client_login"]) textarea::placeholder,
body[class*="client_main"]:not([class*="client_login"]) input::placeholder,
body[class*="client_main"]:not([class*="client_login"]) textarea::placeholder {
  color: #8298b2 !important;
  -webkit-text-fill-color: #8298b2 !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) input:-webkit-autofill,
body[class*="client_accounts"]:not([class*="client_login"]) textarea:-webkit-autofill,
body[class*="client_accounts"]:not([class*="client_login"]) select:-webkit-autofill,
body[class*="client_pay"]:not([class*="client_login"]) input:-webkit-autofill,
body[class*="client_pay"]:not([class*="client_login"]) textarea:-webkit-autofill,
body[class*="client_pay"]:not([class*="client_login"]) select:-webkit-autofill,
body[class*="client_main"]:not([class*="client_login"]) input:-webkit-autofill,
body[class*="client_main"]:not([class*="client_login"]) textarea:-webkit-autofill,
body[class*="client_main"]:not([class*="client_login"]) select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #06101e inset !important;
  -webkit-text-fill-color: #f8fbff !important;
  caret-color: #f8fbff !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .input-group .form-control,
body[class*="client_pay"]:not([class*="client_login"]) .input-group .form-control,
body[class*="client_main"]:not([class*="client_login"]) .input-group .form-control {
  border-right-color: rgba(148, 163, 184, 0.18) !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .input-group-addon,
body[class*="client_accounts"]:not([class*="client_login"]) .input-group-text,
body[class*="client_pay"]:not([class*="client_login"]) .input-group-addon,
body[class*="client_pay"]:not([class*="client_login"]) .input-group-text,
body[class*="client_main"]:not([class*="client_login"]) .input-group-addon,
body[class*="client_main"]:not([class*="client_login"]) .input-group-text {
  background: #0f1e33 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #eaf4ff !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .close,
body[class*="client_pay"]:not([class*="client_login"]) .close,
body[class*="client_main"]:not([class*="client_login"]) .close {
  color: #dbeafe !important;
  opacity: 0.82 !important;
  text-shadow: none !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .list-group,
body[class*="client_accounts"]:not([class*="client_login"]) .list-group-item,
body[class*="client_main"]:not([class*="client_login"]) .list-group,
body[class*="client_main"]:not([class*="client_login"]) .list-group-item {
  background: rgba(15, 23, 42, 0.98) !important;
}

body[class*="client_accounts"]:not([class*="client_login"]) .list-group-item:hover,
body[class*="client_accounts"]:not([class*="client_login"]) .list-group-item:focus,
body[class*="client_main"]:not([class*="client_login"]) .list-group-item:hover,
body[class*="client_main"]:not([class*="client_login"]) .list-group-item:focus {
  background: rgba(15, 30, 51, 0.98) !important;
  color: #f8fbff !important;
}

body.client-client_login-index .mk3-auth-brand img,
body.client-client_login-index .header .logo img,
body.client-client_login-index .header .logo a img {
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.75))
    drop-shadow(0 0 12px rgba(34, 197, 94, 0.16))
    brightness(1.18)
    saturate(1.06) !important;
  max-height: 54px !important;
  object-fit: contain !important;
  width: auto !important;
}
/* === MK3Node account forms remaining light cleanup pass35 END === */

/* === MK3Node client tables and order summary polish pass36 START === */
body[class*="client_main"]:not([class*="client_login"]) *,
body[class*="client_accounts"]:not([class*="client_login"]) *,
body[class*="client_pay"]:not([class*="client_login"]) *,
body[class*="client_emails"]:not([class*="client_login"]) * {
  text-shadow: none !important;
}

body[class*="client_main"]:not([class*="client_login"]) .title h1,
body[class*="client_accounts"]:not([class*="client_login"]) .title h1,
body[class*="client_pay"]:not([class*="client_login"]) .title h1,
body[class*="client_emails"]:not([class*="client_login"]) .title h1,
body[class*="emails"]:not([class*="client_login"]) .title h1 {
  color: #f8fbff !important;
  opacity: 1 !important;
}

body[class*="client_main"]:not([class*="client_login"]) input[type="file"],
body[class*="client_accounts"]:not([class*="client_login"]) input[type="file"],
body[class*="client_contacts"]:not([class*="client_login"]) input[type="file"] {
  align-items: center !important;
  color: #c8d8ec !important;
  cursor: pointer !important;
  display: flex !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}

body[class*="client_main"]:not([class*="client_login"]) input[type="file"]::file-selector-button,
body[class*="client_accounts"]:not([class*="client_login"]) input[type="file"]::file-selector-button,
body[class*="client_contacts"]:not([class*="client_login"]) input[type="file"]::file-selector-button,
body[class*="client_main"]:not([class*="client_login"]) input[type="file"]::-webkit-file-upload-button,
body[class*="client_accounts"]:not([class*="client_login"]) input[type="file"]::-webkit-file-upload-button,
body[class*="client_contacts"]:not([class*="client_login"]) input[type="file"]::-webkit-file-upload-button {
  background: linear-gradient(180deg, #14243a, #0e1a2c) !important;
  border: 0 !important;
  border-right: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: #f8fbff !important;
  cursor: pointer !important;
  font-weight: 850 !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
}

body[class*="client_emails"]:not([class*="client_login"]) .card,
body[class*="client_emails"]:not([class*="client_login"]) .panel,
body[class*="emails"]:not([class*="client_login"]) .card,
body[class*="emails"]:not([class*="client_login"]) .panel {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.040),
    0 22px 52px rgba(0, 0, 0, 0.28) !important;
  color: #e7eef8 !important;
  overflow: hidden !important;
}

body[class*="client_emails"]:not([class*="client_login"]) .card-header,
body[class*="client_emails"]:not([class*="client_login"]) .panel-heading,
body[class*="emails"]:not([class*="client_login"]) .card-header,
body[class*="emails"]:not([class*="client_login"]) .panel-heading {
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #f8fbff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
}

body[class*="client_emails"]:not([class*="client_login"]) .card-body,
body[class*="client_emails"]:not([class*="client_login"]) .panel-body,
body[class*="emails"]:not([class*="client_login"]) .card-body,
body[class*="emails"]:not([class*="client_login"]) .panel-body {
  background: #07111f !important;
  color: #d7e4f5 !important;
}

body[class*="client_emails"]:not([class*="client_login"]) table,
body[class*="client_emails"]:not([class*="client_login"]) .table,
body[class*="emails"]:not([class*="client_login"]) table,
body[class*="emails"]:not([class*="client_login"]) .table,
body[class*="client_accounts"]:not([class*="client_login"]) table,
body[class*="client_accounts"]:not([class*="client_login"]) .table,
body[class*="client_main"]:not([class*="client_login"]) table,
body[class*="client_main"]:not([class*="client_login"]) .table,
body[class*="client_pay"]:not([class*="client_login"]) table,
body[class*="client_pay"]:not([class*="client_login"]) .table {
  background: rgba(3, 10, 20, 0.68) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-collapse: separate !important;
  border-radius: 12px !important;
  border-spacing: 0 !important;
  color: #d7e4f5 !important;
  overflow: hidden !important;
}

body[class*="client_emails"]:not([class*="client_login"]) thead,
body[class*="client_emails"]:not([class*="client_login"]) .table thead,
body[class*="emails"]:not([class*="client_login"]) thead,
body[class*="emails"]:not([class*="client_login"]) .table thead,
body[class*="client_accounts"]:not([class*="client_login"]) thead,
body[class*="client_main"]:not([class*="client_login"]) thead,
body[class*="client_pay"]:not([class*="client_login"]) thead {
  background: rgba(15, 30, 51, 0.96) !important;
}

body[class*="client_emails"]:not([class*="client_login"]) th,
body[class*="client_emails"]:not([class*="client_login"]) td,
body[class*="emails"]:not([class*="client_login"]) th,
body[class*="emails"]:not([class*="client_login"]) td,
body[class*="client_accounts"]:not([class*="client_login"]) th,
body[class*="client_accounts"]:not([class*="client_login"]) td,
body[class*="client_main"]:not([class*="client_login"]) th,
body[class*="client_main"]:not([class*="client_login"]) td,
body[class*="client_pay"]:not([class*="client_login"]) th,
body[class*="client_pay"]:not([class*="client_login"]) td {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.10) !important;
  color: #d7e4f5 !important;
  padding: 12px 10px !important;
}

body[class*="client_emails"]:not([class*="client_login"]) tbody tr,
body[class*="emails"]:not([class*="client_login"]) tbody tr,
body[class*="client_accounts"]:not([class*="client_login"]) tbody tr,
body[class*="client_main"]:not([class*="client_login"]) tbody tr,
body[class*="client_pay"]:not([class*="client_login"]) tbody tr {
  background: rgba(7, 17, 31, 0.82) !important;
}

body[class*="client_emails"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="emails"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="client_accounts"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="client_main"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="client_pay"]:not([class*="client_login"]) tbody tr:nth-child(even) {
  background: rgba(10, 24, 42, 0.86) !important;
}

body[class*="client_emails"]:not([class*="client_login"]) tbody tr:hover,
body[class*="emails"]:not([class*="client_login"]) tbody tr:hover,
body[class*="client_accounts"]:not([class*="client_login"]) tbody tr:hover,
body[class*="client_main"]:not([class*="client_login"]) tbody tr:hover,
body[class*="client_pay"]:not([class*="client_login"]) tbody tr:hover {
  background: rgba(15, 42, 67, 0.95) !important;
}

body[class*="client_emails"]:not([class*="client_login"]) table a,
body[class*="client_emails"]:not([class*="client_login"]) .table a,
body[class*="emails"]:not([class*="client_login"]) table a,
body[class*="emails"]:not([class*="client_login"]) .table a {
  color: #9dd9ff !important;
  font-weight: 800 !important;
}

body[class*="client_emails"]:not([class*="client_login"]) .fa,
body[class*="client_emails"]:not([class*="client_login"]) .fas,
body[class*="emails"]:not([class*="client_login"]) .fa,
body[class*="emails"]:not([class*="client_login"]) .fas {
  color: #9dd9ff !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child > h2 {
  align-items: center !important;
  display: flex !important;
  font-size: 22px !important;
  gap: 10px !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child > h2 .fa,
body.plugin-orderclient-config-index #package-config > .row > [class*="col-md-"]:last-child > h2 .fas {
  align-items: center !important;
  background: rgba(34, 197, 94, 0.12) !important;
  border: 1px solid rgba(34, 197, 94, 0.22) !important;
  border-radius: 12px !important;
  color: #22c55e !important;
  display: inline-flex !important;
  font-size: 17px !important;
  height: 36px !important;
  justify-content: center !important;
  width: 36px !important;
}

body.plugin-orderclient-config-index #order-summary,
body.plugin-orderclient-config-index #sticker {
  padding-bottom: 0 !important;
}

body.plugin-orderclient-config-index #order-summary .card-body,
body.plugin-orderclient-config-index #sticker .card-body {
  display: grid !important;
  gap: 14px !important;
}

body.plugin-orderclient-config-index #order-summary .text-right,
body.plugin-orderclient-config-index #sticker .text-right {
  text-align: left !important;
}

body.plugin-orderclient-config-index #order-summary .card-body > .text-right,
body.plugin-orderclient-config-index #sticker .card-body > .text-right {
  background: rgba(2, 8, 18, 0.36) !important;
  border: 1px solid rgba(148, 163, 184, 0.10) !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 14px !important;
}

body.plugin-orderclient-config-index #order-summary .card-body > .d-flex,
body.plugin-orderclient-config-index #sticker .card-body > .d-flex {
  align-items: stretch !important;
  background: rgba(2, 8, 18, 0.42) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  justify-content: stretch !important;
  margin: 0 -18px -18px !important;
  padding: 16px 18px 18px !important;
}

body.plugin-orderclient-config-index #order-summary .btn,
body.plugin-orderclient-config-index #sticker .btn {
  width: 100% !important;
}

body.plugin-orderclient-config-index #order-summary .btn-light,
body.plugin-orderclient-config-index #order-summary .btn-secondary,
body.plugin-orderclient-config-index #order-summary .btn-default,
body.plugin-orderclient-config-index #sticker .btn-light,
body.plugin-orderclient-config-index #sticker .btn-secondary,
body.plugin-orderclient-config-index #sticker .btn-default,
body.plugin-orderclient-config-index #order-summary a[href*="empty"],
body.plugin-orderclient-config-index #sticker a[href*="empty"] {
  background: rgba(15, 30, 51, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow: none !important;
  color: #eaf4ff !important;
}

body.plugin-orderclient-config-index #order-summary .btn-success,
body.plugin-orderclient-config-index #sticker .btn-success,
body.plugin-orderclient-config-index #order-summary button[type="submit"],
body.plugin-orderclient-config-index #sticker button[type="submit"] {
  background: linear-gradient(135deg, #2ee872, #17c964) !important;
  border: 1px solid rgba(46, 232, 114, 0.78) !important;
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.20) !important;
  color: #02140a !important;
}

@media (min-width: 480px) {
  body.plugin-orderclient-config-index #order-summary .card-body > .d-flex,
  body.plugin-orderclient-config-index #sticker .card-body > .d-flex {
    grid-template-columns: 0.9fr 1.1fr !important;
  }
}
/* === MK3Node client tables and order summary polish pass36 END === */

/* === MK3Node logged-in client shell sweep pass37 START === */
body[class^="client-"]:not([class*="client_login"]),
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.08), transparent 30%),
    radial-gradient(circle at 88% 3%, rgba(56, 189, 248, 0.07), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #06101d 45%, #040914 100%) !important;
  color: #d7e4f5 !important;
}

body[class^="client-"]:not([class*="client_login"]) *,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) * {
  text-shadow: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .header,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.12), transparent 36%),
    linear-gradient(90deg, #07111f 0%, #071321 58%, #06111f 100%) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.14) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.20) !important;
  min-height: 76px !important;
  padding: 14px 0 !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .container,
body[class^="client-"]:not([class*="client_login"]) .header .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container-md {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 48px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo,
body[class^="client-"]:not([class*="client_login"]) .header .logo a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a {
  align-items: center !important;
  display: inline-flex !important;
  line-height: 1 !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo img,
body[class^="client-"]:not([class*="client_login"]) .header .logo a img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a img {
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.72))
    drop-shadow(0 0 12px rgba(34, 197, 94, 0.14))
    brightness(1.16)
    saturate(1.07) !important;
  max-height: 58px !important;
  object-fit: contain !important;
  width: auto !important;
}

body[class^="client-"]:not([class*="client_login"]) .badge-info,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .badge-info {
  background: linear-gradient(135deg, #22d3ee, #0ea5e9) !important;
  border: 1px solid rgba(125, 211, 252, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(14, 165, 233, 0.18) !important;
  color: #f8fbff !important;
  font-weight: 900 !important;
  padding: 7px 10px !important;
}

body[class^="client-"]:not([class*="client_login"]) .badge-info a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .badge-info a {
  color: #f8fbff !important;
  text-decoration: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content {
  background: #2b3037 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar {
  min-height: 62px !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .container,
body[class^="client-"]:not([class*="client_login"]) .nav-content .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container-md {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content a,
body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-link,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-link {
  color: #eef5ff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content a:hover,
body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-link:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content a:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-link:hover {
  color: #34f58b !important;
}

body[class^="client-"]:not([class*="client_login"]) .title,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title {
  background:
    linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(5, 12, 23, 0.98)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
  padding: 24px 0 !important;
}

body[class^="client-"]:not([class*="client_login"]) .title h1,
body[class^="client-"]:not([class*="client_login"]) .title h2,
body[class^="client-"]:not([class*="client_login"]) .title h3,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title h1,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title h2,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title h3 {
  color: #f8fbff !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
}

body[class^="client-"]:not([class*="client_login"]) .content,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .content {
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.06), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(56, 189, 248, 0.06), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #050b14 100%) !important;
  min-height: calc(100vh - 200px) !important;
  padding: 28px 0 60px !important;
}

body[class^="client-"]:not([class*="client_login"]) .content .container,
body[class^="client-"]:not([class*="client_login"]) .content .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .content .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .content .container-md {
  max-width: 1180px !important;
}

body[class^="client-"]:not([class*="client_login"]) .card,
body[class^="client-"]:not([class*="client_login"]) .panel,
body[class^="client-"]:not([class*="client_login"]) .well,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .card,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .panel,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .well {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 52px rgba(0, 0, 0, 0.28) !important;
  color: #d7e4f5 !important;
  overflow: hidden !important;
}

body[class^="client-"]:not([class*="client_login"]) .card-header,
body[class^="client-"]:not([class*="client_login"]) .panel-heading,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .card-header,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .panel-heading {
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #f8fbff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
}

body[class^="client-"]:not([class*="client_login"]) .card-body,
body[class^="client-"]:not([class*="client_login"]) .panel-body,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .card-body,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .panel-body {
  background: #07111f !important;
  color: #d7e4f5 !important;
}

body[class^="client-"]:not([class*="client_login"]) .alert,
body[class^="client-"]:not([class*="client_login"]) .alert-info,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .alert,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .alert-info {
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.14), rgba(8, 47, 73, 0.22)) !important;
  border: 1px solid rgba(56, 189, 248, 0.30) !important;
  border-radius: 12px !important;
  color: #c8ecff !important;
}

body[class^="client-"]:not([class*="client_login"]) table,
body[class^="client-"]:not([class*="client_login"]) .table,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) table,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .table {
  background: rgba(3, 10, 20, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-collapse: separate !important;
  border-radius: 12px !important;
  border-spacing: 0 !important;
  color: #d7e4f5 !important;
  overflow: hidden !important;
}

body[class^="client-"]:not([class*="client_login"]) th,
body[class^="client-"]:not([class*="client_login"]) td,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) th,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) td {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.10) !important;
  color: #d7e4f5 !important;
}

body[class^="client-"]:not([class*="client_login"]) thead,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) thead {
  background: rgba(15, 30, 51, 0.96) !important;
}

body[class^="client-"]:not([class*="client_login"]) tbody tr,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr {
  background: rgba(7, 17, 31, 0.84) !important;
}

body[class^="client-"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr:nth-child(even) {
  background: rgba(10, 24, 42, 0.88) !important;
}

body[class^="client-"]:not([class*="client_login"]) input[type="text"],
body[class^="client-"]:not([class*="client_login"]) input[type="email"],
body[class^="client-"]:not([class*="client_login"]) input[type="number"],
body[class^="client-"]:not([class*="client_login"]) input[type="password"],
body[class^="client-"]:not([class*="client_login"]) textarea,
body[class^="client-"]:not([class*="client_login"]) select,
body[class^="client-"]:not([class*="client_login"]) .form-control,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="text"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="email"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="number"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="password"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) textarea,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) select,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .form-control {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 11px !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

body[class^="client-"]:not([class*="client_login"]) label,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) label {
  color: #c8def7 !important;
  font-weight: 800 !important;
}

@media (max-width: 767.98px) {
  body[class^="client-"]:not([class*="client_login"]) .header .container,
  body[class^="client-"]:not([class*="client_login"]) .header .container-md,
  body[class^="client-"]:not([class*="client_login"]) .nav-content .container,
  body[class^="client-"]:not([class*="client_login"]) .nav-content .container-md {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
}
/* === MK3Node logged-in client shell sweep pass37 END === */

/* === MK3Node billing logo and login home action pass37 START === */
body[class^="client-"]:not([class*="client_login"]) .header {
  min-height: 88px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo img,
body[class^="client-"]:not([class*="client_login"]) .header .logo a img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a img {
  max-height: 58px !important;
  max-width: 260px !important;
}

body.client-client_login-index .mk3-auth-brand img,
body.client-client_login-reset .mk3-auth-brand img,
body.client-client_login-forgot .mk3-auth-brand img,
body.client-client_login-confirmreset .mk3-auth-brand img,
body.client-client_login-otp .mk3-auth-brand img {
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.76))
    drop-shadow(0 0 14px rgba(34, 197, 94, 0.18))
    brightness(1.16)
    saturate(1.08) !important;
  max-height: 78px !important;
  max-width: 300px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.client-client_login-index .btn-secondary,
body.client-client_login-reset .btn-secondary,
body.client-client_login-forgot .btn-secondary,
body.client-client_login-confirmreset .btn-secondary,
body.client-client_login-otp .btn-secondary {
  background: rgba(15, 30, 51, 0.92) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important;
  color: #eaf4ff !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}
/* === MK3Node billing logo and login home action pass37 END === */

/* === MK3Node full Blesta surface sweep pass38 START === */
:root {
  --mk3-bg: #050b14;
  --mk3-bg-2: #07111f;
  --mk3-panel: #0b1424;
  --mk3-panel-2: #111b2d;
  --mk3-panel-3: #172338;
  --mk3-line: rgba(148, 163, 184, 0.18);
  --mk3-line-strong: rgba(56, 189, 248, 0.28);
  --mk3-text: #f4f8ff;
  --mk3-muted: #a9bdd6;
  --mk3-blue: #38bdf8;
  --mk3-green: #22c55e;
  --mk3-red: #ef4444;
}

body[class^="client-"]:not([class*="client_login"]),
body[class*="plugin-support_manager-client"]:not([class*="client_login"]),
body[class*="plugin-orderclient"],
body.plugin-cmsclient-main-index {
  background: var(--mk3-bg) !important;
  color: var(--mk3-text) !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  min-height: 100vh !important;
}

body[class^="client-"]:not([class*="client_login"]) *,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) *,
body[class*="plugin-orderclient"] *,
body.plugin-cmsclient-main-index * {
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .footer,
body[class^="client-"]:not([class*="client_login"]) footer,
body[class^="client-"]:not([class*="client_login"]) .powered-by,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .footer,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) footer,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .powered-by,
body[class*="plugin-orderclient"] .footer,
body[class*="plugin-orderclient"] footer,
body[class*="plugin-orderclient"] .powered-by,
body.plugin-cmsclient-main-index .footer,
body.plugin-cmsclient-main-index footer,
body.plugin-cmsclient-main-index .powered-by {
  display: none !important;
}

/* One real Blesta logo/header system across client, order, portal, and support pages. */
body[class^="client-"]:not([class*="client_login"]) .header,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header,
body[class*="plugin-orderclient"] .header,
body.plugin-cmsclient-main-index .header {
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.16), transparent 28%),
    radial-gradient(circle at 70% 0%, rgba(56, 189, 248, 0.08), transparent 32%),
    linear-gradient(180deg, #071321 0%, #06101d 100%) !important;
  border-bottom: 1px solid rgba(34, 197, 94, 0.14) !important;
  min-height: 108px !important;
  padding: 0 !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .container,
body[class^="client-"]:not([class*="client_login"]) .header .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container-md,
body[class*="plugin-orderclient"] .header .container,
body[class*="plugin-orderclient"] .header .container-md,
body.plugin-cmsclient-main-index .header .container,
body.plugin-cmsclient-main-index .header .container-md {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 108px !important;
  max-width: 1180px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo,
body[class*="plugin-orderclient"] .header .logo,
body.plugin-cmsclient-main-index .header .logo {
  align-items: center !important;
  display: flex !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo::before,
body[class^="client-"]:not([class*="client_login"]) .header .logo::after,
body[class^="client-"]:not([class*="client_login"]) .navbar-brand::before,
body[class^="client-"]:not([class*="client_login"]) .navbar-brand::after,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo::before,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo::after,
body[class*="plugin-orderclient"] .header .logo::before,
body[class*="plugin-orderclient"] .header .logo::after,
body.plugin-cmsclient-main-index .header .logo::before,
body.plugin-cmsclient-main-index .header .logo::after {
  content: none !important;
  display: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo img,
body[class^="client-"]:not([class*="client_login"]) .header .logo a img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a img,
body[class*="plugin-orderclient"] .header .logo img,
body[class*="plugin-orderclient"] .header .logo a img,
body.plugin-cmsclient-main-index .header .logo img,
body.plugin-cmsclient-main-index .header .logo a img {
  display: block !important;
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.72))
    drop-shadow(0 0 18px rgba(34, 197, 94, 0.18)) !important;
  height: auto !important;
  max-height: 74px !important;
  max-width: 320px !important;
  min-height: 42px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .badge-info,
body[class^="client-"]:not([class*="client_login"]) .header .badge.badge-info,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .badge-info,
body[class*="plugin-orderclient"] .header .badge-info,
body.plugin-cmsclient-main-index .header .badge-info {
  align-items: center !important;
  align-self: center !important;
  background: linear-gradient(135deg, #22d3ee, #0ea5e9) !important;
  border: 1px solid rgba(125, 211, 252, 0.35) !important;
  border-radius: 9px !important;
  box-shadow: 0 14px 28px rgba(14, 165, 233, 0.18) !important;
  color: #f8fbff !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-left: auto !important;
  padding: 8px 12px !important;
  position: static !important;
  text-transform: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .badge-info a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .badge-info a,
body[class*="plugin-orderclient"] .header .badge-info a,
body.plugin-cmsclient-main-index .header .badge-info a {
  color: #f8fbff !important;
  text-decoration: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-orderclient"] .nav-content,
body.plugin-cmsclient-main-index .nav-content {
  background: #2b3037 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .container,
body[class^="client-"]:not([class*="client_login"]) .nav-content .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container-md,
body[class*="plugin-orderclient"] .nav-content .container,
body[class*="plugin-orderclient"] .nav-content .container-md,
body.plugin-cmsclient-main-index .nav-content .container,
body.plugin-cmsclient-main-index .nav-content .container-md {
  max-width: 1180px !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-orderclient"] .nav-content .navbar,
body.plugin-cmsclient-main-index .nav-content .navbar {
  min-height: 64px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-link,
body[class^="client-"]:not([class*="client_login"]) .nav-content a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-link,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content a,
body[class*="plugin-orderclient"] .nav-content .nav-link,
body[class*="plugin-orderclient"] .nav-content a,
body.plugin-cmsclient-main-index .nav-content .nav-link,
body.plugin-cmsclient-main-index .nav-content a {
  color: #eef5ff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .dropdown-menu,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .dropdown-menu,
body[class*="plugin-orderclient"] .nav-content .dropdown-menu,
body.plugin-cmsclient-main-index .nav-content .dropdown-menu {
  background: #0b1424 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
  padding: 6px !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .dropdown-item,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .dropdown-item,
body[class*="plugin-orderclient"] .nav-content .dropdown-item,
body.plugin-cmsclient-main-index .nav-content .dropdown-item {
  border-radius: 8px !important;
  color: #dbeafe !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .dropdown-item:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .dropdown-item:hover,
body[class*="plugin-orderclient"] .nav-content .dropdown-item:hover,
body.plugin-cmsclient-main-index .nav-content .dropdown-item:hover {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #f8fbff !important;
}

body[class^="client-"]:not([class*="client_login"]) .title,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title,
body[class*="plugin-orderclient"] .title,
body.plugin-cmsclient-main-index .title {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, 0.98), rgba(5, 11, 20, 0.98)) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
  padding: 28px 0 22px !important;
}

body[class^="client-"]:not([class*="client_login"]) .title .container,
body[class^="client-"]:not([class*="client_login"]) .title .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title .container-md,
body[class*="plugin-orderclient"] .title .container,
body[class*="plugin-orderclient"] .title .container-md,
body.plugin-cmsclient-main-index .title .container,
body.plugin-cmsclient-main-index .title .container-md {
  max-width: 1180px !important;
}

body[class^="client-"]:not([class*="client_login"]) .title h1,
body[class^="client-"]:not([class*="client_login"]) .title h2,
body[class^="client-"]:not([class*="client_login"]) .title h3,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title h1,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title h2,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .title h3,
body[class*="plugin-orderclient"] .title h1,
body[class*="plugin-orderclient"] .title h2,
body[class*="plugin-orderclient"] .title h3,
body.plugin-cmsclient-main-index .title h1,
body.plugin-cmsclient-main-index .title h2,
body.plugin-cmsclient-main-index .title h3 {
  color: var(--mk3-text) !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  opacity: 1 !important;
}

body[class^="client-"]:not([class*="client_login"]) .content,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .content,
body[class*="plugin-orderclient"] .content,
body.plugin-cmsclient-main-index .content {
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 197, 94, 0.08), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(56, 189, 248, 0.07), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #050b14 100%) !important;
  color: var(--mk3-text) !important;
  min-height: calc(100vh - 230px) !important;
  padding: 28px 0 64px !important;
}

body[class^="client-"]:not([class*="client_login"]) .content .container,
body[class^="client-"]:not([class*="client_login"]) .content .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .content .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .content .container-md,
body[class*="plugin-orderclient"] .content .container,
body[class*="plugin-orderclient"] .content .container-md,
body.plugin-cmsclient-main-index .content .container,
body.plugin-cmsclient-main-index .content .container-md {
  max-width: 1180px !important;
}

/* Shared cards, panels, forms, lists, and tables for the remaining Blesta surfaces. */
body[class^="client-"]:not([class*="client_login"]) .card,
body[class^="client-"]:not([class*="client_login"]) .panel,
body[class^="client-"]:not([class*="client_login"]) .well,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .card,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .panel,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .well,
body[class*="plugin-orderclient"] .card,
body[class*="plugin-orderclient"] .panel,
body[class*="plugin-orderclient"] .well,
body[class*="plugin-orderclient"] .card-order {
  background: linear-gradient(180deg, rgba(17, 27, 45, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border: 1px solid var(--mk3-line) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 20px 48px rgba(0, 0, 0, 0.28) !important;
  color: #dbeafe !important;
  overflow: hidden !important;
}

body[class^="client-"]:not([class*="client_login"]) .card-header,
body[class^="client-"]:not([class*="client_login"]) .panel-heading,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .card-header,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .panel-heading,
body[class*="plugin-orderclient"] .card-header,
body[class*="plugin-orderclient"] .panel-heading {
  background: rgba(255, 255, 255, 0.045) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13) !important;
  color: var(--mk3-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
}

body[class^="client-"]:not([class*="client_login"]) .card-body,
body[class^="client-"]:not([class*="client_login"]) .panel-body,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .card-body,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .panel-body,
body[class*="plugin-orderclient"] .card-body,
body[class*="plugin-orderclient"] .panel-body {
  background: #07111f !important;
  color: #dbeafe !important;
}

body[class^="client-"]:not([class*="client_login"]) .list-group,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .list-group,
body[class*="plugin-orderclient"] .list-group {
  background: transparent !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body[class^="client-"]:not([class*="client_login"]) .list-group-item,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .list-group-item,
body[class*="plugin-orderclient"] .list-group-item {
  background: #0d1728 !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: #dbeafe !important;
}

body[class^="client-"]:not([class*="client_login"]) .list-group-item.active,
body[class^="client-"]:not([class*="client_login"]) .list-group-item:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .list-group-item.active,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .list-group-item:hover,
body[class*="plugin-orderclient"] .list-group-item.active,
body[class*="plugin-orderclient"] .list-group-item:hover {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.16), rgba(56, 189, 248, 0.08)) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  color: var(--mk3-text) !important;
}

body[class^="client-"]:not([class*="client_login"]) input[type="text"],
body[class^="client-"]:not([class*="client_login"]) input[type="email"],
body[class^="client-"]:not([class*="client_login"]) input[type="number"],
body[class^="client-"]:not([class*="client_login"]) input[type="password"],
body[class^="client-"]:not([class*="client_login"]) input[type="file"],
body[class^="client-"]:not([class*="client_login"]) textarea,
body[class^="client-"]:not([class*="client_login"]) select,
body[class^="client-"]:not([class*="client_login"]) .form-control,
body[class^="client-"]:not([class*="client_login"]) .custom-select,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="text"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="email"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="number"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="password"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="file"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) textarea,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) select,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .form-control,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .custom-select,
body[class*="plugin-orderclient"] input[type="text"],
body[class*="plugin-orderclient"] input[type="email"],
body[class*="plugin-orderclient"] input[type="number"],
body[class*="plugin-orderclient"] input[type="password"],
body[class*="plugin-orderclient"] input[type="file"],
body[class*="plugin-orderclient"] textarea,
body[class*="plugin-orderclient"] select,
body[class*="plugin-orderclient"] .form-control,
body[class*="plugin-orderclient"] .custom-select {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: var(--mk3-text) !important;
  min-height: 44px !important;
  -webkit-text-fill-color: var(--mk3-text) !important;
}

body[class^="client-"]:not([class*="client_login"]) input::placeholder,
body[class^="client-"]:not([class*="client_login"]) textarea::placeholder,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input::placeholder,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) textarea::placeholder,
body[class*="plugin-orderclient"] input::placeholder,
body[class*="plugin-orderclient"] textarea::placeholder {
  color: #83a1c3 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #83a1c3 !important;
}

body[class^="client-"]:not([class*="client_login"]) input:focus,
body[class^="client-"]:not([class*="client_login"]) textarea:focus,
body[class^="client-"]:not([class*="client_login"]) select:focus,
body[class^="client-"]:not([class*="client_login"]) .form-control:focus,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input:focus,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) textarea:focus,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) select:focus,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .form-control:focus,
body[class*="plugin-orderclient"] input:focus,
body[class*="plugin-orderclient"] textarea:focus,
body[class*="plugin-orderclient"] select:focus,
body[class*="plugin-orderclient"] .form-control:focus {
  border-color: rgba(56, 189, 248, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.12) !important;
  outline: 0 !important;
}

body[class^="client-"]:not([class*="client_login"]) select option,
body[class^="client-"]:not([class*="client_login"]) select optgroup,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) select option,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) select optgroup,
body[class*="plugin-orderclient"] select option,
body[class*="plugin-orderclient"] select optgroup {
  background: #06101e !important;
  color: var(--mk3-text) !important;
}

body[class^="client-"]:not([class*="client_login"]) label,
body[class^="client-"]:not([class*="client_login"]) p,
body[class^="client-"]:not([class*="client_login"]) small,
body[class^="client-"]:not([class*="client_login"]) .text-muted,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) label,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) p,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) small,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .text-muted,
body[class*="plugin-orderclient"] label,
body[class*="plugin-orderclient"] p,
body[class*="plugin-orderclient"] small,
body[class*="plugin-orderclient"] .text-muted {
  color: var(--mk3-muted) !important;
}

body[class^="client-"]:not([class*="client_login"]) h1,
body[class^="client-"]:not([class*="client_login"]) h2,
body[class^="client-"]:not([class*="client_login"]) h3,
body[class^="client-"]:not([class*="client_login"]) h4,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) h1,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) h2,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) h3,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) h4,
body[class*="plugin-orderclient"] h1,
body[class*="plugin-orderclient"] h2,
body[class*="plugin-orderclient"] h3,
body[class*="plugin-orderclient"] h4 {
  color: var(--mk3-text) !important;
  font-weight: 900 !important;
}

/* Buttons: remove remaining white/default actions without killing success/danger states. */
body[class^="client-"]:not([class*="client_login"]) .btn,
body[class^="client-"]:not([class*="client_login"]) button,
body[class^="client-"]:not([class*="client_login"]) input[type="submit"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) button,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="submit"],
body[class*="plugin-orderclient"] .btn,
body[class*="plugin-orderclient"] button,
body[class*="plugin-orderclient"] input[type="submit"] {
  border-radius: 11px !important;
  font-weight: 900 !important;
  min-height: 42px !important;
  text-shadow: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .btn-default,
body[class^="client-"]:not([class*="client_login"]) .btn-light,
body[class^="client-"]:not([class*="client_login"]) .btn-secondary,
body[class^="client-"]:not([class*="client_login"]) .dropdown-toggle.btn-default,
body[class^="client-"]:not([class*="client_login"]) .btn-group > .btn:not(.btn-success):not(.btn-danger):not(.btn-primary),
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-default,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-light,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-secondary,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .dropdown-toggle.btn-default,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-group > .btn:not(.btn-success):not(.btn-danger):not(.btn-primary),
body[class*="plugin-orderclient"] .btn-default,
body[class*="plugin-orderclient"] .btn-light,
body[class*="plugin-orderclient"] .btn-secondary,
body[class*="plugin-orderclient"] .dropdown-toggle.btn-default,
body[class*="plugin-orderclient"] .btn-group > .btn:not(.btn-success):not(.btn-danger):not(.btn-primary) {
  background: linear-gradient(180deg, #1e2d43, #132033) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  box-shadow: none !important;
  color: #eef5ff !important;
  -webkit-text-fill-color: #eef5ff !important;
}

body[class^="client-"]:not([class*="client_login"]) .btn-default:hover,
body[class^="client-"]:not([class*="client_login"]) .btn-light:hover,
body[class^="client-"]:not([class*="client_login"]) .btn-secondary:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-default:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-light:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-secondary:hover,
body[class*="plugin-orderclient"] .btn-default:hover,
body[class*="plugin-orderclient"] .btn-light:hover,
body[class*="plugin-orderclient"] .btn-secondary:hover {
  border-color: rgba(56, 189, 248, 0.42) !important;
  color: #ffffff !important;
}

body[class^="client-"]:not([class*="client_login"]) .btn-primary,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-primary,
body[class*="plugin-orderclient"] .btn-primary {
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  border-color: rgba(96, 165, 250, 0.36) !important;
  color: #ffffff !important;
}

body[class^="client-"]:not([class*="client_login"]) .btn-success,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-success,
body[class*="plugin-orderclient"] .btn-success {
  background: linear-gradient(135deg, #27d66f, #16a34a) !important;
  border-color: rgba(74, 222, 128, 0.36) !important;
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.18) !important;
  color: #03120a !important;
  -webkit-text-fill-color: #03120a !important;
}

body[class^="client-"]:not([class*="client_login"]) .btn-danger,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .btn-danger,
body[class*="plugin-orderclient"] .btn-danger {
  background: linear-gradient(135deg, #f05252, #b91c1c) !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
  color: #ffffff !important;
}

body[class^="client-"]:not([class*="client_login"]) .dropdown-menu,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .dropdown-menu,
body[class*="plugin-orderclient"] .dropdown-menu {
  background: #0b1424 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.44) !important;
}

body[class^="client-"]:not([class*="client_login"]) .dropdown-menu a,
body[class^="client-"]:not([class*="client_login"]) .dropdown-item,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .dropdown-menu a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .dropdown-item,
body[class*="plugin-orderclient"] .dropdown-menu a,
body[class*="plugin-orderclient"] .dropdown-item {
  color: #dbeafe !important;
}

/* Tables and the invisible highlighted-row bug. */
body[class^="client-"]:not([class*="client_login"]) table,
body[class^="client-"]:not([class*="client_login"]) .table,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) table,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .table,
body[class*="plugin-orderclient"] table,
body[class*="plugin-orderclient"] .table {
  background: rgba(5, 12, 23, 0.78) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-collapse: separate !important;
  border-radius: 12px !important;
  border-spacing: 0 !important;
  color: #dbeafe !important;
  overflow: hidden !important;
}

body[class^="client-"]:not([class*="client_login"]) th,
body[class^="client-"]:not([class*="client_login"]) td,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) th,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) td,
body[class*="plugin-orderclient"] th,
body[class*="plugin-orderclient"] td {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  color: #dbeafe !important;
  vertical-align: middle !important;
}

body[class^="client-"]:not([class*="client_login"]) thead,
body[class^="client-"]:not([class*="client_login"]) .table thead th,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) thead,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .table thead th,
body[class*="plugin-orderclient"] thead,
body[class*="plugin-orderclient"] .table thead th {
  background: #122139 !important;
  color: #cfe5ff !important;
  font-weight: 900 !important;
}

body[class^="client-"]:not([class*="client_login"]) tbody tr,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr,
body[class*="plugin-orderclient"] tbody tr {
  background: #07111f !important;
}

body[class^="client-"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr:nth-child(even),
body[class*="plugin-orderclient"] tbody tr:nth-child(even) {
  background: #09182a !important;
}

body[class^="client-"]:not([class*="client_login"]) tbody tr:hover,
body[class^="client-"]:not([class*="client_login"]) tbody tr.table-active,
body[class^="client-"]:not([class*="client_login"]) tbody tr.active,
body[class^="client-"]:not([class*="client_login"]) tbody tr.selected,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr.table-active,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr.active,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr.selected,
body[class*="plugin-orderclient"] tbody tr:hover,
body[class*="plugin-orderclient"] tbody tr.table-active,
body[class*="plugin-orderclient"] tbody tr.active,
body[class*="plugin-orderclient"] tbody tr.selected {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.18), rgba(56, 189, 248, 0.10)) !important;
  color: var(--mk3-text) !important;
}

body[class^="client-"]:not([class*="client_login"]) tbody tr:hover *,
body[class^="client-"]:not([class*="client_login"]) tbody tr.table-active *,
body[class^="client-"]:not([class*="client_login"]) tbody tr.active *,
body[class^="client-"]:not([class*="client_login"]) tbody tr.selected *,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr:hover *,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr.table-active *,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr.active *,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) tbody tr.selected *,
body[class*="plugin-orderclient"] tbody tr:hover *,
body[class*="plugin-orderclient"] tbody tr.table-active *,
body[class*="plugin-orderclient"] tbody tr.active *,
body[class*="plugin-orderclient"] tbody tr.selected * {
  color: var(--mk3-text) !important;
  -webkit-text-fill-color: var(--mk3-text) !important;
}

/* Dynamic package grid: all packages remain visible when plans/prices/options change. */
body.plugin-orderclient-main-packages .mk-compare-shell,
body.plugin-orderclient-main-packages .mk-card-grid-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  margin: 0 auto !important;
  max-width: 1180px !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-head,
body.plugin-orderclient-main-packages .mk-shared-benefits,
body.plugin-orderclient-main-packages .mk-compare-footer {
  grid-column: 1 / -1 !important;
}

body.plugin-orderclient-main-packages .package-boxes,
body.plugin-orderclient-main-packages .mk-order-package-col,
body.plugin-orderclient-main-packages .mk-card-grid-item {
  display: flex !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-package,
body.plugin-orderclient-main-packages .mk-order-package-card,
body.plugin-orderclient-main-packages .mk-compare-package,
body.plugin-orderclient-main-packages .package.card,
body.plugin-orderclient-main-packages .package.card.card-blesta {
  background: linear-gradient(180deg, rgba(9, 24, 42, 0.98), rgba(5, 12, 23, 0.98)) !important;
  border: 1px solid rgba(56, 189, 248, 0.24) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.30) !important;
  color: var(--mk3-text) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 14px !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-card-package.selected,
body.plugin-orderclient-main-packages .mk-order-package-card.selected,
body.plugin-orderclient-main-packages .mk-compare-package.selected,
body.plugin-orderclient-main-packages .package.card.selected {
  background:
    linear-gradient(180deg, rgba(10, 42, 44, 0.98), rgba(6, 23, 33, 0.98)) !important;
  border-color: rgba(34, 197, 94, 0.74) !important;
  box-shadow:
    0 0 0 1px rgba(34, 197, 94, 0.10),
    0 22px 54px rgba(34, 197, 94, 0.10),
    0 20px 48px rgba(0, 0, 0, 0.32) !important;
}

body.plugin-orderclient-main-packages .mk-card-visual {
  border-radius: 12px !important;
  flex: 0 0 auto !important;
  height: 76px !important;
  margin: 0 !important;
  min-height: 76px !important;
  opacity: 0.72 !important;
  overflow: hidden !important;
}

body.plugin-orderclient-main-packages .mk-compare-plan,
body.plugin-orderclient-main-packages .package-name {
  min-height: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-plan h4,
body.plugin-orderclient-main-packages .package-name h4 {
  color: var(--mk3-text) !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  margin: 8px 0 4px !important;
  word-break: break-word !important;
}

body.plugin-orderclient-main-packages .mk-plan-ram-line,
body.plugin-orderclient-main-packages .mk-plan-desc,
body.plugin-orderclient-main-packages .mk-plan-extra-description,
body.plugin-orderclient-main-packages .mk-plan-extra-description * {
  color: #dbeafe !important;
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}

body.plugin-orderclient-main-packages .mk-compare-specs {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-compare-specs > div {
  min-width: 0 !important;
}

body.plugin-orderclient-main-packages .mk-card-commerce,
body.plugin-orderclient-main-packages .mk-compare-price,
body.plugin-orderclient-main-packages .mk-compare-billing,
body.plugin-orderclient-main-packages .mk-compare-action {
  margin-top: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin-top: 8px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn-group {
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer .btn {
  min-width: 145px !important;
}

/* Cart, payment checkout, and checkout complete are transactional pages, not landing pages. */
body.plugin-orderclient-cart-index .card-order,
body.plugin-orderclient-cart-index .cart,
body.plugin-orderclient-cart-index .order-summary,
body.plugin-orderclient-checkout-index .checkout,
body.plugin-orderclient-checkout-index .payment-box,
body.plugin-orderclient-checkout-index #payment_details,
body.plugin-orderclient-checkout-index #payment_details_cc,
body.plugin-orderclient-checkout-index #payment_details_ach,
body.plugin-orderclient-checkout-index #payment_confirmation,
body[class*="plugin-orderclient"][class*="complete"] .card,
body[class*="plugin-orderclient"][class*="complete"] .card-order {
  background: linear-gradient(180deg, rgba(17, 27, 45, 0.98), rgba(7, 17, 31, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 16px !important;
  color: #dbeafe !important;
  overflow: hidden !important;
}

body.plugin-orderclient-cart-index .total-due,
body.plugin-orderclient-checkout-index .total-due,
body.plugin-orderclient-cart-index [class*="total"],
body.plugin-orderclient-checkout-index [class*="total"] {
  color: var(--mk3-text) !important;
}

body.plugin-orderclient-cart-index .total-due,
body.plugin-orderclient-checkout-index .total-due {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.10), rgba(56, 189, 248, 0.10)) !important;
  border: 1px solid rgba(56, 189, 248, 0.24) !important;
  border-radius: 14px !important;
  padding: 18px !important;
}

body.plugin-orderclient-cart-index .btn-group,
body.plugin-orderclient-checkout-index .btn-group,
body.plugin-orderclient-cart-index .float-right,
body.plugin-orderclient-checkout-index .float-right {
  gap: 10px !important;
}

body[class*="plugin-orderclient"][class*="complete"],
body[class*="plugin-orderclient"][class*="complete"] .content,
body.plugin-orderclient-checkout-complete,
body.plugin-orderclient-checkout-complete .content {
  background:
    radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.12), transparent 30%),
    linear-gradient(180deg, #07111f, #050b14) !important;
  color: var(--mk3-text) !important;
}

body[class*="plugin-orderclient"][class*="complete"] [style*="background:#fff"],
body[class*="plugin-orderclient"][class*="complete"] [style*="background: #fff"],
body[class*="plugin-orderclient"][class*="complete"] [style*="background:#ffffff"],
body[class*="plugin-orderclient"][class*="complete"] [style*="background: #ffffff"],
body.plugin-orderclient-checkout-complete [style*="background:#fff"],
body.plugin-orderclient-checkout-complete [style*="background: #fff"] {
  background: linear-gradient(180deg, rgba(17, 27, 45, 0.98), rgba(7, 17, 31, 0.98)) !important;
  color: #dbeafe !important;
}

/* Support manager: ticket list and ticket creation/editor cleanup. */
body[class*="plugin-support_manager-client_tickets"] .btn[href*="add"],
body[class*="plugin-support_manager-client_tickets"] a.btn-success,
body[class*="plugin-support_manager-client_tickets"] .btn-success {
  background: linear-gradient(135deg, #27d66f, #16a34a) !important;
  border: 1px solid rgba(74, 222, 128, 0.38) !important;
  color: #03120a !important;
  min-width: 132px !important;
}

body[class*="plugin-support_manager-client_tickets"] .card,
body[class*="plugin-support_manager-client_tickets"] .panel {
  position: relative !important;
}

body[class*="plugin-support_manager-client_tickets-add"] .card-body,
body[class*="plugin-support_manager-client_tickets-add"] .panel-body {
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.12), transparent 34%),
    linear-gradient(180deg, #07111f, #050b14) !important;
}

body[class*="plugin-support_manager-client_tickets-add"] .card-body::before,
body[class*="plugin-support_manager-client_tickets-add"] .panel-body::before {
  color: rgba(56, 189, 248, 0.035) !important;
  content: "MK3" !important;
  display: block !important;
  font-size: clamp(90px, 18vw, 230px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.8 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 22px !important;
  top: 74px !important;
  z-index: 0 !important;
}

body[class*="plugin-support_manager-client_tickets-add"] form,
body[class*="plugin-support_manager-client_tickets-add"] .form-group {
  position: relative !important;
  z-index: 1 !important;
}

body[class*="plugin-support_manager-client_tickets-add"] .md-editor,
body[class*="plugin-support_manager-client_tickets-add"] .markdown-editor,
body[class*="plugin-support_manager-client_tickets-add"] .wysiwyg,
body[class*="plugin-support_manager-client_tickets-add"] .wysiwyg-editor,
body[class*="plugin-support_manager-client_tickets-add"] .note-editor,
body[class*="plugin-support_manager-client_tickets-add"] .note-toolbar,
body[class*="plugin-support_manager-client_tickets-add"] .trumbowyg-box,
body[class*="plugin-support_manager-client_tickets-add"] .trumbowyg-button-pane,
body[class*="plugin-support_manager-client_tickets-add"] .cke,
body[class*="plugin-support_manager-client_tickets-add"] .cke_chrome,
body[class*="plugin-support_manager-client_tickets-add"] .cke_top,
body[class*="plugin-support_manager-client_tickets-add"] .cke_bottom,
body[class*="plugin-support_manager-client_tickets-add"] .cke_contents,
body[class*="plugin-support_manager-client_tickets-add"] .tox,
body[class*="plugin-support_manager-client_tickets-add"] .tox-toolbar,
body[class*="plugin-support_manager-client_tickets-add"] .CodeMirror {
  background: #07111f !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: var(--mk3-text) !important;
}

body[class*="plugin-support_manager-client_tickets-add"] .md-editor .btn,
body[class*="plugin-support_manager-client_tickets-add"] .markdown-editor .btn,
body[class*="plugin-support_manager-client_tickets-add"] .note-toolbar .btn,
body[class*="plugin-support_manager-client_tickets-add"] .trumbowyg-button-pane button,
body[class*="plugin-support_manager-client_tickets-add"] .cke_button,
body[class*="plugin-support_manager-client_tickets-add"] .tox-tbtn {
  background: #101d31 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  color: #dbeafe !important;
}

body[class*="plugin-support_manager-client_tickets-add"] iframe,
body[class*="plugin-support_manager-client_tickets-add"] textarea {
  background: #07111f !important;
}

/* Service manage / renew pages and account payment buttons. */
body[class*="client-services"] .btn-default,
body[class*="client-services"] .btn-light,
body[class*="client-services"] .btn-secondary,
body[class*="client_services"] .btn-default,
body[class*="client_services"] .btn-light,
body[class*="client_services"] .btn-secondary,
body[class*="client-accounts"] .btn-default,
body[class*="client-accounts"] .btn-light,
body[class*="client-accounts"] .btn-secondary,
body[class*="client_accounts"] .btn-default,
body[class*="client_accounts"] .btn-light,
body[class*="client_accounts"] .btn-secondary,
body[class*="client-pay"] .btn-default,
body[class*="client-pay"] .btn-light,
body[class*="client-emails"] .btn-default,
body[class*="client-emails"] .btn-light,
body[class*="client-main-edit"] .btn-default,
body[class*="client-main-edit"] .btn-light {
  background: linear-gradient(180deg, #1e2d43, #132033) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: #eef5ff !important;
  -webkit-text-fill-color: #eef5ff !important;
}

body[class*="client-services"] .btn[href*="renew"],
body[class*="client-services"] button[name*="renew"],
body[class*="client_services"] .btn[href*="renew"],
body[class*="client_services"] button[name*="renew"] {
  background: linear-gradient(135deg, #27d66f, #16a34a) !important;
  border-color: rgba(74, 222, 128, 0.36) !important;
  color: #03120a !important;
  -webkit-text-fill-color: #03120a !important;
}

body[class*="client-services"] .btn-primary,
body[class*="client_services"] .btn-primary {
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  border-color: rgba(96, 165, 250, 0.38) !important;
  color: #ffffff !important;
}

body[class*="client-accounts"] .table .btn,
body[class*="client_accounts"] .table .btn,
body[class*="client-accounts"] .card .btn,
body[class*="client_accounts"] .card .btn {
  white-space: nowrap !important;
}

body[class*="client-accounts"] .btn[href*="add"],
body[class*="client_accounts"] .btn[href*="add"],
body[class*="client-accounts"] .btn-success,
body[class*="client_accounts"] .btn-success {
  background: linear-gradient(135deg, #27d66f, #16a34a) !important;
  border-color: rgba(74, 222, 128, 0.36) !important;
  color: #03120a !important;
}

body[class*="client-accounts"] .btn-danger,
body[class*="client_accounts"] .btn-danger {
  color: #ffffff !important;
}

body[class*="client-accounts"] .dropdown-toggle,
body[class*="client_accounts"] .dropdown-toggle {
  background: #132033 !important;
  color: #eef5ff !important;
}

/* Catch inline white panels on account, payment, ticket, order, and email pages. */
body[class^="client-"]:not([class*="client_login"]) [style*="background:#fff"],
body[class^="client-"]:not([class*="client_login"]) [style*="background: #fff"],
body[class^="client-"]:not([class*="client_login"]) [style*="background:#ffffff"],
body[class^="client-"]:not([class*="client_login"]) [style*="background: #ffffff"],
body[class^="client-"]:not([class*="client_login"]) [style*="background-color:#fff"],
body[class^="client-"]:not([class*="client_login"]) [style*="background-color: #fff"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) [style*="background:#fff"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) [style*="background: #fff"],
body[class*="plugin-orderclient"] [style*="background:#fff"],
body[class*="plugin-orderclient"] [style*="background: #fff"],
body[class*="plugin-orderclient"] [style*="background:#f8fafc"],
body[class*="plugin-orderclient"] [style*="background: #f8fafc"] {
  background: #07111f !important;
  color: #dbeafe !important;
}

body[class^="client-"]:not([class*="client_login"]) [style*="color:#6b7280"],
body[class^="client-"]:not([class*="client_login"]) [style*="color: #6b7280"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) [style*="color:#6b7280"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) [style*="color: #6b7280"],
body[class*="plugin-orderclient"] [style*="color:#6b7280"],
body[class*="plugin-orderclient"] [style*="color: #6b7280"] {
  color: var(--mk3-muted) !important;
}

@media (max-width: 991.98px) {
  body[class^="client-"]:not([class*="client_login"]) .header,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header,
  body[class*="plugin-orderclient"] .header,
  body.plugin-cmsclient-main-index .header {
    min-height: 92px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .header .container,
  body[class^="client-"]:not([class*="client_login"]) .header .container-md,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container-md,
  body[class*="plugin-orderclient"] .header .container,
  body[class*="plugin-orderclient"] .header .container-md,
  body.plugin-cmsclient-main-index .header .container,
  body.plugin-cmsclient-main-index .header .container-md {
    min-height: 92px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .header .logo img,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
  body[class*="plugin-orderclient"] .header .logo img,
  body.plugin-cmsclient-main-index .header .logo img {
    max-height: 58px !important;
    max-width: 260px !important;
  }
}

@media (max-width: 767.98px) {
  body[class^="client-"]:not([class*="client_login"]) .header .container,
  body[class^="client-"]:not([class*="client_login"]) .header .container-md,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container-md,
  body[class*="plugin-orderclient"] .header .container,
  body[class*="plugin-orderclient"] .header .container-md,
  body.plugin-cmsclient-main-index .header .container,
  body.plugin-cmsclient-main-index .header .container-md {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
    justify-content: center !important;
    padding-bottom: 16px !important;
    padding-top: 16px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .header .badge-info,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .badge-info,
  body[class*="plugin-orderclient"] .header .badge-info,
  body.plugin-cmsclient-main-index .header .badge-info {
    margin-left: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-shell,
  body.plugin-orderclient-main-packages .mk-card-grid-shell {
    grid-template-columns: 1fr !important;
  }

  body.plugin-orderclient-main-packages .mk-compare-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .table-responsive,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .table-responsive,
  body[class*="plugin-orderclient"] .table-responsive {
    border: 0 !important;
    overflow-x: auto !important;
  }
}
/* === MK3Node full Blesta surface sweep pass38 END === */

/* === MK3Node dark navbar correction pass38.1 START === */
body[class^="client-"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-orderclient"] .nav-content,
body.plugin-cmsclient-main-index .nav-content {
  background:
    linear-gradient(180deg, rgba(12, 21, 34, 0.98), rgba(8, 15, 27, 0.98)) !important;
  border-top: 1px solid rgba(34, 197, 94, 0.08) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-orderclient"] .nav-content .navbar,
body.plugin-cmsclient-main-index .nav-content .navbar {
  min-height: 60px !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-link,
body[class^="client-"]:not([class*="client_login"]) .nav-content a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-link,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content a,
body[class*="plugin-orderclient"] .nav-content .nav-link,
body[class*="plugin-orderclient"] .nav-content a,
body.plugin-cmsclient-main-index .nav-content .nav-link,
body.plugin-cmsclient-main-index .nav-content a {
  color: #edf6ff !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-item.active > .nav-link,
body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-link:hover,
body[class^="client-"]:not([class*="client_login"]) .nav-content a:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-item.active > .nav-link,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-link:hover,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content a:hover,
body[class*="plugin-orderclient"] .nav-content .nav-item.active > .nav-link,
body[class*="plugin-orderclient"] .nav-content .nav-link:hover,
body[class*="plugin-orderclient"] .nav-content a:hover,
body.plugin-cmsclient-main-index .nav-content .nav-item.active > .nav-link,
body.plugin-cmsclient-main-index .nav-content .nav-link:hover,
body.plugin-cmsclient-main-index .nav-content a:hover {
  color: #34f58b !important;
}
/* === MK3Node dark navbar correction pass38.1 END === */

/* === MK3Node mobile navbar hardening pass38.2 START === */
body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar,
body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar-collapse,
body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar-collapse.show,
body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar-collapse.collapsing,
body[class^="client-"]:not([class*="client_login"]) .nav-content #main-navbar,
body[class^="client-"]:not([class*="client_login"]) .nav-content .container,
body[class^="client-"]:not([class*="client_login"]) .nav-content .container-md,
body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar-nav,
body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-item,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar-collapse,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar-collapse.show,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar-collapse.collapsing,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content #main-navbar,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar-nav,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-item,
body[class*="plugin-orderclient"] .nav-content .navbar,
body[class*="plugin-orderclient"] .nav-content .navbar-collapse,
body[class*="plugin-orderclient"] .nav-content .navbar-collapse.show,
body[class*="plugin-orderclient"] .nav-content .navbar-collapse.collapsing,
body[class*="plugin-orderclient"] .nav-content #main-navbar,
body[class*="plugin-orderclient"] .nav-content .container,
body[class*="plugin-orderclient"] .nav-content .container-md,
body[class*="plugin-orderclient"] .nav-content .navbar-nav,
body[class*="plugin-orderclient"] .nav-content .nav-item,
body.plugin-cmsclient-main-index .nav-content .navbar,
body.plugin-cmsclient-main-index .nav-content .navbar-collapse,
body.plugin-cmsclient-main-index .nav-content .navbar-collapse.show,
body.plugin-cmsclient-main-index .nav-content .navbar-collapse.collapsing,
body.plugin-cmsclient-main-index .nav-content #main-navbar,
body.plugin-cmsclient-main-index .nav-content .container,
body.plugin-cmsclient-main-index .nav-content .container-md,
body.plugin-cmsclient-main-index .nav-content .navbar-nav,
body.plugin-cmsclient-main-index .nav-content .nav-item {
  background: transparent !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content,
body[class*="plugin-orderclient"] .nav-content,
body.plugin-cmsclient-main-index .nav-content {
  background:
    linear-gradient(180deg, rgba(9, 18, 31, 0.99), rgba(5, 12, 23, 0.99)) !important;
}

@media (max-width: 767.98px) {
  body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar,
  body[class*="plugin-orderclient"] .nav-content .navbar,
  body.plugin-cmsclient-main-index .nav-content .navbar {
    align-items: stretch !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .nav-content .container,
  body[class^="client-"]:not([class*="client_login"]) .nav-content .container-md,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .container-md,
  body[class*="plugin-orderclient"] .nav-content .container,
  body[class*="plugin-orderclient"] .nav-content .container-md,
  body.plugin-cmsclient-main-index .nav-content .container,
  body.plugin-cmsclient-main-index .nav-content .container-md {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar-collapse,
  body[class^="client-"]:not([class*="client_login"]) .nav-content #main-navbar,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar-collapse,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content #main-navbar,
  body[class*="plugin-orderclient"] .nav-content .navbar-collapse,
  body[class*="plugin-orderclient"] .nav-content #main-navbar,
  body.plugin-cmsclient-main-index .nav-content .navbar-collapse,
  body.plugin-cmsclient-main-index .nav-content #main-navbar {
    background:
      linear-gradient(180deg, rgba(8, 18, 31, 0.99), rgba(6, 13, 24, 0.99)) !important;
    border-top: 1px solid rgba(34, 197, 94, 0.14) !important;
    padding: 8px 0 !important;
    width: 100% !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar-nav,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar-nav,
  body[class*="plugin-orderclient"] .nav-content .navbar-nav,
  body.plugin-cmsclient-main-index .nav-content .navbar-nav {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-link,
  body[class^="client-"]:not([class*="client_login"]) .nav-content a,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-link,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content a,
  body[class*="plugin-orderclient"] .nav-content .nav-link,
  body[class*="plugin-orderclient"] .nav-content a,
  body.plugin-cmsclient-main-index .nav-content .nav-link,
  body.plugin-cmsclient-main-index .nav-content a {
    border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
    display: block !important;
    padding: 13px 20px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .nav-content .nav-item:last-child .nav-link,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .nav-item:last-child .nav-link,
  body[class*="plugin-orderclient"] .nav-content .nav-item:last-child .nav-link,
  body.plugin-cmsclient-main-index .nav-content .nav-item:last-child .nav-link {
    border-bottom: 0 !important;
  }
}

/* Keep the logo as Blesta's uploaded/theme image; this only controls sizing/visibility. */
body[class^="client-"]:not([class*="client_login"]) .header .logo img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
body[class*="plugin-orderclient"] .header .logo img,
body.plugin-cmsclient-main-index .header .logo img {
  content: normal !important;
}
/* === MK3Node mobile navbar hardening pass38.2 END === */

/* === MK3Node dynamic packages and account field fix pass38.3 START === */
body.plugin-orderclient-main-packages .mk-compare-shell,
body.plugin-orderclient-main-packages .mk-card-grid-shell {
  gap: 16px !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
}

body.plugin-orderclient-main-packages .mk-card-package,
body.plugin-orderclient-main-packages .mk-order-package-card,
body.plugin-orderclient-main-packages .mk-compare-package,
body.plugin-orderclient-main-packages .package.card,
body.plugin-orderclient-main-packages .package.card.card-blesta {
  border-radius: 16px !important;
  gap: 11px !important;
  max-width: none !important;
  padding: 12px !important;
}

body.plugin-orderclient-main-packages .mk-card-visual {
  border-radius: 11px !important;
  height: 54px !important;
  min-height: 54px !important;
  opacity: 0.58 !important;
}

body.plugin-orderclient-main-packages .mk-compare-plan,
body.plugin-orderclient-main-packages .package-name {
  display: flex !important;
  flex-direction: column !important;
  min-height: 132px !important;
}

body.plugin-orderclient-main-packages .mk-plan-badge {
  align-self: flex-start !important;
  margin-bottom: 7px !important;
}

body.plugin-orderclient-main-packages .mk-compare-plan h4,
body.plugin-orderclient-main-packages .package-name h4 {
  font-size: 20px !important;
  margin: 5px 0 6px !important;
}

body.plugin-orderclient-main-packages .mk-plan-ram-line {
  display: none !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc,
body.plugin-orderclient-main-packages .mk-plan-desc p,
body.plugin-orderclient-main-packages .mk-plan-desc li,
body.plugin-orderclient-main-packages .mk-plan-desc span,
body.plugin-orderclient-main-packages .mk-plan-desc div {
  color: #cfe1f8 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc {
  display: -webkit-box !important;
  margin-top: 0 !important;
  min-height: 55px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.plugin-orderclient-main-packages .mk-plan-desc p,
body.plugin-orderclient-main-packages .mk-plan-desc ul,
body.plugin-orderclient-main-packages .mk-plan-desc ol {
  margin-bottom: 0 !important;
}

body.plugin-orderclient-main-packages .mk-compare-specs {
  gap: 7px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 58px !important;
}

body.plugin-orderclient-main-packages .mk-compare-specs > div {
  border-radius: 10px !important;
  min-height: 54px !important;
  padding: 8px 9px !important;
}

body.plugin-orderclient-main-packages .mk-compare-specs strong {
  font-size: 15px !important;
}

body.plugin-orderclient-main-packages .mk-compare-specs span {
  font-size: 11px !important;
}

body.plugin-orderclient-main-packages .mk-card-commerce {
  margin-top: auto !important;
}

body.plugin-orderclient-main-packages .mk-compare-price.price-box {
  border-radius: 12px !important;
  padding: 11px 12px !important;
}

body.plugin-orderclient-main-packages .mk-compare-price strong {
  font-size: 25px !important;
}

body.plugin-orderclient-main-packages .mk-compare-billing label {
  font-size: 10px !important;
  margin-bottom: 5px !important;
}

body.plugin-orderclient-main-packages .mk-compare-billing select,
body.plugin-orderclient-main-packages .mk-compare-billing .form-control {
  font-size: 13px !important;
  min-height: 40px !important;
}

body.plugin-orderclient-main-packages .mk-compare-action .btn {
  min-height: 40px !important;
}

body.plugin-orderclient-main-packages .mk-compare-footer {
  margin-top: 2px !important;
}

body[class*="client-accounts"] .card-body input,
body[class*="client-accounts"] .panel-body input,
body[class*="client-accounts"] .card-body textarea,
body[class*="client-accounts"] .panel-body textarea,
body[class*="client-accounts"] .card-body select,
body[class*="client-accounts"] .panel-body select,
body[class*="client_accounts"] .card-body input,
body[class*="client_accounts"] .panel-body input,
body[class*="client_accounts"] .card-body textarea,
body[class*="client_accounts"] .panel-body textarea,
body[class*="client_accounts"] .card-body select,
body[class*="client_accounts"] .panel-body select,
body[class*="client-pay"] .card-body input,
body[class*="client-pay"] .panel-body input,
body[class*="client-pay"] .card-body textarea,
body[class*="client-pay"] .panel-body textarea,
body[class*="client-pay"] .card-body select,
body[class*="client-pay"] .panel-body select {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: none !important;
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff !important;
}

body[class*="client-accounts"] .card-body input[readonly],
body[class*="client-accounts"] .card-body input:disabled,
body[class*="client-accounts"] .card-body select:disabled,
body[class*="client_accounts"] .card-body input[readonly],
body[class*="client_accounts"] .card-body input:disabled,
body[class*="client_accounts"] .card-body select:disabled,
body[class*="client-pay"] .card-body input[readonly],
body[class*="client-pay"] .card-body input:disabled,
body[class*="client-pay"] .card-body select:disabled {
  background: #0c1728 !important;
  color: #c8d8ee !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #c8d8ee !important;
}

body[class*="client-accounts"] .input-group-addon,
body[class*="client-accounts"] .input-group-text,
body[class*="client_accounts"] .input-group-addon,
body[class*="client_accounts"] .input-group-text,
body[class*="client-pay"] .input-group-addon,
body[class*="client-pay"] .input-group-text {
  background: #111b2d !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body[class*="client-accounts"] .StripeElement,
body[class*="client-accounts"] .hosted-field,
body[class*="client-accounts"] .credit-card-field,
body[class*="client-accounts"] [class*="card-field"],
body[class*="client-accounts"] [class*="credit-card"],
body[class*="client_accounts"] .StripeElement,
body[class*="client_accounts"] .hosted-field,
body[class*="client_accounts"] .credit-card-field,
body[class*="client_accounts"] [class*="card-field"],
body[class*="client_accounts"] [class*="credit-card"],
body[class*="client-pay"] .StripeElement,
body[class*="client-pay"] .hosted-field,
body[class*="client-pay"] .credit-card-field,
body[class*="client-pay"] [class*="card-field"],
body[class*="client-pay"] [class*="credit-card"] {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 11px !important;
  color: #f4f8ff !important;
  min-height: 44px !important;
  padding: 11px 12px !important;
}

body[class*="client-accounts"] input:-webkit-autofill,
body[class*="client-accounts"] textarea:-webkit-autofill,
body[class*="client-accounts"] select:-webkit-autofill,
body[class*="client_accounts"] input:-webkit-autofill,
body[class*="client_accounts"] textarea:-webkit-autofill,
body[class*="client_accounts"] select:-webkit-autofill,
body[class*="client-pay"] input:-webkit-autofill,
body[class*="client-pay"] textarea:-webkit-autofill,
body[class*="client-pay"] select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #06101e inset !important;
  -webkit-text-fill-color: #f4f8ff !important;
}

@media (max-width: 767.98px) {
  body.plugin-orderclient-main-packages .mk-compare-plan,
  body.plugin-orderclient-main-packages .package-name {
    min-height: 0 !important;
  }

  body.plugin-orderclient-main-packages .mk-plan-desc {
    min-height: 0 !important;
  }
}
/* === MK3Node dynamic packages and account field fix pass38.3 END === */

/* === MK3Node compact header logo clamp pass38.4 START === */
body[class^="client-"]:not([class*="client_login"]) .header,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header,
body[class*="plugin-orderclient"] .header,
body.plugin-cmsclient-main-index .header {
  min-height: 92px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .container,
body[class^="client-"]:not([class*="client_login"]) .header .container-md,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container-md,
body[class*="plugin-orderclient"] .header .container,
body[class*="plugin-orderclient"] .header .container-md,
body.plugin-cmsclient-main-index .header .container,
body.plugin-cmsclient-main-index .header .container-md {
  min-height: 92px !important;
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo,
body[class*="plugin-orderclient"] .header .logo,
body.plugin-cmsclient-main-index .header .logo {
  height: 68px !important;
  max-width: 280px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo a,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a,
body[class*="plugin-orderclient"] .header .logo a,
body.plugin-cmsclient-main-index .header .logo a {
  align-items: center !important;
  display: flex !important;
  height: 68px !important;
  max-width: 280px !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .logo img,
body[class^="client-"]:not([class*="client_login"]) .header .logo a img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a img,
body[class*="plugin-orderclient"] .header .logo img,
body[class*="plugin-orderclient"] .header .logo a img,
body.plugin-cmsclient-main-index .header .logo img,
body.plugin-cmsclient-main-index .header .logo a img {
  height: auto !important;
  max-height: 62px !important;
  max-width: 260px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  width: auto !important;
}

body[class^="client-"]:not([class*="client_login"]) .header .badge-info,
body[class^="client-"]:not([class*="client_login"]) .header .badge.badge-info,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .badge-info,
body[class*="plugin-orderclient"] .header .badge-info,
body.plugin-cmsclient-main-index .header .badge-info {
  transform: none !important;
}

body[class^="client-"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .nav-content .navbar,
body[class*="plugin-orderclient"] .nav-content .navbar,
body.plugin-cmsclient-main-index .nav-content .navbar {
  min-height: 56px !important;
}

@media (max-width: 767.98px) {
  body[class^="client-"]:not([class*="client_login"]) .header,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header,
  body[class*="plugin-orderclient"] .header,
  body.plugin-cmsclient-main-index .header {
    min-height: 80px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .header .container,
  body[class^="client-"]:not([class*="client_login"]) .header .container-md,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .container-md,
  body[class*="plugin-orderclient"] .header .container,
  body[class*="plugin-orderclient"] .header .container-md,
  body.plugin-cmsclient-main-index .header .container,
  body.plugin-cmsclient-main-index .header .container-md {
    min-height: 80px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .header .logo,
  body[class^="client-"]:not([class*="client_login"]) .header .logo a,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a,
  body[class*="plugin-orderclient"] .header .logo,
  body[class*="plugin-orderclient"] .header .logo a,
  body.plugin-cmsclient-main-index .header .logo,
  body.plugin-cmsclient-main-index .header .logo a {
    height: 58px !important;
    max-width: 230px !important;
  }

  body[class^="client-"]:not([class*="client_login"]) .header .logo img,
  body[class^="client-"]:not([class*="client_login"]) .header .logo a img,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo img,
  body[class*="plugin-support_manager-client"]:not([class*="client_login"]) .header .logo a img,
  body[class*="plugin-orderclient"] .header .logo img,
  body[class*="plugin-orderclient"] .header .logo a img,
  body.plugin-cmsclient-main-index .header .logo img,
  body.plugin-cmsclient-main-index .header .logo a img {
    max-height: 52px !important;
    max-width: 220px !important;
  }
}
/* === MK3Node compact header logo clamp pass38.4 END === */

/* === MK3Node package pricing visibility pass38.5 START === */
body.plugin-orderclient-main-packages .mk-card-package.mk-plan-unavailable,
body.plugin-orderclient-main-packages .mk-order-package-card.mk-plan-unavailable,
body.plugin-orderclient-main-packages .mk-compare-package.mk-plan-unavailable {
  border-color: rgba(248, 113, 113, 0.36) !important;
  opacity: 0.88 !important;
}

body.plugin-orderclient-main-packages .mk-plan-no-pricing {
  align-items: center !important;
  background: rgba(127, 29, 29, 0.18) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
  border-radius: 10px !important;
  color: #fecaca !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  min-height: 40px !important;
  padding: 9px 10px !important;
}

body.plugin-orderclient-main-packages .mk-plan-unavailable .mk-compare-action .btn,
body.plugin-orderclient-main-packages .mk-plan-unavailable .sold-btn .btn {
  background: linear-gradient(135deg, #7f1d1d, #991b1b) !important;
  border-color: rgba(248, 113, 113, 0.32) !important;
  color: #fee2e2 !important;
  cursor: not-allowed !important;
}
/* === MK3Node package pricing visibility pass38.5 END === */

/* === MK3Node form contrast fix pass39 START === */

/* Input types missed by earlier form styling */
body[class^="client-"]:not([class*="client_login"]) input:not([type]),
body[class^="client-"]:not([class*="client_login"]) input[type="tel"],
body[class^="client-"]:not([class*="client_login"]) input[type="url"],
body[class^="client-"]:not([class*="client_login"]) input[type="search"],
body[class^="client-"]:not([class*="client_login"]) input[type="date"],
body[class^="client-"]:not([class*="client_login"]) input[type="datetime-local"],
body[class^="client-"]:not([class*="client_login"]) input[type="time"],
body[class^="client-"]:not([class*="client_login"]) input[type="month"],
body[class^="client-"]:not([class*="client_login"]) input[type="week"],

body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input:not([type]),
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="tel"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="url"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="search"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="date"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="datetime-local"],
body[class*="plugin-support_manager-client"]:not([class*="client_login"]) input[type="time"],

body[class*="plugin-orderclient"] input:not([type]),
body[class*="plugin-orderclient"] input[type="tel"],
body[class*="plugin-orderclient"] input[type="url"],
body[class*="plugin-orderclient"] input[type="search"],
body[class*="plugin-orderclient"] input[type="date"],
body[class*="plugin-orderclient"] input[type="datetime-local"],
body[class*="plugin-orderclient"] input[type="time"],
body[class*="plugin-orderclient"] input[type="month"],
body[class*="plugin-orderclient"] input[type="week"] {
  background: #06101e !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  color: #f4f8ff !important;
  -webkit-text-fill-color: #f4f8ff !important;
}

/* === MK3Node form contrast fix pass39 END === */

/* === MK3Node order autofill fix START === */
body[class*="plugin-orderclient"] input:-webkit-autofill,
body[class*="plugin-orderclient"] input:-webkit-autofill:hover,
body[class*="plugin-orderclient"] input:-webkit-autofill:focus,
body[class*="plugin-orderclient"] textarea:-webkit-autofill,
body[class*="plugin-orderclient"] select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #06101e inset !important;
    box-shadow: 0 0 0 1000px #06101e inset !important;
    -webkit-text-fill-color: #f4f8ff !important;
    caret-color: #f4f8ff !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
    transition: background-color 9999s ease-out 0s;
}
/* === MK3Node order autofill fix END === */