/* MobileBooking premium blue visual layer.
   Broad app rules are scoped to Modern design only so Classic remains intact. */

html[data-design="v2"] {
  --mb-premium-bg: #050b1e;
  --mb-premium-bg-2: #071126;
  --mb-premium-surface: rgba(255,255,255,.065);
  --mb-premium-surface-2: rgba(255,255,255,.095);
  --mb-premium-elevated: rgba(8,16,36,.86);
  --mb-premium-line: rgba(191,231,255,.14);
  --mb-premium-line-strong: rgba(94,203,255,.34);
  --mb-premium-text: #f7f9ff;
  --mb-premium-text-2: #d8e2ff;
  --mb-premium-muted: #a8b2c8;
  --mb-premium-muted-2: #6f7b96;
  --mb-premium-blue: #1e88ff;
  --mb-premium-blue-2: #2ea8ff;
  --mb-premium-cyan: #5ccbff;
  --mb-premium-ice: #bfe7ff;
  --mb-premium-green: #42f29a;
  --mb-premium-warn: #f7c95a;
  --mb-premium-danger: #ff6b6b;
  --mb-premium-radius: 16px;
  --mb-premium-radius-lg: 24px;
  --mb-premium-shadow: 0 24px 70px rgba(0,0,0,.34);
  --mb-premium-shadow-blue: 0 18px 52px rgba(46,168,255,.34), 0 0 42px rgba(92,203,255,.22);
  --mb-premium-focus: 0 0 0 3px rgba(92,203,255,.24);
  --mb-premium-gradient: linear-gradient(135deg,var(--mb-premium-blue),var(--mb-premium-blue-2));
  --mb-premium-gradient-soft: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));

  --bg: var(--mb-premium-bg);
  --s1: rgba(8,16,36,.82);
  --s2: rgba(255,255,255,.065);
  --s3: rgba(255,255,255,.095);
  --s4: rgba(191,231,255,.13);
  --b1: var(--mb-premium-line);
  --b2: rgba(191,231,255,.22);
  --b3: var(--mb-premium-line-strong);
  --t1: var(--mb-premium-text);
  --t2: var(--mb-premium-text-2);
  --t3: var(--mb-premium-muted);
  --t4: var(--mb-premium-muted-2);
  --np: var(--mb-premium-blue);
  --na: var(--mb-premium-blue-2);
  --nb: var(--mb-premium-cyan);
  --ng: var(--mb-premium-green);
  --nd: var(--mb-premium-danger);
  --nv: var(--mb-premium-blue-2);
  --r: 12px;
  --r2: 16px;
  --r3: 24px;
  --sh: var(--mb-premium-shadow);
  --sh2: 0 10px 30px rgba(0,0,0,.24);
}

html[data-design="v2"] body {
  color: var(--mb-premium-text);
  background:
    radial-gradient(circle at 16% 6%,rgba(46,168,255,.22),transparent 28%),
    radial-gradient(circle at 82% 0%,rgba(92,203,255,.16),transparent 30%),
    radial-gradient(circle at 58% 92%,rgba(191,231,255,.09),transparent 35%),
    var(--mb-premium-bg) !important;
}

html[data-design="v2"] body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.2) 62%,transparent);
}

html[data-design="v2"] .nav,
html[data-design="v2"] .bkc-nav,
html[data-design="v2"] .pshop-nav {
  background: rgba(8,10,18,.68) !important;
  border-color: rgba(191,231,255,.14) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
}

html[data-design="v2"] .mb-wordmark__img,
.premium-public .mb-wordmark__img {
  display: none !important;
}

html[data-design="v2"] .mb-wordmark,
.premium-public .mb-wordmark {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}

html[data-design="v2"] .mb-wordmark::before,
.premium-public .mb-wordmark::before {
  content: "";
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  background: url("/assets/images/mobilebooking-favicon-blue.png") center/contain no-repeat;
  filter: drop-shadow(0 0 14px rgba(46,168,255,.28));
}

html[data-design="v2"] .mb-wordmark::after,
.premium-public .mb-wordmark::after {
  content: "MobileBooking";
  font-family: Inter, Manrope, Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -.04em;
  color: #f8fbff;
  background: linear-gradient(135deg,#fff 0%,#ddf2ff 45%,#7ccbff 75%,#168af8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 22px rgba(46,168,255,.18);
}

html[data-design="v2"] .mb-icon,
.premium-public .mb-icon {
  content: url("/assets/images/mobilebooking-favicon-blue.png");
  filter: drop-shadow(0 0 12px rgba(46,168,255,.24));
}

html[data-design="v2"] .btn,
html[data-design="v2"] .mb-btn,
html[data-design="v2"] button[type="button"]:not([class*="btn"]):not([class*="seg"]):not([class*="tab"]):not([class*="dseg"]):not([class*="tseg"]):not([class*="nav"]) {
  border-color: rgba(191,231,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--mb-premium-text) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-design="v2"] .btn:hover,
html[data-design="v2"] .mb-btn:hover {
  border-color: rgba(94,203,255,.34) !important;
  background: rgba(255,255,255,.095) !important;
  color: #fff !important;
}

html[data-design="v2"] .btn-p,
html[data-design="v2"] .btn-b,
html[data-design="v2"] .mb-btn--primary,
html[data-design="v2"] .empty-cta,
html[data-design="v2"] .bw-cta,
html[data-design="v2"] .bw-next,
html[data-design="v2"] .bw-submit,
html[data-design="v2"] .al-btn-primary {
  border-color: transparent !important;
  color: #fff !important;
  background: var(--mb-premium-gradient) !important;
  box-shadow: var(--mb-premium-shadow-blue) !important;
}

html[data-design="v2"] .btn-p:hover,
html[data-design="v2"] .btn-b:hover,
html[data-design="v2"] .mb-btn--primary:hover,
html[data-design="v2"] .empty-cta:hover,
html[data-design="v2"] .bw-cta:hover,
html[data-design="v2"] .bw-next:hover,
html[data-design="v2"] .bw-submit:hover {
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 22px 64px rgba(46,168,255,.42), 0 0 64px rgba(92,203,255,.28) !important;
}

html[data-design="v2"] .mb-btn--ghost,
html[data-design="v2"] .btn-n,
html[data-design="v2"] .btn-g,
html[data-design="v2"] .btn-gb,
html[data-design="v2"] .mb-btn--secondary {
  background: rgba(255,255,255,.055) !important;
  color: var(--mb-premium-text-2) !important;
  border-color: rgba(191,231,255,.14) !important;
}

html[data-design="v2"] .btn-d,
html[data-design="v2"] .mb-btn--danger {
  background: rgba(255,107,107,.10) !important;
  border-color: rgba(255,107,107,.34) !important;
  color: var(--mb-premium-danger) !important;
  box-shadow: none !important;
}

html[data-design="v2"] .btn:disabled,
html[data-design="v2"] .mb-btn:disabled,
html[data-design="v2"] button:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-design="v2"] input,
html[data-design="v2"] select,
html[data-design="v2"] textarea,
html[data-design="v2"] .mb-field__input,
html[data-design="v2"] .mb-field__select,
html[data-design="v2"] .mb-field__textarea,
html[data-design="v2"] .search-inp,
html[data-design="v2"] .filter-select,
html[data-design="v2"] .sa-input {
  background: rgba(5,11,30,.62) !important;
  border-color: rgba(191,231,255,.16) !important;
  color: var(--mb-premium-text) !important;
  border-radius: 14px !important;
}

html[data-design="v2"] input:focus,
html[data-design="v2"] select:focus,
html[data-design="v2"] textarea:focus,
html[data-design="v2"] .mb-field__input:focus,
html[data-design="v2"] .mb-field__select:focus,
html[data-design="v2"] .mb-field__textarea:focus {
  border-color: rgba(92,203,255,.62) !important;
  box-shadow: var(--mb-premium-focus) !important;
  outline: 0 !important;
}

html[data-design="v2"] input::placeholder,
html[data-design="v2"] textarea::placeholder {
  color: rgba(168,178,200,.68) !important;
}

html[data-design="v2"] input[type="checkbox"],
html[data-design="v2"] input[type="radio"] {
  accent-color: var(--mb-premium-blue) !important;
}

html[data-design="v2"] .card,
html[data-design="v2"] .mb-card,
html[data-design="v2"] .mb-kpi,
html[data-design="v2"] .mb-fin__card,
html[data-design="v2"] .mb-req__card,
html[data-design="v2"] .mb-cust__section,
html[data-design="v2"] .set-section,
html[data-design="v2"] .set-sidebar,
html[data-design="v2"] .modal,
html[data-design="v2"] .mb-modal,
html[data-design="v2"] .dash-qa-card,
html[data-design="v2"] .table-card,
html[data-design="v2"] .sc-section,
html[data-design="v2"] .content-card,
html[data-design="v2"] .wl-card {
  background: var(--mb-premium-gradient-soft), rgba(7,17,38,.78) !important;
  border-color: rgba(191,231,255,.14) !important;
  border-radius: var(--mb-premium-radius-lg) !important;
  box-shadow: 0 20px 70px rgba(0,0,0,.2) !important;
}

html[data-design="v2"] .card:hover,
html[data-design="v2"] .mb-card:hover,
html[data-design="v2"] .mb-kpi:hover {
  border-color: rgba(94,203,255,.34) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.30), 0 0 62px rgba(46,168,255,.12) !important;
}

