/* Merchant workspace visual system. Scoped so storefront, editor and login keep their own design. */
.merchant-admin-shell {
  --ma-canvas: #f1f1f1;
  --ma-surface: #ffffff;
  --ma-sidebar: #ebebeb;
  --ma-ink: #202223;
  --ma-muted: #616161;
  --ma-line: #e3e3e3;
  --ma-focus: #737779;
  --ma-radius: 12px;
  --ma-shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .04);
  color: var(--ma-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  background: var(--ma-canvas);
  isolation: isolate;
  display: block !important;
}
.merchant-admin-shell .ma-workspace,
.merchant-admin-shell .ma-content {
  min-width: 0;
  background: var(--ma-canvas) !important;
}
.merchant-admin-shell .ma-workspace { width: calc(100% - var(--ma-sidebar-width, 232px)) !important; margin-inline-start: var(--ma-sidebar-width, 232px); padding-top: 56px; min-height: 100vh; transition: margin-inline-start .18s ease; }
.merchant-admin-shell .ma-content {
  margin: 0;
  padding: 28px 32px 40px;
  min-height: calc(100vh - 56px);
  border-radius: 0 !important;
  box-shadow: none;
}
.merchant-admin-shell .ma-topbar {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 56px;
  min-height: 56px;
  line-height: 1.5;
  padding: 0 16px;
  background: #1a1a1a !important;
  color: #f7f7f7;
  border-bottom: 1px solid #303030;
  box-shadow: none !important;
}
.merchant-admin-shell .ma-topbar-tools { display: flex; align-items: center; min-width: 0; gap: 16px; flex-shrink: 0; }
.merchant-admin-shell .ma-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -.3px;
  white-space: nowrap;
}
.merchant-admin-shell .ma-brand img { width: 27px; height: 27px; }
.merchant-admin-shell .ma-brand small {
  color: #b5b5b5;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .2px;
}
.merchant-admin-shell .ma-account-trigger {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 5px 8px;
  color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.merchant-admin-shell .ma-account-trigger:hover { background: #333; }
.merchant-admin-shell .ma-account-trigger:focus-visible {
  outline: 2px solid #b5d9ff;
  outline-offset: 2px;
}
.merchant-admin-shell .ma-account-trigger .ant-avatar {
  width: 29px;
  height: 29px;
  line-height: 29px;
  background: #d4f2df;
  color: #145b3e;
  border: 1px solid #a9d5b8;
  border-radius: 8px;
}
.merchant-admin-shell .ma-account-trigger > span:not(.ant-avatar):not(.anticon):not(.ant-tag) {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 550;
}
.merchant-admin-shell .ma-topbar .ant-btn-text,
.merchant-admin-shell .ma-collapse-button {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  border-radius: 7px;
  color: #e3e3e3;
  cursor: pointer;
}
.merchant-admin-shell .ma-topbar .ant-btn-text:not(:disabled):hover,
.merchant-admin-shell .ma-collapse-button:hover { background: #333; color: #fff; }
.merchant-admin-shell .ma-sidebar {
  position: fixed;
  inset-inline-start: 0;
  top: 56px;
  bottom: 0;
  height: calc(100vh - 56px);
  z-index: 35;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--ma-sidebar) !important;
  border-right: 1px solid #ddd;
  box-shadow: none !important;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
}
.merchant-admin-shell .ma-sidebar .ant-layout-sider-children { display: flex; flex-direction: column; min-height: 100%; padding: 12px 8px; }
.merchant-admin-shell .ma-sidebar-navigation { flex: 1; min-height: 0; }
.merchant-admin-shell .ma-menu,
.merchant-admin-shell .ma-menu .ant-menu-sub {
  background: transparent !important;
  border-inline-end: 0 !important;
  color: #3d3d3d;
  font-size: 13px;
}
.merchant-admin-shell .ma-menu .ant-menu-item,
.merchant-admin-shell .ma-menu .ant-menu-submenu-title {
  height: 34px;
  line-height: 34px;
  margin: 3px 0;
  width: 100%;
  border-radius: 7px;
  font-weight: 500;
}
.merchant-admin-shell .ma-menu .ant-menu-item .anticon,
.merchant-admin-shell .ma-menu .ant-menu-submenu-title .anticon {
  font-size: 17px;
  color: #606060;
}
.merchant-admin-shell .ma-menu .ant-menu-item:not(.ant-menu-item-disabled):hover,
.merchant-admin-shell .ma-menu .ant-menu-submenu-title:hover {
  background: #dedede !important;
  color: #202223 !important;
}
.merchant-admin-shell .ma-menu .ant-menu-item-selected {
  background: #fff !important;
  color: #202223 !important;
  font-weight: 650;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
}
.merchant-admin-shell .ma-menu .ant-menu-item-selected .anticon { color: #202223; }
.merchant-admin-shell .ma-menu .ant-menu-submenu-selected > .ant-menu-submenu-title { color: #202223; }
.merchant-admin-shell .ma-menu .ant-menu-sub .ant-menu-item { font-size: 12px; font-weight: 450; }
.merchant-admin-shell .ma-menu .ant-menu-item:focus-visible,
.merchant-admin-shell .ma-menu .ant-menu-submenu-title:focus-visible {
  outline: 2px solid var(--ma-focus);
  outline-offset: -2px;
}
.merchant-admin-shell h1,
.merchant-admin-shell h2,
.merchant-admin-shell h3,
.merchant-admin-shell h4,
.merchant-admin-shell .ant-typography:not(.ant-typography-danger):not(.ant-typography-warning):not(.ant-typography-success):not(.ant-typography-disabled):not(.ant-typography-secondary) { color: var(--ma-ink); }
.merchant-admin-shell h1,
.merchant-admin-shell h2,
.merchant-admin-shell h1.ant-typography,
.merchant-admin-shell h2.ant-typography {
  font-size: 23px;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -.5px;
}
.merchant-admin-shell h3.ant-typography { font-size: 18px; line-height: 1.45; font-weight: 600; }
.merchant-admin-shell h4.ant-typography { font-size: 16px; line-height: 1.5; font-weight: 600; }
.merchant-admin-shell .ant-typography-secondary { color: var(--ma-muted); }
.merchant-admin-shell a:not(.ant-btn):not(.ant-typography-danger):not(.ant-typography-success):not(.ant-typography-warning):not(.ant-typography-disabled) { color: #006fbb; }
.merchant-admin-shell a:not(.ant-btn):hover { color: #005a95; text-decoration: underline; }
.merchant-admin-shell .ant-card {
  border: 1px solid var(--ma-line);
  border-radius: var(--ma-radius) !important;
  box-shadow: var(--ma-shadow);
  color: var(--ma-ink);
}
.merchant-admin-shell .ant-card .ant-card-head {
  min-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #ededed;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
}
.merchant-admin-shell .ant-card .ant-card-head-title { padding: 14px 0; }
.merchant-admin-shell .ant-card > .ant-card-body { padding: 20px; }
.merchant-admin-shell .ant-card .ant-card-extra { font-size: 12px; }
.merchant-admin-shell .ant-statistic-title { color: #616161; font-size: 13px; font-weight: 500; }
.merchant-admin-shell .ant-statistic-content {
  font-size: 27px;
  font-weight: 650;
  letter-spacing: -.7px;
  font-variant-numeric: tabular-nums;
}
.merchant-admin-shell .ant-divider { border-color: #e5e5e5; }
.merchant-admin-shell .ant-tabs > .ant-tabs-nav { margin-bottom: 20px; }
.merchant-admin-shell .ant-tabs-tab { padding: 11px 3px; font-size: 13px; font-weight: 500; }
.merchant-admin-shell .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #202223; text-shadow: none; font-weight: 650; }
.merchant-admin-shell .ant-tabs-ink-bar { height: 3px; background: #202223; border-radius: 3px 3px 0 0; }
.merchant-admin-shell .ant-tabs .ant-tabs-tab:hover { color: #202223; }
.merchant-admin-shell .ant-segmented { padding: 3px; border: 1px solid #dedede; border-radius: 8px; background: #eaeaea; }
.merchant-admin-shell .ant-segmented-item { border-radius: 5px; font-size: 12px; color: #616161; }
.merchant-admin-shell .ant-segmented-item-selected { background: #fff; color: #202223; box-shadow: 0 1px 3px #00000012; font-weight: 550; }
.merchant-admin-shell .ant-table-wrapper { min-width: 0; }
.merchant-admin-shell .ant-table { font-size: 13px; color: #303030; border-radius: 10px; }
.merchant-admin-shell .ant-table-container { border-radius: 10px; }
.merchant-admin-shell .ant-table-content {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.merchant-admin-shell .ant-table-thead > tr > th,
.merchant-admin-shell .ant-table-thead > tr > td {
  background: #f7f7f7;
  color: #616161;
  border-bottom: 1px solid #e3e3e3;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 550;
}
.merchant-admin-shell .ant-table-thead > tr > th::before { background-color: #e7e7e7 !important; }
.merchant-admin-shell .ant-table-tbody > tr > td {
  padding: 13px 14px;
  border-bottom: 1px solid #ededed;
  vertical-align: middle;
}
.merchant-admin-shell .ant-table-tbody > tr.ant-table-row:hover > td { background: #f8f8f8; }
.merchant-admin-shell .ant-table-tbody > tr.ant-table-row-selected > td { background: #f0f7f3; }
.merchant-admin-shell .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #e7f2eb; }
.merchant-admin-shell .ant-table-pagination { margin: 16px 0 0; }
.merchant-admin-shell .ant-table-sticky-scroll { background: #f5f5f5; }
.merchant-admin-shell .ant-pagination .ant-pagination-item { border-radius: 6px; }
.merchant-admin-shell .ant-pagination .ant-pagination-item-active { border-color: #8c8c8c; background: #fff; }
.merchant-admin-shell .ant-pagination .ant-pagination-item-active a { color: #202223; }
.merchant-admin-shell .ant-empty-description { color: #616161; }
.merchant-admin-shell .ant-empty { margin: 34px 0; }
.merchant-admin-shell .ant-tag:not(.ant-tag-has-color):not(.ant-tag-success):not(.ant-tag-warning):not(.ant-tag-error):not(.ant-tag-processing):not(.ant-tag-blue):not(.ant-tag-green):not(.ant-tag-cyan):not(.ant-tag-gold):not(.ant-tag-orange):not(.ant-tag-red):not(.ant-tag-volcano):not(.ant-tag-magenta):not(.ant-tag-purple):not(.ant-tag-geekblue):not(.ant-tag-lime) {
  color: #555;
  background: #f1f1f1;
  border-color: #e4e4e4;
}
.merchant-admin-shell .ant-tag { border-radius: 5px; font-size: 11px; line-height: 20px; padding-inline: 6px; }
/* Inputs and buttons are also applied to Ant portals while this workspace is mounted. */
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn {
  min-height: 32px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 550;
  box-shadow: none;
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-default:not(:disabled):not(.ant-btn-dangerous) {
  border-color: #c9cccf;
  background: #fff;
  color: #303030;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .03) inset;
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-default:not(:disabled):not(.ant-btn-dangerous):hover {
  border-color: #999;
  background: #f7f7f7;
  color: #202223;
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-primary:not(:disabled):not(.ant-btn-dangerous) {
  border-color: #303030;
  background: #303030;
  color: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .16) inset, 0 -1px 0 rgba(0, 0, 0, .16) inset;
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-primary:not(:disabled):not(.ant-btn-dangerous):hover { border-color: #1a1a1a; background: #1a1a1a; color: #fff; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-link:not(:disabled):not(.ant-btn-dangerous) { color: #006fbb; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-sm { min-height: 28px; padding-inline: 10px; font-size: 12px; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn-lg { min-height: 40px; font-size: 14px; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-btn:disabled { cursor: not-allowed; box-shadow: none; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-number,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-picker,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-select-selector {
  border-radius: 7px;
  border-color: #b5b5b5;
  font-size: 13px;
  color: #303030;
  box-shadow: none;
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper .ant-input { border-radius: 0; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input::placeholder { color: #8a8a8a; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input:focus,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper-focused,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-number-focused,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-picker-focused,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-select-focused:not(.ant-select-disabled) .ant-select-selector {
  border-color: #737779;
  box-shadow: 0 0 0 1px rgba(48, 48, 48, .10);
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-form-item-label > label { color: #303030; font-size: 13px; font-weight: 500; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-form-item-explain,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-form-item-extra { font-size: 12px; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) :is(button, a, input, select, textarea, [role="button"]):focus-visible { outline: 2px solid #737779; outline-offset: 2px; }
body.merchant-admin-app .ant-dropdown .ant-dropdown-menu,
body.merchant-admin-app .ant-select-dropdown,
body.merchant-admin-app .ant-picker-dropdown .ant-picker-panel-container {
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
  font-size: 13px;
}
body.merchant-admin-app .ant-dropdown .ant-dropdown-menu { padding: 6px; }
body.merchant-admin-app .ant-dropdown .ant-dropdown-menu-item,
body.merchant-admin-app .ant-dropdown .ant-dropdown-menu-submenu-title { min-height: 34px; border-radius: 6px; font-size: 13px; }
body.merchant-admin-app .ant-dropdown .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover { background: #f1f1f1; }
body.merchant-admin-app .ant-dropdown .ant-dropdown-menu-item-danger { color: #c5280c; }
body.merchant-admin-app .ant-select-item { font-size: 13px; border-radius: 5px; }
body.merchant-admin-app .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: #202223; background: #edf5ef; font-weight: 550; }
body.merchant-admin-app .ant-modal .ant-modal-content { padding: 24px; border-radius: 14px; box-shadow: 0 12px 48px #00000026; }
body.merchant-admin-app .ant-modal .ant-modal-header { margin-bottom: 20px; }
body.merchant-admin-app .ant-modal .ant-modal-title { font-size: 17px; font-weight: 650; color: #202223; }
body.merchant-admin-app .ant-modal .ant-modal-footer { margin-top: 24px; padding-top: 16px; border-top: 1px solid #ebebeb; }
body.merchant-admin-app .ant-drawer .ant-drawer-header { border-bottom: 1px solid #e5e5e5; }
body.merchant-admin-app .ant-drawer .ant-drawer-title { color: #202223; font-size: 16px; font-weight: 650; }
.merchant-admin-shell .ant-alert { border-radius: 8px; font-size: 13px; }
.merchant-admin-shell .ant-alert .ant-alert-message { font-weight: 550; }
.merchant-admin-shell .ant-collapse { border: 1px solid #e3e3e3; border-radius: 10px; background: #fff; }
.merchant-admin-shell .ant-collapse .ant-collapse-header { color: #303030; font-size: 13px; font-weight: 550; }
.merchant-admin-shell .ant-collapse-content { border-top-color: #ededed; }
.merchant-admin-shell .ant-descriptions .ant-descriptions-item-label { color: #616161; font-size: 12px; }
.merchant-admin-shell .ant-descriptions .ant-descriptions-item-content { font-size: 13px; }

/* Header and navigation details. */
.merchant-admin-shell .ma-topbar-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.merchant-admin-shell .ma-search {
  display: flex;
  align-items: center;
  gap: 9px;
  width: min(100%, 460px);
  min-width: 120px;
  padding: 0 12px;
  color: #bdbdbd;
  background: #303030;
  border: 1px solid #505050;
  border-radius: 8px;
  transition: border-color .15s ease, background-color .15s ease;
}
.merchant-admin-shell .ma-search:focus-within { border-color: #aaa; background: #383838; outline: 2px solid #b5d9ff; outline-offset: 2px; }
.merchant-admin-shell .ma-search input {
  width: 100%;
  min-width: 0;
  height: 34px;
  border: 0;
  padding: 0;
  outline: none;
  background: transparent;
  color: #f3f3f3;
  font: inherit;
  font-size: 13px;
}
.merchant-admin-shell .ma-search input::placeholder { color: #c5c5c5; }
.merchant-admin-shell .ma-search input:focus-visible { outline: none; }
.merchant-admin-shell .ma-search kbd { padding: 0 4px; border: 1px solid #606060; border-radius: 4px; color: #b5b5b5; font-family: inherit; font-size: 11px; line-height: 18px; white-space: nowrap; }
.merchant-admin-shell .ma-clock { color: #d5d5d5; font-size: 12px; flex-shrink: 0; }
.merchant-admin-shell .ma-clock span,
.merchant-admin-shell .ma-clock .anticon { color: #d5d5d5 !important; }
.merchant-admin-shell .ma-clock > div { gap: 7px !important; }
.merchant-admin-shell .ma-clock > div > div { background: #555 !important; }
.merchant-admin-shell .ma-topbar-tools .ant-badge .ant-btn { color: #dedede; }
.merchant-admin-shell .ma-topbar-tools .ant-badge .ant-btn:hover { color: #fff; background: #333; }
.merchant-admin-shell .ma-topbar-tools .ant-badge-count { box-shadow: 0 0 0 2px #1a1a1a; }
.merchant-admin-shell button.ma-account-trigger { appearance: none; background: transparent; font: inherit; text-align: start; }
.merchant-admin-shell button.ma-account-trigger:hover { background: #333; }
.merchant-admin-shell .ma-nav-caption { padding: 18px 14px 6px; color: #616161; font-size: 11px; font-weight: 550; letter-spacing: .2px; }
.merchant-admin-shell .ma-sidebar-footer { margin-top: 20px; padding: 14px 12px 8px; border-top: 1px solid #d6d6d6; color: #616161; font-size: 11px; }
.merchant-admin-shell.ma-nav-collapsed .ma-nav-caption { padding-inline: 0; text-align: center; }
.merchant-admin-shell .ma-mobile-nav { appearance: none; border: 0; margin: 0; padding: 0; }
.merchant-admin-shell .ma-page-heading { margin-bottom: 22px; }
.merchant-admin-shell .ma-stat-card { background: #fff !important; border-color: #e3e3e3; }
.merchant-admin-shell .settings-section { background: #fff; border: 1px solid #e3e3e3; box-shadow: var(--ma-shadow); margin-bottom: 18px; }
.merchant-admin-shell .settings-section > summary { padding: 18px 20px; border-radius: 12px; }
.merchant-admin-shell .settings-section > summary:hover { background: #fafafa; }
.merchant-admin-shell .settings-section > summary:focus-visible { outline: 2px solid #737779; outline-offset: 2px; }
.merchant-admin-shell .settings-section-title { color: #303030; font-size: 14px; font-weight: 600; }
.merchant-admin-shell .settings-section-title > .anticon { color: #616161; }
.merchant-admin-shell .settings-section-action { color: #616161; font-size: 12px; }
.merchant-admin-shell .settings-section-content { padding: 0 20px 20px; }


.merchant-admin-shell .ma-brand-caption { margin-inline-start: 6px; color: #b7b7b7; font-size: 12px; font-weight: 450; }
.merchant-admin-shell .ma-menu .ant-menu-item-group-title { padding: 16px 14px 6px; color: #616161; font-size: 11px; font-weight: 550; }
.merchant-admin-shell .ma-menu .ant-menu-item-group-list { margin: 0; }
.merchant-admin-shell.ma-nav-collapsed .ma-menu.ant-menu-inline-collapsed { width: 56px; }
.merchant-admin-shell .ma-mobile-clock { display: block; margin: 0 0 12px; font-size: 11px; }
.merchant-admin-shell .ma-mobile-clock > div { gap: 5px !important; }
.merchant-admin-shell .ma-mobile-clock span { font-size: 11px !important; }
.merchant-admin-shell .ma-mobile-clock .anticon { font-size: 12px !important; }
.merchant-admin-shell .ma-mobile-clock span[style*="min-width"] { min-width: 51px !important; }
.merchant-admin-shell .ma-nav-empty { padding: 18px 14px; color: #616161; font-size: 12px; }
.merchant-admin-shell .ma-sidebar-status-dot { display: inline-block; width: 6px; height: 6px; margin-inline-end: 7px; border-radius: 50%; background: #4b8063; vertical-align: middle; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-status-error:not(:disabled),
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper-status-error,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-number-status-error,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-picker-status-error,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-select-status-error .ant-select-selector { border-color: #d72c0d; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-status-warning,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper-status-warning,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-number-status-warning,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-picker-status-warning,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-select-status-warning .ant-select-selector { border-color: #b98900; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input:disabled,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper-disabled,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-number-disabled,
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-select-disabled .ant-select-selector { color: #999; border-color: #dedede; background: #f7f7f7; }
body.merchant-admin-app .ant-popover { max-width: calc(100vw - 24px); }
body.merchant-admin-app .ant-popover .ant-popover-inner-content > div { max-width: 100%; }

@media (max-width: 1199px) {
  .merchant-admin-shell .ma-account-trigger > span:not(.ant-avatar):not(.anticon):not(.ant-tag) { max-width: 160px; }
}
@media (max-width: 900px) {
  .merchant-admin-shell .ma-workspace { width: 100% !important; margin-inline-start: 0 !important; }
  .merchant-admin-shell .ma-sidebar { transform: translateX(-100%); transition: transform .2s ease; z-index: 45 !important; }
  .merchant-admin-shell.ma-nav-open .ma-sidebar { transform: translateX(0); }
  .merchant-admin-shell .ma-mobile-nav { position: fixed; inset: 56px 0 0; z-index: 40; background: rgba(0, 0, 0, .35); cursor: pointer; }
  .merchant-admin-shell .ma-search { min-width: 0; padding-inline: 9px; }
  .merchant-admin-shell .ma-search kbd { font-size: 10px; }
  .merchant-admin-shell .ma-brand { font-size: 15px; }
  .merchant-admin-shell .ma-topbar-brand { gap: 8px; }
  .merchant-admin-shell .settings-section > summary { padding: 16px; }
  .merchant-admin-shell .settings-section-content { padding: 0 16px 16px; }

  .merchant-admin-shell .ma-topbar { gap: 12px; padding-inline: 12px; }
  .merchant-admin-shell .ma-topbar-tools { gap: 8px; }
  .merchant-admin-shell .ma-brand-caption { display: none; }
  .merchant-admin-shell .ma-search-shortcut { display: none; }
  .merchant-admin-shell .ma-clock { display: none; }
  .merchant-admin-shell .ma-account-trigger { padding: 4px; }
  .merchant-admin-shell .ma-account-trigger > span:not(.ant-avatar):not(.anticon):not(.ant-tag) { max-width: 116px; }
  .merchant-admin-shell .ma-content { margin: 0 !important; padding: 20px 14px !important; }
  .merchant-admin-shell h1,
  .merchant-admin-shell h2,
  .merchant-admin-shell h1.ant-typography,
  .merchant-admin-shell h2.ant-typography { font-size: 21px; }
  .merchant-admin-shell .ant-card > .ant-card-body { padding: 16px; }
  .merchant-admin-shell .ant-card .ant-card-head { padding-inline: 16px; }
  .merchant-admin-shell .ant-table { font-size: 12px; }
  .merchant-admin-shell .ant-table-thead > tr > th,
  .merchant-admin-shell .ant-table-tbody > tr > td { padding: 11px 10px; }
  .merchant-admin-shell .ma-collapse-button,
  .merchant-admin-shell .ma-topbar .ant-btn-text { min-width: 40px; min-height: 40px; }
  body.merchant-admin-app .ant-modal .ant-modal-content { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .merchant-admin-shell *,
  .merchant-admin-shell *::before,
  .merchant-admin-shell *::after,
  body.merchant-admin-app .ant-modal *,
  body.merchant-admin-app .ant-dropdown * { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

@media (max-width: 600px) {
  .merchant-admin-shell .ma-stat-card .ant-statistic-content {
    font-size: clamp(18px, 5.4vw, 22px) !important;
    line-height: 1.35;
    letter-spacing: -.5px;
    overflow-wrap: anywhere;
    min-width: 0;
  }
  .merchant-admin-shell .ma-stat-card .ant-statistic-content-prefix,
  .merchant-admin-shell .ma-stat-card .ant-statistic-content-suffix { font-size: .75em; margin-inline: 2px; }

  .merchant-admin-shell .ma-account-name,
  .merchant-admin-shell .ma-account-chevron { display: none; }
  .merchant-admin-shell .ma-search { width: auto; flex: 1; }
  .merchant-admin-shell .ma-brand img { width: 23px; height: 23px; }
}
@media (max-width: 380px) {
  .merchant-admin-shell .ma-brand > span { display: none; }
  .merchant-admin-shell .ma-topbar { gap: 8px; }
}

.merchant-admin-shell .ma-topbar :is(button, [role="button"]):focus-visible { outline: 2px solid #b5d9ff; outline-offset: 2px; }
.merchant-admin-shell .ma-topbar-tools .ant-badge .ant-btn .anticon { color: #dedede !important; }
.merchant-admin-shell .ma-topbar-tools .anticon-bell { color: #dedede !important; }
.merchant-admin-shell .ma-topbar-tools .notification-bell:hover { background: #333 !important; }

/* One restrained focus treatment on the control container, with no inner input rectangle. */
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-affix-wrapper.ant-input-affix-wrapper-focused:not(.ant-input-affix-wrapper-status-error):not(.ant-input-affix-wrapper-status-warning),
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input-number.ant-input-number-focused:not(.ant-input-number-status-error):not(.ant-input-number-status-warning),
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-picker.ant-picker-focused:not(.ant-picker-status-error):not(.ant-picker-status-warning),
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-select.ant-select-focused:not(.ant-select-disabled):not(.ant-select-status-error):not(.ant-select-status-warning) .ant-select-selector {
  border-color: #8a8a8a;
  box-shadow: 0 0 0 1px rgba(48, 48, 48, .10);
}
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) .ant-input:focus-visible { outline: none; }
:is(.merchant-admin-shell, body.merchant-admin-app .ant-modal, body.merchant-admin-app .ant-drawer) :is(.ant-input-affix-wrapper, .ant-input-number, .ant-picker, .ant-select, .ma-search) input:is(:focus, :focus-visible) {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}