/*
 * MXAI Smart Cleansing Data — Material Admin Design System
 * v3.0.54.92
 * Materialize/Pixinvent-inspired admin visual language: compact cards, restrained indigo accent,
 * clean invoice/data-table hierarchy and consistent form/navigation components. Reimplemented locally; no template assets copied.
 * No remote font request: Prompt is used only when already available locally.
 */

:root{
  --mx-ds-font:"Public Sans","Prompt","Noto Sans Thai","Segoe UI",Tahoma,Arial,sans-serif;
  --mx-ds-ink:#2f2b3d;
  --mx-ds-ink-2:#444050;
  --mx-ds-muted:#6d6a78;
  --mx-ds-muted-2:#9a96a5;
  --mx-ds-bg:#f4f5fa;
  --mx-ds-surface:#ffffff;
  --mx-ds-surface-soft:#f8f7fa;
  --mx-ds-surface-violet:#f1efff;
  --mx-ds-line:#e7e5ec;
  --mx-ds-line-strong:#d8d6df;
  --mx-ds-accent:#7367f0;
  --mx-ds-accent-2:#8f85f3;
  --mx-ds-mint:#56c7c2;
  --mx-ds-success:#28c76f;
  --mx-ds-warning:#ff9f43;
  --mx-ds-danger:#b76e79;
  --mx-ds-radius-sm:8px;
  --mx-ds-radius:10px;
  --mx-ds-radius-lg:12px;
  --mx-ds-shadow:0 2px 8px rgba(47,43,61,.08);
  --mx-ds-shadow-lg:0 5px 18px rgba(47,43,61,.10);
}