html[data-design="v2"] .ci,
html[data-design="v2"] .ei,
html[data-design="v2"] .nav-icon,
html[data-design="v2"] .nav-av {
  background: rgba(46,168,255,.12) !important;
  color: var(--mb-premium-cyan) !important;
  border-color: rgba(92,203,255,.22) !important;
  box-shadow: none !important;
}

html[data-design="v2"] [data-mb-calc-warn] {
  background: rgba(247,201,90,.12) !important;
  border-color: rgba(247,201,90,.30) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"] table,
html[data-design="v2"] .tbl,
html[data-design="v2"] .mb-table {
  background: rgba(7,17,38,.68) !important;
  border-color: rgba(191,231,255,.12) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"] thead th,
html[data-design="v2"] .table-head {
  background: rgba(191,231,255,.06) !important;
  color: var(--mb-premium-muted) !important;
  border-color: rgba(191,231,255,.12) !important;
}

html[data-design="v2"] tbody tr:hover,
html[data-design="v2"] .list-row:hover {
  background: rgba(46,168,255,.07) !important;
}

html[data-design="v2"] .mb-pill,
html[data-design="v2"] .pill,
html[data-design="v2"] .tag,
html[data-design="v2"] .status-badge,
html[data-design="v2"] .badge-count,
html[data-design="v2"] .count-badge,
html[data-design="v2"] .nbadge {
  background: rgba(46,168,255,.12) !important;
  border: 1px solid rgba(92,203,255,.22) !important;
  color: var(--mb-premium-ice) !important;
}

html[data-design="v2"] .mb-pill--ok,
html[data-design="v2"] .pill.live,
html[data-design="v2"] .status-ok {
  background: rgba(66,242,154,.12) !important;
  border-color: rgba(66,242,154,.25) !important;
  color: var(--mb-premium-green) !important;
}

html[data-design="v2"] .mb-pill--warn,
html[data-design="v2"] .status-warn,
html[data-design="v2"] .bw-test-badge,
html[data-design="v2"] .booking-test-banner {
  background: rgba(247,201,90,.12) !important;
  border-color: rgba(247,201,90,.26) !important;
  color: var(--mb-premium-warn) !important;
}

html[data-design="v2"] .mb-pill--danger,
html[data-design="v2"] .status-danger {
  background: rgba(255,107,107,.12) !important;
  border-color: rgba(255,107,107,.28) !important;
  color: var(--mb-premium-danger) !important;
}

html[data-design="v2"] .toast,
html[data-design="v2"] #toast,
html[data-design="v2"] .mb-toast {
  background: rgba(7,17,38,.92) !important;
  border: 1px solid rgba(191,231,255,.18) !important;
  color: var(--mb-premium-text) !important;
  box-shadow: var(--mb-premium-shadow) !important;
  backdrop-filter: blur(18px) !important;
}

html[data-design="v2"] .empty,
html[data-design="v2"] .mb-empty,
html[data-design="v2"] .mkp-empty {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(191,231,255,.14) !important;
  border-radius: var(--mb-premium-radius-lg) !important;
  color: var(--mb-premium-muted) !important;
}

html[data-design="v2"] .spin,
html[data-design="v2"] .mb-skeleton {
  border-top-color: var(--mb-premium-cyan) !important;
}

html[data-design="v2"] .ntab.active,
html[data-design="v2"] .ndropitem.active,
html[data-design="v2"] .set-nav-item.active,
html[data-design="v2"] .mb-fin__side-link[data-active="true"],
html[data-design="v2"] .mob-bnav-item.active,
html[data-design="v2"] .mobile-more-item.is-active {
  background: rgba(46,168,255,.13) !important;
  border-color: rgba(92,203,255,.28) !important;
  color: #fff !important;
}

html[data-design="v2"] .mb-cal,
html[data-design="v2"] .mb-cust,
html[data-design="v2"] .mb-req,
html[data-design="v2"] .mb-fin,
html[data-design="v2"] .mb-dash {
  background:
    radial-gradient(circle at 15% 0%,rgba(46,168,255,.14),transparent 30%),
    radial-gradient(circle at 90% 12%,rgba(92,203,255,.10),transparent 28%),
    var(--mb-premium-bg) !important;
}

html[data-design="v2"] .mb-dash__topbar,
html[data-design="v2"] .mb-cal__toolbar,
html[data-design="v2"] .mb-cust__topbar,
html[data-design="v2"] .mb-req__topbar,
html[data-design="v2"] .mb-fin__side {
  background: rgba(8,16,36,.76) !important;
  border-color: rgba(191,231,255,.13) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

html[data-design="v2"] .mb-cal__nav-btn,
html[data-design="v2"] .mb-minical__nav-btn,
html[data-design="v2"] .mb-icon-btn {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(191,231,255,.14) !important;
  color: var(--mb-premium-text-2) !important;
}

html[data-design="v2"] .mb-cal__nav-btn:hover,
html[data-design="v2"] .mb-minical__nav-btn:hover,
html[data-design="v2"] .mb-icon-btn:hover {
  border-color: rgba(92,203,255,.34) !important;
  color: #fff !important;
}

html[data-design="v2"] .bw-footer,
html[data-design="v2"] .booking-footer,
html[data-design="v2"] .mob-bnav,
html[data-design="v2"] .mobile-more-sheet,
html[data-design="v2"] .mob-drawer {
  background: rgba(7,17,38,.88) !important;
  border-color: rgba(191,231,255,.14) !important;
  box-shadow: 0 -18px 54px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
}

html[data-design="v2"] a {
  color: var(--mb-premium-ice);
}

html[data-design="v2"] a:hover {
  color: #fff;
}

html[data-design="v2"] :focus-visible {
  outline: 2px solid var(--mb-premium-cyan) !important;
  outline-offset: 2px !important;
}

/* Public/auth pages opt in with .premium-public on body. */
.premium-public {
  --pp-bg: #050b1e;
  --pp-bg-2: #071126;
  --pp-text: #f7f9ff;
  --pp-muted: #a8b2c8;
  --pp-line: rgba(191,231,255,.14);
  --pp-blue: #1e88ff;
  --pp-blue-2: #2ea8ff;
  --pp-cyan: #5ccbff;
  --pp-card: rgba(255,255,255,.07);
  --pp-card-2: rgba(255,255,255,.095);
  margin: 0;
  color: var(--pp-text) !important;
  background:
    radial-gradient(circle at 16% 6%,rgba(46,168,255,.24),transparent 28%),
    radial-gradient(circle at 82% 0%,rgba(92,203,255,.18),transparent 30%),
    radial-gradient(circle at 58% 92%,rgba(191,231,255,.10),transparent 35%),
    var(--pp-bg) !important;
}

.premium-public::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.25) 62%,transparent);
}

.premium-public .al-wrap,
.premium-public .reg-page,
.premium-public .mkp-hero,
.premium-public .wrap,
.premium-public .checkout-shell,
.premium-public .onb-shell,
.premium-public .ac-card {
  color: var(--pp-text);
}

.premium-public .al-left,
.premium-public .nav,
.premium-public .mkp-hero,
.premium-public .card,
.premium-public .reg-card,
.premium-public .al-form-wrap,
.premium-public .mkp-card,
.premium-public .mkp-search,
.premium-public .ac-card,
.premium-public .checkout-card,
.premium-public .onb-card,
.premium-public .state-box {
  background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)), rgba(7,17,38,.78) !important;
  border-color: var(--pp-line) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(18px) saturate(145%);
}

.premium-public .al-right,
.premium-public .mkp-container,
.premium-public main,
.premium-public .section,
.premium-public footer {
  background: transparent !important;
}

.premium-public h1,
.premium-public .al-headline,
.premium-public .reg-h,
.premium-public .mkp-hero h1,
.premium-public .al-form-title,
.premium-public .field-label,
.premium-public .mkp-card-title {
  color: var(--pp-text) !important;
  letter-spacing: 0 !important;
}

.premium-public .al-headline span,
.premium-public h1 .acc,
.premium-public .mkp-card-price,
.premium-public .stars,
.premium-public a {
  color: var(--pp-cyan) !important;
}

.premium-public .al-sub,
.premium-public .al-form-sub,
.premium-public .sub,
.premium-public .reg-sub,
.premium-public .field-hint,
.premium-public .mkp-card-headline,
.premium-public .mkp-card-city,
.premium-public .footnote,
.premium-public .help {
  color: var(--pp-muted) !important;
}

.premium-public input,
.premium-public select,
.premium-public textarea,
.premium-public .al-input,
.premium-public .field-input,
.premium-public .mkp-search input,
.premium-public .wl-input {
  background: rgba(5,11,30,.62) !important;
  border: 1px solid rgba(191,231,255,.16) !important;
  color: var(--pp-text) !important;
  border-radius: 14px !important;
}

.premium-public input:focus,
.premium-public select:focus,
.premium-public textarea:focus,
.premium-public .al-input:focus,
.premium-public .field-input:focus {
  border-color: rgba(92,203,255,.62) !important;
  box-shadow: 0 0 0 3px rgba(92,203,255,.24) !important;
  outline: 0 !important;
}

.premium-public .al-btn-primary,
.premium-public .btn-submit,
.premium-public .mkp-search-btn,
.premium-public .btn-primary,
.premium-public .ac-btn,
.premium-public .ac-retry-btn,
.premium-public .wl-btn {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg,var(--pp-blue),var(--pp-blue-2)) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 52px rgba(46,168,255,.34), 0 0 42px rgba(92,203,255,.22) !important;
}

