/* Mein-IPTV client area refresh — scoped to the Six customer template.
   Presentation only. No admin, pricing, authentication or checkout logic. */
body.mi-client {
  --mi-ink: #211b32; --mi-muted: #6a6378; --mi-purple: #6c06b1;
  --mi-purple-dark: #500685; --mi-lilac: #f3ebfb; --mi-line: #e5dfed;
  --mi-surface: #fff; --mi-bg: #f7f5fa;
  background: var(--mi-bg); color: var(--mi-ink);
  font-family: "Open Sans", Arial, sans-serif; font-size: 14px; line-height: 1.65;
}
.mi-client h1, .mi-client h2, .mi-client h3, .mi-client h4,
.mi-client .product-group-headline {
  font-family: "Open Sans", Arial, sans-serif; color: var(--mi-ink);
  font-weight: 700; letter-spacing: -.035em; line-height: 1.25;
}
.mi-client a { color: var(--mi-purple); }
.mi-client a:hover { color: var(--mi-purple-dark); }
.mi-client a:focus-visible, .mi-client button:focus-visible,
.mi-client input:focus-visible, .mi-client select:focus-visible, .mi-client textarea:focus-visible {
  outline: 3px solid #a775d0; outline-offset: 3px;
}
.mi-client section#header { background: #fff; padding: 24px 0; border-top: 4px solid var(--mi-purple); }
.mi-client #header .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.mi-client #header .logo { order: -1; flex: 0 1 auto; min-width: 0; }
.mi-client #header .logo img { max-height: 52px; max-width: min(240px, 100%); width: auto; height: auto; }
.mi-client #header .logo-text { color: var(--mi-ink); font-size: 27px; font-weight: 800; letter-spacing: -.045em; }
.mi-client ul.top-nav { float: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.mi-client ul.top-nav > li { padding: 0; }
.mi-client ul.top-nav > li > a { display: inline-block; padding: 9px 12px; color: var(--mi-muted); font-size: 13px; font-weight: 600; }
.mi-client ul.top-nav > li.primary-action > a.btn { background: var(--mi-purple); color: #fff; border-radius: 9px; padding: 10px 17px; }
.mi-client #main-menu { background: #fff; border-top: 1px solid #f0ebf5; border-bottom: 1px solid var(--mi-line); }
.mi-client .navbar-main { margin: 0; border: 0; border-radius: 0; background: #fff; min-height: 58px; }
.mi-client .navbar-main .navbar-nav > li > a { padding: 19px 17px; color: #51455f; font-weight: 600; font-size: 13px; }
.mi-client .navbar-main .navbar-nav > .active > a,
.mi-client .navbar-main .navbar-nav > .open > a,
.mi-client .navbar-main .navbar-nav > li > a:hover,
.mi-client .navbar-main .navbar-nav > li > a:focus { background: var(--mi-lilac); color: var(--mi-purple-dark); }
.mi-client .navbar-main .dropdown-menu { border: 1px solid var(--mi-line); border-radius: 12px; padding: 8px; box-shadow: 0 14px 36px #26103e1a; }
.mi-client .dropdown-menu > li > a { padding: 10px 14px; border-radius: 7px; color: var(--mi-ink); }
.mi-client .dropdown-menu > li > a:hover, .mi-client .dropdown-menu > li > a:focus { background: var(--mi-lilac); color: var(--mi-purple-dark); }
.mi-client .navbar-main .navbar-toggle { border: 1px solid var(--mi-line); border-radius: 8px; padding: 12px; margin-top: 10px; margin-bottom: 10px; }
.mi-client .navbar-main .navbar-toggle .icon-bar { background: var(--mi-purple); }
.mi-client section#main-body { min-height: 65vh; padding: 38px 0 60px; background: transparent; }
.mi-client .main-content { margin-bottom: 0; min-width: 0; }
.mi-client div.header-lined { margin-bottom: 28px; }
.mi-client div.header-lined h1 { font-size: clamp(26px, 3vw, 36px); color: var(--mi-ink); border-bottom: 0; padding-bottom: 4px; margin-bottom: 8px; }
.mi-client div.header-lined h1 small { display: block; margin-top: 10px; color: var(--mi-muted); font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: 0; }
.mi-client .breadcrumb { background: none; padding: 0; font-size: 12px; color: var(--mi-muted); }
.mi-client .breadcrumb > .active { color: var(--mi-muted); }
.mi-client .btn { border-radius: 9px; font-weight: 600; padding: 10px 17px; transition: background-color .15s, border-color .15s, box-shadow .15s; text-shadow: none; }
.mi-client .btn-primary { color: #fff; background: var(--mi-purple); border-color: var(--mi-purple); box-shadow: 0 4px 10px #6c06b114; }
.mi-client .btn-primary:hover, .mi-client .btn-primary:focus, .mi-client .btn-primary:active { background: var(--mi-purple-dark); border-color: var(--mi-purple-dark); color: #fff; }
.mi-client .btn-default { background: #fff; color: #51455f; border-color: #dcd4e5; }
.mi-client .btn-default:hover { background: var(--mi-lilac); color: var(--mi-purple-dark); border-color: #c4aad9; }
.mi-client .btn-sm { padding: 7px 12px; font-size: 12px; }
.mi-client .btn-xs { padding: 4px 8px; font-size: 11px; }
.mi-client .btn-lg, .mi-client .btn-large { padding: 13px 24px; font-size: 15px; }
.mi-client .btn.disabled, .mi-client .btn[disabled] { box-shadow: none; }
.mi-client .form-control, .mi-client #registration .field,
.mi-client #order-standard_cart .field {
  min-height: 45px; border: 1px solid #dcd4e5; border-radius: 9px;
  background-color: #fff; color: var(--mi-ink); box-shadow: none; font-size: 14px;
}
.mi-client .form-control:focus, .mi-client #registration .field:focus,
.mi-client #order-standard_cart .field:focus { border-color: #9456c2; box-shadow: 0 0 0 3px #6c06b114; }
.mi-client textarea.form-control { min-height: 120px; }
.mi-client input::placeholder, .mi-client textarea::placeholder { color: #80788b; opacity: 1; }
.mi-client label { color: #51455f; font-size: 13px; font-weight: 600; }
.mi-client .form-group { margin-bottom: 20px; }
.mi-client .input-group .form-control:first-child { border-radius: 9px 0 0 9px; }
.mi-client .input-group .form-control:last-child { border-radius: 0 9px 9px 0; }
.mi-client .input-group-btn:last-child > .btn { border-radius: 0 9px 9px 0; min-height: 45px; }
.mi-client .input-group-addon { border-color: #dcd4e5; background: var(--mi-lilac); color: var(--mi-purple); }
.mi-client .has-error .form-control { border-color: #b8424c; }
.mi-client .form-control[disabled], .mi-client .form-control[readonly] { background: #efecf2; }
.mi-client .logincontainer {
  position: relative; width: min(100%, 970px); max-width: 970px; margin: 24px auto 35px;
  padding: 44px 44px 44px 440px; background: #fff;
  border: 1px solid var(--mi-line); border-radius: 22px;
  box-shadow: 0 20px 60px #3020430a; min-height: 455px;
}
.mi-client .logincontainer::before {
  content: ""; position: absolute; top: 14px; bottom: 14px; left: 14px; width: 40%;
  border-radius: 14px; pointer-events: none;
  background: radial-gradient(ellipse at 15% 10%, #ab65df 0%, transparent 58%),
              radial-gradient(ellipse at 90% 100%, #843dcc 0%, transparent 60%), #360858;
}
.mi-client .logincontainer::after {
  content: ""; position: absolute; left: 8%; top: 31%; width: 25%; height: 29%;
  border: 1px solid #ffffff80; border-radius: 18px;
  background: linear-gradient(135deg, #ffffff21, #ffffff04);
  box-shadow: 15px 18px 0 -1px #7945a8, 15px 18px 0 0 #ffffff38, 30px 36px 0 -1px #5b258a, 30px 36px 0 0 #ffffff26;
  transform: rotate(-9deg); pointer-events: none;
}
.mi-client .logincontainer.with-social { width: 100%; max-width: 1100px; padding-left: 36%; }
.mi-client .logincontainer.with-social::before { width: 29%; }
.mi-client .logincontainer.with-social::after { width: 18%; left: 6%; }
.mi-client .logincontainer .header-lined h1 { font-size: 32px; }
.mi-client .logincontainer .header-lined h1 small { font-size: 13px; }
.mi-client .logincontainer .login-form .btn { margin-top: 8px; }
.mi-client .logincontainer #login { width: 100%; padding: 12px 18px; }
.mi-client .logincontainer .login-form div[align="center"] > a.btn-default { background: transparent; border-color: transparent; box-shadow: none; font-size: 12px; }
.mi-client .logincontainer .checkbox { margin: 18px 0 22px; }
.mi-client .logincontainer .checkbox label { font-weight: 400; }
.mi-client #registration { max-width: 800px; margin: 0 auto; padding: 28px 32px; background: #fff; border: 1px solid var(--mi-line); border-radius: 18px; box-shadow: 0 12px 35px #30204306; }
.mi-client #registration .sub-heading { border: 0; margin: 8px 0 22px; text-align: left; }
.mi-client #registration .sub-heading span { padding: 0; background: transparent; color: var(--mi-ink); font-size: 17px; font-weight: 700; }
.mi-client #registration .prepend-icon .field-icon,
.mi-client #order-standard_cart .prepend-icon .field-icon { height: 45px; line-height: 45px; color: #8a729d; }
.mi-client #registration .prepend-icon .field,
.mi-client #order-standard_cart .prepend-icon .field { padding-left: 38px; }
.mi-client #registration #containerNewUserSecurity { padding-top: 20px; border-top: 1px solid var(--mi-line); margin-top: 12px; }
.mi-client .panel, .mi-client .well { border: 1px solid var(--mi-line); border-radius: 13px; background: #fff; box-shadow: 0 5px 18px #30204304; }
.mi-client .panel > .panel-heading { border-bottom: 1px solid var(--mi-line); border-radius: 12px 12px 0 0; background: #fff; color: var(--mi-ink); padding: 17px 19px; }
.mi-client .panel > .panel-heading .panel-title { color: var(--mi-ink); font-size: 14px; font-weight: 700; letter-spacing: 0; }
.mi-client .panel > .panel-body { padding: 20px; }
.mi-client .panel > .panel-footer { background: #fbf9fd; border-color: var(--mi-line); border-radius: 0 0 12px 12px; padding: 13px 19px; }
.mi-client .panel-accent-blue { border-top: 3px solid #5286bb; }
.mi-client .panel-accent-green { border-top: 3px solid #43846c; }
.mi-client .panel-accent-red { border-top: 3px solid #b85a64; }
.mi-client .panel-accent-gold { border-top: 3px solid #b88a3c; }
.mi-client .sidebar .panel { margin-bottom: 22px; }
.mi-client .sidebar .list-group-item { padding: 12px 18px; border-color: #efebf3; color: #63596f; background: #fff; font-size: 13px; overflow-wrap: anywhere; }
.mi-client .sidebar .list-group-item.active, .mi-client .sidebar a.list-group-item:hover { color: var(--mi-purple-dark); background: var(--mi-lilac); border-color: #e8d9f4; }
.mi-client .list-group-item:last-child { border-radius: 0 0 12px 12px; }
.mi-client .badge { background: #efe6f7; color: var(--mi-purple-dark); padding: 4px 8px; }
.mi-client .tiles { margin: 0 0 28px; background: none; border: 0; }
.mi-client .tiles > .row { display: flex; flex-wrap: wrap; margin: -7px; }
.mi-client .tiles .tile { width: calc(25% - 14px); margin: 7px; padding: 23px 19px 18px; border: 1px solid var(--mi-line); border-radius: 13px; background: #fff; overflow: hidden; }
.mi-client .tiles .tile:hover { background: #fcfaff; border-color: #c4aad9; }
.mi-client .tiles .tile .stat { color: var(--mi-ink); font-size: 36px; font-weight: 700; line-height: 1.3; }
.mi-client .tiles .tile .title { margin-top: 8px; color: var(--mi-muted); font-size: 12px; font-weight: 600; }
.mi-client .tiles .tile .icon { color: #ded0eb; font-size: 38px; }
.mi-client .tiles .tile .highlight { height: 3px; border-radius: 4px; margin-top: 16px; opacity: .7; }
.mi-client .home-kb-search { margin-bottom: 24px; }
.mi-client .home-kb-search .form-control { background: #fff; min-height: 52px; border-radius: 12px; }
.mi-client .table-container { border: 1px solid var(--mi-line); border-radius: 12px; padding: 12px; background: #fff; overflow-x: auto; }
.mi-client .table > thead > tr > th { background: #f2edf7; color: #665572; border-color: var(--mi-line); font-size: 12px; font-weight: 700; padding: 14px 12px; }
.mi-client .table > tbody > tr > td { padding: 14px 12px; border-color: #eee9f3; vertical-align: middle; }
.mi-client .table-striped > tbody > tr:nth-of-type(odd) { background: #fcfafd; }
.mi-client .table-hover > tbody > tr:hover { background: #f4eef9; }
.mi-client .pagination > .active > a, .mi-client .pagination > .active > span { background: var(--mi-purple); border-color: var(--mi-purple); }
.mi-client .pagination > li > a { color: var(--mi-purple); }
.mi-client .nav-tabs { border-color: var(--mi-line); margin-bottom: 20px; }
.mi-client .nav-tabs > li > a { border-radius: 9px 9px 0 0; font-weight: 600; padding: 12px 17px; }
.mi-client .nav-tabs > li.active > a { color: var(--mi-purple-dark); border-color: var(--mi-line); border-bottom-color: #fff; }
.mi-client .alert { border-radius: 10px; padding: 16px 20px; }
.mi-client .alert-info { background: #edf3fa; border-color: #d3e2f1; color: #315578; }
.mi-client .alert-success { background: #edf7f0; border-color: #cce6d4; color: #326044; }
.mi-client .alert-warning { background: #fff7e6; border-color: #f1dfb9; color: #77591e; }
.mi-client .alert-danger { background: #fff0f1; border-color: #edcdd2; color: #8c3643; }
.mi-client .modal-content { border: 1px solid var(--mi-line); border-radius: 15px; box-shadow: 0 20px 70px #24133733; }
.mi-client .modal-header, .mi-client .modal-footer { padding: 20px; border-color: var(--mi-line); }
.mi-client .modal-body { padding: 24px; }
.mi-client #home-banner { background: #36124f; padding: 60px 0; }
.mi-client #home-banner h2 { color: #fff; }
.mi-client .home-shortcuts { background: #fff; border-bottom: 1px solid var(--mi-line); }
.mi-client .home-shortcuts li { border-color: var(--mi-line); }
.mi-client .home-shortcuts li a { color: var(--mi-purple); }
.mi-client section#footer { background: #fff; border-top: 1px solid var(--mi-line); padding: 28px 0; color: var(--mi-muted); font-size: 12px; }
.mi-client #footer p { margin: 0; }
.mi-client #footer .back-to-top { border: 1px solid var(--mi-line); border-radius: 9px; padding: 7px 12px; color: var(--mi-purple); background: var(--mi-bg); }
/* Product cards retain WHMCS's existing product content, prices and links. */
body.mi-client div#order-supreme_comparison .product-group-heading { text-align: left; padding: 8px 0 32px; }
body.mi-client div#order-supreme_comparison .product-group-headline { color: var(--mi-ink); font-size: clamp(25px, 3vw, 36px); line-height: 1.3; text-transform: none; }
body.mi-client div#order-supreme_comparison .product-group-tagline { color: var(--mi-muted); padding-top: 10px; line-height: 1.7; }
body.mi-client div#order-supreme_comparison .price-table-container > ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 20px; align-items: stretch; text-align: left; }
body.mi-client div#order-supreme_comparison .price-table-container > ul > li { display: flex; padding: 0; margin: 0; width: auto; max-width: none; min-width: 0; }
body.mi-client div#order-supreme_comparison .price-table-container .price-table { display: flex; flex-direction: column; max-width: none; width: 100%; margin: 0; border: 1px solid var(--mi-line); border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 7px 24px #30204305; }
body.mi-client div#order-supreme_comparison .price-table .product-icon { display: none; }
body.mi-client div#order-supreme_comparison .product-title { background: #f5eefb; padding: 24px; border: 0; min-height: 100px; }
body.mi-client div#order-supreme_comparison .product-title h3 { color: #4b2469; font-weight: 700; font-size: 21px; line-height: 1.4; overflow-wrap: anywhere; }
body.mi-client div#order-supreme_comparison .product-title p { margin: 8px 0 0; color: var(--mi-muted); line-height: 1.6; }
body.mi-client div#order-supreme_comparison .product-body { display: flex; flex-direction: column; flex: 1; margin: 0; }
body.mi-client div#order-supreme_comparison .product-body > ul { padding: 12px 24px; border: 0; border-radius: 0; box-shadow: none; background: #fff; flex: 1; }
body.mi-client div#order-supreme_comparison .product-body ul li { padding: 12px 0; text-align: left; line-height: 1.8; border-color: #eee9f3; color: #63596f; font-size: 13px; max-width: none; }
body.mi-client div#order-supreme_comparison .price-area { background: #fff; max-width: none; width: auto; padding: 20px 24px 24px; margin: 0; border-top: 1px solid #eee9f3; border-radius: 0; text-align: left; }
body.mi-client div#order-supreme_comparison .price { max-width: none; overflow: visible; padding: 0 0 18px; line-height: 1.7; color: var(--mi-ink); }
body.mi-client div#order-supreme_comparison .price-area .price span { font-size: 26px; font-weight: 700; }
body.mi-client div#order-supreme_comparison .price-label { height: auto; color: var(--mi-muted); font-size: 12px; }
body.mi-client div#order-supreme_comparison .order-now { background: var(--mi-purple); max-width: none; border-radius: 9px; color: #fff; text-align: center; padding: 13px 16px; font-size: 14px; text-shadow: none; }
body.mi-client div#order-supreme_comparison .btn-order-now { display: block; }
body.mi-client div#order-supreme_comparison .btn-order-now:hover .order-now { background: var(--mi-purple-dark); }
body.mi-client div#order-supreme_comparison .featured-product-background { background: #6c06b1; padding: 7px 24px; border: 0; }
body.mi-client div#order-supreme_comparison .featured-product { color: #fff; font-size: 11px; letter-spacing: .08em; }
body.mi-client div#order-supreme_comparison .includes-features { max-width: none; margin-top: 30px; padding: 26px; border: 1px solid var(--mi-line); border-radius: 13px; background: #fff; }
body.mi-client div#order-supreme_comparison .includes-features .head-area { background: none; text-align: left; padding: 0; }
body.mi-client div#order-supreme_comparison .head-area span { background: none; padding: 0; color: var(--mi-ink); font-weight: 700; }
.mi-client #order-standard_cart .view-cart-items-header { background: var(--mi-purple); border-radius: 10px 10px 0 0; padding: 14px 18px; }
.mi-client #order-standard_cart .view-cart-items { border: 1px solid var(--mi-line); background: #fff; border-radius: 0 0 10px 10px; }
.mi-client #order-standard_cart .order-summary { background: #36124f; border-radius: 13px; border-color: #36124f; }
.mi-client #order-standard_cart .order-summary h2 { color: #fff; padding: 8px 0; }
.mi-client #order-standard_cart .summary-container { border-radius: 9px; padding: 20px; color: var(--mi-ink); }
.mi-client #order-standard_cart .sub-heading { border-color: var(--mi-line); }
.mi-client #order-standard_cart .sub-heading span { color: var(--mi-ink); background: var(--mi-bg); }
@media (max-width: 991px) {
  .mi-client .logincontainer { padding: 34px 34px 34px 44%; }
  .mi-client .logincontainer::before { width: 36%; }
  .mi-client .logincontainer::after { left: 7%; width: 22%; }
  .mi-client .logincontainer.with-social { padding: 34px; }
  .mi-client .logincontainer.with-social::before, .mi-client .logincontainer.with-social::after { display: none; }
  .mi-client .sidebar { margin-bottom: 20px; }
}
@media (max-width: 767px) {
  .mi-client section#header { padding: 17px 0; }
  .mi-client #header .container { flex-wrap: wrap; gap: 14px; }
  .mi-client #header .logo img { max-height: 40px; max-width: 180px; }
  .mi-client ul.top-nav { gap: 2px; }
  .mi-client ul.top-nav > li > a { padding: 8px; font-size: 12px; }
  .mi-client .navbar-main .navbar-nav > li > a { padding: 12px 16px; }
  .mi-client .navbar-main .navbar-nav .open .dropdown-menu > li > a { color: var(--mi-ink); padding: 12px 24px; white-space: normal; }
  .mi-client .navbar-collapse { max-height: 70vh; }
  .mi-client section#main-body { padding: 24px 0 36px; }
  .mi-client .logincontainer, .mi-client .logincontainer.with-social { padding: 28px 24px; margin: 0 auto 20px; min-height: 0; border-radius: 16px; border-top: 4px solid var(--mi-purple); }
  .mi-client .logincontainer::before, .mi-client .logincontainer::after { display: none; }
  .mi-client #registration { padding: 24px 20px; }
  .mi-client .form-control, .mi-client #registration .field, .mi-client #order-standard_cart .field { font-size: 16px; }
  .mi-client .tiles .tile { width: calc(50% - 14px); padding: 20px 16px; }
  .mi-client .nav-tabs > li > a { padding: 10px; font-size: 12px; }
  body.mi-client div#order-supreme_comparison .price-table-container > ul { grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px; }
  body.mi-client div#order-supreme_comparison .includes-features ul.list-features li { width: 100%; }
}
@media (max-width: 480px) {
  .mi-client #header .container { justify-content: center; }
  .mi-client ul.top-nav { justify-content: center; width: 100%; }
  .mi-client .logincontainer .header-lined h1 { font-size: 28px; }
  body.mi-client div#order-supreme_comparison .price-table-container > ul { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .mi-client .btn, .mi-client .row-product-selection,
  body.mi-client div#order-supreme_comparison a { transition: none; }
}
@media print {
  body.mi-client { background: #fff; color: #000; }
  .mi-client .panel, .mi-client .well, .mi-client .table-container { box-shadow: none; }
  .mi-client .logincontainer::before, .mi-client .logincontainer::after { display: none; }
}

/* Liquid Glass refinement — light surfaces, purple accents, readable controls. */
body.mi-client {
  --mi-ink: #261b39; --mi-muted: #695e79; --mi-line: #e4daee;
  --mi-bg: #f6f2fc; --mi-glass: rgba(255,255,255,.76);
  background-color: #f6f2fc;
  background-image: radial-gradient(ellipse at 4% 12%, #e4cff8 0, transparent 42%),
                    radial-gradient(ellipse at 96% 42%, #e0d9fb 0, transparent 44%),
                    radial-gradient(ellipse at 35% 92%, #f2dff2 0, transparent 40%);
  background-size: 100% 1200px; background-repeat: repeat-y;
}
.mi-client section#header {
  position: relative; z-index: 30; background: rgba(255,255,255,.82);
  border-top: 3px solid #8a42ce; border-bottom: 1px solid #ffffffed;
}
.mi-client #main-menu {
  position: relative; z-index: 20; background: rgba(255,255,255,.7);
  border-top: 0; border-bottom: 1px solid #ffffffed; box-shadow: 0 6px 22px #633b8806;
}
.mi-client .navbar-main { background: transparent; }
.mi-client .navbar-main .navbar-nav > li > a { margin: 6px 2px; padding: 13px 16px; border-radius: 12px; }
.mi-client .navbar-main .navbar-nav > .active > a,
.mi-client .navbar-main .navbar-nav > .open > a,
.mi-client .navbar-main .navbar-nav > li > a:hover { background: #ede1fa; box-shadow: inset 0 1px 0 #ffffffb3; }
.mi-client .navbar-main .dropdown-menu { background: #fdfbff; border-color: #e8ddf2; border-radius: 16px; box-shadow: 0 16px 42px #5125791a, inset 0 1px 0 #fff; }
.mi-client .logincontainer, .mi-client #registration,
.mi-client .panel, .mi-client .well, .mi-client .table-container,
.mi-client .tiles .tile,
body.mi-client div#order-supreme_comparison .price-table-container .price-table,
body.mi-client div#order-supreme_comparison .includes-features {
  background: var(--mi-glass); border: 1px solid #ffffffeb;
  box-shadow: 0 12px 36px #56367d0a, 0 1px 3px #56367d09, inset 0 1px 0 #fff;
}
.mi-client .logincontainer { border-radius: 28px; box-shadow: 0 22px 65px #56367d12, inset 0 1px 0 #fff; }
.mi-client .logincontainer::before {
  border-radius: 20px; border: 1px solid #ffffffe6;
  background: radial-gradient(ellipse at 10% 0%, #ffffffc9 0, transparent 62%),
              radial-gradient(ellipse at 90% 92%, #b78de9 0, transparent 64%),
              linear-gradient(145deg, #eee2fc, #d5b6f3 55%, #dfcdf7);
  box-shadow: inset 0 1px 1px #fff, inset 0 -1px 1px #9867c92b;
}
.mi-client .logincontainer::after {
  top: 30%; height: 32%; border: 1px solid #ffffffed; border-radius: 25px;
  background: linear-gradient(135deg, #ffffffa8 0%, #ffffff12 65%, #ffffff73 100%);
  box-shadow: 0 16px 44px #7040a329, inset 0 1px 1px #fff,
              19px 24px 0 -1px #dcc6f1, 19px 24px 0 0 #ffffff94,
              38px 48px 0 -1px #cfafea, 38px 48px 0 0 #ffffff73;
  transform: rotate(-11deg);
}
.mi-client .panel, .mi-client .well, .mi-client .table-container,
.mi-client .tiles .tile { border-radius: 18px; }
.mi-client #registration { border-radius: 24px; }
.mi-client .panel > .panel-heading { background: #ffffff52; border-radius: 17px 17px 0 0; border-bottom-color: #e7dff080; }
.mi-client .panel > .panel-footer { background: #f5effa80; border-radius: 0 0 17px 17px; border-top-color: #e7dff080; }
.mi-client .panel-accent-blue { border-top: 3px solid #7198c6; }
.mi-client .panel-accent-green { border-top: 3px solid #659c88; }
.mi-client .panel-accent-red { border-top: 3px solid #c78194; }
.mi-client .panel-accent-gold { border-top: 3px solid #bca06a; }
.mi-client .sidebar .list-group-item { background: transparent; border-color: #e7dff080; }
.mi-client .sidebar .list-group-item.active, .mi-client .sidebar a.list-group-item:hover { background: #eaddf7d9; border-color: #d9c5ec; color: #511880; }
.mi-client .list-group-item:last-child { border-radius: 0 0 17px 17px; }
.mi-client .tiles .tile:hover { background: #ffffffeb; border-color: #d4b9eb; box-shadow: 0 12px 30px #63338812, inset 0 1px 0 #fff; }
.mi-client .tiles .tile .icon { color: #b79acb; }
.mi-client .btn, .mi-client .form-control, .mi-client #registration .field,
.mi-client #order-standard_cart .field { border-radius: 12px; }
.mi-client .form-control, .mi-client #registration .field,
.mi-client #order-standard_cart .field { background-color: #ffffffed; border-color: #d9cbe7; box-shadow: inset 0 1px 2px #51327304; }
.mi-client .form-control:focus, .mi-client #registration .field:focus,
.mi-client #order-standard_cart .field:focus { background: #fff; border-color: #9759c4; box-shadow: 0 0 0 4px #9e63cb16; }
.mi-client .has-error .form-control { border-color: #b8424c; }
.mi-client .form-control[disabled], .mi-client .form-control[readonly] { background: #efecf2; }
.mi-client .btn-primary, .mi-client ul.top-nav > li.primary-action > a.btn,
body.mi-client div#order-supreme_comparison .order-now {
  background: linear-gradient(155deg, #8934c8 0%, #6c06b1 72%, #5e0e9b 100%);
  color: #fff; border: 1px solid #6d20a6; border-radius: 12px;
  box-shadow: inset 0 1px 0 #ffffff47, 0 5px 14px #6c06b120;
}
.mi-client .btn-primary:hover, .mi-client ul.top-nav > li.primary-action > a.btn:hover,
body.mi-client div#order-supreme_comparison .btn-order-now:hover .order-now {
  background: linear-gradient(155deg, #7624b5, #53088b); color: #fff;
  box-shadow: inset 0 1px 0 #ffffff47, 0 7px 18px #6c06b12b;
}
.mi-client .btn-default { background: #ffffffa8; border-color: #ddd0e9; box-shadow: inset 0 1px 0 #fff; }
.mi-client .btn-default:hover { background: #efe4fad9; }
.mi-client .logincontainer .login-form div[align="center"] > a.btn-default { background: transparent; box-shadow: none; }
.mi-client .table > thead > tr > th { background: #ede3f5b3; }
.mi-client .table-striped > tbody > tr:nth-of-type(odd) { background: #ffffff57; }
.mi-client .table-hover > tbody > tr:hover { background: #eadef580; }
.mi-client .modal-content { background: #fcfaff; border-radius: 20px; border: 1px solid #fff; }
body.mi-client div#order-supreme_comparison .price-table-container .price-table { border-radius: 23px; }
body.mi-client div#order-supreme_comparison .product-title { background: linear-gradient(135deg, #ffffffa6, #e7d7f5a6); border-bottom: 1px solid #ffffffb3; }
body.mi-client div#order-supreme_comparison .product-body > ul { background: transparent; }
body.mi-client div#order-supreme_comparison .product-body ul li { color: #51445f; border-color: #e6dcee99; }
body.mi-client div#order-supreme_comparison .price-area { background: #ffffff61; border-color: #e6dcee99; }
body.mi-client div#order-supreme_comparison .includes-features { border-radius: 19px; }
.mi-client #order-standard_cart .view-cart-items { background: #ffffffd9; border-color: #ffffffed; border-radius: 0 0 16px 16px; }
.mi-client #order-standard_cart .view-cart-items-header { background: #7230ad; border-radius: 16px 16px 0 0; }
.mi-client #order-standard_cart .order-summary { background: linear-gradient(145deg, #8855b5, #60308e); border: 1px solid #ffffffbf; border-radius: 18px; box-shadow: 0 12px 36px #56367d14, inset 0 1px 0 #ffffff80; }
.mi-client #order-standard_cart .summary-container { background: #fcfaff; border-radius: 13px; }
.mi-client section#footer { background: #ffffff9e; border-top: 1px solid #ffffffed; }
.mi-client .home-shortcuts { background: #ffffffb8; border-color: #ffffffed; }
.mi-client .home-shortcuts .lead { color: var(--mi-ink); }
.mi-client #home-banner { background: linear-gradient(135deg, #eee1fa, #d6b9f0); border-bottom: 1px solid #ffffffb3; }
.mi-client #home-banner h2 { color: #44205f; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mi-client section#header, .mi-client #main-menu,
  .mi-client .logincontainer, .mi-client #registration, .mi-client .panel,
  .mi-client .well, .mi-client .tiles .tile,
  body.mi-client div#order-supreme_comparison .price-table-container .price-table {
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    backdrop-filter: blur(18px) saturate(120%);
  }
}
@media (max-width: 767px) {
  .mi-client .logincontainer { border-radius: 22px; border-top: 3px solid #b47adc; }
  .mi-client .navbar-main .navbar-nav > li > a { padding: 11px 14px; margin: 3px 0; }
  .mi-client .navbar-main .navbar-nav .open .dropdown-menu { background: #fcf9ff; }
  .mi-client .logincontainer, .mi-client #registration, .mi-client .panel,
  .mi-client .well, .mi-client .tiles .tile,
  body.mi-client div#order-supreme_comparison .price-table-container .price-table {
    background-color: #ffffffeb; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .mi-client section#header, .mi-client #main-menu, .mi-client .logincontainer,
  .mi-client #registration, .mi-client .panel, .mi-client .well, .mi-client .tiles .tile,
  body.mi-client div#order-supreme_comparison .price-table-container .price-table {
    background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}
@media print {
  body.mi-client { background: #fff; }
  .mi-client section#header, .mi-client #main-menu, .mi-client .panel,
  .mi-client .well, .mi-client .tiles .tile, .mi-client #registration {
    background: #fff; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}