/* Foundation */
.mxai-app,
.mxai-market,
.mxai-scd-admin{
  font-family:var(--mx-ds-font)!important;
  color:var(--mx-ds-ink)!important;
}
body.mxai-scd-app-page{background:var(--mx-ds-bg)!important}
.mxai-app,.mxai-market,.mxai-scd-admin{font-size:14px;line-height:1.55}
.mxai-app *,.mxai-market *,.mxai-scd-admin *{box-sizing:border-box}
.mxai-app h1,.mxai-app h2,.mxai-app h3,.mxai-app h4,
.mxai-market h1,.mxai-market h2,.mxai-market h3,.mxai-market h4,
.mxai-scd-admin h1,.mxai-scd-admin h2,.mxai-scd-admin h3,.mxai-scd-admin h4{
  color:var(--mx-ds-ink)!important;
  font-family:var(--mx-ds-font)!important;
  font-weight:650!important;
  letter-spacing:-.018em;
}
.mxai-app p,.mxai-market p,.mxai-scd-admin p{color:var(--mx-ds-muted)}
.mxai-app a,.mxai-market a,.mxai-scd-admin a{color:var(--mx-ds-accent)}
.mxai-app .section-kicker,.mxai-market .section-kicker,.mxai-scd-admin .section-kicker,.mxai-section-kicker,.mxai-market-eyebrow{
  color:var(--mx-ds-accent)!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

/* App page spacing standard */
.mxai-app[data-mxai-scd-version],
.mxai-market[data-mxai-marketplace-version]{max-width:1440px;margin-inline:auto}
.mxai-account-page-head,.mxai-market-private-nav{margin-top:16px!important;margin-bottom:16px!important}
.mxai-account-page-head h2{font-size:30px!important;line-height:1.18!important;font-weight:650!important}

/* Fixed shared header — no nested logo card */
.mxai-header-theme-sceon-studio.mxai-startup-header,
.mxai-header-theme-sceon-studio.mxai-market-nav,
.mxai-header-theme-sceon-studio.mxai-admin-brandbar{
  position:relative!important;
  border:1px solid var(--mx-ds-line)!important;
  background:
    radial-gradient(circle at 78% 30%,rgba(146,216,208,.16),transparent 28%),
    radial-gradient(circle at 37% 10%,rgba(112,87,245,.08),transparent 30%),
    #fff!important;
  border-radius:20px!important;
  box-shadow:var(--mx-ds-shadow)!important;
  color:var(--mx-ds-ink)!important;
}
.mxai-header-theme-sceon-studio.mxai-startup-header:before,
.mxai-header-theme-sceon-studio.mxai-startup-header:after{display:none!important}

/* Signed-in header */
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:108px!important;
  padding:15px 20px!important;
  overflow:visible!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-brand-lockup{
  grid-column:1!important;min-width:0!important;align-self:center!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-brand-stack{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  gap:5px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo,
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo.is-system-logo,
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo.is-custom-logo,
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo.is-compact-logo,
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo.is-extra-wide-logo{
  display:block!important;width:auto!important;height:76px!important;max-height:76px!important;max-width:min(560px,43vw)!important;
  object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-brand-version{
  margin:0!important;padding-left:2px!important;color:var(--mx-ds-muted-2)!important;font-size:10px!important;font-weight:500!important;line-height:1.25!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-metrics{
  grid-column:2!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;min-width:0!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card{
  display:flex!important;align-items:center!important;gap:9px!important;height:56px!important;min-height:56px!important;min-width:0!important;
  padding:8px 11px!important;border:1px solid var(--mx-ds-line)!important;border-radius:13px!important;background:rgba(255,255,255,.95)!important;
  box-shadow:0 5px 15px rgba(30,28,60,.045)!important;backdrop-filter:none!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-plan{min-width:208px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-days{min-width:122px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-expiry{min-width:156px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-icon{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important;
  background:var(--mx-ds-surface-violet)!important;color:var(--mx-ds-accent)!important;box-shadow:none!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-days .mxai-header-card-icon{background:#edf9f7!important;color:#5dafaa!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-expiry .mxai-header-card-icon{background:#f1f2fb!important;color:#716bea!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-icon svg{width:17px!important;height:17px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-copy{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-width:0!important;line-height:1.15!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-copy small{
  height:auto!important;margin:0!important;color:var(--mx-ds-muted)!important;font-size:11.5px!important;font-weight:500!important;line-height:1.2!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-copy b{
  max-width:180px!important;color:var(--mx-ds-ink)!important;font-size:15px!important;font-weight:650!important;line-height:1.18!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-plan .mxai-header-card-copy b{font-size:16px!important;color:#5f4ad8!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-value-row{display:flex!important;align-items:baseline!important;gap:5px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-value-row b{font-size:16px!important;font-weight:650!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-value-row em{font-size:12px!important;color:var(--mx-ds-muted)!important;font-weight:500!important;font-style:normal!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-quota-line{
  display:flex!important;align-items:baseline!important;gap:5px!important;margin-top:0!important;line-height:1.2!important;white-space:nowrap!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-quota-line small,
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-quota-label{
  font-size:12px!important;font-weight:500!important;color:var(--mx-ds-muted)!important;line-height:1.2!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-quota-line b,
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-quota-value{
  font-size:16px!important;font-weight:650!important;line-height:1.2!important;font-variant-numeric:tabular-nums!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-menu{
  grid-column:3!important;justify-self:end!important;margin:0!important;min-width:0!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-menu>summary{
  display:flex!important;align-items:center!important;gap:10px!important;min-width:176px!important;height:56px!important;min-height:56px!important;
  padding:7px 13px 7px 8px!important;border:1px solid var(--mx-ds-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 15px rgba(30,28,60,.045)!important;
  color:var(--mx-ds-ink)!important;transform:none!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-menu>summary:hover{background:#fff!important;border-color:var(--mx-ds-line-strong)!important;box-shadow:0 6px 17px rgba(30,28,60,.06)!important;transform:none!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-avatar{
  flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:linear-gradient(135deg,#7057f5,#7a76f0 62%,#83c9cf)!important;color:#fff!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important;
}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-name{max-width:150px!important;color:var(--mx-ds-ink)!important;font-size:13px!important;font-weight:600!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-menu-caret{color:var(--mx-ds-muted)!important;font-size:10px!important}

/* Public header */
.mxai-market-nav.mxai-header-theme-sceon-studio{
  display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:24px!important;min-height:82px!important;padding:10px 20px!important;margin-bottom:18px!important;
}
.mxai-market-nav.mxai-header-theme-sceon-studio .mxai-market-brand{display:flex!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:58px!important}
.mxai-market-nav.mxai-header-theme-sceon-studio .mxai-market-brand img.mxai-brand-logo{height:62px!important;max-height:62px!important;max-width:360px!important;width:auto!important;object-fit:contain!important}
.mxai-market-nav.mxai-header-theme-sceon-studio nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important}
.mxai-market-nav.mxai-header-theme-sceon-studio nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 13px!important;border-radius:10px!important;color:#55536a!important;font-size:13px!important;font-weight:550!important;text-decoration:none!important;background:transparent!important}
.mxai-market-nav.mxai-header-theme-sceon-studio nav a:hover,.mxai-market-nav.mxai-header-theme-sceon-studio nav a.active{background:var(--mx-ds-surface-violet)!important;color:#5e49d2!important}
.mxai-market-nav.mxai-header-theme-sceon-studio .mxai-market-nav-actions{display:flex!important;align-items:center!important;gap:8px!important}

/* Admin top bar */
.mxai-scd-admin .mxai-admin-brandbar.mxai-header-theme-sceon-studio{
  display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:92px!important;padding:12px 18px!important;margin-bottom:16px!important;
}
.mxai-scd-admin .mxai-admin-brandbar.mxai-header-theme-sceon-studio .mxai-admin-brand-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mxai-scd-admin .mxai-admin-brandbar.mxai-header-theme-sceon-studio img.mxai-brand-logo{height:66px!important;max-height:66px!important;max-width:430px!important;width:auto!important;object-fit:contain!important}
.mxai-scd-admin .mxai-admin-brandbar.mxai-header-theme-sceon-studio .mxai-admin-brand-stack>small{color:var(--mx-ds-muted-2)!important;font-size:10px!important;font-weight:500!important}
.mxai-scd-admin .mxai-ready{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border:1px solid #d8ece6!important;border-radius:999px!important;background:#eef8f5!important;color:#4b816f!important;font-size:10px!important;font-weight:600!important}

/* Cards and panels */
.mxai-account-card,.mxai-panel,.mxai-admin-card,.mxai-settings-card,.mxai-market-plan,.mxai-market-current-plan,.mxai-market-result-card,
.mxai-settings-hub-card,.mxai-gateway-card,.mxai-brand-settings-card{
  border:1px solid var(--mx-ds-line)!important;border-radius:var(--mx-ds-radius-lg)!important;background:#fff!important;box-shadow:var(--mx-ds-shadow)!important;
}
.mxai-account-card,.mxai-admin-card,.mxai-settings-card{padding:20px!important}
.mxai-account-card h3,.mxai-admin-card h3,.mxai-settings-card h3{font-weight:650!important}

/* Forms — one consistent vertical rhythm */
.mxai-app label,.mxai-scd-admin label,.mxai-market label{color:var(--mx-ds-ink-2);font-weight:550}
.mxai-app input:not([type=checkbox]):not([type=radio]):not([type=color]),
.mxai-app select,.mxai-app textarea,
.mxai-scd-admin input:not([type=checkbox]):not([type=radio]):not([type=color]),
.mxai-scd-admin select,.mxai-scd-admin textarea,
.mxai-market input:not([type=checkbox]):not([type=radio]):not([type=color]),
.mxai-market select,.mxai-market textarea{
  min-height:42px!important;border:1px solid var(--mx-ds-line-strong)!important;border-radius:11px!important;background:#fff!important;color:var(--mx-ds-ink)!important;
  padding:9px 12px!important;font-family:var(--mx-ds-font)!important;font-size:13px!important;font-weight:450!important;line-height:1.35!important;box-shadow:none!important;outline:none!important;
}
.mxai-app input:focus,.mxai-app select:focus,.mxai-app textarea:focus,
.mxai-scd-admin input:focus,.mxai-scd-admin select:focus,.mxai-scd-admin textarea:focus,
.mxai-market input:focus,.mxai-market select:focus,.mxai-market textarea:focus{
  border-color:#9a8af6!important;box-shadow:0 0 0 3px rgba(112,87,245,.08)!important;
}
.mxai-search-select-trigger{min-height:42px!important;height:42px!important;padding:0 42px 0 12px!important;border:1px solid var(--mx-ds-line-strong)!important;border-radius:11px!important;background:#fff!important;color:var(--mx-ds-ink)!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}
.mxai-search-select-trigger:hover{background:#fff!important;color:var(--mx-ds-ink)!important;border-color:var(--mx-ds-line-strong)!important;box-shadow:none!important;transform:none!important}
.mxai-search-select-trigger:focus,.mxai-search-select.is-open .mxai-search-select-trigger{border-color:#9a8af6!important;box-shadow:0 0 0 3px rgba(112,87,245,.08)!important}
.mxai-search-select-arrow{right:14px!important}
.mxai-search-select-menu{border:1px solid var(--mx-ds-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 42px rgba(30,28,60,.12)!important}
.mxai-search-select-option{min-height:38px!important;padding:8px 10px!important;color:var(--mx-ds-ink-2)!important;background:#fff!important}
.mxai-search-select-option:hover,.mxai-search-select-option:focus{background:#f5f4fa!important;color:var(--mx-ds-ink)!important}
.mxai-search-select-option.is-selected{background:var(--mx-ds-surface-violet)!important;color:#5d48d0!important;font-weight:600!important}

/* Buttons — calm studio palette, never red on hover */
.mxai-primary,.mxai-market-primary,.mxai-admin-primary,.mxai-auth-primary,
.mxai-scd-admin .button-primary,.mxai-app .button-primary,.mxai-market .button-primary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border:1px solid transparent!important;border-radius:11px!important;
  background:linear-gradient(110deg,#7057f5,#7b76ef 58%,#7bc3ce)!important;color:#fff!important;font-family:var(--mx-ds-font)!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(112,87,245,.16)!important;transform:none!important;
}
.mxai-primary:hover,.mxai-market-primary:hover,.mxai-admin-primary:hover,.mxai-auth-primary:hover,
.mxai-scd-admin .button-primary:hover,.mxai-app .button-primary:hover,.mxai-market .button-primary:hover{
  background:linear-gradient(110deg,#6650df,#716de0 58%,#71b6c0)!important;color:#fff!important;box-shadow:0 9px 22px rgba(112,87,245,.18)!important;transform:none!important;filter:none!important;
}
.mxai-app .button:not(.button-primary),.mxai-scd-admin .button:not(.button-primary),.mxai-market-secondary,.mxai-market-plan-button,.mxai-auth-secondary{
  min-height:40px!important;border:1px solid var(--mx-ds-line-strong)!important;border-radius:10px!important;background:#fff!important;color:#514c69!important;font-family:var(--mx-ds-font)!important;font-weight:550!important;box-shadow:none!important;
}
.mxai-app .button:not(.button-primary):hover,.mxai-scd-admin .button:not(.button-primary):hover,.mxai-market-secondary:hover,.mxai-market-plan-button:hover,.mxai-auth-secondary:hover{
  border-color:#c8c4d5!important;background:#f6f5fa!important;color:#383548!important;box-shadow:none!important;transform:none!important;
}
/* Explicitly neutralize red danger/delete hover states throughout the plugin. */
.mxai-app .danger:hover,.mxai-scd-admin .danger:hover,.mxai-market .danger:hover,
.mxai-app [class*="danger"]:hover,.mxai-scd-admin [class*="danger"]:hover,.mxai-market [class*="danger"]:hover,
.mxai-app [class*="delete"]:hover,.mxai-scd-admin [class*="delete"]:hover,.mxai-market [class*="delete"]:hover,
.mxai-scd-admin .button-link-delete:hover{
  background:#f4f3f7!important;border-color:#d9d6e2!important;color:#625e70!important;box-shadow:none!important;transform:none!important;
}

/* Tables */
.mxai-scd-admin table.widefat,.mxai-app table,.mxai-market table{border:1px solid var(--mx-ds-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
.mxai-scd-admin table.widefat thead th,.mxai-app table thead th,.mxai-market table thead th{background:#f4f4f8!important;color:#5e5b70!important;font-size:11px!important;font-weight:600!important;border-bottom:1px solid var(--mx-ds-line)!important}
.mxai-scd-admin table.widefat td,.mxai-app table td,.mxai-market table td{border-color:#efeff4!important;color:#353247!important}

/* Navigation / tabs */
.mxai-page-navigator{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important}
.mxai-page-navigator a,.mxai-page-navigator button,.mxai-account-back,.mxai-market-private-nav>a,.mxai-market-private-nav div a{
  min-height:38px!important;padding:0 12px!important;border:1px solid var(--mx-ds-line)!important;border-radius:10px!important;background:#fff!important;color:#4d495f!important;font-size:12px!important;font-weight:550!important;text-decoration:none!important;box-shadow:none!important;
}
.mxai-page-navigator a:hover,.mxai-page-navigator button:hover,.mxai-account-back:hover,.mxai-market-private-nav>a:hover,.mxai-market-private-nav div a:hover{background:#f5f4fa!important;color:#423d57!important;border-color:#d5d2df!important}
.mxai-settings-tabs,.mxai-tabs{gap:4px!important;border-bottom:1px solid var(--mx-ds-line)!important}
.mxai-settings-tabs a,.mxai-tabs a{border-radius:9px 9px 0 0!important;color:var(--mx-ds-muted)!important;font-weight:550!important}
.mxai-settings-tabs a.active,.mxai-tabs a.active{color:#5d49d1!important;background:var(--mx-ds-surface-violet)!important}

/* Public home / pricing */
.mxai-market-hero{border:1px solid var(--mx-ds-line)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#f7f5ff 52%,#f1faf9 100%)!important;box-shadow:var(--mx-ds-shadow-lg)!important}
.mxai-market-hero h1{font-size:clamp(42px,5vw,68px)!important;line-height:1.05!important;font-weight:600!important;letter-spacing:-.045em!important}
.mxai-market-hero h1 em{color:#6b54e8!important;font-style:normal!important;background:none!important;-webkit-text-fill-color:initial!important}
.mxai-market-section{padding-top:72px!important;padding-bottom:72px!important}
.mxai-market-section-head{margin-bottom:30px!important}
.mxai-market-section-head h2,.mxai-market-pricing-hero h1{font-weight:600!important;letter-spacing:-.035em!important}
.mxai-market-feature-grid article{border:1px solid var(--mx-ds-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.mxai-market-feature-grid article:hover{border-color:#d7d3e4!important;background:#fff!important;box-shadow:0 12px 30px rgba(30,28,60,.06)!important;transform:none!important}
.mxai-market-icon{border-radius:12px!important;background:var(--mx-ds-surface-violet)!important;color:#6650da!important}
.mxai-market-pricing-hero{padding-top:26px!important;padding-bottom:18px!important}
.mxai-market-pricing-hero h1{margin-top:6px!important;margin-bottom:8px!important}
.mxai-market-current-plan{margin-top:12px!important;margin-bottom:18px!important}
.mxai-market-plan{border-radius:18px!important;box-shadow:none!important}
.mxai-market-plan.featured{border:1px solid #bcb3f4!important;background:#fff!important;box-shadow:0 14px 34px rgba(112,87,245,.08)!important}

/* Auth */
.mxai-auth-page{background:linear-gradient(145deg,#f8f8fb,#f3f1fb 52%,#f4faf9)!important;border-radius:24px!important}
.mxai-auth-card{border:1px solid var(--mx-ds-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--mx-ds-shadow-lg)!important;backdrop-filter:none!important}
.mxai-auth-card h2{font-weight:600!important}

/* Branding settings: remove the old theme selector/page-like visual complexity. */
.mxai-brand-fixed-card{padding:18px!important}
.mxai-brand-fixed-card .mxai-brand-settings-head{margin-bottom:16px!important}
.mxai-brand-fixed-card .mxai-brand-settings-head h3{font-size:22px!important;margin:4px 0 5px!important;font-weight:600!important}
.mxai-brand-fixed-card .mxai-brand-settings-head p{max-width:860px!important;margin:0!important;font-size:12px!important;line-height:1.6!important}
.mxai-brand-fixed-card .mxai-brand-settings-grid{display:grid!important;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;gap:16px!important;align-items:stretch!important}
.mxai-brand-fixed-card .mxai-brand-preview{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mxai-brand-fixed-card .mxai-brand-preview-canvas{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:122px!important;padding:12px 16px!important;border:1px solid var(--mx-ds-line)!important;border-radius:16px!important;background:#fafafd!important;box-shadow:none!important}
.mxai-brand-fixed-card .mxai-brand-preview-canvas img.mxai-brand-logo{height:92px!important;max-height:92px!important;max-width:100%!important;width:auto!important;object-fit:contain!important}
.mxai-brand-fixed-card .mxai-brand-upload-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;height:100%!important}
.mxai-brand-fixed-card .mxai-brand-upload-grid label{padding:14px!important;border:1px solid var(--mx-ds-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.mxai-fixed-theme-note{display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding:11px 13px!important;border:1px solid #ddd9f3!important;border-radius:12px!important;background:#f7f5ff!important;color:#5b566c!important;font-size:11px!important}
.mxai-fixed-theme-note b{color:#5e49d0!important;font-weight:600!important}
.mxai-brand-actions{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--mx-ds-line)!important}

/* Review bulk buttons: keep text readable and consistent. */
.mxai-review-master-bulk-actions button,.mxai-review-master-actions button{min-height:44px!important;font-size:13px!important;font-weight:600!important;border-radius:10px!important}

/* Status colors remain semantic, but hover is never converted to red. */
.mxai-notice.error,.mxai-auth-alert.error{border-color:#ead6da!important;background:#fff7f8!important;color:#8b4a56!important}

/* Responsive */
@media(max-width:1180px){
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio{grid-template-columns:1fr auto!important;gap:12px!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-brand-lockup{grid-column:1!important;grid-row:1!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-menu{grid-column:2!important;grid-row:1!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-metrics{grid-column:1 / -1!important;grid-row:2!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .mxai-market-nav.mxai-header-theme-sceon-studio{grid-template-columns:1fr auto!important}
  .mxai-market-nav.mxai-header-theme-sceon-studio nav{grid-column:1 / -1!important;grid-row:2!important;justify-content:flex-start!important;flex-wrap:wrap!important}
}
@media(max-width:760px){
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio{padding:14px!important;min-height:0!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo{height:58px!important;max-height:58px!important;max-width:260px!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card{width:100%!important;min-width:0!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-plan{grid-column:1 / -1!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-menu>summary{min-width:54px!important;width:54px!important;padding:7px!important;justify-content:center!important}
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-name,
  .mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-menu-caret{display:none!important}
  .mxai-market-nav.mxai-header-theme-sceon-studio{grid-template-columns:1fr!important;padding:12px 14px!important}
  .mxai-market-nav.mxai-header-theme-sceon-studio .mxai-market-nav-actions{grid-row:2!important;justify-content:flex-start!important}
  .mxai-market-nav.mxai-header-theme-sceon-studio nav{grid-row:3!important}
  .mxai-brand-fixed-card .mxai-brand-settings-grid,.mxai-brand-fixed-card .mxai-brand-upload-grid{grid-template-columns:1fr!important}
  .mxai-market-hero h1{font-size:clamp(36px,11vw,50px)!important}
}

/* High-specificity safety net for legacy red hover rules. Destructive intent remains visible at rest,
   but hover/focus never flashes red. */
.mxai-scd-admin .mxai-delete-btn:hover,
.mxai-scd-admin .mxai-delete-btn:focus,
.mxai-scd-admin .mxai-company-table td.mxai-row-actions .mxai-delete-btn:hover,
.mxai-scd-admin .mxai-company-table td.mxai-row-actions .mxai-delete-btn:focus,
.mxai-scd-admin .mxai-user-delete-button:hover,
.mxai-scd-admin .mxai-user-delete-button:focus,
.mxai-app .job-delete:hover,
.mxai-app .job-delete:focus,
.mxai-app .mxai-cancel-running:hover,
.mxai-app .mxai-cancel-running:focus,
.mxai-dataset-delete:hover,
.mxai-dataset-delete:focus{
  border-color:#d8d5e0!important;
  background:#f4f3f7!important;
  color:#625e70!important;
  -webkit-text-fill-color:#625e70!important;
  box-shadow:none!important;
  transform:none!important;
}


/* v3.0.54.83 — Materialize-inspired system layer (local implementation, no external template assets). */
.mxai-app,.mxai-market,.mxai-scd-admin{--mx-material-purple:#7367f0;--mx-material-purple-soft:#f1efff;--mx-material-info:#00bad1;--mx-material-success:#28c76f;--mx-material-warning:#ff9f43;--mx-material-surface:#fff;--mx-material-bg:#f4f5fa}
body.mxai-scd-app-page,.mxai-scd-admin{background:var(--mx-material-bg)!important}
.mxai-account-card,.mxai-panel,.mxai-admin-card,.mxai-settings-card,.mxai-market-plan,.mxai-market-current-plan,.mxai-market-result-card,.mxai-settings-hub-card,.mxai-gateway-card,.mxai-brand-settings-card{border-radius:12px!important;box-shadow:0 2px 8px rgba(47,43,61,.07)!important}
.mxai-account-card,.mxai-admin-card,.mxai-settings-card{padding:18px!important}
.mxai-panel-heading h2,.mxai-panel-heading h3,.mxai-account-card h3,.mxai-admin-card h3{font-weight:600!important;letter-spacing:-.01em!important}

/* Shared header becomes a compact commercial app navbar. */
.mxai-header-theme-sceon-studio.mxai-startup-header,.mxai-header-theme-sceon-studio.mxai-market-nav,.mxai-header-theme-sceon-studio.mxai-admin-brandbar{background:#fff!important;border-color:#e7e5ec!important;border-radius:12px!important;box-shadow:0 2px 9px rgba(47,43,61,.08)!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio{min-height:92px!important;padding:12px 18px!important;gap:14px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio img.mxai-brand-logo{height:72px!important;max-height:72px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card{height:52px!important;min-height:52px!important;border-radius:10px!important;padding:7px 10px!important;box-shadow:none!important;background:#fbfbfd!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-copy{gap:3px!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-copy small{font-size:11px!important;font-weight:500!important;color:#7b7787!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-header-card-copy b{font-size:14px!important;font-weight:600!important;color:#373344!important}
.mxai-app[data-mxai-scd-version] > .mxai-startup-header.mxai-header-theme-sceon-studio .mxai-account-menu>summary{height:52px!important;min-height:52px!important;border-radius:10px!important;background:#fbfbfd!important;box-shadow:none!important}
.mxai-market-nav.mxai-header-theme-sceon-studio{min-height:72px!important;border-radius:12px!important;padding:8px 16px!important}.mxai-market-nav.mxai-header-theme-sceon-studio .mxai-market-brand img.mxai-brand-logo{height:58px!important;max-height:58px!important}
.mxai-scd-admin .mxai-admin-brandbar.mxai-header-theme-sceon-studio{min-height:80px!important;border-radius:12px!important;padding:10px 16px!important}.mxai-scd-admin .mxai-admin-brandbar.mxai-header-theme-sceon-studio img.mxai-brand-logo{height:62px!important;max-height:62px!important}

/* Material form rhythm. */
.mxai-app input:not([type=checkbox]):not([type=radio]):not([type=color]),.mxai-app select,.mxai-app textarea,.mxai-scd-admin input:not([type=checkbox]):not([type=radio]):not([type=color]),.mxai-scd-admin select,.mxai-scd-admin textarea,.mxai-market input:not([type=checkbox]):not([type=radio]):not([type=color]),.mxai-market select,.mxai-market textarea{min-height:40px!important;border-radius:8px!important;border-color:#d8d6df!important;background:#fff!important;padding:8px 11px!important;font-size:13px!important}
.mxai-search-select-trigger{height:40px!important;min-height:40px!important;border-radius:8px!important;border-color:#d8d6df!important}.mxai-search-select-menu{border-radius:9px!important;box-shadow:0 5px 18px rgba(47,43,61,.12)!important}
.mxai-app input:focus,.mxai-app select:focus,.mxai-app textarea:focus,.mxai-scd-admin input:focus,.mxai-scd-admin select:focus,.mxai-scd-admin textarea:focus,.mxai-market input:focus,.mxai-market select:focus,.mxai-market textarea:focus,.mxai-search-select-trigger:focus,.mxai-search-select.is-open .mxai-search-select-trigger{border-color:#7367f0!important;box-shadow:0 0 0 2px rgba(115,103,240,.10)!important}

/* Buttons use the restrained indigo action language. */
.mxai-primary,.mxai-market-primary,.mxai-admin-primary,.mxai-auth-primary,.mxai-scd-admin .button-primary,.mxai-app .button-primary,.mxai-market .button-primary,.mxai-modern-button{position:relative!important;overflow:hidden!important;min-height:40px!important;border-radius:8px!important;background:#7367f0!important;border-color:#7367f0!important;box-shadow:0 2px 5px rgba(115,103,240,.24)!important;font-weight:600!important}
.mxai-primary:hover,.mxai-market-primary:hover,.mxai-admin-primary:hover,.mxai-auth-primary:hover,.mxai-scd-admin .button-primary:hover,.mxai-app .button-primary:hover,.mxai-market .button-primary:hover,.mxai-modern-button:hover{background:#685dd8!important;border-color:#685dd8!important;box-shadow:0 3px 7px rgba(115,103,240,.25)!important;transform:none!important}
.mxai-primary:after,.mxai-market-primary:after,.mxai-admin-primary:after,.mxai-auth-primary:after,.mxai-scd-admin .button-primary:after,.mxai-app .button-primary:after,.mxai-modern-button:after{content:"";position:absolute;left:var(--mx-ripple-x,50%);top:var(--mx-ripple-y,50%);width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.34);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.mxai-ripple-active:after{animation:mxai-material-ripple .42s ease-out}@keyframes mxai-material-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}100%{transform:translate(-50%,-50%) scale(38);opacity:0}}

/* Data tables mirror the calm invoice-list hierarchy. */
.mxai-scd-admin table.widefat,.mxai-app table,.mxai-market table{border-radius:10px!important;border-color:#e7e5ec!important}.mxai-scd-admin table.widefat thead th,.mxai-app table thead th,.mxai-market table thead th{background:#f6f5f8!important;color:#625e6c!important;font-size:11px!important;font-weight:600!important;letter-spacing:.015em}.mxai-scd-admin table.widefat tbody tr:hover,.mxai-app table tbody tr:hover,.mxai-market table tbody tr:hover{background:#faf9fc!important}

/* Invoice center */
.mxai-invoice-center{padding:0!important;overflow:hidden!important}.mxai-invoice-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 10px}.mxai-invoice-center-head h3{margin:3px 0 5px!important;font-size:22px!important}.mxai-invoice-center-head p{margin:0!important;max-width:700px!important}.mxai-invoice-export{white-space:nowrap!important;text-decoration:none!important;padding:0 13px!important}
.mxai-invoice-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:8px 20px 16px;border:1px solid #e7e5ec;border-radius:10px;overflow:hidden;background:#fff}.mxai-invoice-stats article{padding:14px 16px;min-width:0}.mxai-invoice-stats article+article{border-left:1px solid #e7e5ec}.mxai-invoice-stats span{display:block;color:#7a7685;font-size:11px}.mxai-invoice-stats strong{display:block;margin-top:3px;color:#35313f;font-size:22px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums}.mxai-invoice-stats small{display:block;margin-top:3px;color:#9a96a5;font-size:10px}
.mxai-invoice-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px;gap:12px;align-items:end;padding:14px 20px;border-top:1px solid #efedf2;border-bottom:1px solid #efedf2;background:#fbfafc}.mxai-invoice-toolbar label{display:grid;gap:5px!important}.mxai-invoice-toolbar label>span{font-size:11px;color:#706c7c}.mxai-invoice-table-wrap{overflow-x:auto}.mxai-invoice-table{width:100%;min-width:880px!important;border:0!important;border-radius:0!important}.mxai-invoice-table th,.mxai-invoice-table td{padding:12px 14px!important;vertical-align:middle!important}.mxai-invoice-table td small{display:block;margin-top:2px;color:#9692a0;font-size:10px}.mxai-invoice-table .num{text-align:right!important;font-variant-numeric:tabular-nums}.mxai-invoice-table th.actions,.mxai-invoice-table td.actions{text-align:right!important}.mxai-invoice-product{font-weight:550}.mxai-status-chip,.mxai-tax-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:600;white-space:nowrap}.mxai-tax-chip.vat{background:#eef8f2;color:#23875d}.mxai-tax-chip.no-vat{background:#f0f0f3;color:#6e6978}.mxai-status-chip{background:#f0f0f4;color:#676272}.mxai-status-chip.status-paid{background:#eaf8f1;color:#21855a}.mxai-status-chip.status-pending{background:#fff4e7;color:#a76518}.mxai-status-chip.status-payment_error{background:#f2eff5;color:#7d667c}.mxai-invoice-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.mxai-invoice-actions a{display:inline-flex;align-items:center;min-height:30px;padding:0 8px;border:1px solid #e1dfe7;border-radius:7px;background:#fff;color:#5b5570;text-decoration:none;font-size:10px;font-weight:550}.mxai-invoice-actions a:hover{background:#f5f3ff;border-color:#d8d2ff;color:#6256dc}.mxai-invoice-actions a.icon{width:30px;justify-content:center;padding:0;font-size:15px}.mxai-invoice-filter-empty,.mxai-invoice-empty{padding:24px!important;text-align:center!important;color:#8d8996!important;background:#fbfafc!important}

/* Global page navigation and chips. */
.mxai-page-navigator a,.mxai-page-navigator button,.mxai-account-back,.mxai-market-private-nav>a,.mxai-market-private-nav div a{border-radius:8px!important;min-height:36px!important;background:#fff!important}.mxai-page-navigator a:hover,.mxai-page-navigator button:hover,.mxai-account-back:hover,.mxai-market-private-nav>a:hover,.mxai-market-private-nav div a:hover{background:#f4f2ff!important;color:#6256dc!important;border-color:#ded9ff!important}

/* Keep destructive hover neutral; status red may still communicate errors without turning buttons red. */
.mxai-app .danger:hover,.mxai-scd-admin .danger:hover,.mxai-market .danger:hover,.mxai-app [class*="danger"]:hover,.mxai-scd-admin [class*="danger"]:hover,.mxai-market [class*="danger"]:hover,.mxai-app [class*="delete"]:hover,.mxai-scd-admin [class*="delete"]:hover,.mxai-market [class*="delete"]:hover,.mxai-scd-admin .button-link-delete:hover{background:#f1f0f3!important;border-color:#d9d6df!important;color:#625e6c!important;box-shadow:none!important}

@media(max-width:900px){.mxai-invoice-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mxai-invoice-stats article:nth-child(3){border-left:0;border-top:1px solid #e7e5ec}.mxai-invoice-stats article:nth-child(4){border-top:1px solid #e7e5ec}.mxai-invoice-toolbar{grid-template-columns:1fr}.mxai-invoice-center-head{flex-direction:column}.mxai-invoice-export{align-self:flex-start}}
@media(max-width:560px){.mxai-invoice-stats{grid-template-columns:1fr}.mxai-invoice-stats article+article{border-left:0;border-top:1px solid #e7e5ec}}


/* ==========================================================================\n   v3.0.54.83 — Materialize Vertical Menu front-end template standard\n   Reimplemented locally from structural/visual reference only; no Pixinvent\n   CSS, JavaScript, fonts, icons or commercial assets are bundled.\n   ========================================================================== */
:root{
  --mx-mz-primary:#7367f0;
  --mx-mz-primary-soft:#f0edff;
  --mx-mz-bg:#f8f7fa;
  --mx-mz-card:#fff;
  --mx-mz-text:#2f2b3d;
  --mx-mz-muted:#6d6a78;
  --mx-mz-border:#e7e5ec;
  --mx-mz-sidebar:250px;
  --mx-mz-radius:12px;
  --mx-mz-shadow:0 2px 8px rgba(47,43,61,.08);
}
body.mxai-scd-app-page:not(.mxai-scd-public-page){background:var(--mx-mz-bg)!important}
body.mxai-scd-app-page:not(.mxai-scd-public-page) .entry-content,
body.mxai-scd-app-page:not(.mxai-scd-public-page) .wp-block-post-content{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}

/* App shell: light vertical navigation + floating content navbar. */
.mxai-app.mxai-mz-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:var(--mx-mz-sidebar) minmax(0,1fr)!important;
  grid-auto-rows:min-content!important;
  column-gap:24px!important;
  row-gap:16px!important;
  width:min(1600px,100%)!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding:18px 20px 36px!important;
  background:transparent!important;
  overflow:visible!important;
}
.mxai-app.mxai-mz-shell > .mxai-mz-sidebar{grid-column:1!important;grid-row:1 / span 80!important}
.mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay){grid-column:2!important;min-width:0!important}
.mxai-app.mxai-mz-shell > .mxai-page-navigator{display:none!important}

/* Left menu */
.mxai-mz-sidebar{
  position:sticky!important;top:18px!important;align-self:start!important;z-index:80!important;
  display:flex!important;flex-direction:column!important;gap:12px!important;
  width:var(--mx-mz-sidebar)!important;max-height:calc(100vh - 36px)!important;min-height:640px!important;
  padding:14px 12px!important;border:1px solid var(--mx-mz-border)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:var(--mx-mz-shadow)!important;overflow:auto!important;
}
.mxai-mz-sidebar-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:62px!important;padding:2px 8px 8px!important;border-bottom:1px solid #f0eff3!important}
.mxai-mz-sidebar-brand a{display:flex!important;align-items:center!important;min-width:0!important}
.mxai-mz-sidebar-brand img.mxai-brand-logo{display:block!important;width:auto!important;height:48px!important;max-width:195px!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
.mxai-mz-sidebar-close{display:none!important;width:34px!important;height:34px!important;border:0!important;border-radius:8px!important;background:#f5f4f7!important;color:#6d6a78!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}
.mxai-mz-menu-search{position:relative!important;display:flex!important;align-items:center!important;height:40px!important;margin:2px 4px 0!important;border:1px solid var(--mx-mz-border)!important;border-radius:9px!important;background:#fbfafc!important}
.mxai-mz-menu-search>span{position:absolute!important;left:12px!important;color:#a09ca9!important;font-size:18px!important;pointer-events:none!important}
.mxai-mz-menu-search input{width:100%!important;height:38px!important;min-height:38px!important;padding:0 10px 0 34px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}
.mxai-mz-menu-search input:focus{border:0!important;box-shadow:none!important}
.mxai-mz-menu{display:flex!important;flex-direction:column!important;gap:3px!important;padding:2px 0!important}
.mxai-mz-menu-label{display:block!important;padding:12px 10px 6px!important;color:#a3a0ad!important;font-size:10px!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.mxai-mz-menu a{display:flex!important;align-items:center!important;gap:11px!important;min-height:42px!important;padding:0 12px!important;border-radius:8px!important;color:#5d5967!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;transition:background .14s ease,color .14s ease!important}
.mxai-mz-menu a svg{width:19px!important;height:19px!important;flex:0 0 19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mxai-mz-menu a:hover{background:#f6f5f8!important;color:#444050!important}
.mxai-mz-menu a.is-active{background:linear-gradient(90deg,#7367f0,#8f85f3)!important;color:#fff!important;box-shadow:0 3px 8px rgba(115,103,240,.24)!important}
.mxai-mz-plan-card{margin-top:auto!important;padding:12px!important;border-radius:10px!important;background:#f6f5ff!important;border:1px solid #ece9ff!important}
.mxai-mz-plan-card>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.mxai-mz-plan-card span{color:#7d7889!important;font-size:10px!important}.mxai-mz-plan-card b{color:#5e50d4!important;font-size:13px!important;font-weight:650!important}.mxai-mz-plan-bar{height:5px!important;margin:10px 0 7px!important;border-radius:999px!important;background:#e6e2fb!important;overflow:hidden!important}.mxai-mz-plan-bar i{display:block!important;height:100%!important;border-radius:inherit!important;background:#7367f0!important}.mxai-mz-plan-card small{color:#777282!important;font-size:10px!important}
.mxai-mz-sidebar-user{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 7px 2px!important;border-top:1px solid #f0eff3!important;min-width:0!important}.mxai-mz-sidebar-user .mxai-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;font-size:12px!important;box-shadow:none!important}.mxai-mz-sidebar-user>span:last-child{display:flex!important;flex-direction:column!important;min-width:0!important}.mxai-mz-sidebar-user b{max-width:165px!important;color:#3f3b4b!important;font-size:11.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mxai-mz-sidebar-user small{max-width:165px!important;color:#9995a3!important;font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.mxai-mz-overlay{display:none!important}

/* Top navbar. Brand lives in the vertical menu, as in the reference structure. */
.mxai-app.mxai-mz-shell > .mxai-mz-topbar.mxai-startup-header{
  display:flex!important;align-items:center!important;gap:12px!important;min-height:68px!important;height:auto!important;
  margin:0!important;padding:9px 12px 9px 14px!important;border:1px solid var(--mx-mz-border)!important;border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;box-shadow:var(--mx-mz-shadow)!important;overflow:visible!important;
}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar.mxai-startup-header:before,.mxai-app.mxai-mz-shell > .mxai-mz-topbar.mxai-startup-header:after{display:none!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-brand-lockup{display:none!important}
.mxai-mz-topbar-start{display:flex!important;align-items:center!important;gap:10px!important;margin-right:auto!important;min-width:160px!important}
.mxai-mz-menu-toggle{display:none!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;width:38px!important;height:38px!important;padding:0 10px!important;border:0!important;border-radius:9px!important;background:#f5f4f7!important;cursor:pointer!important}.mxai-mz-menu-toggle span{display:block!important;width:17px!important;height:1.5px!important;border-radius:2px!important;background:#5f5a69!important}
.mxai-mz-topbar-title{display:flex!important;flex-direction:column!important;gap:1px!important}.mxai-mz-topbar-title small{color:#a09ca9!important;font-size:9px!important;font-weight:600!important;letter-spacing:.06em!important}.mxai-mz-topbar-title b{color:#403c4d!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-metrics{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;min-width:0!important;flex:0 1 auto!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card{height:48px!important;min-height:48px!important;padding:6px 9px!important;gap:7px!important;border:0!important;border-radius:9px!important;background:#f8f7fa!important;box-shadow:none!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-plan{min-width:190px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-days{min-width:112px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-expiry{min-width:142px!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:8px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-icon svg{width:15px!important;height:15px!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-copy{gap:2px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-copy small{font-size:10px!important;font-weight:500!important;line-height:1.15!important;color:#8a8694!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-copy b{font-size:13px!important;font-weight:600!important;line-height:1.15!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-plan .mxai-header-card-copy b{font-size:13.5px!important;color:#6558db!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-record-usage{font-size:9.5px!important;line-height:1.1!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-record-usage em{font-size:9px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-record-usage strong{font-size:11px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-value-row b{font-size:13px!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-value-row em{font-size:10px!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-menu{margin:0!important;flex:0 0 auto!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-menu>summary{height:48px!important;min-height:48px!important;min-width:138px!important;padding:5px 10px 5px 6px!important;gap:8px!important;border:0!important;border-radius:9px!important;background:#f8f7fa!important;box-shadow:none!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-menu>summary:hover{background:#f3f2f5!important;transform:none!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:12px!important;box-shadow:none!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-name{max-width:120px!important;font-size:11.5px!important;font-weight:600!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-pop{top:56px!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(47,43,61,.14)!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-billing-notify-chip{min-height:32px!important;border:0!important;border-radius:8px!important;background:#fff5e7!important;color:#a86915!important;box-shadow:none!important}

/* Content rhythm: compact commercial dashboard cards, matching the reference hierarchy. */
.mxai-app.mxai-mz-shell > section,
.mxai-app.mxai-mz-shell > .mxai-account-grid,
.mxai-app.mxai-mz-shell > .mxai-account-page-head,
.mxai-app.mxai-mz-shell > .mxai-notice,
.mxai-app.mxai-mz-shell > .mxai-review-head,
.mxai-app.mxai-mz-shell > .mxai-market-private-nav,
.mxai-app.mxai-mz-shell > .mxai-market-pricing-hero,
.mxai-app.mxai-mz-shell > .mxai-market-current-plan,
.mxai-app.mxai-mz-shell > .mxai-market-checkout-grid{margin-top:0!important;margin-bottom:0!important}
.mxai-app.mxai-mz-shell .process-card,.mxai-app.mxai-mz-shell .upload-box,.mxai-app.mxai-mz-shell .mxai-workspace-box,.mxai-app.mxai-mz-shell .jobs,
.mxai-app.mxai-mz-shell .mxai-account-card,.mxai-app.mxai-mz-shell .mxai-review-summary,.mxai-app.mxai-mz-shell .mxai-market-result-card{
  border:1px solid var(--mx-mz-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--mx-mz-shadow)!important;
}
.mxai-app.mxai-mz-shell .process-card,.mxai-app.mxai-mz-shell .upload-box,.mxai-app.mxai-mz-shell .mxai-workspace-box,.mxai-app.mxai-mz-shell .jobs{padding:18px!important}
.mxai-app.mxai-mz-shell .section-heading,.mxai-app.mxai-mz-shell .process-head{margin-bottom:14px!important}.mxai-app.mxai-mz-shell .section-heading h3,.mxai-app.mxai-mz-shell .process-head h3{margin:2px 0 2px!important;font-size:18px!important;font-weight:600!important}.mxai-app.mxai-mz-shell .section-heading p,.mxai-app.mxai-mz-shell .process-head p{margin:0!important;font-size:11.5px!important;color:#7d7889!important;line-height:1.55!important}
.mxai-app.mxai-mz-shell .section-kicker{font-size:9px!important;font-weight:650!important;letter-spacing:.08em!important}

/* Forms use a clear Materialize-like vertical rhythm. */
.mxai-app.mxai-mz-shell .mxai-import-meta,.mxai-app.mxai-mz-shell .mxai-modal-grid,.mxai-app.mxai-mz-shell .mxai-dataset-auto-fields{gap:12px!important;align-items:start!important}
.mxai-app.mxai-mz-shell label{gap:6px!important;font-size:11px!important;font-weight:550!important;color:#4f4b58!important}
.mxai-app.mxai-mz-shell input:not([type=checkbox]):not([type=radio]):not([type=color]),.mxai-app.mxai-mz-shell select,.mxai-app.mxai-mz-shell textarea,.mxai-app.mxai-mz-shell .mxai-search-select-trigger{min-height:42px!important;height:auto!important;border-radius:8px!important;border-color:#dcd9e1!important;font-size:12.5px!important;background:#fff!important}
.mxai-app.mxai-mz-shell .mxai-search-select-trigger{height:42px!important}
.mxai-app.mxai-mz-shell input:focus,.mxai-app.mxai-mz-shell select:focus,.mxai-app.mxai-mz-shell textarea:focus,.mxai-app.mxai-mz-shell .mxai-search-select.is-open .mxai-search-select-trigger{border-color:#8c80f2!important;box-shadow:0 0 0 2px rgba(115,103,240,.10)!important}
.mxai-app.mxai-mz-shell .drop{border:1.5px dashed #d7d3df!important;border-radius:10px!important;background:#fbfafc!important}.mxai-app.mxai-mz-shell .drop:hover{border-color:#9d92f5!important;background:#f9f8ff!important}

/* Buttons, status chips and progress use a single semantic palette. */
.mxai-app.mxai-mz-shell .mxai-primary,.mxai-app.mxai-mz-shell .mxai-company-add-btn,.mxai-app.mxai-mz-shell .mxai-import-button,.mxai-app.mxai-mz-shell .mxai-market-primary{min-height:40px!important;border-radius:8px!important;background:#7367f0!important;box-shadow:0 2px 5px rgba(115,103,240,.24)!important;font-size:12px!important;font-weight:600!important}
.mxai-app.mxai-mz-shell .mxai-primary:hover,.mxai-app.mxai-mz-shell .mxai-company-add-btn:hover,.mxai-app.mxai-mz-shell .mxai-import-button:hover,.mxai-app.mxai-mz-shell .mxai-market-primary:hover{background:#675bd8!important;box-shadow:0 3px 7px rgba(115,103,240,.26)!important;transform:none!important}
.mxai-app.mxai-mz-shell .process-overall,.mxai-app.mxai-mz-shell .progress-bar,.mxai-app.mxai-mz-shell .mxai-job-progress-track{background:#eceaf2!important}.mxai-app.mxai-mz-shell .process-overall span,.mxai-app.mxai-mz-shell .progress-bar span,.mxai-app.mxai-mz-shell .mxai-job-progress-track i{background:#7367f0!important}
.mxai-app.mxai-mz-shell .process-step .step-icon{box-shadow:none!important}.mxai-app.mxai-mz-shell .process-step.active .step-icon{background:#7367f0!important;color:#fff!important}.mxai-app.mxai-mz-shell .process-step.completed .step-icon{background:#e9f8ef!important;color:#28c76f!important}

/* Data lists/tables feel like application tables, not nested cards. */
.mxai-app.mxai-mz-shell .jobtable,.mxai-app.mxai-mz-shell .mxai-workspace-list,.mxai-app.mxai-mz-shell .mxai-review-list,.mxai-app.mxai-mz-shell .mxai-usage-table{border:1px solid var(--mx-mz-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.mxai-app.mxai-mz-shell .jobtable .th,.mxai-app.mxai-mz-shell .mxai-workspace-row.head,.mxai-app.mxai-mz-shell .mxai-review-header,.mxai-app.mxai-mz-shell .mxai-usage-table .head{background:#f6f5f8!important;color:#6d6977!important;font-size:10.5px!important;font-weight:600!important;text-transform:none!important}
.mxai-app.mxai-mz-shell .jobtable .tr,.mxai-app.mxai-mz-shell .mxai-workspace-row,.mxai-app.mxai-mz-shell .mxai-review-row,.mxai-app.mxai-mz-shell .mxai-usage-table .row{border-color:#efedf2!important}

/* Account / package pages: remove duplicated legacy navigation and use sidebar as the primary nav. */
.mxai-app.mxai-mz-shell .mxai-account-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 2px!important}.mxai-app.mxai-mz-shell .mxai-account-page-head h2{font-size:22px!important;font-weight:600!important;margin:2px 0 0!important}.mxai-app.mxai-mz-shell .mxai-account-back{display:none!important}
.mxai-app.mxai-mz-shell.mxai-market-app-shell .mxai-market-private-nav{padding:0 2px!important}.mxai-app.mxai-mz-shell.mxai-market-app-shell .mxai-market-private-nav>a{display:none!important}
.mxai-app.mxai-mz-shell .mxai-market-pricing-hero{padding:22px 10px 12px!important;text-align:left!important}.mxai-app.mxai-mz-shell .mxai-market-pricing-hero>span{font-size:9px!important}.mxai-app.mxai-mz-shell .mxai-market-pricing-hero h1{max-width:760px!important;margin:5px 0 5px!important;font-size:28px!important;line-height:1.2!important;font-weight:600!important}.mxai-app.mxai-mz-shell .mxai-market-pricing-hero p{max-width:780px!important;margin:0!important;font-size:12px!important}
.mxai-app.mxai-mz-shell .mxai-market-current-plan{border-radius:10px!important;box-shadow:none!important}
.mxai-app.mxai-mz-shell .mxai-market-plan{border-radius:12px!important;box-shadow:var(--mx-mz-shadow)!important}.mxai-app.mxai-mz-shell .mxai-market-plan.featured{border-color:#cfc9ff!important;box-shadow:0 3px 12px rgba(115,103,240,.12)!important}

/* Reduce visual fragmentation from card-inside-card patterns. */
.mxai-app.mxai-mz-shell .mxai-account-card .mxai-account-card,.mxai-app.mxai-mz-shell .mxai-panel .mxai-panel,.mxai-app.mxai-mz-shell .mxai-settings-card .mxai-settings-card{box-shadow:none!important;border-color:#efedf2!important;background:#fbfafc!important}

/* No destructive red hover anywhere in the front app. */
.mxai-app.mxai-mz-shell .danger:hover,.mxai-app.mxai-mz-shell [class*="danger"]:hover,.mxai-app.mxai-mz-shell [class*="delete"]:hover{background:#f1f0f3!important;border-color:#d9d6df!important;color:#5d5967!important;box-shadow:none!important}

@media(max-width:1280px){
  :root{--mx-mz-sidebar:228px}
  .mxai-app.mxai-mz-shell{column-gap:18px!important;padding-inline:14px!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-plan{min-width:168px!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card-expiry{min-width:128px!important}
}
@media(max-width:1120px){
  .mxai-app.mxai-mz-shell{display:block!important;width:100%!important;padding:12px!important}
  .mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay){margin-bottom:14px!important}
  .mxai-mz-sidebar{position:fixed!important;left:12px!important;top:12px!important;bottom:12px!important;width:260px!important;max-height:none!important;min-height:0!important;transform:translateX(calc(-100% - 28px))!important;transition:transform .2s ease!important;z-index:10020!important}
  body.mxai-mz-nav-open .mxai-mz-sidebar{transform:translateX(0)!important}
  .mxai-mz-sidebar-close{display:inline-grid!important;place-items:center!important}
  .mxai-mz-overlay{position:fixed!important;inset:0!important;display:block!important;border:0!important;background:rgba(35,32,45,.35)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;z-index:10010!important}
  body.mxai-mz-nav-open .mxai-mz-overlay{opacity:1!important;pointer-events:auto!important}
  .mxai-mz-menu-toggle{display:flex!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-metrics{margin-left:auto!important;overflow:auto!important;scrollbar-width:none!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-metrics::-webkit-scrollbar{display:none!important}
}
@media(max-width:760px){
  .mxai-app.mxai-mz-shell{padding:8px!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-topbar.mxai-startup-header{flex-wrap:wrap!important;padding:8px!important;border-radius:10px!important}
  .mxai-mz-topbar-title{display:none!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-metrics{order:3!important;width:100%!important;flex-basis:100%!important;padding-top:2px!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-header-card{flex:0 0 auto!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-name{display:none!important}.mxai-app.mxai-mz-shell > .mxai-mz-topbar .mxai-account-menu>summary{min-width:46px!important;width:46px!important;padding:5px!important;justify-content:center!important}
  .mxai-app.mxai-mz-shell .process-card,.mxai-app.mxai-mz-shell .upload-box,.mxai-app.mxai-mz-shell .mxai-workspace-box,.mxai-app.mxai-mz-shell .jobs{padding:14px!important}
  .mxai-app.mxai-mz-shell .mxai-market-pricing-hero{padding:16px 4px 8px!important}.mxai-app.mxai-mz-shell .mxai-market-pricing-hero h1{font-size:23px!important}
}

/* Shell-safe fallback for WordPress administrators previewing the app without an app-user session. */
.mxai-app.mxai-mz-shell:not(:has(> .mxai-mz-sidebar)){display:block!important;max-width:1440px!important;padding:18px 20px 36px!important}
.mxai-market.mxai-market-packages:has(.mxai-mz-shell){max-width:1600px!important}


/* ==========================================================================
   v3.0.54.87 — Sidebar-only signed-in shell
   Closely follows the information architecture and proportions of the
   referenced Materialize vertical-menu demo while using MXAI-owned markup,
   CSS, icons and assets. The duplicate signed-in top navbar is removed.
   ========================================================================== */
:root{
  --mx-mz-sidebar:280px;
  --mx-mz-primary:#7367f0;
  --mx-mz-primary-dark:#675bd8;
  --mx-mz-primary-soft:#f0edff;
  --mx-mz-bg:#f8f7fa;
  --mx-mz-card:#fff;
  --mx-mz-text:#2f2b3d;
  --mx-mz-muted:#6d6a78;
  --mx-mz-border:#e7e5ec;
  --mx-mz-radius:10px;
  --mx-mz-shadow:0 2px 8px rgba(47,43,61,.08);
}
.mxai-app.mxai-mz-shell,
.mxai-app.mxai-mz-shell button,
.mxai-app.mxai-mz-shell input,
.mxai-app.mxai-mz-shell select,
.mxai-app.mxai-mz-shell textarea{
  font-family:"Public Sans","Prompt","Noto Sans Thai","Segoe UI",Tahoma,Arial,sans-serif!important;
}
.mxai-app.mxai-mz-shell{
  grid-template-columns:var(--mx-mz-sidebar) minmax(0,1fr)!important;
  column-gap:26px!important;row-gap:16px!important;
  width:min(1640px,100%)!important;max-width:1640px!important;
  padding:18px 22px 38px!important;
}
.mxai-app.mxai-mz-shell > .mxai-mz-sidebar{grid-column:1!important;grid-row:1 / span 100!important}
.mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher){grid-column:2!important;min-width:0!important}
.mxai-app.mxai-mz-shell > .mxai-mz-topbar{display:none!important}

/* Sidebar proportions */
.mxai-mz-sidebar{
  top:18px!important;gap:10px!important;width:var(--mx-mz-sidebar)!important;
  max-height:calc(100vh - 36px)!important;min-height:660px!important;
  padding:14px 12px 12px!important;border-radius:12px!important;
  border:1px solid var(--mx-mz-border)!important;background:#fff!important;
  box-shadow:var(--mx-mz-shadow)!important;overflow:visible!important;
}
.mxai-mz-sidebar-brand{min-height:88px!important;padding:4px 10px 12px!important;border-bottom:1px solid #f0eff3!important}
.mxai-mz-sidebar-brand a{width:100%!important;min-width:0!important}
.mxai-mz-sidebar-brand img.mxai-brand-logo,
.mxai-mz-sidebar-brand img.mxai-brand-logo.is-system-logo,
.mxai-mz-sidebar-brand img.mxai-brand-logo.is-custom-logo,
.mxai-mz-sidebar-brand img.mxai-brand-logo.is-compact-logo,
.mxai-mz-sidebar-brand img.mxai-brand-logo.is-extra-wide-logo{
  display:block!important;width:auto!important;height:72px!important;max-height:72px!important;
  max-width:238px!important;object-fit:contain!important;object-position:left center!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.mxai-mz-menu-search{height:42px!important;margin:3px 5px 2px!important;border-radius:8px!important;background:#fbfafc!important}
.mxai-mz-menu-search input{height:40px!important;min-height:40px!important;font-size:12.5px!important}
.mxai-mz-menu{flex:1 1 auto!important;min-height:0!important;gap:2px!important;padding:2px 0!important;overflow:auto!important;scrollbar-width:thin!important}
.mxai-mz-menu-label{padding:12px 12px 5px!important;color:#a7a3af!important;font-size:10px!important;font-weight:600!important;letter-spacing:.075em!important}
.mxai-mz-menu a{position:relative!important;min-height:44px!important;padding:0 12px!important;border-radius:7px!important;gap:12px!important;color:#5d5967!important;font-size:13.5px!important;font-weight:500!important}
.mxai-mz-menu a svg{width:20px!important;height:20px!important;flex-basis:20px!important;stroke-width:1.65!important}
.mxai-mz-menu a:hover{background:#f5f4f7!important;color:#4a4653!important}
.mxai-mz-menu a.is-active{background:linear-gradient(90deg,#7367f0,#8f85f3)!important;color:#fff!important;box-shadow:0 3px 8px rgba(115,103,240,.24)!important}
.mxai-mz-nav-badge{margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#eeeaff!important;color:#6658da!important;font-size:10px!important;font-style:normal!important;font-weight:700!important}
.mxai-mz-menu a.is-active .mxai-mz-nav-badge{background:rgba(255,255,255,.2)!important;color:#fff!important}

/* Package information is now part of the vertical rail instead of a duplicate top bar. */
.mxai-mz-plan-card{margin-top:auto!important;padding:13px!important;border-radius:9px!important;background:#f8f7ff!important;border:1px solid #ece9ff!important;box-shadow:none!important}
.mxai-mz-plan-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.mxai-mz-plan-head span{font-size:10.5px!important;color:#7d7889!important}.mxai-mz-plan-head b{font-size:14px!important;color:#5e50d4!important;font-weight:650!important}
.mxai-mz-plan-bar{height:5px!important;margin:9px 0 10px!important;background:#e6e2fb!important}.mxai-mz-plan-bar i{background:#7367f0!important}
.mxai-mz-plan-usage,.mxai-mz-plan-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.mxai-mz-plan-meta{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e9e6f5!important}
.mxai-mz-plan-usage>span,.mxai-mz-plan-meta>span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.mxai-mz-plan-usage small,.mxai-mz-plan-meta small{font-size:9.5px!important;line-height:1.2!important;color:#918c9d!important}
.mxai-mz-plan-usage strong,.mxai-mz-plan-meta strong{font-size:12px!important;line-height:1.25!important;color:#474251!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-variant-numeric:tabular-nums!important}

/* ChatGPT-like user control at the bottom: one calm row, menu opens upward. */
.mxai-mz-user-menu{position:relative!important;margin:0!important;padding:0!important;border-top:1px solid #f0eff3!important}
.mxai-mz-user-menu>summary::-webkit-details-marker{display:none!important}.mxai-mz-user-menu>summary{list-style:none!important}
.mxai-mz-sidebar-user{display:grid!important;grid-template-columns:38px minmax(0,1fr) 30px!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px 7px!important;border:0!important;border-radius:8px!important;background:transparent!important;cursor:pointer!important;transition:background .14s ease!important}
.mxai-mz-sidebar-user:hover{background:#f6f5f8!important}
.mxai-mz-sidebar-user .mxai-avatar,.mxai-mz-user-pop-head .mxai-avatar{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;background:linear-gradient(145deg,#7367f0,#8f85f3)!important;color:#fff!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important}
.mxai-mz-user-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.mxai-mz-user-copy b{color:#3f3b4b!important;font-size:12.5px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mxai-mz-user-copy small{color:#9995a3!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mxai-mz-user-more{display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:7px!important;color:#827e8b!important;font-size:14px!important;letter-spacing:1px!important}
.mxai-mz-user-menu[open] .mxai-mz-sidebar-user{background:#f6f5f8!important}
.mxai-mz-user-pop{position:absolute!important;left:0!important;right:0!important;bottom:66px!important;z-index:400!important;display:grid!important;gap:2px!important;padding:7px!important;border:1px solid #e4e1e8!important;border-radius:10px!important;background:#fff!important;box-shadow:0 8px 30px rgba(47,43,61,.16)!important}
.mxai-mz-user-pop-head{display:flex!important;align-items:center!important;gap:9px!important;padding:7px 7px 9px!important;margin-bottom:2px!important;border-bottom:1px solid #efedf2!important;min-width:0!important}.mxai-mz-user-pop-head>span:last-child{display:flex!important;flex-direction:column!important;min-width:0!important}.mxai-mz-user-pop-head b{font-size:11.5px!important;color:#3f3b4b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mxai-mz-user-pop-head small{font-size:9px!important;color:#9995a3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mxai-mz-user-pop>a{display:flex!important;align-items:center!important;gap:10px!important;min-height:39px!important;padding:0 9px!important;border-radius:7px!important;color:#514d5b!important;text-decoration:none!important;font-size:12px!important;font-weight:500!important}.mxai-mz-user-pop>a svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}.mxai-mz-user-pop>a:hover{background:#f6f5f8!important;color:#45414e!important}.mxai-mz-user-pop>a>em{margin-left:auto!important;min-width:20px!important;height:20px!important;display:grid!important;place-items:center!important;padding:0 5px!important;border-radius:999px!important;background:#f0edff!important;color:#6557d7!important;font-style:normal!important;font-size:9px!important;font-weight:700!important}
.mxai-mz-user-divider{display:block!important;height:1px!important;margin:3px 4px!important;background:#efedf2!important}.mxai-mz-user-pop>a.mxai-mz-logout,.mxai-mz-user-pop>a.mxai-mz-logout:hover{color:#514d5b!important;background:transparent!important}.mxai-mz-user-pop>a.mxai-mz-logout:hover{background:#f6f5f8!important}.mxai-mz-logout-icon{width:18px!important;text-align:center!important;font-size:16px!important;color:#777282!important}
.mxai-mz-sidebar-version{display:block!important;padding:0 8px 2px!important;color:#b0acb6!important;font-size:8.5px!important;text-align:left!important}

/* Main content starts at the first row now that the top navbar is gone. */
.mxai-app.mxai-mz-shell > .mxai-account-page-head,
.mxai-app.mxai-mz-shell > .mxai-market-pricing-hero,
.mxai-app.mxai-mz-shell > .mxai-market-private-nav,
.mxai-app.mxai-mz-shell > .process-card,
.mxai-app.mxai-mz-shell > .mxai-market-result-card,
.mxai-app.mxai-mz-shell > section:first-of-type{margin-top:0!important}
.mxai-app.mxai-mz-shell .mxai-account-page-head{padding:8px 2px 4px!important}.mxai-app.mxai-mz-shell .mxai-account-page-head h2{font-size:24px!important;font-weight:600!important;color:#2f2b3d!important}
.mxai-app.mxai-mz-shell .mxai-market-pricing-hero{padding:10px 4px 12px!important}.mxai-app.mxai-mz-shell .mxai-market-pricing-hero h1{font-size:30px!important;font-weight:600!important;color:#2f2b3d!important}

/* Materialize-like component typography and spacing, without bundling proprietary code/assets. */
.mxai-app.mxai-mz-shell,.mxai-app.mxai-mz-shell p,.mxai-app.mxai-mz-shell td,.mxai-app.mxai-mz-shell th,.mxai-app.mxai-mz-shell label{color:#4b465c!important}
.mxai-app.mxai-mz-shell h1,.mxai-app.mxai-mz-shell h2,.mxai-app.mxai-mz-shell h3,.mxai-app.mxai-mz-shell h4{color:#2f2b3d!important;letter-spacing:0!important}
.mxai-app.mxai-mz-shell h2{font-weight:600!important}.mxai-app.mxai-mz-shell h3{font-weight:600!important}
.mxai-app.mxai-mz-shell input:not([type=checkbox]):not([type=radio]):not([type=color]),.mxai-app.mxai-mz-shell select,.mxai-app.mxai-mz-shell textarea,.mxai-app.mxai-mz-shell .mxai-search-select-trigger{border-radius:6px!important;border-color:#dcd9e1!important;font-size:13px!important}
.mxai-app.mxai-mz-shell .process-card,.mxai-app.mxai-mz-shell .upload-box,.mxai-app.mxai-mz-shell .mxai-workspace-box,.mxai-app.mxai-mz-shell .jobs,.mxai-app.mxai-mz-shell .mxai-account-card,.mxai-app.mxai-mz-shell .mxai-market-plan,.mxai-app.mxai-mz-shell .mxai-market-result-card{border-radius:10px!important;box-shadow:0 2px 8px rgba(47,43,61,.08)!important}
.mxai-app.mxai-mz-shell .mxai-primary,.mxai-app.mxai-mz-shell .mxai-company-add-btn,.mxai-app.mxai-mz-shell .mxai-import-button,.mxai-app.mxai-mz-shell .mxai-market-primary{border-radius:6px!important;background:#7367f0!important;font-size:12.5px!important;font-weight:600!important}.mxai-app.mxai-mz-shell .mxai-primary:hover,.mxai-app.mxai-mz-shell .mxai-company-add-btn:hover,.mxai-app.mxai-mz-shell .mxai-import-button:hover,.mxai-app.mxai-mz-shell .mxai-market-primary:hover{background:#675bd8!important;transform:none!important}

/* Never use red hover treatments; red remains reserved for semantic error/status text only. */
.mxai-app.mxai-mz-shell .danger:hover,.mxai-app.mxai-mz-shell [class*="danger"]:hover,.mxai-app.mxai-mz-shell [class*="delete"]:hover,.mxai-app.mxai-mz-shell button:hover[class*="remove"]{background:#f1f0f3!important;border-color:#d9d6df!important;color:#5d5967!important;box-shadow:none!important}

.mxai-mz-mobile-launcher{display:none!important}
@media(max-width:1120px){
  :root{--mx-mz-sidebar:280px}
  .mxai-app.mxai-mz-shell{display:block!important;width:100%!important;padding:14px!important}
  .mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher){margin-bottom:14px!important}
  .mxai-mz-sidebar{position:fixed!important;left:12px!important;top:12px!important;bottom:12px!important;width:280px!important;max-height:none!important;min-height:0!important;transform:translateX(calc(-100% - 28px))!important;transition:transform .2s ease!important;z-index:10020!important;overflow:visible!important}
  body.mxai-mz-nav-open .mxai-mz-sidebar{transform:translateX(0)!important}
  .mxai-mz-sidebar-close{display:inline-grid!important;place-items:center!important}
  .mxai-mz-overlay{position:fixed!important;inset:0!important;display:block!important;border:0!important;background:rgba(35,32,45,.35)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;z-index:10010!important}
  body.mxai-mz-nav-open .mxai-mz-overlay{opacity:1!important;pointer-events:auto!important}
  .mxai-mz-mobile-launcher{position:fixed!important;left:14px!important;top:14px!important;z-index:10000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #e2dfe6!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px 10px rgba(47,43,61,.12)!important;cursor:pointer!important}
  .mxai-mz-mobile-launcher span{display:block!important;width:18px!important;height:1.5px!important;border-radius:2px!important;background:#5f5a69!important}
  .mxai-mz-user-pop{bottom:66px!important}
}
@media(max-width:760px){
  .mxai-app.mxai-mz-shell{padding:12px 8px 24px!important}
  .mxai-app.mxai-mz-shell .process-card,.mxai-app.mxai-mz-shell .upload-box,.mxai-app.mxai-mz-shell .mxai-workspace-box,.mxai-app.mxai-mz-shell .jobs{padding:14px!important}
  .mxai-mz-sidebar-brand img.mxai-brand-logo{height:68px!important;max-height:68px!important;max-width:225px!important}
}


/* ========================================================================== 
   v3.0.54.87 — Sidebar brand fill + search icon clearance
   Keep these rules last: they intentionally win over generic form/input rules.
   ========================================================================== */
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand{
  min-height:104px!important;
  padding:6px 8px 13px!important;
  gap:8px!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand>a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo,
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo.is-system-logo,
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo.is-custom-logo,
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo.is-compact-logo,
.mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo.is-extra-wide-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  max-height:88px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-menu-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  margin:3px 5px 4px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dedbe4!important;
  border-radius:8px!important;
  background:#fbfafc!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-menu-search>.mxai-mz-menu-search-icon{
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  color:#8f8a99!important;
  pointer-events:none!important;
  z-index:2!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-menu-search>.mxai-mz-menu-search-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-menu-search>input[type="search"]{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px 0 42px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4b465c!important;
  font-size:13px!important;
  line-height:42px!important;
  text-indent:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-menu-search>input[type="search"]::placeholder{
  color:#9b96a4!important;
  opacity:1!important;
}
.mxai-app.mxai-mz-shell .mxai-mz-menu-search:focus-within{
  border-color:#8c80f2!important;
  box-shadow:0 0 0 2px rgba(115,103,240,.10)!important;
  background:#fff!important;
}
@media(max-width:1120px){
  .mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand{min-height:98px!important;padding:5px 6px 12px!important}
  .mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand>a{max-width:calc(100% - 42px)!important}
  .mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo{max-height:82px!important}
}
@media(max-width:760px){
  .mxai-app.mxai-mz-shell .mxai-mz-sidebar-brand img.mxai-brand-logo{width:100%!important;height:auto!important;max-width:none!important;max-height:78px!important}
}

/* ========================================================================== 
   v3.0.54.87 — Unified content rails (front-end + wp-admin)
   Every primary page block shares the same left/right edge. Legacy per-section
   calc() widths and auto centering are neutralized only at the page-rail level;
   inner grids/cards keep their own intentional layout.
   ========================================================================== */
:root{
  --mx-mz-page-rail-gap:16px;
  --mx-admin-page-rail-gap:16px;
}

/* Signed-in front-end: one content rail to the right of the vertical sidebar. */
.mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-self:stretch!important;
}
/* Legacy home/workflow blocks used different calc() widths. Keep their vertical
   rhythm but lock both horizontal edges to the common content rail. */
.mxai-app.mxai-mz-shell > .process-card,
.mxai-app.mxai-mz-shell > .upload-box,
.mxai-app.mxai-mz-shell > .jobs,
.mxai-app.mxai-mz-shell > .mxai-workspace-box,
.mxai-app.mxai-mz-shell > .mxai-account-card,
.mxai-app.mxai-mz-shell > .mxai-notice,
.mxai-app.mxai-mz-shell > .mxai-market-private-nav,
.mxai-app.mxai-mz-shell > .mxai-market-pricing-hero,
.mxai-app.mxai-mz-shell > .mxai-market-current-plan,
.mxai-app.mxai-mz-shell > .mxai-market-checkout-grid,
.mxai-app.mxai-mz-shell > .mxai-market-result-card,
.mxai-app.mxai-mz-shell > section{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* Lists/tables/cards that are wrapped by a primary section fill that section's
   rail instead of retaining an older narrower max-width. */
.mxai-app.mxai-mz-shell .mxai-workspace-box,
.mxai-app.mxai-mz-shell .mxai-workspace-list,
.mxai-app.mxai-mz-shell .mxai-export-template-box,
.mxai-app.mxai-mz-shell .mxai-job-list,
.mxai-app.mxai-mz-shell .jobtable{
  max-width:none!important;
}

/* wp-admin: brand bar, page title and every top-level page module use one rail.
   Nested grids are deliberately untouched so dashboard/card compositions remain. */
.mxai-scd-admin{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:none!important;
}
.mxai-scd-admin > :not(script):not(style){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.mxai-scd-admin > .mxai-top,
.mxai-scd-admin > .mxai-admin-brandbar,
.mxai-scd-admin > .mxai-admin-page-title,
.mxai-scd-admin > .mxai-panel,
.mxai-scd-admin > .mxai-admin-card,
.mxai-scd-admin > .mxai-settings-card,
.mxai-scd-admin > form,
.mxai-scd-admin > table,
.mxai-scd-admin > .notice{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Maintain equal gutters when the sidebar becomes a drawer. */
@media(max-width:1120px){
  .mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher){
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media(max-width:782px){
  .mxai-scd-admin{margin-left:0!important;margin-right:10px!important}
}

/* ========================================================================== 
   v3.0.54.87 — Collapsible sidebar + customer notification center
   Notification-center foundation retained; desktop sidebar interaction is
   refined to explicit click-only behavior in v3.0.54.95. Mobile keeps drawer.
   ========================================================================== */
:root{
  --mx-mz-sidebar-expanded:280px;
  --mx-mz-sidebar-collapsed:84px;
}
.mxai-app.mxai-mz-shell{position:relative!important}
.mxai-mz-sidebar-collapse{
  position:absolute!important;
  top:36px!important;
  right:-15px!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid #e1dee7!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#6f6a79!important;
  box-shadow:0 2px 8px rgba(47,43,61,.10)!important;
  cursor:pointer!important;
  transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.mxai-mz-sidebar-collapse:hover,
.mxai-mz-sidebar-collapse:focus-visible{background:#f6f5fb!important;border-color:#cfc9fb!important;color:#7367f0!important;outline:0!important}
.mxai-mz-sidebar-collapse.is-pinned{background:#7367f0!important;color:#fff!important;border-color:#7367f0!important}
.mxai-mz-sidebar-collapse svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .18s ease!important}
body:not(.mxai-mz-sidebar-collapsed) .mxai-mz-sidebar-collapse svg{transform:rotate(180deg)!important}

@media(min-width:1121px){
  body.mxai-mz-sidebar-collapsed{--mx-mz-sidebar:var(--mx-mz-sidebar-collapsed)!important}
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell{
    grid-template-columns:var(--mx-mz-sidebar-collapsed) minmax(0,1fr)!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar{
    width:var(--mx-mz-sidebar-collapsed)!important;
    min-width:var(--mx-mz-sidebar-collapsed)!important;
    transition:width .18s ease,box-shadow .18s ease!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-brand{
    min-height:76px!important;
    padding:7px 7px 10px!important;
    justify-content:center!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-brand>a{
    flex:0 0 50px!important;
    width:50px!important;
    max-width:50px!important;
    height:52px!important;
    overflow:hidden!important;
    justify-content:flex-start!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-brand img.mxai-brand-logo{
    width:218px!important;
    min-width:218px!important;
    max-width:none!important;
    max-height:52px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu-search,
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu-label,
  body.mxai-mz-sidebar-collapsed .mxai-mz-plan-card,
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-version,
  body.mxai-mz-sidebar-collapsed .mxai-mz-user-copy,
  body.mxai-mz-sidebar-collapsed .mxai-mz-user-more{display:none!important}
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu>a{
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    width:56px!important;
    min-width:56px!important;
    height:46px!important;
    min-height:46px!important;
    margin:3px auto!important;
    padding:0!important;
    border-radius:8px!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu>a>span:not(.mxai-mz-nav-badge),
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu>a>em:not(.mxai-mz-nav-badge){display:none!important}
  body.mxai-mz-sidebar-collapsed .mxai-mz-menu>a svg{width:20px!important;height:20px!important;margin:0!important}
  body.mxai-mz-sidebar-collapsed .mxai-mz-nav-badge{
    position:absolute!important;right:4px!important;top:4px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:8px!important;line-height:16px!important
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-user-menu{margin-top:auto!important;padding:0 5px 2px!important}
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-user{
    display:grid!important;grid-template-columns:1fr!important;place-items:center!important;width:56px!important;min-height:56px!important;margin:0 auto!important;padding:7px!important
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-user .mxai-avatar{width:38px!important;height:38px!important;margin:0!important}
  body.mxai-mz-sidebar-collapsed .mxai-mz-user-pop{left:68px!important;right:auto!important;bottom:8px!important;width:270px!important}
}

/* Standalone bell dock: it is not a duplicate top menu bar. */
.mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{
  grid-column:2!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  max-width:none!important;
  min-height:44px!important;
  margin:0 0 4px!important;
  padding:0!important;
  justify-self:stretch!important;
  position:relative!important;
  z-index:70!important;
}
.mxai-mz-notify{position:relative!important;margin:0!important;padding:0!important}
.mxai-mz-notify>summary{list-style:none!important}
.mxai-mz-notify>summary::-webkit-details-marker{display:none!important}
.mxai-mz-notify-button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #e0dde6!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#5f5a69!important;
  box-shadow:0 2px 8px rgba(47,43,61,.08)!important;
  cursor:pointer!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.mxai-mz-notify-button:hover,.mxai-mz-notify-button:focus-visible{background:#f8f7fd!important;border-color:#cfc9fb!important;color:#7367f0!important;outline:0!important;box-shadow:0 3px 12px rgba(115,103,240,.14)!important}
.mxai-mz-notify-button svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mxai-mz-notify-badge{position:absolute!important;right:-4px!important;top:-4px!important;display:grid!important;place-items:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid #f8f7fb!important;border-radius:999px!important;background:#7367f0!important;color:#fff!important;font-size:9px!important;font-weight:700!important;line-height:1!important;box-shadow:0 1px 4px rgba(47,43,61,.16)!important}
.mxai-mz-notify-badge.is-attention{background:#ff9f43!important}
.mxai-mz-notify-panel{
  position:absolute!important;
  top:50px!important;
  right:0!important;
  width:min(390px,calc(100vw - 36px))!important;
  max-height:min(620px,calc(100vh - 90px))!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #e6e3e9!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 14px 42px rgba(47,43,61,.18)!important;
  color:#4b465c!important;
}
.mxai-mz-notify-panel>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:64px!important;padding:12px 14px!important;border-bottom:1px solid #ece9ef!important;background:#fff!important}
.mxai-mz-notify-panel>header>div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.mxai-mz-notify-panel>header b{font-size:15px!important;font-weight:650!important;color:#3d3948!important}.mxai-mz-notify-panel>header small{font-size:10.5px!important;color:#8a8593!important}.mxai-mz-notify-panel>header form{margin:0!important;padding:0!important}.mxai-mz-notify-panel>header button{min-height:30px!important;padding:5px 9px!important;border:1px solid #ded9fb!important;border-radius:7px!important;background:#f5f3ff!important;color:#675bd8!important;font-size:10.5px!important;font-weight:600!important;cursor:pointer!important}.mxai-mz-notify-panel>header button:hover{background:#ece9ff!important;border-color:#cfc8ff!important;color:#5d52c8!important}
.mxai-mz-notify-list{overflow:auto!important;overscroll-behavior:contain!important;background:#fff!important}
.mxai-mz-notify-item{position:relative!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 8px!important;align-items:start!important;gap:10px!important;padding:12px 14px!important;border-bottom:1px solid #efedf1!important;background:#fff!important;color:inherit!important;text-decoration:none!important;transition:background .14s ease!important}
.mxai-mz-notify-item:hover{background:#faf9fc!important;color:inherit!important}.mxai-mz-notify-item.is-unread{background:#fbfaff!important}.mxai-mz-notify-item.is-attention .mxai-mz-notify-copy>b{color:#373241!important}
.mxai-mz-notify-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#f2f0ff!important;color:#7367f0!important}.mxai-mz-notify-icon.type-payment_failed{background:#fff4ee!important;color:#ff9f43!important}.mxai-mz-notify-icon.type-payment_pending{background:#fff8eb!important;color:#d98d2f!important}.mxai-mz-notify-icon.type-plan_expiry,.mxai-mz-notify-icon.type-low_days{background:#fff8eb!important;color:#d98d2f!important}.mxai-mz-notify-icon.type-payment_success{background:#edf9f2!important;color:#28c76f!important}.mxai-mz-notify-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mxai-mz-notify-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.mxai-mz-notify-copy>b{font-size:12px!important;line-height:1.35!important;font-weight:600!important;color:#4b465c!important}.mxai-mz-notify-copy>span{font-size:10.75px!important;line-height:1.45!important;color:#6f6a79!important;overflow-wrap:anywhere!important}.mxai-mz-notify-copy>small{font-size:9.5px!important;color:#aaa5b1!important}.mxai-mz-notify-item>i{width:7px!important;height:7px!important;margin-top:6px!important;border-radius:50%!important;background:#7367f0!important}
.mxai-mz-notify-empty{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:28px 18px!important;text-align:center!important}.mxai-mz-notify-empty>span{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:50%!important;background:#f3f1ff!important;color:#7367f0!important}.mxai-mz-notify-empty svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}.mxai-mz-notify-empty b{font-size:12.5px!important;color:#4b465c!important}.mxai-mz-notify-empty small{max-width:270px!important;font-size:10.5px!important;line-height:1.5!important;color:#8d8896!important}
.mxai-mz-notify-panel>footer{padding:10px 12px!important;background:#fff!important}.mxai-mz-notify-panel>footer a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;border-radius:7px!important;background:#7367f0!important;color:#fff!important;font-size:11.5px!important;font-weight:600!important;text-decoration:none!important}.mxai-mz-notify-panel>footer a:hover{background:#675bd8!important;color:#fff!important}

@media(max-width:1120px){
  .mxai-mz-sidebar-collapse{display:none!important}
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{grid-column:1!important;min-height:44px!important;padding-right:2px!important;padding-left:48px!important}
  .mxai-mz-notify-panel{position:fixed!important;top:62px!important;right:12px!important;width:min(390px,calc(100vw - 24px))!important;max-height:calc(100vh - 78px)!important}
}
@media(max-width:520px){
  .mxai-mz-notify-panel{right:8px!important;width:calc(100vw - 16px)!important;max-height:calc(100vh - 74px)!important}
  .mxai-mz-notify-item{grid-template-columns:38px minmax(0,1fr) 7px!important;padding:11px 12px!important}
  .mxai-mz-notify-panel>header{padding:11px 12px!important}
}

/* v3.0.54.92 — host-site isolation guard: MXAI components never hide or restyle the WordPress theme navigation outside the dedicated app shell. */
body:not(.mxai-scd-app-page) .mxai-mz-sidebar,
body:not(.mxai-scd-app-page) .mxai-mz-notify-dock{display:none!important}


/* ========================================================================== 
   v3.0.54.92 — Unified text breadcrumb navigator
   Replaces button-style Back/Home controls with lightweight clickable text
   paths across the signed-in frontend and every MXAI wp-admin screen.
   ========================================================================== */
.mxai-page-navigator{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9a95a4!important;
  font-family:"Public Sans","Prompt","Noto Sans Thai","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  position:relative!important;
  z-index:62!important;
}
.mxai-page-navigator ol{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.mxai-page-navigator li{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.mxai-page-navigator .mxai-page-nav-link,
.mxai-page-navigator .mxai-page-nav-current{
  display:inline!important;
  min-height:0!important;
  margin:0!important;
  padding:1px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.45!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.mxai-page-navigator .mxai-page-nav-link{color:#7367f0!important;cursor:pointer!important}
.mxai-page-navigator .mxai-page-nav-link:hover,
.mxai-page-navigator .mxai-page-nav-link:focus-visible{
  color:#5f53d5!important;
  background:transparent!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  outline:0!important;
}
.mxai-page-navigator .mxai-page-nav-current{color:#8f8998!important;cursor:default!important}
.mxai-page-navigator .mxai-page-nav-separator{
  display:inline-block!important;
  margin:0 6px!important;
  padding:0!important;
  color:#b8b3c0!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1!important;
}
.mxai-page-navigator button,
.mxai-page-nav-back,
.mxai-page-nav-home{display:none!important}

/* Frontend: breadcrumb text and the notification bell share one utility row. */
.mxai-app.mxai-mz-shell > .mxai-page-navigator{
  display:flex!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  padding-right:70px!important;
}
.mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  margin:0!important;
  padding:0!important;
}
/* Old top/back button navigators are intentionally retired. */
.mxai-market-private-nav,.mxai-account-back{display:none!important}

/* wp-admin uses the same text-only breadcrumb directly above the page title. */
.mxai-scd-admin > .mxai-page-navigator{
  display:flex!important;
  width:100%!important;
  min-height:34px!important;
  margin:4px 0 2px!important;
  padding:0 2px!important;
}

@media(max-width:1120px){
  .mxai-app.mxai-mz-shell > .mxai-page-navigator{
    display:flex!important;
    width:100%!important;
    min-height:36px!important;
    margin:0 0 8px!important;
    padding:0 54px 0 2px!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{
    width:48px!important;min-width:48px!important;max-width:48px!important;
    min-height:36px!important;padding:0!important;
  }
}
@media(max-width:560px){
  .mxai-page-navigator{font-size:11.5px!important}
  .mxai-page-navigator .mxai-page-nav-link,.mxai-page-navigator .mxai-page-nav-current{font-size:11.5px!important;white-space:normal!important}
  .mxai-page-navigator .mxai-page-nav-separator{margin:0 4px!important;font-size:13px!important}
}

/* v3.0.54.92 mobile utility positioning: keep breadcrumb text readable and bell fixed at the upper-right without recreating a top bar. */
@media(max-width:1120px){
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    left:auto!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    margin:0!important;
    padding:0!important;
    z-index:90!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-page-navigator{padding-right:58px!important;margin-bottom:8px!important}
}
@media(max-width:760px){
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{top:8px!important;right:8px!important}
}


/* ========================================================================
   v3.0.54.92 — Materialize-style outlined dropdown system
   Reference language: clean outline controls, restrained indigo focus,
   balanced caret spacing, floating portal menus and preserved search UX.
   CSS-only visual layer: existing select-enhancer.js search/filter behavior
   is intentionally untouched.
   ======================================================================== */
:root{
  --mx-dd-border:#d8d6df;
  --mx-dd-border-hover:#aaa6b2;
  --mx-dd-focus:#7367f0;
  --mx-dd-focus-ring:rgba(115,103,240,.12);
  --mx-dd-text:#2f2b3d;
  --mx-dd-muted:#8c8796;
  --mx-dd-surface:#fff;
  --mx-dd-soft:#f8f7fa;
  --mx-dd-selected:#f1efff;
  --mx-dd-selected-border:#c7c1fb;
  --mx-dd-disabled:#f3f2f5;
  --mx-dd-danger:#b76e79;
}

/* Native single-selects: one outlined language across front-end, marketplace and wp-admin. */
.mxai-app select:not([multiple]):not(.mxai-search-select-native),
.mxai-market select:not([multiple]):not(.mxai-search-select-native),
.mxai-scd-admin select:not([multiple]):not(.mxai-search-select-native){
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  border:1px solid var(--mx-dd-border)!important;
  border-radius:8px!important;
  background-color:var(--mx-dd-surface)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d6878' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:16px 16px!important;
  padding-right:40px!important;
  color:var(--mx-dd-text)!important;
  box-shadow:none!important;
  outline:0!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.mxai-app select:not([multiple]):not(.mxai-search-select-native):hover,
.mxai-market select:not([multiple]):not(.mxai-search-select-native):hover,
.mxai-scd-admin select:not([multiple]):not(.mxai-search-select-native):hover{
  border-color:var(--mx-dd-border-hover)!important;
  background-color:#fff!important;
}
.mxai-app select:not([multiple]):not(.mxai-search-select-native):focus,
.mxai-app select:not([multiple]):not(.mxai-search-select-native):focus-visible,
.mxai-market select:not([multiple]):not(.mxai-search-select-native):focus,
.mxai-market select:not([multiple]):not(.mxai-search-select-native):focus-visible,
.mxai-scd-admin select:not([multiple]):not(.mxai-search-select-native):focus,
.mxai-scd-admin select:not([multiple]):not(.mxai-search-select-native):focus-visible{
  border-color:var(--mx-dd-focus)!important;
  box-shadow:0 0 0 2px var(--mx-dd-focus-ring)!important;
  outline:0!important;
}
.mxai-app select:not([multiple]):not(.mxai-search-select-native):disabled,
.mxai-market select:not([multiple]):not(.mxai-search-select-native):disabled,
.mxai-scd-admin select:not([multiple]):not(.mxai-search-select-native):disabled{
  border-color:#e4e2e8!important;
  background-color:var(--mx-dd-disabled)!important;
  color:#a39eaa!important;
  cursor:not-allowed!important;
  opacity:1!important;
}

/* Searchable selects keep their existing search/filter JS; only the visual shell changes. */
.mxai-search-select{max-width:100%!important}
.mxai-search-select-trigger{
  border:1px solid var(--mx-dd-border)!important;
  border-radius:8px!important;
  background:var(--mx-dd-surface)!important;
  color:var(--mx-dd-text)!important;
  padding-left:12px!important;
  padding-right:42px!important;
  font-family:var(--mx-ds-font)!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:0!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.mxai-search-select-trigger:hover{
  border-color:var(--mx-dd-border-hover)!important;
  background:#fff!important;
  color:var(--mx-dd-text)!important;
  box-shadow:none!important;
  transform:none!important;
}
.mxai-search-select-trigger:focus,
.mxai-search-select-trigger:focus-visible,
.mxai-search-select.is-open .mxai-search-select-trigger{
  border-color:var(--mx-dd-focus)!important;
  background:#fff!important;
  box-shadow:0 0 0 2px var(--mx-dd-focus-ring)!important;
  outline:0!important;
}
.mxai-search-select.has-value .mxai-search-select-value{color:var(--mx-dd-text)!important;font-weight:550!important}
.mxai-search-select:not(.has-value) .mxai-search-select-value{color:#817c8b!important;font-weight:450!important}
.mxai-search-select.is-disabled .mxai-search-select-trigger,
.mxai-search-select-trigger:disabled{
  border-color:#e4e2e8!important;
  background:var(--mx-dd-disabled)!important;
  color:#a39eaa!important;
  box-shadow:none!important;
  opacity:1!important;
}
.mxai-search-select.is-invalid .mxai-search-select-trigger{
  border-color:var(--mx-dd-danger)!important;
  box-shadow:0 0 0 2px rgba(183,110,121,.10)!important;
}
.mxai-search-select-arrow{
  right:14px!important;
  width:8px!important;
  height:8px!important;
  border-right:1.7px solid #6d6878!important;
  border-bottom:1.7px solid #6d6878!important;
}

/* Portal menu: outlined card with the search field retained at the top. */
.mxai-search-select-menu.mxai-search-select-portal,
.mxai-search-select-menu{
  box-sizing:border-box!important;
  padding:6px!important;
  border:1px solid var(--mx-dd-border)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(47,43,61,.14)!important;
}
.mxai-search-select-searchbox{
  min-height:38px!important;
  grid-template-columns:18px minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:4px 8px!important;
  margin:0 0 5px!important;
  border:1px solid var(--mx-dd-border)!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.mxai-search-select-searchbox:focus-within{
  border-color:var(--mx-dd-focus)!important;
  box-shadow:0 0 0 2px var(--mx-dd-focus-ring)!important;
}
.mxai-search-select-searchbox input[type=search]{
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--mx-dd-text)!important;
  box-shadow:none!important;
  outline:0!important;
  font-family:var(--mx-ds-font)!important;
  font-size:12px!important;
  font-weight:450!important;
  line-height:30px!important;
}
.mxai-search-select-searchbox input[type=search]::placeholder{color:#aaa5b0!important;opacity:1!important}
.mxai-search-select-search-icon{opacity:.72!important}
.mxai-search-select-search-icon:before{border-color:#716c7c!important}
.mxai-search-select-search-icon:after{border-top-color:#716c7c!important}
.mxai-search-select-count{color:#9994a2!important;font-size:9.5px!important;font-weight:600!important}
.mxai-search-select-list{padding:1px!important}
.mxai-search-select-option{
  min-height:38px!important;
  margin:1px 0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#4b465c!important;
  font-family:var(--mx-ds-font)!important;
  font-size:12px!important;
  font-weight:500!important;
  box-shadow:none!important;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease!important;
}
.mxai-search-select-option:hover,
.mxai-search-select-option:focus,
.mxai-search-select-option:focus-visible{
  border-color:#e6e2fb!important;
  background:#f8f7ff!important;
  color:#5f53d5!important;
  outline:0!important;
}
.mxai-search-select-option.is-selected{
  border-color:var(--mx-dd-selected-border)!important;
  background:var(--mx-dd-selected)!important;
  color:#5f53d5!important;
  font-weight:650!important;
}
.mxai-search-select-option.is-selected .mxai-search-select-check{color:#7367f0!important}
.mxai-search-select-option:disabled{
  border-color:transparent!important;
  background:#faf9fb!important;
  color:#aaa5b0!important;
}
.mxai-search-select-empty{color:#8c8796!important;font-size:11px!important}

/* Compact controls keep their current functional size while inheriting the same outline language. */
.mxai-app .mxai-review-pagebar select:not(.mxai-search-select-native),
.mxai-app .mxai-front-page-size select:not(.mxai-search-select-native),
.mxai-scd-admin .mxai-company-page-size select:not(.mxai-search-select-native),
.mxai-scd-admin .mxai-page-size select:not(.mxai-search-select-native){
  background-position:right 9px center!important;
  background-size:14px 14px!important;
  padding-right:30px!important;
}
.mxai-app .mxai-review-pagebar .mxai-search-select-trigger,
.mxai-app .mxai-front-page-size .mxai-search-select-trigger,
.mxai-scd-admin .mxai-company-page-size .mxai-search-select-trigger,
.mxai-scd-admin .mxai-page-size .mxai-search-select-trigger{padding-right:31px!important}
.mxai-app .mxai-review-pagebar .mxai-search-select-arrow,
.mxai-app .mxai-front-page-size .mxai-search-select-arrow,
.mxai-scd-admin .mxai-company-page-size .mxai-search-select-arrow,
.mxai-scd-admin .mxai-page-size .mxai-search-select-arrow{right:10px!important;width:7px!important;height:7px!important}

@media(max-width:680px){
  .mxai-search-select-menu.mxai-search-select-portal{border-radius:10px!important}
  .mxai-search-select-searchbox input[type=search]{font-size:16px!important}
}

/* ========================================================================== 
   v3.0.54.92 — Materialize/Pixinvent-inspired unified button system
   Clean-room implementation based on the visible Outline Buttons → Default
   proportions. No Pixinvent CSS/JS/assets are bundled.
   ========================================================================== */
:root{
  --mx-btn-primary:#7367f0;
  --mx-btn-primary-hover:#685dd8;
  --mx-btn-secondary:#6f6b7d;
  --mx-btn-secondary-border:#a8a3b3;
  --mx-btn-success:#28c76f;
  --mx-btn-warning:#ff9f43;
  --mx-btn-info:#00bad1;
  --mx-btn-danger:#ea5455;
  --mx-btn-dark:#4b465c;
  --mx-btn-radius:6px;
  --mx-btn-height:38px;
  --mx-btn-font:13.5px;
}

/* Common action geometry — front end + wp-admin. Keep icon-only workflow controls out. */
.mxai-app .mxai-primary,
.mxai-app .mxai-secondary,
.mxai-app .mxai-market-primary,
.mxai-app .mxai-market-secondary,
.mxai-app .mxai-market-plan-button,
.mxai-app .mxai-auth-primary,
.mxai-app .mxai-auth-secondary,
.mxai-app .mxai-company-add-btn,
.mxai-app .mxai-import-button,
.mxai-app .mxai-modern-button,
.mxai-app a.button,
.mxai-app button.button,
.mxai-market .mxai-market-primary,
.mxai-market .mxai-market-secondary,
.mxai-market .mxai-market-plan-button,
.mxai-market a.button,
.mxai-market button.button,
.mxai-scd-admin .mxai-admin-primary,
.mxai-scd-admin a.button,
.mxai-scd-admin button.button,
.mxai-scd-admin input.button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  width:auto!important;
  height:var(--mx-btn-height)!important;
  min-height:var(--mx-btn-height)!important;
  max-height:none!important;
  margin:0!important;
  padding:0 16px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:var(--mx-btn-radius)!important;
  font-family:var(--mx-ds-font)!important;
  font-size:var(--mx-btn-font)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}

/* Primary transactional actions stay filled; normal navigation/secondary actions are outline. */
.mxai-app .mxai-primary,
.mxai-app .mxai-market-primary,
.mxai-app .mxai-auth-primary,
.mxai-app .mxai-company-add-btn,
.mxai-app .mxai-import-button,
.mxai-app .mxai-modern-button,
.mxai-app .button-primary,
.mxai-market .mxai-market-primary,
.mxai-market .button-primary,
.mxai-scd-admin .mxai-admin-primary,
.mxai-scd-admin .button-primary{
  border-color:var(--mx-btn-primary)!important;
  background:var(--mx-btn-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.mxai-app .mxai-primary:hover,
.mxai-app .mxai-market-primary:hover,
.mxai-app .mxai-auth-primary:hover,
.mxai-app .mxai-company-add-btn:hover,
.mxai-app .mxai-import-button:hover,
.mxai-app .mxai-modern-button:hover,
.mxai-app .button-primary:hover,
.mxai-market .mxai-market-primary:hover,
.mxai-market .button-primary:hover,
.mxai-scd-admin .mxai-admin-primary:hover,
.mxai-scd-admin .button-primary:hover{
  border-color:var(--mx-btn-primary-hover)!important;
  background:var(--mx-btn-primary-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 2px 5px rgba(115,103,240,.22)!important;
}

/* Outline Primary — package selection and emphasis without a heavy filled block. */
.mxai-app .mxai-market-plan .mxai-market-primary,
.mxai-app .mxai-market-plan-button,
.mxai-market .mxai-market-plan-button{
  border-color:var(--mx-btn-primary)!important;
  background:#fff!important;
  color:var(--mx-btn-primary)!important;
  -webkit-text-fill-color:var(--mx-btn-primary)!important;
  box-shadow:none!important;
}
.mxai-app .mxai-market-plan .mxai-market-primary:hover,
.mxai-app .mxai-market-plan-button:hover,
.mxai-market .mxai-market-plan-button:hover{
  border-color:var(--mx-btn-primary)!important;
  background:#f7f5ff!important;
  color:#6659dc!important;
  -webkit-text-fill-color:#6659dc!important;
}

/* Outline Secondary — default neutral action. */
.mxai-app .mxai-secondary,
.mxai-app .mxai-market-secondary,
.mxai-app .mxai-auth-secondary,
.mxai-app .button:not(.button-primary),
.mxai-market .mxai-market-secondary,
.mxai-market .button:not(.button-primary),
.mxai-scd-admin .button:not(.button-primary){
  border-color:var(--mx-btn-secondary-border)!important;
  background:#fff!important;
  color:var(--mx-btn-secondary)!important;
  -webkit-text-fill-color:var(--mx-btn-secondary)!important;
}
.mxai-app .mxai-secondary:hover,
.mxai-app .mxai-market-secondary:hover,
.mxai-app .mxai-auth-secondary:hover,
.mxai-app .button:not(.button-primary):hover,
.mxai-market .mxai-market-secondary:hover,
.mxai-market .button:not(.button-primary):hover,
.mxai-scd-admin .button:not(.button-primary):hover{
  border-color:#827d8e!important;
  background:#f8f7fa!important;
  color:#5f5a69!important;
  -webkit-text-fill-color:#5f5a69!important;
}

/* Optional semantic outline variants used where existing class names already express intent. */
.mxai-app .button[class*="success"],
.mxai-app .button[class*="approve"],
.mxai-scd-admin .button[class*="success"],
.mxai-scd-admin .button[class*="approve"]{
  border-color:var(--mx-btn-success)!important;background:#fff!important;color:#22a55d!important;-webkit-text-fill-color:#22a55d!important;
}
.mxai-app .button[class*="warning"],
.mxai-scd-admin .button[class*="warning"]{
  border-color:var(--mx-btn-warning)!important;background:#fff!important;color:#d88926!important;-webkit-text-fill-color:#d88926!important;
}
.mxai-app .button[class*="info"],
.mxai-scd-admin .button[class*="info"]{
  border-color:var(--mx-btn-info)!important;background:#fff!important;color:#009ab0!important;-webkit-text-fill-color:#009ab0!important;
}

/* Destructive buttons may communicate danger at rest, but never flash red on hover. */
.mxai-app .job-delete,
.mxai-app .mxai-dataset-delete,
.mxai-app .mxai-cancel-running,
.mxai-app .button[class*="delete"],
.mxai-app .button[class*="danger"],
.mxai-scd-admin .mxai-delete-btn,
.mxai-scd-admin .mxai-user-delete-button,
.mxai-scd-admin .button[class*="delete"],
.mxai-scd-admin .button[class*="danger"]{
  border-color:#e8a8aa!important;
  background:#fff!important;
  color:#c64a4d!important;
  -webkit-text-fill-color:#c64a4d!important;
  box-shadow:none!important;
}
.mxai-app .job-delete:hover,
.mxai-app .mxai-dataset-delete:hover,
.mxai-app .mxai-cancel-running:hover,
.mxai-app .button[class*="delete"]:hover,
.mxai-app .button[class*="danger"]:hover,
.mxai-scd-admin .mxai-delete-btn:hover,
.mxai-scd-admin .mxai-user-delete-button:hover,
.mxai-scd-admin .button[class*="delete"]:hover,
.mxai-scd-admin .button[class*="danger"]:hover{
  border-color:#aaa6b2!important;
  background:#f5f4f7!important;
  color:#625e6c!important;
  -webkit-text-fill-color:#625e6c!important;
}

/* Pixinvent-like size ladder. */
.mxai-app .button-small,
.mxai-market .button-small,
.mxai-scd-admin .button-small{
  height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:12px!important;border-radius:5px!important;
}
.mxai-app .xl,
.mxai-market .xl,
.mxai-scd-admin .button-large{
  height:46px!important;min-height:46px!important;padding:0 20px!important;font-size:14px!important;border-radius:7px!important;
}
.mxai-app .mxai-market-plan>a{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin-top:auto!important;
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
}
.mxai-app .mxai-market-plan-grid{position:relative!important;z-index:2!important}
.mxai-app .mxai-market-plan{isolation:isolate!important}
.mxai-app .mxai-market-plan::before,.mxai-app .mxai-market-plan::after{pointer-events:none!important}

/* Consistent focus/disabled state. */
.mxai-app .mxai-primary:focus-visible,
.mxai-app .mxai-secondary:focus-visible,
.mxai-app .mxai-market-primary:focus-visible,
.mxai-app .mxai-market-secondary:focus-visible,
.mxai-app .mxai-market-plan-button:focus-visible,
.mxai-app .button:focus-visible,
.mxai-market .mxai-market-primary:focus-visible,
.mxai-market .mxai-market-secondary:focus-visible,
.mxai-market .mxai-market-plan-button:focus-visible,
.mxai-scd-admin .button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(115,103,240,.14)!important;
}
.mxai-app .button:disabled,
.mxai-app button:disabled,
.mxai-market .button:disabled,
.mxai-market button:disabled,
.mxai-scd-admin .button:disabled,
.mxai-scd-admin button:disabled,
.mxai-app [aria-disabled="true"],
.mxai-scd-admin [aria-disabled="true"]{
  opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important;
}

/* v3.0.54.92 — force breadcrumb back to text-only even against older high-specificity
   front-end rules. Also keep the links above utility decorations so Home remains clickable. */
.mxai-app[data-mxai-scd-version] > .mxai-page-navigator,
.mxai-app[data-mxai-scd-version] .mxai-page-navigator,
.mxai-scd-admin > .mxai-page-navigator{
  position:relative!important;
  z-index:160!important;
  pointer-events:auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.mxai-app[data-mxai-scd-version] .mxai-page-navigator .mxai-page-nav-link,
.mxai-app[data-mxai-scd-version] .mxai-page-navigator .mxai-page-nav-current,
.mxai-scd-admin .mxai-page-navigator .mxai-page-nav-link,
.mxai-scd-admin .mxai-page-navigator .mxai-page-nav-current{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:1px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7367f0!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.45!important;
  text-decoration:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
}
.mxai-app[data-mxai-scd-version] .mxai-page-navigator .mxai-page-nav-current,
.mxai-scd-admin .mxai-page-navigator .mxai-page-nav-current{
  color:#8f8998!important;
  cursor:default!important;
}
.mxai-app[data-mxai-scd-version] .mxai-page-navigator .mxai-page-nav-link:hover,
.mxai-app[data-mxai-scd-version] .mxai-page-navigator .mxai-page-nav-link:focus-visible,
.mxai-scd-admin .mxai-page-navigator .mxai-page-nav-link:hover,
.mxai-scd-admin .mxai-page-navigator .mxai-page-nav-link:focus-visible{
  border:0!important;
  background:transparent!important;
  color:#5f53d5!important;
  -webkit-text-fill-color:#5f53d5!important;
  box-shadow:none!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

@media(max-width:680px){
  :root{--mx-btn-height:40px;--mx-btn-font:13px}
  .mxai-app .mxai-market-plan>a{height:42px!important;min-height:42px!important}
}


/* ========================================================================== 
   v3.0.54.95 — ChatGPT-like explicit sidebar toggle
   Desktop sidebar changes state only when the toggle is clicked. Hover/focus
   never expands it, and the main content column reflows instead of being
   covered by an overlaying sidebar.
   ========================================================================== */
@media(min-width:1121px){
  .mxai-app.mxai-mz-shell{
    grid-template-columns:var(--mx-mz-sidebar-expanded) minmax(0,1fr)!important;
    transition:grid-template-columns .18s ease!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    width:var(--mx-mz-sidebar-expanded)!important;
    min-width:var(--mx-mz-sidebar-expanded)!important;
    transition:width .18s ease,min-width .18s ease!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell{
    grid-template-columns:var(--mx-mz-sidebar-collapsed) minmax(0,1fr)!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    width:var(--mx-mz-sidebar-collapsed)!important;
    min-width:var(--mx-mz-sidebar-collapsed)!important;
    z-index:80!important;
    box-shadow:var(--mx-mz-shadow)!important;
  }
  .mxai-mz-sidebar-collapse{
    position:static!important;
    inset:auto!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    margin-left:auto!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#6f6a79!important;
    box-shadow:none!important;
  }
  .mxai-mz-sidebar-collapse:hover,
  .mxai-mz-sidebar-collapse:focus-visible{
    background:#f1f0f3!important;
    border-color:transparent!important;
    color:#4b465c!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-brand{
    min-height:62px!important;
    padding:6px!important;
    justify-content:center!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-brand>a{
    display:none!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-mz-sidebar-collapse{
    margin:0 auto!important;
  }
}


/* ========================================================================== 
   v3.0.54.98 — signed-in marketplace shell + ChillPay credential diagnostics
   ========================================================================== */
.mxai-chillpay-credential-check .mxai-panel-heading{margin-bottom:14px!important}
.mxai-chillpay-credential-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid #e6e4ea!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;margin:12px 0!important}
.mxai-chillpay-credential-grid>div{display:flex!important;flex-direction:column!important;gap:5px!important;padding:12px 14px!important;border-right:1px solid #eceaf0!important;min-width:0!important}.mxai-chillpay-credential-grid>div:last-child{border-right:0!important}
.mxai-chillpay-credential-grid small{font-size:11px!important;color:#8b8795!important}.mxai-chillpay-credential-grid b{font-size:13px!important;line-height:1.4!important;color:#4b465c!important;overflow-wrap:anywhere!important}
.mxai-chillpay-probe-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:10px!important}.mxai-chillpay-probe-actions form{margin:0!important}
.mxai-chillpay-probe-result{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:14px!important;padding:12px 14px!important;border:1px solid #e1ddec!important;border-radius:8px!important;background:#fbfaff!important}.mxai-chillpay-probe-result.is-ok{border-color:#cdebd9!important;background:#f4fbf7!important}.mxai-chillpay-probe-result.is-error{border-color:#f2d9c2!important;background:#fff9f1!important}
.mxai-chillpay-probe-result>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.mxai-chillpay-probe-result p,.mxai-chillpay-probe-result small{margin:0!important;line-height:1.55!important}
.mxai-secret-state{display:block!important;margin-top:5px!important;font-size:10.5px!important;line-height:1.4!important}.mxai-secret-state.is-saved{color:#239b63!important}.mxai-secret-state.is-empty{color:#9b948e!important}
.mxai-payment-gateway-error{display:flex!important;flex-direction:column!important;gap:5px!important;margin:16px auto!important;max-width:940px!important;padding:12px 14px!important;border:1px solid #f1d4b8!important;border-radius:8px!important;background:#fff9ef!important;text-align:left!important}.mxai-payment-gateway-error b{font-size:12.5px!important;color:#7a521f!important}.mxai-payment-gateway-error span{font-size:12px!important;line-height:1.55!important;color:#5d4a36!important;overflow-wrap:anywhere!important}.mxai-payment-gateway-error small{font-size:10.5px!important;color:#8f775e!important}
.mxai-sandbox-card-help{margin:10px 0!important;border:1px solid #ded9fb!important;border-radius:8px!important;background:#fbfaff!important;padding:9px 11px!important}.mxai-sandbox-card-help summary{cursor:pointer!important;font-size:11.5px!important;font-weight:600!important;color:#5c50c8!important}.mxai-sandbox-card-help>div{display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:8px!important}.mxai-sandbox-card-help span{font-size:11.5px!important;color:#4b465c!important}.mxai-sandbox-card-help small{font-size:10.5px!important;line-height:1.5!important;color:#7f7a88!important}
@media(max-width:900px){.mxai-chillpay-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mxai-chillpay-credential-grid>div:nth-child(2){border-right:0!important}.mxai-chillpay-credential-grid>div:nth-child(-n+2){border-bottom:1px solid #eceaf0!important}}
@media(max-width:520px){.mxai-chillpay-credential-grid{grid-template-columns:1fr!important}.mxai-chillpay-credential-grid>div{border-right:0!important;border-bottom:1px solid #eceaf0!important}.mxai-chillpay-credential-grid>div:last-child{border-bottom:0!important}}


/* ========================================================================== 
   v3.0.54.99 — ChillPay exact-order payload diagnostics
   ========================================================================== */
.mxai-chillpay-error-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important}.mxai-chillpay-error-actions form{margin:0!important}.mxai-chillpay-error-actions span{font-size:11px!important;color:#7a6d62!important}.mxai-chillpay-error-actions code{font-size:11px!important}
.mxai-chillpay-payload-diagnostic{display:block!important}.mxai-chillpay-payload-meta{display:flex!important;gap:8px 16px!important;flex-wrap:wrap!important;margin:10px 0 12px!important;padding:10px 12px!important;border:1px solid #ece9f2!important;border-radius:8px!important;background:#fbfafc!important}.mxai-chillpay-payload-meta span{font-size:11px!important;color:#6b6673!important}
.mxai-chillpay-payload-table-wrap{overflow:auto!important;border:1px solid #e8e5ed!important;border-radius:8px!important;background:#fff!important}.mxai-chillpay-payload-table{width:100%!important;min-width:760px!important;border-collapse:collapse!important}.mxai-chillpay-payload-table th,.mxai-chillpay-payload-table td{padding:9px 11px!important;border-bottom:1px solid #efedf2!important;text-align:left!important;font-size:11px!important;vertical-align:top!important;overflow-wrap:anywhere!important}.mxai-chillpay-payload-table th{background:#f8f7fb!important;color:#6f6979!important;font-weight:650!important}.mxai-chillpay-payload-table tr:last-child td{border-bottom:0!important}.mxai-chillpay-payload-table code{font-size:10.5px!important}.mxai-payload-diff{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:0 7px!important;border-radius:999px!important;font-size:10px!important;font-weight:650!important}.mxai-payload-diff.same{background:#edf8f2!important;color:#27815a!important}.mxai-payload-diff.different{background:#fff3e8!important;color:#a45e1c!important}

/* ========================================================================
   v3.0.55.08 — PEAK-inspired checkout readability pass
   Keep payment selection in the wide work area and reserve the right rail
   for the order summary only. This intentionally overrides legacy checkout
   rules that compressed payment cards into the 380px sidebar.
   ======================================================================== */
.mxai-app.mxai-mz-shell.mxai-market-checkout-v2 > .mxai-market-checkout-grid{
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:22px!important;
  align-items:start!important;
}
.mxai-market-checkout-v2 .mxai-market-checkout-main,
.mxai-market-checkout-v2 .mxai-market-order-total{
  border:1px solid #e5e8f0!important;
  border-radius:14px!important;
  box-shadow:0 2px 10px rgba(47,43,61,.055)!important;
  background:#fff!important;
}
.mxai-market-checkout-v2 .mxai-market-checkout-main{padding:26px 28px!important}
.mxai-market-checkout-v2 .mxai-checkout-titlebar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0 0 18px!important}
.mxai-market-checkout-v2 .mxai-checkout-titlebar h2{margin:3px 0 3px!important;font-size:25px!important;line-height:1.2!important;font-weight:650!important;color:#2f2b3d!important}
.mxai-market-checkout-v2 .mxai-checkout-titlebar p{margin:0!important;font-size:12.5px!important;line-height:1.55!important;color:#807b8b!important}
.mxai-market-checkout-v2 .mxai-checkout-secure-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border-radius:999px!important;background:#edf8f3!important;color:#21855b!important;font-size:10.5px!important;font-weight:700!important;white-space:nowrap!important}
.mxai-market-checkout-v2 .mxai-checkout-secure-chip i{width:7px!important;height:7px!important;border-radius:999px!important;background:#28c76f!important}

.mxai-market-checkout-v2 .mxai-checkout-stepbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border:1px solid #eceef4!important;border-radius:10px!important;overflow:hidden!important;background:#fafbfe!important;margin:0 0 22px!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar>span{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;padding:8px 10px!important;color:#9a95a4!important;font-size:11.5px!important;font-weight:600!important;border-right:1px solid #eceef4!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar>span:last-child{border-right:0!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar b{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border-radius:50%!important;border:1px solid #d8d4df!important;background:#fff!important;color:#847f8f!important;font-size:10px!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar em{font-style:normal!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar .done{color:#6d627f!important;background:#fff!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar .done b{border-color:#bcb4ff!important;color:#675bd8!important;background:#f5f3ff!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar .active{color:#5749d6!important;background:#f3f1ff!important}
.mxai-market-checkout-v2 .mxai-checkout-stepbar .active b{border-color:#7367f0!important;background:#7367f0!important;color:#fff!important}

.mxai-market-checkout-v2 .mxai-checkout-section{padding:20px 0!important;border-top:1px solid #efedf2!important}
.mxai-market-checkout-v2 .mxai-checkout-plan-section{border-top:0!important;padding-top:0!important}
.mxai-market-checkout-v2 .mxai-checkout-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 12px!important}
.mxai-market-checkout-v2 .mxai-checkout-section-head>span{display:grid!important;gap:2px!important}
.mxai-market-checkout-v2 .mxai-checkout-section-head b{font-size:14px!important;line-height:1.35!important;color:#34303d!important}
.mxai-market-checkout-v2 .mxai-checkout-section-head small{font-size:10.5px!important;line-height:1.45!important;color:#938e9c!important;font-weight:450!important}
.mxai-market-checkout-v2 .mxai-checkout-section-head>a{font-size:10.5px!important;color:#6657df!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}
.mxai-market-checkout-v2 .mxai-checkout-gateway-badge{font-style:normal!important;padding:6px 9px!important;border-radius:7px!important;background:#f0eeff!important;color:#6757db!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}

.mxai-market-checkout-v2 .mxai-market-checkout-plan{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:15px 17px!important;border-radius:10px!important;border:1px solid #e6e9f2!important;background:#fbfcff!important;box-shadow:none!important}
.mxai-market-checkout-v2 .mxai-market-checkout-plan span{font-size:9px!important;letter-spacing:.08em!important;color:#7367f0!important}
.mxai-market-checkout-v2 .mxai-market-checkout-plan h3{margin:3px 0!important;font-size:18px!important;line-height:1.3!important}
.mxai-market-checkout-v2 .mxai-market-checkout-plan p{font-size:11px!important;line-height:1.45!important;color:#817c8c!important}
.mxai-market-checkout-v2 .mxai-market-checkout-plan>strong{font-size:19px!important;color:#2f2b3d!important}
.mxai-market-checkout-v2 .mxai-market-checkout-benefits{margin:10px 0 0!important;gap:6px!important}
.mxai-market-checkout-v2 .mxai-market-checkout-benefits span{padding:5px 8px!important;border-radius:7px!important;background:#f5f6fa!important;color:#716c7a!important;font-size:9.5px!important;font-weight:600!important}

.mxai-market-checkout-v2 .mxai-market-buyer{border-top:1px solid #efedf2!important;padding-top:20px!important}
.mxai-market-checkout-v2 .mxai-market-buyer-card,
.mxai-market-checkout-v2 .mxai-market-buyer-empty{padding:13px 15px!important;border-radius:9px!important;border:1px solid #e6e9f0!important;background:#fbfcff!important}
.mxai-market-checkout-v2 .mxai-market-buyer-card b,
.mxai-market-checkout-v2 .mxai-market-buyer-empty b{font-size:12.5px!important}
.mxai-market-checkout-v2 .mxai-market-buyer-card span,
.mxai-market-checkout-v2 .mxai-market-buyer-card p,
.mxai-market-checkout-v2 .mxai-market-buyer-empty p{font-size:10.5px!important;line-height:1.55!important;color:#807b8d!important}

.mxai-market-checkout-v2 .mxai-checkout-payment-form{display:block!important;margin:0!important;padding:0!important}
.mxai-market-checkout-v2 .mxai-payment-method-picker{margin:0!important;gap:0!important}
.mxai-market-checkout-v2 .mxai-payment-method-head{display:none!important}
.mxai-market-checkout-v2 .mxai-payment-method-options{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.mxai-market-checkout-v2 .mxai-payment-method-option{display:block!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important}
.mxai-market-checkout-v2 .mxai-payment-method-option>span{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;width:100%!important;min-height:66px!important;padding:11px 14px!important;border:1px solid #e1e4ed!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.mxai-market-checkout-v2 .mxai-payment-method-option>span:after{content:""!important;grid-column:3!important;grid-row:1/3!important;width:17px!important;height:17px!important;border:1.5px solid #c9c5d1!important;border-radius:50%!important;background:#fff!important;box-shadow:inset 0 0 0 4px #fff!important;align-self:center!important;justify-self:center!important}
.mxai-market-checkout-v2 .mxai-payment-method-option:hover>span{border-color:#cfcaf1!important;background:#fcfbff!important}
.mxai-market-checkout-v2 .mxai-payment-method-option input:checked+span{border-color:#8175ef!important;background:#f7f5ff!important;box-shadow:0 0 0 2px rgba(115,103,240,.08)!important}
.mxai-market-checkout-v2 .mxai-payment-method-option input:checked+span:after{border-color:#7367f0!important;background:#7367f0!important;box-shadow:inset 0 0 0 4px #fff!important}
.mxai-market-checkout-v2 .mxai-payment-method-icon{grid-column:1!important;grid-row:1/3!important;width:40px!important;height:40px!important;border-radius:9px!important;background:#f1efff!important;color:#6d5de6!important}
.mxai-market-checkout-v2 .mxai-payment-method-icon svg{width:20px!important;height:20px!important}
.mxai-market-checkout-v2 .mxai-payment-method-option strong{grid-column:2!important;grid-row:1!important;font-size:12.5px!important;line-height:1.35!important;color:#393440!important}
.mxai-market-checkout-v2 .mxai-payment-method-option em{grid-column:2!important;grid-row:2!important;font-size:10.5px!important;line-height:1.45!important;color:#8a8494!important}
.mxai-market-checkout-v2 .mxai-payment-method-option small{display:none!important}
.mxai-market-checkout-v2 .mxai-sandbox-card-help{margin:10px 0 0!important;border:1px solid #ece9f6!important;border-radius:8px!important;background:#faf9ff!important;padding:0!important}
.mxai-market-checkout-v2 .mxai-sandbox-card-help summary{padding:10px 12px!important;font-size:10.5px!important;color:#6659cc!important;font-weight:650!important;cursor:pointer!important}
.mxai-market-checkout-v2 .mxai-sandbox-card-help>div{padding:0 12px 11px!important;font-size:10px!important;line-height:1.5!important}

.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed{margin:12px 0 0!important;border:1px dashed #ddd9e8!important;border-radius:9px!important;background:#fbfbfd!important;padding:0!important;box-shadow:none!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;list-style:none!important;padding:11px 13px!important;cursor:pointer!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary::-webkit-details-marker{display:none!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary span{display:grid!important;gap:2px!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary b{font-size:10.5px!important;color:#5b5666!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary small{font-size:9.5px!important;color:#9893a0!important;font-weight:450!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary>i{font-style:normal!important;color:#8178a2!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed[open]>summary{border-bottom:1px solid #ece9f1!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:10px!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-item{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;border-radius:8px!important;background:#fff!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-item i{width:30px!important;height:30px!important;border-radius:7px!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-item b{font-size:9.8px!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-item small{font-size:8.8px!important;line-height:1.35!important}

.mxai-market-checkout-v2 .mxai-checkout-summary-card{position:sticky!important;top:18px!important;padding:22px!important;align-self:start!important}
.mxai-market-checkout-v2 .mxai-market-order-total>div{padding:0!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-head{display:block!important;margin:0 0 16px!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-head h3{margin:4px 0 0!important;font-size:19px!important;font-weight:650!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-plan{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding:13px 0 15px!important;border-bottom:1px solid #eceaf0!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-plan span{display:grid!important;gap:2px!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-plan b{font-size:12.5px!important;color:#3a3540!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-plan small{font-size:9.5px!important;color:#948e9c!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-plan strong{font-size:13px!important;color:#45404b!important;white-space:nowrap!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-lines{display:grid!important;gap:9px!important;padding:15px 0!important;border-bottom:1px solid #eceaf0!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-lines>div{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:11px!important;color:#777180!important}
.mxai-market-checkout-v2 .mxai-checkout-summary-lines b{font-size:11px!important;color:#5d5863!important}
.mxai-market-checkout-v2 .mxai-market-order-total .grand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:14px 0 0!important;padding:14px 15px!important;border:0!important;border-radius:9px!important;background:#f1efff!important;color:#41387d!important}
.mxai-market-checkout-v2 .mxai-market-order-total .grand span{font-size:11px!important;font-weight:650!important}
.mxai-market-checkout-v2 .mxai-market-order-total .grand strong{font-size:20px!important;color:#5d4fda!important;white-space:nowrap!important}
.mxai-market-checkout-v2 .mxai-market-payment-state{margin:12px 0!important;padding:9px 11px!important;border-radius:8px!important;font-size:10px!important}
.mxai-market-checkout-v2 .mxai-market-pay-button{margin:2px 0 0!important;width:100%!important;min-height:44px!important;font-size:12px!important}
.mxai-market-checkout-v2 .mxai-market-secure-note{margin:10px 0 0!important;text-align:center!important;font-size:9.5px!important;line-height:1.5!important;color:#97919f!important}
.mxai-market-checkout-v2 .mxai-checkout-trust{display:grid!important;gap:6px!important;margin:15px 0 0!important;padding:13px 0 0!important;border-top:1px solid #eceaf0!important}
.mxai-market-checkout-v2 .mxai-checkout-trust span{font-size:9.5px!important;line-height:1.45!important;color:#807a88!important}

@media(max-width:1180px){
  .mxai-app.mxai-mz-shell.mxai-market-checkout-v2 > .mxai-market-checkout-grid{grid-template-columns:minmax(0,1fr) 320px!important;gap:16px!important}
}
@media(max-width:980px){
  .mxai-app.mxai-mz-shell.mxai-market-checkout-v2 > .mxai-market-checkout-grid{grid-template-columns:1fr!important}
  .mxai-market-checkout-v2 .mxai-checkout-summary-card{position:static!important;top:auto!important}
}
@media(max-width:640px){
  .mxai-market-checkout-v2 .mxai-market-checkout-main,.mxai-market-checkout-v2 .mxai-checkout-summary-card{padding:18px!important}
  .mxai-market-checkout-v2 .mxai-checkout-titlebar{display:grid!important}
  .mxai-market-checkout-v2 .mxai-checkout-secure-chip{justify-self:start!important}
  .mxai-market-checkout-v2 .mxai-checkout-stepbar>span{min-height:44px!important;padding:7px 5px!important;gap:5px!important}
  .mxai-market-checkout-v2 .mxai-checkout-stepbar em{font-size:9.5px!important}
  .mxai-market-checkout-v2 .mxai-market-checkout-plan{display:grid!important}
  .mxai-market-checkout-v2 .mxai-market-checkout-plan>strong{margin:0!important}
  .mxai-market-checkout-v2 .mxai-payment-showcase-grid{grid-template-columns:1fr!important}
}


/* MXAI v3.0.55.12 — payment showcase readability / equal-card layout */
.mxai-payment-showcase,.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.mxai-payment-showcase-head{display:block!important;width:100%!important;margin:0 0 12px!important}
.mxai-payment-showcase-head b{display:block!important;margin:0 0 4px!important;font-size:14px!important;line-height:1.4!important;color:#2f3650!important;word-break:normal!important;overflow-wrap:normal!important}
.mxai-payment-showcase-head span{display:block!important;font-size:11.5px!important;line-height:1.55!important;color:#7a859b!important;word-break:normal!important;overflow-wrap:break-word!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary{min-height:58px!important;padding:14px 16px!important;gap:16px!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary span{min-width:0!important;gap:4px!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary b{font-size:13px!important;line-height:1.4!important;color:#353248!important;word-break:normal!important;overflow-wrap:normal!important}
.mxai-market-checkout-v2 .mxai-payment-showcase-collapsed>summary small{font-size:11px!important;line-height:1.5!important;color:#858da0!important}
.mxai-payment-showcase-grid,.mxai-market-checkout-v2 .mxai-payment-showcase-grid{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;padding:14px!important;box-sizing:border-box!important}
.mxai-payment-showcase-item,.mxai-market-checkout-v2 .mxai-payment-showcase-item{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:start!important;align-content:start!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:112px!important;height:100%!important;margin:0!important;padding:15px!important;border:1px solid #e5e9f2!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important;overflow:hidden!important}
.mxai-payment-showcase-item>i,.mxai-market-checkout-v2 .mxai-payment-showcase-item>i{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;border-radius:12px!important;background:#f2efff!important;color:#6748eb!important}
.mxai-payment-showcase-item>i svg,.mxai-market-checkout-v2 .mxai-payment-showcase-item>i svg{width:23px!important;height:23px!important}
.mxai-payment-showcase-item>span,.mxai-market-checkout-v2 .mxai-payment-showcase-item>span{display:block!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important}
.mxai-payment-showcase-item b,.mxai-market-checkout-v2 .mxai-payment-showcase-item b{display:block!important;margin:1px 0 5px!important;padding:0!important;font-size:13.5px!important;font-weight:750!important;line-height:1.35!important;color:#2d354d!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important}
.mxai-payment-showcase-item small,.mxai-market-checkout-v2 .mxai-payment-showcase-item small{display:block!important;margin:0!important;padding:0!important;font-size:11.5px!important;font-weight:450!important;line-height:1.55!important;color:#78849a!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}
@media(max-width:760px){.mxai-payment-showcase-grid,.mxai-market-checkout-v2 .mxai-payment-showcase-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:10px!important;padding:12px!important}.mxai-payment-showcase-item,.mxai-market-checkout-v2 .mxai-payment-showcase-item{min-height:0!important;padding:14px!important}}
@media(max-width:420px){.mxai-payment-showcase-item,.mxai-market-checkout-v2 .mxai-payment-showcase-item{grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important;padding:13px!important}.mxai-payment-showcase-item>i,.mxai-market-checkout-v2 .mxai-payment-showcase-item>i{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.mxai-payment-showcase-item b,.mxai-market-checkout-v2 .mxai-payment-showcase-item b{font-size:13px!important}.mxai-payment-showcase-item small,.mxai-market-checkout-v2 .mxai-payment-showcase-item small{font-size:11px!important}}

/* MXAI v3.0.55.17 — Frontend Billing pagination */
.mxai-invoice-toolbar.mxai-invoice-toolbar-paged{grid-template-columns:minmax(260px,1fr) 180px 150px auto;gap:12px;align-items:end}
.mxai-invoice-toolbar-paged .mxai-invoice-search-button{min-height:42px;padding:0 18px;white-space:nowrap}
.mxai-invoice-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid #efedf2;background:#fff;border-radius:0 0 16px 16px}
.mxai-invoice-page-summary{font-size:11px;line-height:1.5;color:#7b7688}.mxai-invoice-page-summary b{color:#393449;font-weight:700}.mxai-invoice-page-summary span{color:#9a95a3}
.mxai-invoice-page-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mxai-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border:1px solid #e1deea;border-radius:9px;background:#fff;color:#5e586d;text-decoration:none;font-size:11px;font-weight:650;transition:.15s ease}.mxai-page-btn:hover{border-color:#cfc8ff;background:#f7f5ff;color:#6256dc}.mxai-page-btn.active{border-color:#6b55e9;background:#6b55e9;color:#fff;box-shadow:0 5px 14px rgba(107,85,233,.2)}.mxai-page-btn.disabled{pointer-events:none;opacity:.38}.mxai-page-btn.prev,.mxai-page-btn.next{font-size:18px;font-weight:500}.mxai-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;color:#9a95a3;font-size:13px}
@media(max-width:1050px){.mxai-invoice-toolbar.mxai-invoice-toolbar-paged{grid-template-columns:minmax(220px,1fr) 160px 140px}.mxai-invoice-toolbar-paged .mxai-invoice-search-button{grid-column:1/-1;width:max-content}}
@media(max-width:900px){.mxai-invoice-toolbar.mxai-invoice-toolbar-paged{grid-template-columns:1fr 1fr}.mxai-invoice-search{grid-column:1/-1}.mxai-invoice-toolbar-paged .mxai-invoice-search-button{grid-column:1/-1}.mxai-invoice-pagination{align-items:flex-start;flex-direction:column}.mxai-invoice-page-nav{justify-content:flex-start}}
@media(max-width:560px){.mxai-invoice-toolbar.mxai-invoice-toolbar-paged{grid-template-columns:1fr}.mxai-invoice-search,.mxai-invoice-toolbar-paged .mxai-invoice-search-button{grid-column:auto}.mxai-invoice-toolbar-paged .mxai-invoice-search-button{width:100%}.mxai-invoice-pagination{padding:12px 14px}.mxai-invoice-page-nav{width:100%;gap:5px}.mxai-page-btn{min-width:32px;height:32px;padding:0 8px}}


/* ========================================================================== 
   v3.0.55.19 — Fixed signed-in frontend sidebar
   Desktop sidebar stays pinned to the viewport on every frontend shell page.
   The existing grid column remains reserved so content never slides underneath.
   ========================================================================== */
@media (min-width:1121px){
  .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    position:fixed!important;
    top:18px!important;
    bottom:18px!important;
    left:max(20px,calc((100vw - 1600px)/2 + 20px))!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    left:max(20px,calc((100vw - 1600px)/2 + 20px))!important;
  }
}


/* ========================================================================== 
   v3.0.55.22 — Full-height frontend rail + clearer content gutter
   ChatGPT-inspired spatial behavior: navigation stays visually independent,
   fills the viewport, and scrolls its menu area internally.
   ========================================================================== */
@media (min-width:1121px){
  :root{
    --mx-mz-content-gutter:36px;
  }
  .mxai-app.mxai-mz-shell{
    column-gap:var(--mx-mz-content-gutter)!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    position:fixed!important;
    top:12px!important;
    bottom:12px!important;
    left:max(16px,calc((100vw - 1640px)/2 + 22px))!important;
    height:calc(100dvh - 24px)!important;
    min-height:calc(100dvh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    align-self:auto!important;
    padding:14px 12px 12px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .mxai-mz-sidebar .mxai-mz-menu{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:#d8d4e2 transparent!important;
    padding-right:2px!important;
  }
  .mxai-mz-sidebar .mxai-mz-menu::-webkit-scrollbar{width:5px!important}
  .mxai-mz-sidebar .mxai-mz-menu::-webkit-scrollbar-track{background:transparent!important}
  .mxai-mz-sidebar .mxai-mz-menu::-webkit-scrollbar-thumb{background:#d8d4e2!important;border-radius:999px!important}
  .mxai-mz-sidebar .mxai-mz-plan-card{
    flex:0 0 auto!important;
    margin-top:10px!important;
  }
  .mxai-mz-sidebar .mxai-mz-user-menu,
  .mxai-mz-sidebar .mxai-mz-sidebar-version{
    flex:0 0 auto!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    left:max(16px,calc((100vw - 1640px)/2 + 22px))!important;
  }
}
@media (min-width:1121px) and (max-height:760px){
  .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    top:8px!important;
    bottom:8px!important;
    height:calc(100dvh - 16px)!important;
    min-height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .mxai-mz-sidebar-brand{min-height:72px!important}
  .mxai-mz-sidebar-brand img.mxai-brand-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-system-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-custom-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-compact-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-extra-wide-logo{height:58px!important;max-height:58px!important}
}


/* ========================================================================== 
   v3.0.55.24 — Edge-aligned application shell
   Desktop signed-in frontend now behaves like a true app: the navigation rail
   is flush to the viewport edge and the working canvas fills the remaining
   width with one consistent gutter on every frontend shell page.
   ========================================================================== */
@media (min-width:1121px){
  :root{
    --mx-mz-sidebar-expanded:248px;
    --mx-mz-sidebar-collapsed:76px;
    --mx-mz-sidebar:var(--mx-mz-sidebar-expanded);
    --mx-mz-edge-gutter:20px;
    --mx-mz-row-gap:14px;
  }
  body.mxai-mz-sidebar-collapsed{--mx-mz-sidebar:var(--mx-mz-sidebar-collapsed)!important}
  .mxai-app.mxai-mz-shell{
    display:grid!important;
    grid-template-columns:var(--mx-mz-sidebar) minmax(0,1fr)!important;
    column-gap:var(--mx-mz-edge-gutter)!important;
    row-gap:var(--mx-mz-row-gap)!important;
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0 var(--mx-mz-edge-gutter) 30px 0!important;
    overflow:visible!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--mx-mz-sidebar)!important;
    min-width:var(--mx-mz-sidebar)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:14px 12px 10px!important;
    border-width:0 1px 0 0!important;
    border-style:solid!important;
    border-color:#e8e6ed!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:4px 0 18px rgba(47,43,61,.045)!important;
    overflow:hidden!important;
    z-index:10020!important;
  }
  .mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher){
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .mxai-app.mxai-mz-shell > :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher):first-of-type{
    margin-top:0!important;
  }
  .mxai-mz-sidebar-brand{
    flex:0 0 auto!important;
    min-height:76px!important;
    padding:2px 8px 10px!important;
  }
  .mxai-mz-sidebar-brand img.mxai-brand-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-system-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-custom-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-compact-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-extra-wide-logo{
    height:58px!important;
    max-height:58px!important;
    max-width:210px!important;
  }
  .mxai-mz-menu-search{margin:4px 2px 3px!important}
  .mxai-mz-sidebar .mxai-mz-menu{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:4px 0 6px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .mxai-mz-menu-label{padding:12px 10px 5px!important}
  .mxai-mz-menu a{min-height:42px!important;padding:0 11px!important;border-radius:8px!important}
  .mxai-mz-sidebar .mxai-mz-plan-card{margin:8px 0 0!important}
  .mxai-mz-sidebar .mxai-mz-user-menu{margin-top:0!important}
  .mxai-mz-sidebar .mxai-mz-sidebar-version{padding-bottom:0!important}
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell{
    grid-template-columns:var(--mx-mz-sidebar-collapsed) minmax(0,1fr)!important;
  }
  body.mxai-mz-sidebar-collapsed .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    left:0!important;
    width:var(--mx-mz-sidebar-collapsed)!important;
    min-width:var(--mx-mz-sidebar-collapsed)!important;
  }
  body.admin-bar .mxai-app.mxai-mz-shell > .mxai-mz-sidebar{
    top:32px!important;
    height:calc(100dvh - 32px)!important;
    min-height:calc(100dvh - 32px)!important;
    max-height:calc(100dvh - 32px)!important;
  }
}
@media (min-width:1121px) and (max-width:1366px){
  :root{--mx-mz-sidebar-expanded:232px;--mx-mz-edge-gutter:16px}
  .mxai-mz-sidebar-brand img.mxai-brand-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-system-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-custom-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-compact-logo,
  .mxai-mz-sidebar-brand img.mxai-brand-logo.is-extra-wide-logo{max-width:194px!important}
}
@media (max-width:1120px){
  .mxai-app.mxai-mz-shell{width:100%!important;max-width:none!important;margin:0!important}
}


/* ========================================================================== 
   v3.0.55.27 — Sticky frontend shell utility bar
   Breadcrumb + notification bell stay visible while the working canvas scrolls.
   The fixed sidebar remains independent. WordPress admin-bar offsets are honored.
   ========================================================================== */
:root{--mxai-front-sticky-top:0px;--mxai-front-sticky-height:72px}
body.admin-bar{--mxai-front-sticky-top:32px}
@media(max-width:782px){body.admin-bar{--mxai-front-sticky-top:46px}}

@media(min-width:1121px){
  .mxai-app.mxai-mz-shell > .mxai-page-navigator{
    position:sticky!important;
    top:var(--mxai-front-sticky-top)!important;
    z-index:10005!important;
    align-self:start!important;
    min-height:var(--mxai-front-sticky-height)!important;
    width:calc(100% + var(--mx-mz-edge-gutter,20px))!important;
    margin:0 calc(var(--mx-mz-edge-gutter,20px) * -1) 0 0!important;
    padding:0 calc(var(--mx-mz-edge-gutter,20px) + 66px) 0 18px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    border-bottom:1px solid rgba(226,224,234,.94)!important;
    background:rgba(248,248,252,.94)!important;
    box-shadow:0 8px 24px rgba(47,43,61,.045)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{
    position:sticky!important;
    top:var(--mxai-front-sticky-top)!important;
    z-index:10012!important;
    align-self:start!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:var(--mxai-front-sticky-height)!important;
    min-height:var(--mxai-front-sticky-height)!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-page-navigator + :not(.mxai-mz-notify-dock){
    margin-top:0!important;
  }
}

/* Tablet/mobile: keep a compact sticky utility strip; the bell stays pinned inside it. */
@media(max-width:1120px){
  :root{--mxai-front-sticky-height:60px}
  .mxai-app.mxai-mz-shell > .mxai-page-navigator{
    position:sticky!important;
    top:var(--mxai-front-sticky-top)!important;
    z-index:10005!important;
    min-height:var(--mxai-front-sticky-height)!important;
    width:calc(100% + 24px)!important;
    margin:calc(-12px) -12px 12px!important;
    padding:0 68px 0 58px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    border-bottom:1px solid rgba(226,224,234,.94)!important;
    background:rgba(248,248,252,.96)!important;
    box-shadow:0 7px 20px rgba(47,43,61,.045)!important;
    backdrop-filter:blur(12px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{
    position:fixed!important;
    top:calc(var(--mxai-front-sticky-top) + 8px)!important;
    right:12px!important;
    left:auto!important;
    z-index:10014!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-mobile-launcher{
    top:calc(var(--mxai-front-sticky-top) + 9px)!important;
  }
}
@media(max-width:760px){
  .mxai-app.mxai-mz-shell > .mxai-page-navigator{
    width:calc(100% + 16px)!important;
    margin:-8px -8px 10px!important;
    padding-left:54px!important;
    padding-right:62px!important;
  }
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{right:8px!important}
}

/* Sticky bars should not cover anchored content after navigation. */
.mxai-app.mxai-mz-shell [id]{scroll-margin-top:calc(var(--mxai-front-sticky-height) + var(--mxai-front-sticky-top) + 18px)}
@media print{
  .mxai-app.mxai-mz-shell > .mxai-page-navigator,
  .mxai-app.mxai-mz-shell > .mxai-mz-notify-dock{position:static!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}


/* ==========================================================================
   v3.0.55.31 — MXAI Rental-style full-width frontend application shell
   One viewport-aligned rail, one full-width utility bar and one shared page
   gutter for every signed-in frontend screen. Component max-width rules may
   no longer recenter individual pages independently.
   ========================================================================== */
:root{--mxai-front-topbar-h:78px;--mxai-front-page-x:clamp(28px,2.7vw,52px);--mxai-front-page-top:26px}
body.mxai-scd-native-document .mxai-scd-native-page,
body.mxai-scd-native-document .mxai-scd-native-main,
body.mxai-scd-native-document .mxai-scd-native-main>.mxai-market,
body.mxai-scd-native-document .mxai-scd-native-main>.mxai-app{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

@media(min-width:1121px){
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell{
    display:grid!important;
    grid-template-columns:var(--mx-mz-sidebar,248px) minmax(0,1fr)!important;
    column-gap:0!important;
    row-gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    background:#f8f8fc!important;
    overflow:visible!important;
  }
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>.mxai-mz-sidebar{
    inset:0 auto 0 0!important;
    width:var(--mx-mz-sidebar,248px)!important;
    min-width:var(--mx-mz-sidebar,248px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
  }
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>.mxai-page-navigator.mxai-front-utility-bar{
    grid-column:2!important;
    position:sticky!important;
    top:0!important;
    z-index:10015!important;
    align-self:start!important;
    width:100%!important;
    max-width:none!important;
    min-height:var(--mxai-front-topbar-h)!important;
    height:var(--mxai-front-topbar-h)!important;
    margin:0!important;
    padding:0 26px!important;
    border:0!important;
    border-bottom:1px solid #e8e6ed!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 4px 14px rgba(47,43,61,.045)!important;
    backdrop-filter:blur(14px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
    box-sizing:border-box!important;
  }
  body.mxai-scd-native-document .mxai-page-navigator.mxai-front-utility-bar>ol{flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important}
  body.mxai-scd-native-document .mxai-page-navigator.mxai-front-utility-bar>.mxai-mz-notify-dock{
    position:relative!important;inset:auto!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;margin:0 0 0 auto!important;padding:0!important;justify-self:auto!important;align-self:center!important
  }
  /* Every actual page block uses the same Rental-like canvas gutter. */
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>
  :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher):not(.mxai-page-navigator):not(.mxai-mz-notify-dock){
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:var(--mxai-front-page-x)!important;
    margin-right:var(--mxai-front-page-x)!important;
    box-sizing:border-box!important;
  }
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>.mxai-page-navigator.mxai-front-utility-bar +
  :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher):not(.mxai-mz-notify-dock){margin-top:var(--mxai-front-page-top)!important}

  /* Component wrappers that historically recentered themselves are normalized. */
  body.mxai-scd-native-document .mxai-market-app-shell,
  body.mxai-scd-native-document .mxai-market-checkout,
  body.mxai-scd-native-document .mxai-account-page{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  body.mxai-scd-native-document .mxai-market-packages .mxai-market-pricing-hero,
  body.mxai-scd-native-document .mxai-market-packages .mxai-market-current-plan,
  body.mxai-scd-native-document .mxai-market-packages .mxai-market-plan-grid,
  body.mxai-scd-native-document .mxai-market-packages .mxai-market-comparison-v2,
  body.mxai-scd-native-document .mxai-market-packages .mxai-market-compare-note{
    width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important
  }
  body.mxai-scd-native-document .mxai-market-packages .mxai-market-pricing-hero{padding-left:0!important;padding-right:0!important}
  body.mxai-scd-native-document .mxai-market-packages>.mxai-market-plan-grid{padding-left:0!important;padding-right:0!important}
  body.mxai-scd-native-document .mxai-market-comparison-v2{padding-left:0!important;padding-right:0!important}

  /* Repeated page heads share one vertical rhythm. */
  body.mxai-scd-native-document .mxai-account-page-head,
  body.mxai-scd-native-document .mxai-front-page-head,
  body.mxai-scd-native-document .mxai-review-head{margin-top:0!important;margin-bottom:18px!important;padding-left:0!important;padding-right:0!important}

  body.mxai-mz-sidebar-collapsed.mxai-scd-native-document .mxai-app.mxai-mz-shell{grid-template-columns:var(--mx-mz-sidebar-collapsed,76px) minmax(0,1fr)!important}
  body.mxai-mz-sidebar-collapsed.mxai-scd-native-document .mxai-app.mxai-mz-shell>.mxai-mz-sidebar{width:var(--mx-mz-sidebar-collapsed,76px)!important;min-width:var(--mx-mz-sidebar-collapsed,76px)!important}
}

@media(min-width:1121px) and (max-width:1366px){:root{--mxai-front-page-x:32px}}

@media(max-width:1120px){
  :root{--mxai-front-topbar-h:62px;--mxai-front-page-x:16px;--mxai-front-page-top:16px}
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 24px!important}
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>.mxai-page-navigator.mxai-front-utility-bar{
    position:sticky!important;top:0!important;width:100%!important;height:var(--mxai-front-topbar-h)!important;min-height:var(--mxai-front-topbar-h)!important;margin:0!important;padding:0 12px 0 58px!important;border-radius:0!important;background:rgba(255,255,255,.98)!important
  }
  body.mxai-scd-native-document .mxai-page-navigator.mxai-front-utility-bar>.mxai-mz-notify-dock{margin-left:auto!important}
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>
  :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher):not(.mxai-page-navigator):not(.mxai-mz-notify-dock){
    width:auto!important;max-width:none!important;margin-left:var(--mxai-front-page-x)!important;margin-right:var(--mxai-front-page-x)!important;box-sizing:border-box!important
  }
  body.mxai-scd-native-document .mxai-app.mxai-mz-shell>.mxai-page-navigator.mxai-front-utility-bar +
  :not(.mxai-mz-sidebar):not(.mxai-mz-overlay):not(.mxai-mz-mobile-launcher):not(.mxai-mz-notify-dock){margin-top:var(--mxai-front-page-top)!important}
}

@media(max-width:560px){:root{--mxai-front-page-x:12px}}

/* v3.0.55.56 — global MXAI checkbox normalization
   One square control, one check glyph. WordPress' native ::before glyph is disabled
   so it cannot overlap the MXAI checkmark. Deliberate provider ON/OFF switches retain
   their switch appearance via the more-specific provider rules below. */
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:relative!important;
  display:inline-grid!important;
  place-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #b8becb!important;
  border-radius:3px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  vertical-align:middle!important;
  line-height:1!important;
  cursor:pointer!important;
  outline:0!important;
  accent-color:auto!important;
  transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:9px!important;
  margin:0!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  opacity:0!important;
  transform:translate(-50%,-58%) rotate(45deg) scale(.82)!important;
  transform-origin:center!important;
  transition:opacity .12s ease,transform .12s ease!important;
  pointer-events:none!important;
  box-sizing:content-box!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]:checked{
  border-color:#6b4cf0!important;
  background:#6b4cf0!important;
  background-image:none!important;
  box-shadow:none!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]:checked::after{
  opacity:1!important;
  transform:translate(-50%,-58%) rotate(45deg) scale(1)!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]:focus-visible{
  border-color:#6b4cf0!important;
  box-shadow:0 0 0 3px rgba(107,76,240,.16)!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]:disabled{
  cursor:not-allowed!important;
  opacity:.48!important;
  background:#f3f4f7!important;
}
:where(.mxai-scd-admin,.mxai-app,.mxai-market) input[type="checkbox"]:disabled:checked{
  background:#a9a0dc!important;
  border-color:#a9a0dc!important;
}

/* v3.0.55.54 used browser-native checkboxes in the payment-channel editor.
   Force those controls onto the same MXAI square component too. */
.mxai-payment-channel-customizer .mxai-custom-field-enabled input[type="checkbox"],
.mxai-payment-channel-checks input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:relative!important;
  display:inline-grid!important;
  place-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #b8becb!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:none!important;
  vertical-align:middle!important;
  opacity:1!important;
  cursor:pointer!important;
}
.mxai-payment-channel-customizer .mxai-custom-field-enabled input[type="checkbox"]::before,
.mxai-payment-channel-checks input[type="checkbox"]::before{
  content:none!important;
  display:none!important;
}
.mxai-payment-channel-customizer .mxai-custom-field-enabled input[type="checkbox"]::after,
.mxai-payment-channel-checks input[type="checkbox"]::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:9px!important;
  margin:0!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  opacity:0!important;
  transform:translate(-50%,-58%) rotate(45deg) scale(.82)!important;
  transform-origin:center!important;
  pointer-events:none!important;
}
.mxai-payment-channel-customizer .mxai-custom-field-enabled input[type="checkbox"]:checked,
.mxai-payment-channel-checks input[type="checkbox"]:checked{
  border-color:#6b4cf0!important;
  background:#6b4cf0!important;
}
.mxai-payment-channel-customizer .mxai-custom-field-enabled input[type="checkbox"]:checked::after,
.mxai-payment-channel-checks input[type="checkbox"]:checked::after{
  opacity:1!important;
  transform:translate(-50%,-58%) rotate(45deg) scale(1)!important;
}

/* Keep intentional provider controls as switches, not square checkboxes. */
.mxai-scd-admin #mxai-ai-smart-resolver input[type="checkbox"]::after,
.mxai-scd-admin .mxai-location-provider-form input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}