.premium-public .al-btn-primary:hover,
.premium-public .btn-submit:hover,
.premium-public .mkp-search-btn:hover,
.premium-public .btn-primary:hover,
.premium-public .ac-btn:hover,
.premium-public .ac-retry-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 64px rgba(46,168,255,.42), 0 0 64px rgba(92,203,255,.28) !important;
}

.premium-public .al-tab.active,
.premium-public .mkp-cat.active,
.premium-public .radio-opt.selected,
.premium-public .scale-btn.selected {
  background: rgba(46,168,255,.14) !important;
  border-color: rgba(92,203,255,.34) !important;
  color: #fff !important;
}

.premium-public .al-tab,
.premium-public .mkp-cat,
.premium-public .radio-opt,
.premium-public .scale-btn,
.premium-public .btn-google {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(191,231,255,.14) !important;
  color: var(--pp-text) !important;
}

.premium-public .al-tabs {
  background: rgba(5,11,30,.72) !important;
  border-color: rgba(191,231,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.premium-public .al-tab.active,
.premium-public .al-tab[aria-selected="true"] {
  background: linear-gradient(135deg,rgba(30,136,255,.92),rgba(46,168,255,.86)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(46,168,255,.24) !important;
}

.premium-public .al-headline span,
.premium-public .reg-h .acc,
.premium-public .mkp-hero h1 span {
  background: linear-gradient(100deg,#fff,#ddf4ff 34%,#5ccbff 70%,#eef9ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.premium-public .al-err,
.premium-public .wl-error,
.premium-public .state-err {
  background: rgba(255,107,107,.12) !important;
  border-color: rgba(255,107,107,.28) !important;
  color: #ffb4b4 !important;
}

.premium-public .al-ok,
.premium-public .wl-success,
.premium-public .state-ok {
  background: rgba(66,242,154,.12) !important;
  border-color: rgba(66,242,154,.25) !important;
  color: #9ff8c6 !important;
}

.premium-public .mkp-card-banner,
.premium-public .mkp-card-featured,
.premium-public .mkp-card-cat {
  background: rgba(46,168,255,.12) !important;
  border-color: rgba(92,203,255,.22) !important;
  color: var(--pp-cyan) !important;
}

/* Appearance modes: keep the existing Auto/Hell/Dunkel mechanism.
   Auto resolves to data-theme via 04-theme.js/admin inline theme code. */
html[data-design="v2"][data-theme="dark"] {
  --mb-premium-bg: #050b1e;
  --mb-premium-bg-2: #071126;
  --mb-premium-surface: rgba(255,255,255,.065);
  --mb-premium-surface-2: rgba(255,255,255,.095);
  --mb-premium-elevated: rgba(8,16,36,.86);
  --mb-premium-line: rgba(191,231,255,.14);
  --mb-premium-line-strong: rgba(94,203,255,.34);
  --mb-premium-text: #f7f9ff;
  --mb-premium-text-2: #d8e2ff;
  --mb-premium-muted: #a8b2c8;
  --mb-premium-muted-2: #6f7b96;
  --mb-premium-shadow: 0 24px 70px rgba(0,0,0,.34);
  --mb-premium-shadow-blue: 0 18px 52px rgba(46,168,255,.34), 0 0 42px rgba(92,203,255,.22);
  --mb-premium-focus: 0 0 0 3px rgba(92,203,255,.24);
  --mb-premium-gradient-soft: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
}

html[data-design="v2"][data-theme="light"] {
  --mb-premium-bg: #f4f8ff;
  --mb-premium-bg-2: #eaf4ff;
  --mb-premium-surface: rgba(255,255,255,.82);
  --mb-premium-surface-2: rgba(236,247,255,.92);
  --mb-premium-elevated: rgba(255,255,255,.94);
  --mb-premium-line: rgba(30,136,255,.16);
  --mb-premium-line-strong: rgba(30,136,255,.34);
  --mb-premium-text: #081a3d;
  --mb-premium-text-2: #18355f;
  --mb-premium-muted: #536582;
  --mb-premium-muted-2: #7f8fa8;
  --mb-premium-green: #0f9f62;
  --mb-premium-warn: #a36500;
  --mb-premium-danger: #c93535;
  --mb-premium-shadow: 0 22px 58px rgba(15,61,118,.12);
  --mb-premium-shadow-blue: 0 16px 44px rgba(30,136,255,.22), 0 0 34px rgba(92,203,255,.18);
  --mb-premium-focus: 0 0 0 3px rgba(30,136,255,.18);
  --mb-premium-gradient-soft: linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,246,255,.74));

  --bg: #f4f8ff;
  --s1: rgba(255,255,255,.94);
  --s2: rgba(237,247,255,.92);
  --s3: rgba(223,240,255,.86);
  --s4: rgba(30,136,255,.10);
  --b1: rgba(30,136,255,.13);
  --b2: rgba(30,136,255,.20);
  --b3: rgba(30,136,255,.34);
  --t1: var(--mb-premium-text);
  --t2: var(--mb-premium-text-2);
  --t3: var(--mb-premium-muted);
  --t4: var(--mb-premium-muted-2);
  --sh: var(--mb-premium-shadow);
  --sh2: 0 10px 26px rgba(15,61,118,.10);
}

html[data-design="v2"][data-theme="light"] body {
  color: var(--mb-premium-text);
  background:
    radial-gradient(circle at 14% 0%,rgba(46,168,255,.18),transparent 30%),
    radial-gradient(circle at 82% 6%,rgba(92,203,255,.18),transparent 32%),
    linear-gradient(180deg,#fbfdff 0%,#f4f8ff 42%,#edf6ff 100%) !important;
}

html[data-design="v2"][data-theme="light"] body::before {
  background-image:
    linear-gradient(rgba(30,136,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,136,255,.055) 1px,transparent 1px);
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.12) 62%,transparent);
}

html[data-design="v2"][data-theme="light"] .nav,
html[data-design="v2"][data-theme="light"] .bkc-nav,
html[data-design="v2"][data-theme="light"] .pshop-nav {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(30,136,255,.16) !important;
  box-shadow: 0 18px 46px rgba(15,61,118,.10), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

html[data-design="v2"][data-theme="light"] .mb-wordmark::after {
  color: #081a3d;
  background: linear-gradient(135deg,#081a3d 0%,#134d91 42%,#1e88ff 76%,#2ea8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

html[data-design="v2"][data-theme="light"] .btn,
html[data-design="v2"][data-theme="light"] .mb-btn,
html[data-design="v2"][data-theme="light"] button[type="button"]:not([class*="btn"]):not([class*="seg"]):not([class*="tab"]):not([class*="dseg"]):not([class*="tseg"]):not([class*="nav"]) {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(30,136,255,.18) !important;
  color: var(--mb-premium-text-2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(15,61,118,.06) !important;
}

html[data-design="v2"][data-theme="light"] .btn:hover,
html[data-design="v2"][data-theme="light"] .mb-btn:hover,
html[data-design="v2"][data-theme="light"] .mb-icon-btn:hover {
  background: rgba(236,247,255,.96) !important;
  border-color: rgba(30,136,255,.34) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"][data-theme="light"] .btn-p,
html[data-design="v2"][data-theme="light"] .btn-b,
html[data-design="v2"][data-theme="light"] .mb-btn--primary,
html[data-design="v2"][data-theme="light"] .empty-cta,
html[data-design="v2"][data-theme="light"] .bw-cta,
html[data-design="v2"][data-theme="light"] .bw-next,
html[data-design="v2"][data-theme="light"] .bw-submit,
html[data-design="v2"][data-theme="light"] .al-btn-primary {
  color: #fff !important;
}

html[data-design="v2"][data-theme="light"] .mb-btn--ghost,
html[data-design="v2"][data-theme="light"] .btn-n,
html[data-design="v2"][data-theme="light"] .btn-g,
html[data-design="v2"][data-theme="light"] .btn-gb,
html[data-design="v2"][data-theme="light"] .mb-btn--secondary,
html[data-design="v2"][data-theme="light"] .mb-cal__nav-btn,
html[data-design="v2"][data-theme="light"] .mb-minical__nav-btn,
html[data-design="v2"][data-theme="light"] .mb-icon-btn {
  background: rgba(255,255,255,.76) !important;
  color: var(--mb-premium-text-2) !important;
  border-color: rgba(30,136,255,.16) !important;
}

html[data-design="v2"][data-theme="light"] input,
html[data-design="v2"][data-theme="light"] select,
html[data-design="v2"][data-theme="light"] textarea,
html[data-design="v2"][data-theme="light"] .mb-field__input,
html[data-design="v2"][data-theme="light"] .mb-field__select,
html[data-design="v2"][data-theme="light"] .mb-field__textarea,
html[data-design="v2"][data-theme="light"] .search-inp,
html[data-design="v2"][data-theme="light"] .filter-select,
html[data-design="v2"][data-theme="light"] .sa-input {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(30,136,255,.18) !important;
  color: var(--mb-premium-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}

html[data-design="v2"][data-theme="light"] input::placeholder,
html[data-design="v2"][data-theme="light"] textarea::placeholder {
  color: rgba(83,101,130,.72) !important;
}

html[data-design="v2"][data-theme="light"] .card,
html[data-design="v2"][data-theme="light"] .mb-card,
html[data-design="v2"][data-theme="light"] .mb-kpi,
html[data-design="v2"][data-theme="light"] .mb-fin__card,
html[data-design="v2"][data-theme="light"] .mb-req__card,
html[data-design="v2"][data-theme="light"] .mb-cust__section,
html[data-design="v2"][data-theme="light"] .set-section,
html[data-design="v2"][data-theme="light"] .set-sidebar,
html[data-design="v2"][data-theme="light"] .modal,
html[data-design="v2"][data-theme="light"] .mb-modal,
html[data-design="v2"][data-theme="light"] .dash-qa-card,
html[data-design="v2"][data-theme="light"] .table-card,
html[data-design="v2"][data-theme="light"] .sc-section,
html[data-design="v2"][data-theme="light"] .content-card,
html[data-design="v2"][data-theme="light"] .wl-card {
  background: var(--mb-premium-gradient-soft), rgba(255,255,255,.90) !important;
  border-color: rgba(30,136,255,.14) !important;
  box-shadow: 0 18px 48px rgba(15,61,118,.10) !important;
}

html[data-design="v2"][data-theme="light"] .card:hover,
html[data-design="v2"][data-theme="light"] .mb-card:hover,
html[data-design="v2"][data-theme="light"] .mb-kpi:hover {
  border-color: rgba(30,136,255,.28) !important;
  box-shadow: 0 24px 62px rgba(15,61,118,.14), 0 0 44px rgba(46,168,255,.10) !important;
}

html[data-design="v2"][data-theme="light"] table,
html[data-design="v2"][data-theme="light"] .tbl,
html[data-design="v2"][data-theme="light"] .mb-table {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(30,136,255,.13) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"][data-theme="light"] thead th,
html[data-design="v2"][data-theme="light"] .table-head {
  background: rgba(30,136,255,.07) !important;
  color: var(--mb-premium-text-2) !important;
  border-color: rgba(30,136,255,.13) !important;
}

html[data-design="v2"][data-theme="light"] tbody tr:hover,
html[data-design="v2"][data-theme="light"] .list-row:hover {
  background: rgba(30,136,255,.07) !important;
}

html[data-design="v2"][data-theme="light"] .mb-pill,
html[data-design="v2"][data-theme="light"] .pill,
html[data-design="v2"][data-theme="light"] .tag,
html[data-design="v2"][data-theme="light"] .status-badge,
html[data-design="v2"][data-theme="light"] .badge-count,
html[data-design="v2"][data-theme="light"] .count-badge,
html[data-design="v2"][data-theme="light"] .nbadge {
  background: rgba(30,136,255,.09) !important;
  border-color: rgba(30,136,255,.18) !important;
  color: #13599e !important;
}

html[data-design="v2"][data-theme="light"] .mb-pill--ok,
html[data-design="v2"][data-theme="light"] .pill.live,
html[data-design="v2"][data-theme="light"] .status-ok {
  background: rgba(15,159,98,.10) !important;
  border-color: rgba(15,159,98,.22) !important;
  color: var(--mb-premium-green) !important;
}

html[data-design="v2"][data-theme="light"] .mb-pill--warn,
html[data-design="v2"][data-theme="light"] .status-warn,
html[data-design="v2"][data-theme="light"] .bw-test-badge,
html[data-design="v2"][data-theme="light"] .booking-test-banner {
  background: rgba(163,101,0,.10) !important;
  border-color: rgba(163,101,0,.22) !important;
  color: var(--mb-premium-warn) !important;
}

html[data-design="v2"][data-theme="light"] .mb-pill--danger,
html[data-design="v2"][data-theme="light"] .status-danger,
html[data-design="v2"][data-theme="light"] .btn-d,
html[data-design="v2"][data-theme="light"] .mb-btn--danger {
  background: rgba(201,53,53,.09) !important;
  border-color: rgba(201,53,53,.22) !important;
  color: var(--mb-premium-danger) !important;
}

html[data-design="v2"][data-theme="light"] .toast,
html[data-design="v2"][data-theme="light"] #toast,
html[data-design="v2"][data-theme="light"] .mb-toast,
html[data-design="v2"][data-theme="light"] .empty,
html[data-design="v2"][data-theme="light"] .mb-empty,
html[data-design="v2"][data-theme="light"] .mkp-empty {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(30,136,255,.15) !important;
  color: var(--mb-premium-text-2) !important;
  box-shadow: 0 18px 48px rgba(15,61,118,.10) !important;
}

html[data-design="v2"][data-theme="light"] .ntab.active,
html[data-design="v2"][data-theme="light"] .ndropitem.active,
html[data-design="v2"][data-theme="light"] .set-nav-item.active,
html[data-design="v2"][data-theme="light"] .mb-fin__side-link[data-active="true"],
html[data-design="v2"][data-theme="light"] .mob-bnav-item.active,
html[data-design="v2"][data-theme="light"] .mobile-more-item.is-active {
  background: rgba(30,136,255,.11) !important;
  border-color: rgba(30,136,255,.24) !important;
  color: #0b4d91 !important;
}

html[data-design="v2"][data-theme="light"] .mb-cal,
html[data-design="v2"][data-theme="light"] .mb-cust,
html[data-design="v2"][data-theme="light"] .mb-req,
html[data-design="v2"][data-theme="light"] .mb-fin,
html[data-design="v2"][data-theme="light"] .mb-dash {
  background:
    radial-gradient(circle at 15% 0%,rgba(46,168,255,.11),transparent 30%),
    radial-gradient(circle at 90% 12%,rgba(92,203,255,.10),transparent 28%),
    linear-gradient(180deg,#fbfdff,#f2f8ff) !important;
}

html[data-design="v2"][data-theme="light"] .mb-dash__topbar,
html[data-design="v2"][data-theme="light"] .mb-cal__toolbar,
html[data-design="v2"][data-theme="light"] .mb-cust__topbar,
html[data-design="v2"][data-theme="light"] .mb-req__topbar,
html[data-design="v2"][data-theme="light"] .mb-fin__side,
html[data-design="v2"][data-theme="light"] .bw-footer,
html[data-design="v2"][data-theme="light"] .booking-footer,
html[data-design="v2"][data-theme="light"] .mob-bnav,
html[data-design="v2"][data-theme="light"] .mobile-more-sheet,
html[data-design="v2"][data-theme="light"] .mob-drawer {
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(30,136,255,.15) !important;
  box-shadow: 0 -14px 42px rgba(15,61,118,.10) !important;
}

html[data-design="v2"][data-theme="light"] a {
  color: #0b6ed0;
}

html[data-design="v2"][data-theme="light"] a:hover {
  color: #084f9a;
}

html[data-theme="dark"] .premium-public {
  --pp-bg: #050b1e;
  --pp-bg-2: #071126;
  --pp-text: #f7f9ff;
  --pp-muted: #a8b2c8;
  --pp-line: rgba(191,231,255,.14);
  --pp-card: rgba(255,255,255,.07);
  --pp-card-2: rgba(255,255,255,.095);
}

html[data-theme="light"] .premium-public {
  --pp-bg: #f4f8ff;
  --pp-bg-2: #eaf4ff;
  --pp-text: #081a3d;
  --pp-muted: #536582;
  --pp-line: rgba(30,136,255,.16);
  --pp-card: rgba(255,255,255,.88);
  --pp-card-2: rgba(236,247,255,.92);
  background:
    radial-gradient(circle at 16% 0%,rgba(46,168,255,.18),transparent 28%),
    radial-gradient(circle at 82% 0%,rgba(92,203,255,.18),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,#f4f8ff 48%,#edf6ff 100%) !important;
}

html[data-theme="light"] .premium-public::before {
  background-image:
    linear-gradient(rgba(30,136,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,136,255,.055) 1px,transparent 1px);
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.12) 62%,transparent);
}

html[data-theme="light"] .premium-public .al-left,
html[data-theme="light"] .premium-public .nav,
html[data-theme="light"] .premium-public .mkp-hero,
html[data-theme="light"] .premium-public .card,
html[data-theme="light"] .premium-public .reg-card,
html[data-theme="light"] .premium-public .al-form-wrap,
html[data-theme="light"] .premium-public .mkp-card,
html[data-theme="light"] .premium-public .mkp-search,
html[data-theme="light"] .premium-public .ac-card,
html[data-theme="light"] .premium-public .checkout-card,
html[data-theme="light"] .premium-public .onb-card,
html[data-theme="light"] .premium-public .state-box {
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,246,255,.74)), rgba(255,255,255,.88) !important;
  border-color: rgba(30,136,255,.15) !important;
  box-shadow: 0 18px 48px rgba(15,61,118,.10) !important;
}

html[data-theme="light"] .premium-public .al-left,
html[data-theme="light"] .premium-public .mkp-hero {
  background:
    radial-gradient(circle at 16% 0%,rgba(46,168,255,.16),transparent 34%),
    linear-gradient(145deg,#f8fbff 0%,#eef7ff 52%,#e3f2ff 100%) !important;
}

html[data-theme="light"] .premium-public .mb-wordmark::after,
html[data-theme="light"] .premium-public .al-logo-text,
html[data-theme="light"] .premium-public .mkp-brand-name,
html[data-theme="light"] .premium-public .brand-name {
  color: #081a3d !important;
  background: linear-gradient(135deg,#081a3d 0%,#134d91 42%,#1e88ff 76%,#2ea8ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html[data-theme="light"] .premium-public .al-headline span,
html[data-theme="light"] .premium-public .reg-h .acc,
html[data-theme="light"] .premium-public .mkp-hero h1 span {
  background: linear-gradient(100deg,#081a3d,#1e88ff 48%,#2ea8ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="light"] .premium-public input,
html[data-theme="light"] .premium-public select,
html[data-theme="light"] .premium-public textarea,
html[data-theme="light"] .premium-public .al-input,
html[data-theme="light"] .premium-public .field-input,
html[data-theme="light"] .premium-public .mkp-search input,
html[data-theme="light"] .premium-public .wl-input {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(30,136,255,.18) !important;
  color: #081a3d !important;
}

html[data-theme="light"] .premium-public .al-tab,
html[data-theme="light"] .premium-public .mkp-cat,
html[data-theme="light"] .premium-public .radio-opt,
html[data-theme="light"] .premium-public .scale-btn,
html[data-theme="light"] .premium-public .btn-google {
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(30,136,255,.16) !important;
  color: #18355f !important;
}

html[data-theme="light"] .premium-public .al-tabs {
  background: rgba(223,240,255,.78) !important;
  border-color: rgba(30,136,255,.16) !important;
}

html[data-theme="light"] .premium-public .al-tab.active,
html[data-theme="light"] .premium-public .mkp-cat.active,
html[data-theme="light"] .premium-public .radio-opt.selected,
html[data-theme="light"] .premium-public .scale-btn.selected {
  color: #fff !important;
}

html[data-theme="light"] .premium-public .al-err,
html[data-theme="light"] .premium-public .wl-error,
html[data-theme="light"] .premium-public .state-err {
  background: rgba(201,53,53,.09) !important;
  border-color: rgba(201,53,53,.22) !important;
  color: #c93535 !important;
}

html[data-theme="light"] .premium-public .al-ok,
html[data-theme="light"] .premium-public .wl-success,
html[data-theme="light"] .premium-public .state-ok {
  background: rgba(15,159,98,.10) !important;
  border-color: rgba(15,159,98,.22) !important;
  color: #0f9f62 !important;
}

@media (max-width: 640px) {
  html[data-design="v2"] .mb-wordmark::after,
  .premium-public .mb-wordmark::after {
    font-size: 18px;
  }
  html[data-design="v2"] .mb-wordmark::before,
  .premium-public .mb-wordmark::before {
    width: 30px;
    height: 30px;
  }
}

/* Modern product chrome and component polish. */
html[data-design="v2"] {
  --mb-glass-card: linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035)), rgba(7,17,38,.78);
  --mb-control-glass: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)), rgba(255,255,255,.055);
  --mb-control-glass-hover: linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04)), rgba(255,255,255,.085);
  --mb-subtle-blue: rgba(46,168,255,.12);
  --mb-subtle-blue-strong: rgba(46,168,255,.18);
  --mb-chip-border: rgba(92,203,255,.24);
  --mb-hairline: rgba(191,231,255,.13);
  --mb-card-inner: inset 0 1px 0 rgba(255,255,255,.08);
}

html[data-design="v2"][data-theme="light"] {
  --mb-glass-card: linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,246,255,.72)), rgba(255,255,255,.88);
  --mb-control-glass: linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,247,255,.78)), rgba(255,255,255,.78);
  --mb-control-glass-hover: linear-gradient(145deg,#ffffff,rgba(224,241,255,.92)), rgba(255,255,255,.92);
  --mb-subtle-blue: rgba(30,136,255,.09);
  --mb-subtle-blue-strong: rgba(30,136,255,.14);
  --mb-chip-border: rgba(30,136,255,.22);
  --mb-hairline: rgba(30,136,255,.14);
  --mb-card-inner: inset 0 1px 0 rgba(255,255,255,.82);
}

html[data-design="v2"] .nav {
  background: linear-gradient(145deg,rgba(8,16,36,.88),rgba(5,11,30,.72)) !important;
  border-color: var(--mb-hairline) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.28), var(--mb-card-inner) !important;
}

html[data-design="v2"][data-theme="light"] .nav {
  background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,245,255,.82)) !important;
  box-shadow: 0 16px 46px rgba(15,61,118,.12), var(--mb-card-inner) !important;
}

@media (min-width: 641px) {
  html[data-design="v2"] #app > .nav {
    width: 248px;
    padding: 10px 10px 12px !important;
    gap: 10px;
    border-right: 1px solid var(--mb-hairline) !important;
  }

  html[data-design="v2"] #app > .nav .nav-brand {
    min-height: 70px;
    padding: 10px 10px 14px !important;
    border: 1px solid var(--mb-hairline) !important;
    border-radius: 20px;
    background: radial-gradient(circle at 18% 0%,rgba(46,168,255,.18),transparent 38%), var(--mb-control-glass);
    box-shadow: var(--mb-card-inner);
  }

  html[data-design="v2"] #app > .nav .nav-tabs {
    padding: 4px 2px;
    gap: 5px;
  }

  html[data-design="v2"] #app > .nav .nav-right {
    margin: 0;
    padding: 10px;
    gap: 8px;
    border: 1px solid var(--mb-hairline);
    border-radius: 22px;
    background: var(--mb-control-glass);
    box-shadow: var(--mb-card-inner);
  }

  html[data-design="v2"] #group-kunden,
  html[data-design="v2"] #group-buchungen,
  html[data-design="v2"] #group-leistungen,
  html[data-design="v2"] #group-finanzen,
  html[data-design="v2"] #tab-benutzer {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--mb-hairline);
  }

  html[data-design="v2"] #tab-benutzer {
    position: relative;
    margin-top: 28px;
  }

  html[data-design="v2"] #group-kunden::before,
  html[data-design="v2"] #group-buchungen::before,
  html[data-design="v2"] #group-leistungen::before,
  html[data-design="v2"] #group-finanzen::before,
  html[data-design="v2"] #tab-benutzer::before {
    display: block;
    padding: 0;
    color: var(--mb-premium-muted-2);
    font-size: 9.5px;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase;
    pointer-events: none;
  }

  html[data-design="v2"] #tab-benutzer::before {
    position: absolute;
    left: 12px;
    top: -22px;
  }

  html[data-design="v2"] #group-kunden::before { content: "Kunden"; }
  html[data-design="v2"] #group-buchungen::before { content: "Buchungen"; }
  html[data-design="v2"] #group-leistungen::before { content: "Leistungen"; }
  html[data-design="v2"] #group-finanzen::before { content: "Finanzen"; }
  html[data-design="v2"] #tab-benutzer::before { content: "System"; }
}

html[data-design="v2"] .ntab,
html[data-design="v2"] .ndropitem,
html[data-design="v2"] .tab-btn,
html[data-design="v2"] .mob-drawer-item,
html[data-design="v2"] .mobile-more-item {
  min-height: 40px;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  color: var(--mb-premium-muted) !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

html[data-design="v2"] .ntab svg,
html[data-design="v2"] .ndropitem svg,
html[data-design="v2"] .tab-btn svg,
html[data-design="v2"] .mob-drawer-item svg,
html[data-design="v2"] .mobile-more-item svg {
  width: 15px !important;
  height: 15px !important;
  padding: 5px;
  box-sizing: content-box;
  border-radius: 11px;
  color: var(--mb-premium-cyan) !important;
  background: var(--mb-subtle-blue);
  border: 1px solid rgba(92,203,255,.18);
}

html[data-design="v2"] .ntab:hover,
html[data-design="v2"] .ndropitem:hover,
html[data-design="v2"] .tab-btn:hover:not(.active),
html[data-design="v2"] .mob-drawer-item:hover,
html[data-design="v2"] .mobile-more-item:hover {
  transform: translateX(2px);
  background: var(--mb-control-glass-hover) !important;
  border-color: var(--mb-chip-border) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"] .ntab.active,
html[data-design="v2"] .ntab-group > .ntab.active,
html[data-design="v2"] .ndropitem.active,
html[data-design="v2"] .tab-btn.active,
html[data-design="v2"] .mob-drawer-item.mob-active,
html[data-design="v2"] .mobile-more-item.is-active {
  background: linear-gradient(135deg,rgba(30,136,255,.22),rgba(92,203,255,.12)) !important;
  border-color: rgba(92,203,255,.36) !important;
  color: var(--mb-premium-text) !important;
  box-shadow: 0 12px 34px rgba(46,168,255,.14), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-design="v2"] .ntab.active svg,
html[data-design="v2"] .ndropitem.active svg,
html[data-design="v2"] .tab-btn.active svg,
html[data-design="v2"] .mob-drawer-item.mob-active svg,
html[data-design="v2"] .mobile-more-item.is-active svg {
  color: #fff !important;
  background: linear-gradient(135deg,var(--mb-premium-blue),var(--mb-premium-cyan));
  border-color: transparent;
  box-shadow: 0 10px 26px rgba(46,168,255,.28);
}

html[data-design="v2"] .ntab-chevron {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-design="v2"] .ndropdown {
  background: linear-gradient(145deg,rgba(8,16,36,.94),rgba(5,11,30,.88)) !important;
  border: 1px solid rgba(191,231,255,.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.36), var(--mb-card-inner) !important;
  padding: 8px !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
}

html[data-design="v2"][data-theme="light"] .ndropdown {
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,245,255,.92)) !important;
  box-shadow: 0 20px 54px rgba(15,61,118,.16), var(--mb-card-inner) !important;
}

html[data-design="v2"] .nav-user,
html[data-design="v2"] .icon-btn,
html[data-design="v2"] .design-seg,
html[data-design="v2"] .theme-seg,
html[data-design="v2"] .btn-preview,
html[data-design="v2"] .btn-logout,
html[data-design="v2"] #nav-2fa-btn {
  background: var(--mb-control-glass) !important;
  border: 1px solid var(--mb-hairline) !important;
  border-radius: 16px !important;
  color: var(--mb-premium-text-2) !important;
  box-shadow: var(--mb-card-inner) !important;
}

html[data-design="v2"] .nav-user:hover,
html[data-design="v2"] .icon-btn:hover,
html[data-design="v2"] .btn-logout:hover,
html[data-design="v2"] #nav-2fa-btn:hover {
  background: var(--mb-control-glass-hover) !important;
  border-color: rgba(92,203,255,.34) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"] .nav-av,
html[data-design="v2"] .tdb-hc-avatar,
html[data-design="v2"] .tdb-pi-avatar,
html[data-design="v2"] .user-av-sm,
html[data-design="v2"] .team-card-avatar,
html[data-design="v2"] .staff-avatar {
  background: linear-gradient(135deg,var(--mb-premium-blue),var(--mb-premium-cyan)) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(46,168,255,.24) !important;
}

html[data-design="v2"] .design-seg,
html[data-design="v2"] .theme-seg {
  padding: 3px !important;
  gap: 3px !important;
}

html[data-design="v2"] .dseg,
html[data-design="v2"] .tseg,
html[data-design="v2"] .mob-drawer-toggle-grp button,
html[data-design="v2"] .mobile-more-toggle-grp button {
  min-height: 30px;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  color: var(--mb-premium-muted) !important;
  font-weight: 850 !important;
}

html[data-design="v2"] .dseg:hover,
html[data-design="v2"] .tseg:hover,
html[data-design="v2"] .mob-drawer-toggle-grp button:hover,
html[data-design="v2"] .mobile-more-toggle-grp button:hover {
  background: var(--mb-subtle-blue) !important;
  color: var(--mb-premium-text) !important;
}

html[data-design="v2"] .dseg.active,
html[data-design="v2"] .tseg.active,
html[data-design="v2"] .mob-drawer-toggle-grp button.is-active,
html[data-design="v2"] .mobile-more-toggle-grp button.is-active {
  background: linear-gradient(135deg,var(--mb-premium-blue),var(--mb-premium-blue-2)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(46,168,255,.24) !important;
}

html[data-design="v2"] .btn-preview,
html[data-design="v2"] .btn-p,
html[data-design="v2"] .btn-b,
html[data-design="v2"] .mb-btn--primary,
html[data-design="v2"] .al-btn-primary {
  background: linear-gradient(135deg,#0d7fff 0%,#2ea8ff 54%,#5ccbff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 18px 48px rgba(46,168,255,.32), 0 0 32px rgba(92,203,255,.20) !important;
}

html[data-design="v2"] .btn,
html[data-design="v2"] .mb-btn,
html[data-design="v2"] .btn-preview,
html[data-design="v2"] .btn-logout,
html[data-design="v2"] .cal2-navbtn,
html[data-design="v2"] .cvbtn,
html[data-design="v2"] .team-subbtn,
html[data-design="v2"] .tdb-chip,
html[data-design="v2"] .tdb-tr-btn,
html[data-design="v2"] .pp-dev-btn,
html[data-design="v2"] .mb-cal__today-btn,
html[data-design="v2"] .mb-fin__period-btn,
html[data-design="v2"] .mb-req__status-tab,
html[data-design="v2"] .ltab,
html[data-design="v2"] .mclose,
html[data-design="v2"] .tdb-copy-btn {
  min-height: 34px;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}

html[data-design="v2"] .btn:hover,
html[data-design="v2"] .mb-btn:hover,
html[data-design="v2"] .cal2-navbtn:hover,
html[data-design="v2"] .cvbtn:hover,
html[data-design="v2"] .team-subbtn:hover,
html[data-design="v2"] .tdb-chip:hover,
html[data-design="v2"] .tdb-tr-btn:hover,
html[data-design="v2"] .pp-dev-btn:hover,
html[data-design="v2"] .mb-cal__today-btn:hover,
html[data-design="v2"] .mb-fin__period-btn:hover,
html[data-design="v2"] .mb-req__status-tab:hover,
html[data-design="v2"] .ltab:hover,
html[data-design="v2"] .tdb-copy-btn:hover {
  transform: translateY(-1px);
}

html[data-design="v2"] .btn-d,
html[data-design="v2"] .mb-btn--danger,
html[data-design="v2"] .btn-logout:hover,
html[data-design="v2"] .mobile-more-item.is-logout:hover {
  background: linear-gradient(145deg,rgba(255,107,107,.16),rgba(255,107,107,.08)) !important;
  border-color: rgba(255,107,107,.34) !important;
  color: var(--mb-premium-danger) !important;
  box-shadow: 0 12px 30px rgba(255,107,107,.10) !important;
}

html[data-design="v2"] .btn-sm,
html[data-design="v2"] .mb-btn--sm,
html[data-design="v2"] .btn-ico {
  min-height: 32px;
  padding-inline: 12px !important;
  font-size: 12px !important;
}

html[data-design="v2"] .btn-ico,
html[data-design="v2"] .mclose,
html[data-design="v2"] .pshop-cart-close {
  width: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  justify-content: center !important;
}

html[data-design="v2"] .card,
html[data-design="v2"] .kpi,
html[data-design="v2"] .kpi-card,
html[data-design="v2"] .dash-recent,
html[data-design="v2"] .mrr-chart-wrap,
html[data-design="v2"] .ann-wrap,
html[data-design="v2"] .table-wrap,
html[data-design="v2"] .table-card,
html[data-design="v2"] .dash-qa-card,
html[data-design="v2"] .mb-map-card,
html[data-design="v2"] .cal2-sidebar,
html[data-design="v2"] .cal2-kpi-card,
html[data-design="v2"] .bw-card,
html[data-design="v2"] .bk-hero,
html[data-design="v2"] .cust-stat,
html[data-design="v2"] .ccard,
html[data-design="v2"] .team-card,
html[data-design="v2"] .role-card,
html[data-design="v2"] .team-section,
html[data-design="v2"] .team-stat,
html[data-design="v2"] .staff-role-opt,
html[data-design="v2"] .profil-panel,
html[data-design="v2"] .profil-preview,
html[data-design="v2"] .cf-card,
html[data-design="v2"] .cf-submission-card,
html[data-design="v2"] .cf-sub-card,
html[data-design="v2"] .sup-ticket-card,
html[data-design="v2"] .sup-note-card,
html[data-design="v2"] .sc-card,
html[data-design="v2"] .sc-section,
html[data-design="v2"] .wl-card,
html[data-design="v2"] .tdb-topbar,
html[data-design="v2"] .tdb-picker,
html[data-design="v2"] .tdb-picker-list,
html[data-design="v2"] .tdb-empty,
html[data-design="v2"] .tdb-header-card,
html[data-design="v2"] .tdb-entity-shell,
html[data-design="v2"] .tdb-stat-box,
html[data-design="v2"] .tdb-settings-wrap,
html[data-design="v2"] .tdb-audit-item,
html[data-design="v2"] .tdb-migrate-box {
  background: var(--mb-glass-card) !important;
  border: 1px solid var(--mb-hairline) !important;
  border-radius: 24px !important;
  box-shadow: var(--mb-premium-shadow), var(--mb-card-inner) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

html[data-design="v2"] .kpi-card,
html[data-design="v2"] .mb-kpi,
html[data-design="v2"] .cust-stat,
html[data-design="v2"] .tdb-stat-box {
  overflow: hidden;
}

html[data-design="v2"] .kpi-card::before,
html[data-design="v2"] .mb-kpi::before,
html[data-design="v2"] .cust-stat::before,
html[data-design="v2"] .tdb-stat-box::before {
  background: linear-gradient(90deg,var(--mb-premium-blue),var(--mb-premium-cyan)) !important;
  opacity: .95 !important;
}

html[data-design="v2"] .kpi-val,
html[data-design="v2"] .mb-kpi__value,
html[data-design="v2"] .cust-stat-val,
html[data-design="v2"] .tdb-stat-val {
  color: var(--mb-premium-text) !important;
  letter-spacing: -.03em;
}

html[data-design="v2"] .kpi-label,
html[data-design="v2"] .kpi-sub,
html[data-design="v2"] .mb-kpi__label,
html[data-design="v2"] .tdb-stat-lbl,
html[data-design="v2"] .table-count,
html[data-design="v2"] .dash-qa-sub {
  color: var(--mb-premium-muted) !important;
}

html[data-design="v2"] .dash-qa-card,
html[data-design="v2"] .tdb-picker-item,
html[data-design="v2"] .tdb-audit-item,
html[data-design="v2"] .dash-recent-row,
html[data-design="v2"] .mb-req__item {
  border-color: var(--mb-hairline) !important;
}

html[data-design="v2"] .dash-qa-card:hover,
html[data-design="v2"] .tdb-picker-item:hover,
html[data-design="v2"] .tdb-audit-item:hover,
html[data-design="v2"] .mb-req__item:hover,
html[data-design="v2"] .ccard:hover,
html[data-design="v2"] .team-card:hover {
  transform: translateY(-2px);
  border-color: rgba(92,203,255,.30) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.24), 0 0 46px rgba(46,168,255,.12), var(--mb-card-inner) !important;
}

html[data-design="v2"][data-theme="light"] .dash-qa-card:hover,
html[data-design="v2"][data-theme="light"] .tdb-picker-item:hover,
html[data-design="v2"][data-theme="light"] .tdb-audit-item:hover,
html[data-design="v2"][data-theme="light"] .mb-req__item:hover,
html[data-design="v2"][data-theme="light"] .ccard:hover,
html[data-design="v2"][data-theme="light"] .team-card:hover {
  box-shadow: 0 24px 58px rgba(15,61,118,.15), 0 0 34px rgba(46,168,255,.10), var(--mb-card-inner) !important;
}

html[data-design="v2"] .dash-qa-ico,
html[data-design="v2"] .dash-recent-ico,
html[data-design="v2"] .ci,
html[data-design="v2"] .ei,
html[data-design="v2"] .mb-cs__icon {
  background: linear-gradient(135deg,rgba(30,136,255,.22),rgba(92,203,255,.12)) !important;
  border: 1px solid rgba(92,203,255,.24) !important;
  color: var(--mb-premium-cyan) !important;
  box-shadow: 0 12px 30px rgba(46,168,255,.12) !important;
}

html[data-design="v2"] .table-wrap,
html[data-design="v2"] .tscroll,
html[data-design="v2"] .mb-table-wrap,
html[data-design="v2"] .tdb-table-wrap {
  overflow: auto;
  scrollbar-color: rgba(92,203,255,.34) transparent;
}

html[data-design="v2"] .table-header,
html[data-design="v2"] .mb-fin__card-hd,
html[data-design="v2"] .ch,
html[data-design="v2"] .mhd,
html[data-design="v2"] .tdb-et-row,
html[data-design="v2"] .pp-header,
html[data-design="v2"] .pshop-cart-head {
  background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)) !important;
  border-color: var(--mb-hairline) !important;
}

html[data-design="v2"][data-theme="light"] .table-header,
html[data-design="v2"][data-theme="light"] .mb-fin__card-hd,
html[data-design="v2"][data-theme="light"] .ch,
html[data-design="v2"][data-theme="light"] .mhd,
html[data-design="v2"][data-theme="light"] .tdb-et-row,
html[data-design="v2"][data-theme="light"] .pp-header,
html[data-design="v2"][data-theme="light"] .pshop-cart-head {
  background: linear-gradient(180deg,rgba(239,248,255,.94),rgba(255,255,255,.72)) !important;
}

html[data-design="v2"] table,
html[data-design="v2"] .tdb-table,
html[data-design="v2"] .team-tbl,
html[data-design="v2"] .mb-fin__table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

html[data-design="v2"] table th,
html[data-design="v2"] .tdb-table th,
html[data-design="v2"] .team-tbl th,
html[data-design="v2"] .mb-fin__table th {
  background: rgba(191,231,255,.075) !important;
  color: var(--mb-premium-muted) !important;
  border-color: var(--mb-hairline) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html[data-design="v2"] table td,
html[data-design="v2"] .tdb-table td,
html[data-design="v2"] .team-tbl td,
html[data-design="v2"] .mb-fin__table td {
  border-color: var(--mb-hairline) !important;
  color: var(--mb-premium-text-2) !important;
}

html[data-design="v2"] table tbody tr,
html[data-design="v2"] .tdb-table tbody tr,
html[data-design="v2"] .team-tbl tbody tr,
html[data-design="v2"] .mb-fin__table tbody tr {
  transition: background .16s ease, box-shadow .16s ease !important;
}

html[data-design="v2"] table tbody tr:hover,
html[data-design="v2"] .tdb-table tbody tr:hover,
html[data-design="v2"] .team-tbl tbody tr:hover,
html[data-design="v2"] .mb-fin__table tbody tr:hover {
  background: rgba(46,168,255,.075) !important;
  box-shadow: inset 3px 0 0 var(--mb-premium-blue) !important;
}

html[data-design="v2"] input,
html[data-design="v2"] select,
html[data-design="v2"] textarea,
html[data-design="v2"] .search-inp,
html[data-design="v2"] .filter-select,
html[data-design="v2"] .tdb-picker-search input,
html[data-design="v2"] .tdb-search-box input,
html[data-design="v2"] .cust-search input,
html[data-design="v2"] .team-search input,
html[data-design="v2"] .feat-search input,
html[data-design="v2"] .ann-field input,
html[data-design="v2"] .ann-field textarea,
html[data-design="v2"] .ann-field select {
  min-height: 42px;
  border-radius: 14px !important;
  background: rgba(5,11,30,.58) !important;
  border: 1px solid rgba(191,231,255,.17) !important;
  color: var(--mb-premium-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-design="v2"][data-theme="light"] input,
html[data-design="v2"][data-theme="light"] select,
html[data-design="v2"][data-theme="light"] textarea,
html[data-design="v2"][data-theme="light"] .search-inp,
html[data-design="v2"][data-theme="light"] .filter-select,
html[data-design="v2"][data-theme="light"] .tdb-picker-search input,
html[data-design="v2"][data-theme="light"] .tdb-search-box input,
html[data-design="v2"][data-theme="light"] .cust-search input,
html[data-design="v2"][data-theme="light"] .team-search input,
html[data-design="v2"][data-theme="light"] .feat-search input,
html[data-design="v2"][data-theme="light"] .ann-field input,
html[data-design="v2"][data-theme="light"] .ann-field textarea,
html[data-design="v2"][data-theme="light"] .ann-field select {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(30,136,255,.18) !important;
  color: var(--mb-premium-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 8px 18px rgba(15,61,118,.04) !important;
}

html[data-design="v2"] input:focus,
html[data-design="v2"] select:focus,
html[data-design="v2"] textarea:focus,
html[data-design="v2"] .search-inp:focus,
html[data-design="v2"] .filter-select:focus,
html[data-design="v2"] .tdb-picker-search input:focus,
html[data-design="v2"] .tdb-search-box input:focus {
  border-color: rgba(92,203,255,.62) !important;
  box-shadow: var(--mb-premium-focus), inset 0 1px 0 rgba(255,255,255,.08) !important;
  outline: 0 !important;
}

html[data-design="v2"] .search-inp,
html[data-design="v2"] .filter-select {
  min-width: 180px;
}

html[data-design="v2"] .nbadge,
html[data-design="v2"] .tab-badge,
html[data-design="v2"] .badge-count,
html[data-design="v2"] .count-badge,
html[data-design="v2"] .mobile-more-badge,
html[data-design="v2"] .mob-drawer-badge,
html[data-design="v2"] .inbox-nav-badge,
html[data-design="v2"] .mb-fin__side-link-badge,
html[data-design="v2"] .mb-req__status-tab-badge,
html[data-design="v2"] .tdb-et-count,
html[data-design="v2"] .tdb-chip-count {
  min-width: 20px;
  min-height: 20px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  background: rgba(46,168,255,.14) !important;
  border: 1px solid rgba(92,203,255,.25) !important;
  color: var(--mb-premium-ice) !important;
  font-weight: 900 !important;
}

html[data-design="v2"][data-theme="light"] .nbadge,
html[data-design="v2"][data-theme="light"] .tab-badge,
html[data-design="v2"][data-theme="light"] .badge-count,
html[data-design="v2"][data-theme="light"] .count-badge,
html[data-design="v2"][data-theme="light"] .mobile-more-badge,
html[data-design="v2"][data-theme="light"] .mob-drawer-badge,
html[data-design="v2"][data-theme="light"] .inbox-nav-badge,
html[data-design="v2"][data-theme="light"] .mb-fin__side-link-badge,
html[data-design="v2"][data-theme="light"] .mb-req__status-tab-badge,
html[data-design="v2"][data-theme="light"] .tdb-et-count,
html[data-design="v2"][data-theme="light"] .tdb-chip-count {
  color: #0b5fab !important;
  background: rgba(30,136,255,.10) !important;
}

html[data-design="v2"] .nav-badge,
html[data-design="v2"] .mb-status-badge,
html[data-design="v2"] .mb-cs__pill,
html[data-design="v2"] .plan-b,
html[data-design="v2"] .tdb-badge,
html[data-design="v2"] .status-badge,
html[data-design="v2"] .role-b,
html[data-design="v2"] .sla-badge,
html[data-design="v2"] [class^="badge-"],
html[data-design="v2"] [class*=" badge-"] {
  border-radius: 999px !important;
  padding: 4px 10px !important;
  border: 1px solid var(--mb-chip-border) !important;
  background: rgba(46,168,255,.12) !important;
  color: var(--mb-premium-ice) !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
}

html[data-design="v2"][data-theme="light"] .nav-badge,
html[data-design="v2"][data-theme="light"] .mb-status-badge,
html[data-design="v2"][data-theme="light"] .mb-cs__pill,
html[data-design="v2"][data-theme="light"] .plan-b,
html[data-design="v2"][data-theme="light"] .tdb-badge,
html[data-design="v2"][data-theme="light"] .status-badge,
html[data-design="v2"][data-theme="light"] .role-b,
html[data-design="v2"][data-theme="light"] .sla-badge,
html[data-design="v2"][data-theme="light"] [class^="badge-"],
html[data-design="v2"][data-theme="light"] [class*=" badge-"] {
  color: #13599e !important;
  background: rgba(30,136,255,.09) !important;
}

html[data-design="v2"] .badge-active,
html[data-design="v2"] .badge-completed,
html[data-design="v2"] .badge-wl-converted,
html[data-design="v2"] .tdb-badge-green,
html[data-design="v2"] .sla-badge.ok {
  background: rgba(66,242,154,.12) !important;
  border-color: rgba(66,242,154,.28) !important;
  color: var(--mb-premium-green) !important;
}

html[data-design="v2"] .badge-failed,
html[data-design="v2"] .badge-cleanup_failed,
html[data-design="v2"] .badge-wl-rejected,
html[data-design="v2"] .tdb-badge-red,
html[data-design="v2"] .sla-badge.breach {
  background: rgba(255,107,107,.12) !important;
  border-color: rgba(255,107,107,.30) !important;
  color: var(--mb-premium-danger) !important;
}

html[data-design="v2"] .badge-past_due,
html[data-design="v2"] .badge-pending,
html[data-design="v2"] .sla-badge.warning,
html[data-design="v2"] .mb-status-badge[data-status="coming_soon"] {
  background: rgba(247,201,90,.13) !important;
  border-color: rgba(247,201,90,.30) !important;
  color: var(--mb-premium-warn) !important;
}

html[data-design="v2"] .mb-status-badge[data-status="beta"],
html[data-design="v2"] .pill.beta,
html[data-design="v2"] .tdb-badge-testrole {
  background: rgba(92,203,255,.13) !important;
  border-color: rgba(92,203,255,.30) !important;
  color: var(--mb-premium-cyan) !important;
}

html[data-design="v2"] .mbg,
html[data-design="v2"] .modal-backdrop,
html[data-design="v2"] .tpl-preview-overlay,
html[data-design="v2"] #preview-overlay,
html[data-design="v2"] .tfa-overlay,
html[data-design="v2"] .mobile-more-backdrop,
html[data-design="v2"] #pshop-cart-overlay {
  background: rgba(2,6,18,.68) !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
}

html[data-design="v2"] .modal,
html[data-design="v2"] .dlg-box,
html[data-design="v2"] .tfa-card,
html[data-design="v2"] .tpl-preview-box,
html[data-design="v2"] #preview-panel,
html[data-design="v2"] #pshop-cart,
html[data-design="v2"] .mobile-more-sheet,
html[data-design="v2"] .mob-drawer,
html[data-design="v2"] .toast,
html[data-design="v2"] #toast,
html[data-design="v2"] .supw-panel {
  background: linear-gradient(145deg,rgba(8,16,36,.96),rgba(5,11,30,.92)) !important;
  border: 1px solid rgba(191,231,255,.16) !important;
  border-radius: 26px !important;
  color: var(--mb-premium-text) !important;
  box-shadow: 0 30px 110px rgba(0,0,0,.48), 0 0 72px rgba(46,168,255,.12), var(--mb-card-inner) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
}

html[data-design="v2"][data-theme="light"] .modal,
html[data-design="v2"][data-theme="light"] .dlg-box,
html[data-design="v2"][data-theme="light"] .tfa-card,
html[data-design="v2"][data-theme="light"] .tpl-preview-box,
html[data-design="v2"][data-theme="light"] #preview-panel,
html[data-design="v2"][data-theme="light"] #pshop-cart,
html[data-design="v2"][data-theme="light"] .mobile-more-sheet,
html[data-design="v2"][data-theme="light"] .mob-drawer,
html[data-design="v2"][data-theme="light"] .toast,
html[data-design="v2"][data-theme="light"] #toast,
html[data-design="v2"][data-theme="light"] .supw-panel {
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,245,255,.94)) !important;
  color: var(--mb-premium-text) !important;
  box-shadow: 0 28px 88px rgba(15,61,118,.18), 0 0 52px rgba(46,168,255,.10), var(--mb-card-inner) !important;
}

html[data-design="v2"] .ltabs,
html[data-design="v2"] .mb-req__status-tabs,
html[data-design="v2"] .mb-fin__period,
html[data-design="v2"] .team-subnav,
html[data-design="v2"] .tdb-filter-chips,
html[data-design="v2"] .tdb-et-tabs,
html[data-design="v2"] .pp-device-bar {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid var(--mb-hairline) !important;
  border-radius: 18px !important;
  padding: 4px !important;
  gap: 4px !important;
}

html[data-design="v2"][data-theme="light"] .ltabs,
html[data-design="v2"][data-theme="light"] .mb-req__status-tabs,
html[data-design="v2"][data-theme="light"] .mb-fin__period,
html[data-design="v2"][data-theme="light"] .team-subnav,
html[data-design="v2"][data-theme="light"] .tdb-filter-chips,
html[data-design="v2"][data-theme="light"] .tdb-et-tabs,
html[data-design="v2"][data-theme="light"] .pp-device-bar {
  background: rgba(225,241,255,.76) !important;
}

html[data-design="v2"] .ltab.active,
html[data-design="v2"] .cvbtn.active,
html[data-design="v2"] .team-subbtn.active,
html[data-design="v2"] .tdb-chip.active,
html[data-design="v2"] .tdb-et-btn.active,
html[data-design="v2"] .pp-dev-btn.active,
html[data-design="v2"] .mb-fin__period-btn[data-active="true"],
html[data-design="v2"] .mb-req__status-tab[data-active="true"] {
  background: linear-gradient(135deg,var(--mb-premium-blue),var(--mb-premium-blue-2)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(46,168,255,.24) !important;
}

html[data-design="v2"] #operator-preview-bar {
  background:
    radial-gradient(circle at 18% 0%,rgba(92,203,255,.26),transparent 40%),
    linear-gradient(135deg,#071126,#0d54b8 52%,#1e88ff) !important;
  border-bottom: 1px solid rgba(191,231,255,.18);
  box-shadow: 0 16px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(18px) saturate(150%);
}

html[data-design="v2"] .preview-role-btn,
html[data-design="v2"] #operator-preview-bar button {
  min-height: 28px;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-design="v2"] .preview-role-btn:hover,
html[data-design="v2"] #operator-preview-bar button:hover {
  background: rgba(255,255,255,.20) !important;
  transform: translateY(-1px);
}

html[data-design="v2"] .preview-role-btn.active {
  background: #fff !important;
  color: #0b5fab !important;
  border-color: #fff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.20) !important;
}

html[data-design="v2"] #admin-nav-tabs {
  background: linear-gradient(145deg,rgba(8,16,36,.88),rgba(5,11,30,.70)) !important;
  border-color: var(--mb-hairline) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.22), var(--mb-card-inner) !important;
}

html[data-design="v2"][data-theme="light"] #admin-nav-tabs {
  background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,245,255,.82)) !important;
  box-shadow: 0 14px 40px rgba(15,61,118,.10), var(--mb-card-inner) !important;
}

html[data-design="v2"] .content {
  background:
    radial-gradient(circle at 12% 0%,rgba(46,168,255,.08),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(92,203,255,.07),transparent 28%);
}

html[data-design="v2"] .tdb-header-card,
html[data-design="v2"] .tdb-topbar {
  position: relative;
  overflow: hidden;
}

html[data-design="v2"] .tdb-header-card::before,
html[data-design="v2"] .tdb-topbar::before,
html[data-design="v2"] .table-wrap::before,
html[data-design="v2"] .ann-wrap::before,
html[data-design="v2"] .mrr-chart-wrap::before,
html[data-design="v2"] .dash-recent::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(92,203,255,.48),transparent);
  pointer-events: none;
}

html[data-design="v2"] .table-wrap,
html[data-design="v2"] .ann-wrap,
html[data-design="v2"] .mrr-chart-wrap,
html[data-design="v2"] .dash-recent {
  position: relative;
}

html[data-design="v2"][data-theme="light"] .btn-preview,
html[data-design="v2"][data-theme="light"] .btn-p,
html[data-design="v2"][data-theme="light"] .btn-b,
html[data-design="v2"][data-theme="light"] .mb-btn--primary,
html[data-design="v2"][data-theme="light"] .empty-cta,
html[data-design="v2"][data-theme="light"] .bw-cta,
html[data-design="v2"][data-theme="light"] .bw-next,
html[data-design="v2"][data-theme="light"] .bw-submit,
html[data-design="v2"][data-theme="light"] .al-btn-primary {
  background: linear-gradient(135deg,#0d7fff 0%,#2ea8ff 54%,#5ccbff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 16px 42px rgba(30,136,255,.24), 0 0 30px rgba(92,203,255,.18) !important;
}

html[data-design="v2"][data-theme="light"] .btn-preview:hover,
html[data-design="v2"][data-theme="light"] .btn-p:hover,
html[data-design="v2"][data-theme="light"] .btn-b:hover,
html[data-design="v2"][data-theme="light"] .mb-btn--primary:hover,
html[data-design="v2"][data-theme="light"] .empty-cta:hover,
html[data-design="v2"][data-theme="light"] .bw-cta:hover,
html[data-design="v2"][data-theme="light"] .bw-next:hover,
html[data-design="v2"][data-theme="light"] .bw-submit:hover,
html[data-design="v2"][data-theme="light"] .al-btn-primary:hover {
  background: linear-gradient(135deg,#0875f2 0%,#1e9dff 52%,#5ccbff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 20px 50px rgba(30,136,255,.30), 0 0 36px rgba(92,203,255,.22) !important;
}

@media (max-width: 640px) {
  html[data-design="v2"] .mob-drawer,
  html[data-design="v2"] .mobile-more-sheet {
    border-radius: 24px 24px 0 0 !important;
  }
}