/* WSMarket generated CSS. Source: assets/ui-src/*.css. Build: php tools/build_assets.php. UI: 452-dispute-bounded-supplier-modal-report. */

/* UI owner: 00-tokens.css */
:root {
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --surface-subtle: #f8fafc;
  --font-ui: Roboto, Arial, sans-serif;
  --font: var(--font-ui);
  --font-sans: var(--font-ui);
  --ui-font: var(--font-ui);
  --fs-12: var(--fs-xs);
  --fs-13: var(--fs-sm);
  --fw-700: var(--fw-bold);
  --shadow-lg: var(--shadow-pop);
  --mono: var(--font-mono);
  --mono-font: var(--mono);

  --brand: #d13f20;
  --brand-hover: #b8321a;
  --brand-on: #ffffff;
  --brand-soft: #fff3ee;
  --brand-line: #ffd6c9;

  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-muted: #f1f5f9;

  --text: #162033;
  --text-2: #334155;
  --muted: #64748b;
  --muted-2: #94a3b8;

  --line: #d7dee8;
  --line-soft: #e8edf4;
  --control-line: #b7c2d0;
  --control-line-hover: #94a3b8;

  --success: #15803d;
  --success-bg: #f0fdf4;
  --success-line: #bbf7d0;
  --warning: #b45309;
  --warning-bg: #fff7ed;
  --warning-line: #fed7aa;
  --danger: #dc2626;
  --danger-bg: #fef2f2;
  --danger-line: #fecaca;
  --info: #2563eb;
  --info-bg: #eff6ff;
  --info-line: #bfdbfe;

  --r0: 0;
  --r1: 3px;
  --r2: 4px;
  --r3: 6px;
  --r4: 8px;
  --pill: 999px;

  --shadow-line: 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-card: 0 6px 16px rgba(15, 23, 42, .065);
  --shadow-pop: 0 18px 44px rgba(15, 23, 42, .16);

  --fs-2xs: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.18;
  --lh-snug: 1.35;
  --lh-normal: 1.52;


  --primary: var(--brand);
  --accent: var(--brand);
  --panel: var(--surface);
  --border: var(--line);
  --border-strong: var(--control-line);
  --shadow-soft: var(--shadow-line);
}

* {
box-sizing: border-box;
}

html {
min-height: 100%; background: var(--bg);
}

body {
margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: var(--fs-md);
  font-weight: var(--fw-regular);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
color: inherit; text-decoration: none;
}

p,
h1,
h2,
h3,
h4 {
margin: 0;
}

h1 {
font-size: var(--fs-2xl); line-height: var(--lh-tight); font-weight: var(--fw-bold); letter-spacing: -.01em;
}

h2 {
font-size: var(--fs-lg); line-height: var(--lh-snug); font-weight: var(--fw-bold);
}

h3 {
font-size: var(--fs-md); line-height: var(--lh-snug); font-weight: var(--fw-semibold);
}

b,
strong {
font-weight: var(--fw-bold);
}

small {
font-size: var(--fs-xs);
}

.wrap {
width: min(100% - 32px, 1260px); margin-inline: auto;
}

.main-wrap {
padding: 16px 0 30px;
}

.mono {
font-family: var(--mono); font-size: .94em;
}

.muted,
.help-text {
color: var(--muted);
}

.help-text {
margin-top: 4px; font-size: var(--fs-xs); line-height: var(--lh-snug);
}

.small {
font-size: var(--fs-xs);
}

.large {
font-size: var(--fs-lg);
}

.warn-text {
color: var(--warning);
}

.danger-text {
color: var(--danger);
}

/* UI owner: 01-base.css */
.site-header {
position: sticky;
  top: 0;
  z-index: 100;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  box-shadow: var(--shadow-line);
}

.site-utility {
background: #fbfcfd;
  border-bottom: 1px solid var(--line-soft);
  color: var(--muted);
}

.site-utility-inner {
height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
}

.site-mainbar {
background: var(--surface);
}

.site-mainbar-inner {
min-height: 64px;
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr) auto auto;
  align-items: center;
  gap: 14px;
}

.brand {
display: inline-flex; align-items: center; gap: 10px; min-width: max-content;
}

.brand-mark {
width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--r2);
  background: var(--brand);
  color: var(--brand-on, #fff);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  box-shadow: var(--shadow-line);
}

.brand-text b {
display: block; color: var(--text); font-size: var(--fs-lg); line-height: var(--lh-tight);
}

.brand-text small {
display: block; margin-top: 1px; color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-medium);
}

.global-search {
height: 40px;
  min-width: 0;
  display: flex;
  align-items: center;
  border: 1px solid var(--brand);
  background: #fff;
  border-radius: var(--r2);
  overflow: hidden;
}

.global-search input {
min-height: 38px;
  height: 38px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  flex: 1;
  min-width: 0;
}

.global-search button {
height: 34px;
  margin-right: 3px;
  padding: 0 18px;
  border: 0;
  border-radius: var(--r1);
  background: var(--brand);
  color: var(--brand-on, #fff);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}

.global-search button:hover {
background: var(--brand-hover);
}

.global-search-placeholder {
min-width: 180px;
}

.site-nav {
display: flex; align-items: center; gap: 3px; min-width: max-content;
}

.site-nav a {
min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: var(--r2);
  color: var(--text-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
}

.site-nav a:hover,
.site-nav a.active {
background: var(--brand-soft); color: var(--brand);
}

.account-box {
display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0;
}

.header-balance {
min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid var(--brand-line);
  border-radius: var(--r2);
  background: var(--brand-soft);
  color: var(--brand);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
}

.account-name {
max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-size: var(--fs-sm); font-weight: var(--fw-semibold);
}

.account-role,
.account-logout {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-medium);
}

.account-logout:hover {
color: var(--brand);
}

.admin-page .site-utility {
background: #0f172a; color: #cbd5e1; border-bottom-color: #1f2937;
}

.admin-page .site-mainbar {
background: #111827; border-bottom: 1px solid #1f2937;
}

.admin-page .brand-mark {
background: #fff; color: #111827;
}

.admin-page .brand-text b,
.admin-page .site-nav a,
.admin-page .account-name {
color: #f8fafc;
}

.admin-page .brand-text small,
.admin-page .account-role,
.admin-page .account-logout {
color: #94a3b8;
}

.admin-page .site-nav a:hover,
.admin-page .site-nav a.active {
background: rgba(255,255,255,.10); color: #fff;
}

.admin-page .header-balance {
background: #fff; color: #111827; border-color: transparent;
}

button,
input,
select,
textarea {
font: inherit;
}

input,
select,
textarea {
width: 100%;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--control-line);
  border-radius: var(--r2);
  background: #fff;
  color: var(--text);
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  line-height: var(--lh-normal);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .025);
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

select {
appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position: calc(100% - 15px) 16px, calc(100% - 10px) 16px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 28px;
}

textarea {
min-height: 96px; padding: 10px; resize: vertical;
}

input:hover,
select:hover,
textarea:hover {
border-color: var(--control-line-hover);
}

input:focus,
select:focus,
textarea:focus {
border-color: var(--brand);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(238, 77, 45, .13);
}

input::placeholder,
textarea::placeholder {
color: #9aa6b5;
}

label {
display: grid;
  gap: 6px;
  color: var(--text-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
}

.form-row {
display: grid; gap: 6px; min-width: 0;
}

.form-grid {
display: grid; gap: 12px; min-width: 0;
}

.form-grid.two,
.form-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid.three,
.form-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-grid.four,
.form-grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ui-form,
.stack-form,
.filter-form,
.side-filter-form {
display: grid; gap: 12px;
}

input[type="checkbox"],
input[type="radio"] {
width: auto; min-height: auto; padding: 0; box-shadow: none; accent-color: var(--brand);
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
box-shadow: 0 0 0 3px rgba(238, 77, 45, .13);
}

.stack-form {
gap: 8px; margin-top: 8px;
}

.inline-form {
display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0;
}

.inline-form input,
.actions input,
.actions select {
width: auto; min-width: 120px;
}

.btn,
button.btn,
a.btn {
min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid var(--brand);
  border-radius: var(--r2);
  background: var(--brand);
  color: var(--brand-on, #fff);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, transform .05s ease;
}

.btn:hover {
background: var(--brand-hover); border-color: var(--brand-hover); box-shadow: var(--shadow-line);
}

.btn:active {
transform: translateY(1px);
}

.btn.secondary,
a.btn.secondary,
button.btn.secondary {
background: #fff;
  border-color: var(--control-line);
  color: var(--text-2);
}

.btn.secondary:hover {
background: #f8fafc; border-color: var(--control-line-hover); color: var(--text);
}

.btn.danger {
background: var(--danger); border-color: var(--danger); color: #fff;
}

.btn.danger:hover {
background: #b91c1c; border-color: #b91c1c;
}

.btn.warn {
background: var(--warning); border-color: var(--warning); color: #fff;
}

.btn.warn:hover {
background: #92400e; border-color: #92400e;
}

.btn.ghost {
background: transparent; border-color: transparent; color: var(--text-2);
}

.btn.ghost:hover {
background: var(--surface-soft); border-color: var(--line);
}

.btn.market-btn,
.btn.market-buy,
.market-btn,
.market-buy {
background: var(--brand); border-color: var(--brand); color: var(--brand-on, #fff);
}

.btn.small,
.btn.small-btn,
.small-btn,
button.small,
a.small {
min-height: 30px;
  padding: 0 9px;
  font-size: var(--fs-xs);
}

.btn:disabled,
.market-buy:disabled {
opacity: .55; cursor: not-allowed; transform: none; box-shadow: none;
}

.actions,
.page-actions,
.ui-actions,
.hero-actions,
.summary-actions,
.ui-section-actions {
display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.actions form {
display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0;
}

td.actions {
text-align: right;
}

td.actions .btn {
margin-left: 4px;
}

.badge,
.status-pill {
min-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  border: 1px solid var(--line);
  border-radius: var(--pill);
  background: #f8fafc;
  color: var(--text-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  white-space: nowrap;
}

.badge.ok,
.status-pill.ok {
background: var(--success-bg); border-color: var(--success-line); color: var(--success);
}

.badge.warn,
.status-pill.warn {
background: var(--warning-bg); border-color: var(--warning-line); color: var(--warning);
}

.badge.danger,
.badge.error,
.status-pill.danger {
background: var(--danger-bg); border-color: var(--danger-line); color: var(--danger);
}

.badge.info,
.badge.primary {
background: var(--info-bg); border-color: var(--info-line); color: var(--info);
}

.badge.hot {
background: var(--brand-soft); border-color: var(--brand-line); color: var(--brand);
}

.badge.muted {
background: #f1f5f9; border-color: #e2e8f0; color: var(--muted);
}

.notice,
.alert,
.alert-info,
.alert-success,
.alert-warning,
.alert-danger,
.market-notice {
margin: 12px 0;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--brand);
  border-radius: var(--r2);
  background: #fff;
  color: var(--text-2);
  box-shadow: var(--shadow-line);
}

.alert-success {
border-left-color: var(--success); background: var(--success-bg);
}

.alert-warning {
border-left-color: var(--warning); background: var(--warning-bg);
}

.alert-danger {
border-left-color: var(--danger); background: var(--danger-bg);
}

.card,
.ui-card,
.ui-panel,
.compact-card,
.soft-card,
.ops-card,
.method-card,
.topup-card,
.info-card,
.hint-box,
.quick-card {
background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
  padding: 15px;
  margin-bottom: 14px;
}

.card h2,
.ui-card h2,
.ui-panel h2 {
margin-bottom: 8px;
}

.danger-zone {
border-color: var(--danger-line); border-left: 3px solid var(--danger);
}

.grid {
display: grid; gap: 14px;
}

.grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}

.span-1 {
grid-column: span 1;
}

.span-2 {
grid-column: span 2;
}

.span-3 {
grid-column: span 3;
}

.market-eyebrow,
.eyebrow {
margin-bottom: 5px;
  color: var(--brand);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ui-section-head,
.section-title {
display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 10px;
}

.ui-section-head h2,
.section-title h2 {
color: var(--text); font-size: var(--fs-lg); font-weight: var(--fw-bold);
}

.ui-section-head p,
.section-title span {
margin-top: 2px; color: var(--muted); font-size: var(--fs-sm);
}

.ui-panel-body {
margin-top: 12px;
}

.footer {
margin-top: 28px; text-align: center; color: var(--muted-2); font-size: var(--fs-xs);
}

.empty-state,
.ui-empty,
.empty {
display: grid;
  justify-items: center;
  text-align: center;
  gap: 8px;
  padding: 28px 16px;
  background: #fff;
  border: 1px dashed #bfc9d7;
  border-radius: var(--r3);
  color: var(--muted);
}

.ui-empty b {
color: var(--text); font-size: var(--fs-lg);
}

.ui-empty-icon {
width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: var(--surface-soft);
  color: var(--muted);
}

.prebox,
.copybox,
pre {
max-width: 100%;
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: #0f172a;
  color: #e2e8f0;
  font-family: var(--mono);
  font-size: var(--fs-xs);
  line-height: var(--lh-snug);
}

.store-page {
background: var(--bg);
}

.catalog-overview {
display: grid;
  grid-template-columns: minmax(0, 1fr) 230px 310px;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 12px;
}

.catalog-title-block,
.catalog-wallet,
.catalog-kpis,
.catalog-assurance,
.catalog-side-panel,
.catalog-toolbar {
background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
}

.catalog-title-block {
padding: 16px; border-left: 3px solid var(--brand);
}

.catalog-title-block h1 {
color: var(--text);
}

.catalog-title-block p {
margin-top: 6px; max-width: 720px; color: var(--muted); font-size: var(--fs-sm);
}

.catalog-wallet {
padding: 14px; display: grid; gap: 8px; align-content: center;
}

.catalog-wallet > span {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.catalog-wallet > b {
color: var(--brand); font-size: var(--fs-xl); line-height: var(--lh-tight);
}

.catalog-wallet > div {
display: flex; gap: 7px; flex-wrap: wrap;
}

.catalog-kpis {
display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden;
}

.catalog-kpi {
padding: 13px 11px; border-right: 1px solid var(--line-soft);
}

.catalog-kpi:last-child {
border-right: 0;
}

.catalog-kpi span {
display: block; color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.catalog-kpi b {
display: block; margin-top: 4px; color: var(--text); font-size: var(--fs-lg); line-height: var(--lh-tight);
}

.catalog-assurance {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 12px;
  overflow: hidden;
}

.assurance-item {
padding: 10px 12px; border-right: 1px solid var(--line-soft);
}

.assurance-item:last-child {
border-right: 0;
}

.assurance-item span {
display: block; color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.assurance-item b {
display: block; margin-top: 2px; color: var(--text-2); font-size: var(--fs-sm); font-weight: var(--fw-semibold);
}

.catalog-shell {
display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 14px; align-items: start;
}

.catalog-sidebar {
position: sticky; top: 112px;
}

.catalog-side-panel {
overflow: hidden;
}

.side-panel-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid var(--line);
}

.side-panel-head b {
display: block; color: var(--text); font-size: var(--fs-sm);
}

.side-panel-head span {
display: block; color: var(--muted); font-size: var(--fs-xs);
}

.side-panel-head a {
color: var(--brand); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.side-menu {
border-bottom: 1px solid var(--line-soft);
}

.side-menu:last-child {
border-bottom: 0;
}

.side-menu summary {
min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 12px;
  cursor: pointer;
  list-style: none;
  color: var(--text-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
}

.side-menu summary::-webkit-details-marker {
display: none;
}

.side-menu-list {
display: grid; padding: 4px 8px 10px;
}

.side-menu-item {
min-height: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  border-left: 3px solid transparent;
  border-radius: var(--r1);
  color: var(--text-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
}

.side-menu-item span {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.side-menu-item small {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.side-menu-item:hover {
background: var(--surface-soft); color: var(--text);
}

.side-menu-item.active {
background: var(--brand-soft); border-left-color: var(--brand); color: var(--brand); font-weight: var(--fw-semibold);
}

.side-filter-form {
padding: 0 10px 12px;
}

.side-price-row {
display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}

.catalog-content {
min-width: 0;
}

.catalog-toolbar {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  margin-bottom: 12px;
}

.catalog-toolbar b {
display: block; color: var(--text); font-size: var(--fs-md);
}

.catalog-toolbar span {
display: block; margin-top: 1px; color: var(--muted); font-size: var(--fs-xs);
}

.catalog-toolbar-meta {
display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap;
}

.catalog-toolbar-meta em {
display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: var(--pill);
  background: var(--surface-soft);
  color: var(--muted);
  font-style: normal;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
}

.market-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); gap: 12px;
}

.catalog-card {
position: relative;
  display: flex;
  min-height: 276px;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
  overflow: hidden;
  transition: border-color .14s ease, box-shadow .14s ease, transform .12s ease;
}

.catalog-card:hover {
border-color: #cbd5e1; box-shadow: var(--shadow-card); transform: translateY(-1px);
}

.catalog-card.is-empty {
opacity: .72;
}

.catalog-card-accent {
height: 3px; background: var(--brand);
}

.catalog-card.tone-blue .catalog-card-accent {
background: #2563eb;
}

.catalog-card.tone-green .catalog-card-accent {
background: #16a34a;
}

.catalog-card.tone-amber .catalog-card-accent {
background: #d97706;
}

.catalog-card.tone-purple .catalog-card-accent {
background: #7c3aed;
}

.catalog-card-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px 8px;
}

.catalog-platform {
display: flex; align-items: center; gap: 8px; min-width: 0;
}

.platform-initial {
width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: var(--surface-soft);
  color: var(--text-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
}

.catalog-platform b {
display: block; color: var(--text); font-size: var(--fs-sm); line-height: var(--lh-tight);
}

.catalog-platform small {
display: block; margin-top: 1px; color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-medium);
}

.catalog-status {
flex: 0 0 auto;
}

.catalog-title {
display: block;
  padding: 0 12px;
  color: var(--text);
  font-size: var(--fs-md);
  line-height: var(--lh-snug);
  font-weight: var(--fw-bold);
}

.catalog-title:hover {
color: var(--brand);
}

.catalog-desc {
min-height: 38px;
  padding: 6px 12px 0;
  color: var(--muted);
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
}

.catalog-specs {
display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 9px 12px 0;
}

.catalog-specs span {
min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid var(--line);
  border-radius: var(--pill);
  background: var(--surface-soft);
  color: var(--muted);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
}

.catalog-specs span.hot {
background: var(--brand-soft); border-color: var(--brand-line); color: var(--brand);
}

.catalog-commerce {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin-top: auto;
  padding: 12px;
}

.catalog-price span,
.catalog-price small {
display: block; color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.catalog-price b {
display: block; margin-top: 2px; color: var(--brand); font-size: var(--fs-xl); line-height: var(--lh-tight); font-weight: var(--fw-bold);
}

.catalog-metrics {
display: grid; gap: 2px; text-align: right; color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-medium);
}

.catalog-metrics b {
color: var(--text); font-weight: var(--fw-bold);
}

.catalog-actions {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--line-soft);
}

.catalog-actions .btn {
width: 100%;
}

.pay-hero,
.service-detail-hero,
.order-detail-hero,
.orders-hero {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--brand);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
}

.pay-hero p,
.service-detail-hero p,
.order-detail-hero p {
margin-top: 4px; color: var(--muted); font-size: var(--fs-sm);
}

.wallet-pill,
.ui-wallet-card {
min-width: 180px;
  display: grid;
  gap: 4px;
  padding: 11px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r3);
}

.wallet-pill span {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.wallet-pill small {
display: block; color: var(--muted); font-size: 12px; margin-top: 2px;
}

.wallet-pill b {
color: var(--brand); font-size: var(--fs-lg); line-height: var(--lh-tight);
}

.wallet-pill a {
color: var(--brand); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.topup-layout,
.service-detail-grid {
display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 14px; align-items: start;
}

.method-panel {
display: grid; gap: 8px;
}

.method-row {
display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line-soft);
}

.method-row span {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.method-instructions {
margin-top: 8px; padding: 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--r2);
}

.method-instructions p {
margin-top: 5px; color: var(--text-2); font-size: var(--fs-sm);
}

.service-detail-price {
min-width: 240px; display: grid; gap: 5px; justify-items: end;
}

.service-detail-price span,
.service-detail-price small {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.service-detail-price > b {
color: var(--brand); font-size: var(--fs-2xl); line-height: var(--lh-tight);
}

.detail-chip-row,
.pill-row {
display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px;
}

.kv {
display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 8px 12px;
}

.kv > div:nth-child(odd) {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.buy-grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}

.buy-total {
display: flex; align-items: center; justify-content: space-between; margin: 12px 0; padding: 11px; border: 1px solid var(--line); border-radius: var(--r2); background: var(--surface-soft);
}

.buy-total span {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.buy-total b {
color: var(--brand); font-size: var(--fs-xl);
}

.order-hero-stats {
min-width: 140px; text-align: right;
}

.order-hero-stats b {
display: block; color: var(--brand); font-size: var(--fs-2xl); line-height: var(--lh-tight);
}

.order-hero-stats span {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.order-card {
display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px; background: #fff; border: 1px solid var(--line); border-left: 3px solid var(--brand); border-radius: var(--r3); box-shadow: var(--shadow-line);
}

.order-card b,
.order-card strong {
display: block; color: var(--text);
}

.order-card span,
.order-card small {
display: block; color: var(--muted); font-size: var(--fs-xs);
}

.ops-grid,
.ui-report-grid,
.order-report-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-bottom: 14px;
}

.ui-report-card,
.ui-stat-card,
.ui-metric-card,
.mini-kpi {
position: relative;
  background: #fff;
  border: 1px solid var(--line);
  border-top: 2px solid var(--brand);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
  padding: 13px;
}

.report-card-head {
display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px;
}

.report-card-head span,
.ui-stat-label {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.report-card-head i {
font-style: normal; color: var(--muted-2); font-size: var(--fs-sm);
}

.ui-report-card > b,
.ui-stat-card > b,
.mini-kpi b {
display: block; color: var(--text); font-size: var(--fs-xl); line-height: var(--lh-tight);
}

.ui-report-card small,
.ui-stat-card small,
.mini-kpi span {
display: block; margin-top: 5px; color: var(--muted); font-size: var(--fs-xs);
}

.ui-report-card.tone-blue {
border-top-color: var(--info);
}

.ui-report-card.tone-green {
border-top-color: #16a34a;
}

.ui-report-card.tone-amber {
border-top-color: #d97706;
}

.ui-report-card.tone-danger {
border-top-color: var(--danger);
}

.warning-board,
.check-grid,
.status-grid,
.activity-list {
display: grid; gap: 10px;
}

.warning-tile,
.activity-row,
.progress-line,
.role-row {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: var(--surface-soft);
}

.admin-shell {
display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 14px; align-items: start;
}

.admin-side {
position: sticky;
  top: 108px;
  max-height: calc(100vh - 124px);
  overflow: auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
}

.side-title {
padding: 13px 13px 10px; border-bottom: 1px solid var(--line);
}

.side-title b {
display: block; font-size: var(--fs-sm);
}

.side-title span {
display: block; color: var(--muted); font-size: var(--fs-xs);
}

.admin-side-nav {
display: grid; padding: 6px;
}

.admin-side a {
min-height: 34px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border-left: 3px solid transparent;
  border-radius: var(--r1);
  color: var(--text-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
}

.admin-side a:hover {
background: var(--surface-soft); color: var(--text);
}

.admin-side a.active {
background: var(--brand-soft); border-left-color: var(--brand); color: var(--brand); font-weight: var(--fw-semibold);
}

.side-icon {
width: 20px; text-align: center; font-size: var(--fs-sm);
}

.admin-main {
min-width: 0;
}

.admin-title {
display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px 15px;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--brand);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
}

.admin-title h1 {
font-size: var(--fs-2xl); line-height: var(--lh-tight);
}

.table-wrap,
.table-responsive {
width: 100%;
  overflow: auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--shadow-line);
  margin-bottom: 14px;
}

table {
width: 100%; border-collapse: separate; border-spacing: 0;
}

thead th {
background: #f7f9fc;
  color: var(--text-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  text-align: left;
  border-bottom: 1px solid var(--line);
  padding: 10px 11px;
  white-space: nowrap;
}

tbody td {
padding: 10px 11px;
  border-bottom: 1px solid var(--line-soft);
  color: var(--text-2);
  font-size: var(--fs-sm);
  vertical-align: top;
}

tbody tr:last-child td {
border-bottom: 0;
}

tbody tr:nth-child(even) {
background: #fcfdff;
}

tbody tr:hover {
background: #fff8f4;
}

td b {
color: var(--text);
}

td .muted {
font-size: var(--fs-xs);
}

th.actions,
td.actions {
text-align: right; white-space: nowrap;
}

.mini-details summary {
cursor: pointer; color: var(--brand); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
}

.preview-table td,
.preview-table th {
white-space: nowrap;
}

.auth-shell {
min-height: calc(100vh - 140px); display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 18px; align-items: center;
}

.auth-brand-card,
.auth-form-card {
background: #fff; border: 1px solid var(--line); border-radius: var(--r3); box-shadow: var(--shadow-card); padding: 20px;
}

.auth-brand-card h1 {
margin: 10px 0 8px;
}

.auth-points {
display: grid; gap: 8px; margin-top: 14px;
}

.auth-points span {
display: flex; align-items: center; gap: 8px; color: var(--text-2); font-size: var(--fs-sm);
}

.buy-modal {
position: fixed; inset: 0; z-index: 200; display: none;
}

.buy-modal.open {
display: block;
}

.buy-backdrop {
position: absolute; inset: 0; background: rgba(15,23,42,.42);
}

.buy-dialog {
position: absolute; right: 0; top: 0; width: min(440px, 100%); height: 100%; overflow: auto; background: #fff; box-shadow: var(--shadow-pop); padding: 18px;
}

.buy-close {
position: absolute; right: 12px; top: 10px; width: 32px; height: 32px; border: 1px solid var(--line); background: #fff; border-radius: var(--r2); font-size: 22px; line-height: 1; cursor: pointer;
}

.buy-dialog-head {
display: flex; gap: 10px; padding-right: 34px; margin-bottom: 14px;
}

.buy-dialog-head h2 {
font-size: var(--fs-lg); line-height: var(--lh-snug);
}

.buy-dialog-head p {
margin-top: 3px; color: var(--muted); font-size: var(--fs-sm);
}

.service-avatar {
width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--r2); background: var(--brand-soft); color: var(--brand); font-weight: var(--fw-bold);
}

.raw-line {
white-space: pre-wrap; word-break: break-word;
}

.field-code {
display: inline-flex; padding: 2px 5px; border: 1px solid var(--line); border-radius: var(--r1); background: var(--surface-soft); font-family: var(--mono); font-size: var(--fs-xs);
}

.age-custom {
margin-top: 8px;
}

.lazy-panel {
margin-top: 10px;
}

.member-tabs,
.steps,
.role-list,
.rbac-matrix {
display: grid; gap: 10px;
}

.rbac-module {
border: 1px solid var(--line); border-radius: var(--r3); background: #fff; overflow: hidden;
}

.rbac-module h3 {
padding: 10px 12px; background: var(--surface-soft); border-bottom: 1px solid var(--line);
}

@media (max-width: 1120px) {
.site-mainbar-inner {
grid-template-columns: auto minmax(220px, 1fr) auto;
}

.account-box {
display: none;
}

.catalog-overview {
grid-template-columns: minmax(0, 1fr) 230px;
}

.catalog-kpis {
grid-column: 1 / -1;
}

.catalog-shell {
grid-template-columns: 235px minmax(0, 1fr);
}

.admin-shell {
grid-template-columns: 210px minmax(0, 1fr);
}
}

@media (max-width: 900px) {
.wrap {
width: min(100% - 22px, 1260px);
}

.site-utility {
display: none;
}

.site-mainbar-inner {
min-height: auto; padding: 10px 0; grid-template-columns: minmax(0, 1fr) auto;
}

.brand {
grid-column: 1;
}

.site-nav {
grid-column: 2; grid-row: 1;
}

.global-search {
grid-column: 1 / -1; grid-row: 2;
}

.global-search-placeholder {
display: none;
}

.catalog-overview,
.catalog-shell,
.topup-layout,
.service-detail-grid,
.admin-shell,
.auth-shell {
grid-template-columns: 1fr;
}

.catalog-sidebar,
.admin-side {
position: relative; top: auto; max-height: none;
}

.catalog-assurance {
grid-template-columns: 1fr;
}

.assurance-item {
border-right: 0; border-bottom: 1px solid var(--line-soft);
}

.assurance-item:last-child {
border-bottom: 0;
}

.catalog-toolbar {
align-items: flex-start; flex-direction: column;
}

.catalog-toolbar-meta {
justify-content: flex-start;
}

.market-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pay-hero,
.service-detail-hero,
.order-detail-hero,
.orders-hero {
align-items: flex-start; flex-direction: column;
}

.service-detail-price {
justify-items: start;
}

.admin-side-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3,
.grid-4,
.grid-5 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 560px) {
.site-mainbar-inner {
grid-template-columns: 1fr;
}

.site-nav {
grid-column: 1; grid-row: auto; overflow: auto;
}

.site-nav a {
white-space: nowrap;
}

.catalog-kpis {
grid-template-columns: 1fr;
}

.market-grid,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.catalog-commerce,
.catalog-actions,
.buy-grid,
.side-price-row {
grid-template-columns: 1fr;
}

.catalog-metrics {
text-align: left;
}

.admin-side-nav {
grid-template-columns: 1fr;
}

.table-wrap {
border-radius: var(--r2); margin-left: -11px; margin-right: -11px; width: calc(100% + 22px);
}

.inline-form input,
.actions input,
.actions select {
width: 100%;
}
}

/* UI owner: 02-layout.css */
body.modal-lock {
overflow: hidden;
}

.compact-page-toolbar,
.page-toolbar {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.page-toolbar h2 {
margin: 0; font-size: var(--fs-xl); line-height: var(--lh-snug);
}

.page-toolbar p {
margin: 4px 0 0;
}

.page-toolbar .actions {
display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap;
}

.ui-modal {
position: fixed;
  inset: 0;
  display: none;
  z-index: 420;
  padding: 28px;
}

.ui-modal.open {
display: block;
}

.ui-modal-backdrop {
position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .46);
}

.ui-modal-dialog {
position: relative;
  margin: 0 auto;
  width: min(760px, 100%);
  max-height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r3);
  box-shadow: var(--shadow-pop);
  overflow: hidden;
}

.ui-modal-sm {
width: min(420px, 100%);
}

.ui-modal-md {
width: min(560px, 100%);
}

.ui-modal-lg {
width: min(820px, 100%);
}

.ui-modal-xl {
width: min(1060px, 100%);
}

.ui-modal-head {
min-height: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #fff, #f8fafc);
}

.ui-modal-head h2 {
margin: 0; font-size: var(--fs-xl); line-height: var(--lh-snug);
}

.ui-modal-head p {
margin: 4px 0 0; color: var(--muted); font-size: var(--fs-sm); line-height: var(--lh-normal);
}

.ui-modal-x {
width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: #fff;
  color: var(--muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.ui-modal-x:hover {
border-color: var(--control-line-hover); color: var(--text); background: var(--surface-soft);
}

.ui-modal-body {
overflow: auto;
  padding: 18px;
}

.modal-form-body > h2,
.modal-form-body .section-title h2 {
margin-top: 0; font-size: var(--fs-lg);
}

.modal-form-body .section-title {
margin-bottom: 14px;
}

.modal-form-body .card,
.modal-form-body .soft-card {
box-shadow: none;
}

.modal-form-body > .card {
border: 0;
  padding: 0;
}

.modal-foot {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--line-soft);
}

.ui-modal .grid {
align-items: start;
}

.ui-modal .form-row {
min-width: 0;
}

.actions .ui-modal {
text-align: left; white-space: normal;
}

.actions .ui-modal .btn {
white-space: nowrap;
}

@media (max-width: 900px) {
.page-toolbar {
align-items: flex-start; flex-direction: column;
}

.page-toolbar .actions {
justify-content: flex-start;
}

.ui-modal {
padding: 12px;
}

.ui-modal-dialog {
max-height: calc(100vh - 24px);
}

.ui-modal-body {
padding: 14px;
}
}

.maintenance-hub-hero {
border-left: 4px solid var(--brand);
}

.maintenance-page-grid {
align-items: stretch;
}

.maintenance-tile {
display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  min-height: 128px;
  text-decoration: none;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  border-radius: var(--r2);
  box-shadow: var(--shadow-card);
}

.maintenance-tile:hover {
border-color: var(--brand); transform: translateY(-1px); box-shadow: var(--shadow-pop);
}

.maintenance-tile span {
font-size: var(--fs-md); font-weight: var(--fw-bold); line-height: var(--lh-snug);
}

.maintenance-tile b {
color: var(--muted); font-size: var(--fs-sm); font-weight: var(--fw-regular); line-height: var(--lh-normal);
}

.maintenance-tile em {
margin-top: auto; color: var(--brand); font-style: normal; font-size: var(--fs-sm); font-weight: var(--fw-semibold);
}

.maintenance-tile.tone-green {
border-top-color: var(--success);
}

.maintenance-tile.tone-blue {
border-top-color: var(--info);
}

.maintenance-tile.tone-danger {
border-top-color: var(--danger);
}

.maintenance-tile.tone-neutral {
border-top-color: var(--muted);
}

.kv-list {
display: grid; gap: 10px;
}

.kv-list > div {
display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line-soft);
}

.kv-list > div:last-child {
border-bottom: 0;
}

.kv-list span {
color: var(--muted); font-size: var(--fs-sm);
}

.kv-list b {
font-size: var(--fs-lg); font-weight: var(--fw-bold);
}

.action-form {
max-width: 620px;
}

.portal-note {
padding: 10px 12px; border: 1px solid var(--line); border-left: 3px solid var(--brand); background: var(--surface-soft); color: var(--muted); border-radius: var(--r1);
}

.page-command {
display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:16px; margin-bottom:14px; background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--brand); border-radius:var(--r2); box-shadow:var(--shadow-line);
}

.page-command h1 {
font-size:var(--fs-xl);
}

.page-command p {
margin-top:6px; max-width:760px; color:var(--muted); font-size:var(--fs-sm); line-height:var(--lh-snug);
}

.page-command-actions {
display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap;
}

.page-map-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;
}

.page-map-section {
background:var(--surface); border:1px solid var(--line); border-radius:var(--r2); box-shadow:var(--shadow-line); overflow:hidden;
}

.page-map-head {
min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 12px; border-bottom:1px solid var(--line-soft); background:var(--surface-soft);
}

.page-map-head b {
font-size:var(--fs-sm);
}

.page-map-head span {
color:var(--muted); font-size:var(--fs-xs); font-weight:var(--fw-semibold);
}

.route-card-list {
display:grid; gap:8px; padding:10px;
}

.route-card-list.compact {
padding:0;
}

.route-card {
display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; padding:10px; border:1px solid var(--line-soft); border-radius:var(--r2); background:#fff; transition:border-color .14s ease, background .14s ease, transform .08s ease;
}

.route-card:hover {
background:var(--surface-soft); border-color:var(--control-line); transform:translateY(-1px);
}

.route-icon {
width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--line); border-radius:var(--r1); background:#fff; font-size:var(--fs-sm);
}

.route-card b {
display:block; color:var(--text); font-size:var(--fs-sm); line-height:var(--lh-tight);
}

.route-card p {
margin-top:3px; color:var(--muted); font-size:var(--fs-xs); line-height:var(--lh-snug);
}

.route-card em {
display:inline-block; margin-top:6px; color:var(--brand); font-style:normal; font-size:var(--fs-xs); font-weight:var(--fw-semibold);
}

.table-shell {
border:1px solid var(--line); border-radius:var(--r2); background:#fff; box-shadow:var(--shadow-line); overflow:auto;
}

@media (max-width: 980px) {
.page-map-grid {
grid-template-columns:1fr;
}

.page-command {
align-items:flex-start; flex-direction:column;
}

.page-command-actions {
justify-content:flex-start;
}
}

.settings-form label,
.settings-form textarea,
.settings-form input,
.settings-form select {
min-width: 0;
}

.soft-separator {
border: 0; border-top: 1px solid var(--line-soft); margin: 18px 0;
}

.sticky-actions {
position: sticky; bottom: 0; z-index: 10; background: rgba(255,255,255,.96); border-top: 1px solid var(--line-soft); margin: 18px -18px -18px; padding: 12px 18px; backdrop-filter: blur(8px);
}

.settings-summary .ui-report-card b {
font-size: var(--fs-lg);
}

.help-steps .help-card {
min-height: 150px;
}

.help-card b {
display: block; margin-bottom: 8px; font-size: var(--fs-lg);
}

.help-card p,
.support-panel p {
color: var(--text-2); margin-top: 8px;
}

.maintenance-public-shell {
min-height: 100vh; display: grid; place-items: center; padding: 28px; background: radial-gradient(circle at top, #fff7ed 0, var(--bg) 42%, #eef2f7 100%);
}

.maintenance-public-card {
width: min(100%, 560px); background: var(--surface); border: 1px solid var(--line); border-top: 4px solid var(--brand); box-shadow: var(--shadow-pop); padding: 28px; border-radius: var(--r3);
}

.maintenance-public-card .brand-mark {
margin-bottom: 18px;
}

.maintenance-public-card h1 {
margin-top: 6px; font-size: var(--fs-2xl);
}

.maintenance-public-card p {
margin-top: 12px; color: var(--text-2);
}

.maintenance-public-actions {
display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px;
}

.alert.alert-warn {
background: var(--warning-bg); border-color: var(--warning-line); color: var(--warning);
}

.alert.alert-info {
background: var(--info-bg); border-color: var(--info-line); color: var(--info);
}

@media (max-width: 760px) {
.form-grid.two,
.form-grid.three,
.form-grid.four,
.grid-2,
.grid-3,
.grid-4,
.grid-5 {
grid-template-columns: 1fr;
}

.sticky-actions {
position: static; margin-left: 0; margin-right: 0;
}
}

.readiness-grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px;
}

.readiness-card {
min-width: 0;
}

.readiness-list {
display: grid; gap: 8px;
}

.readiness-row {
display: grid; grid-template-columns: minmax(140px, 1fr) minmax(0, 1.4fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line-soft);
}

.readiness-row:last-child {
border-bottom: 0;
}

.readiness-row span {
color: var(--text); font-size: var(--fs-sm); font-weight: var(--fw-semibold);
}

.readiness-row b {
color: var(--muted); font-size: var(--fs-xs); font-weight: var(--fw-medium); line-height: var(--lh-snug); text-align: right;
}

.readiness-row.ok {
box-shadow: inset 3px 0 0 var(--success); padding-left: 9px;
}

.readiness-row.warn {
box-shadow: inset 3px 0 0 var(--warning); padding-left: 9px;
}

.readiness-row.fail,
.readiness-row.danger {
box-shadow: inset 3px 0 0 var(--danger); padding-left: 9px;
}

@media (max-width: 980px) {
.readiness-grid {
grid-template-columns: 1fr;
}

.readiness-row {
grid-template-columns: 1fr; align-items: start;
}

.readiness-row b {
text-align: left;
}
}

.ui-toast-stack {
position: fixed;
  right: 18px;
  top: 18px;
  width: min(380px, calc(100vw - 28px));
  z-index: 9999;
  display: grid;
  gap: 10px;
  pointer-events: none;
}

.ui-toast {
pointer-events: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  align-items: start;
  padding: 12px 12px 12px 14px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--info, #2563eb);
  background: var(--surface, #fff);
  box-shadow: var(--shadow-lg, 0 18px 40px rgba(15,23,42,.14));
  border-radius: 8px;
  transform: translateY(-8px);
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
}

.ui-toast.show {
opacity: 1; transform: translateY(0);
}

.ui-toast b {
font-size: var(--fs-13, 13px); font-weight: var(--fw-700, 700); line-height: 1.2;
}

.ui-toast span {
grid-column: 1 / 2; font-size: var(--fs-13, 13px); line-height: 1.45; color: var(--text, #111827);
}

.ui-toast button {
grid-column: 2 / 3; grid-row: 1 / span 2; border: 0; background: transparent; cursor: pointer; font-size: 20px; line-height: 1; color: var(--muted, #6b7280); padding: 0 2px;
}

.ui-toast-success {
border-left-color: var(--success, #16a34a); background: var(--success-bg, #f0fdf4);
}

.ui-toast-error {
border-left-color: var(--danger, #dc2626); background: var(--danger-bg, #fef2f2);
}

.ui-toast-warn {
border-left-color: var(--warning, #d97706); background: var(--warning-bg, #fffbeb);
}

.ui-toast-info {
border-left-color: var(--info, #2563eb); background: var(--info-bg, #eff6ff);
}

form.is-submitting {
opacity: .82;
}

form.is-submitting button {
cursor: progress;
}

.hp-field {
position:absolute; left:-9999px; width:1px; height:1px; opacity:0; overflow:hidden;
}

.form-hint {
display:block; margin-top:4px; font-size: var(--fs-12, 12px); color: var(--muted, #6b7280); line-height:1.35;
}

/* UI owner: 05-modal.css */
.store-view-toggle {
display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 12px 0;flex-wrap:wrap
}

.store-view-toggle span {
font-weight:700;color:#334155;margin-right:auto
}

.store-service-table td {
vertical-align:middle
}

.store-service-table .strong {
font-weight:700;text-decoration:none;color:#0f172a
}

.raw-view {
width:100%;min-height:64px;max-height:220px;resize:vertical;overflow:auto;font-family:var(--font-mono);font-size:12px;line-height:1.45;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:8px;color:#0f172a;white-space:pre;box-sizing:border-box
}

.buy-note {
grid-column:1/-1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px;color:#475569;font-size:12px
}

.good-text {
color:#047857;font-weight:700
}

@media (max-width:720px) {
.store-view-toggle {
justify-content:flex-start
}

.store-view-toggle span {
flex-basis:100%;margin-right:0
}

.store-table-wrap {
overflow-x:auto
}

.store-service-table {
min-width:760px
}
}

/* UI owner: 07-admin-shell.css */
@keyframes uiSpin { to { transform: rotate(360deg); } }

@keyframes uiCardIn { from { opacity:.65; transform: translateY(4px); } to { opacity:1; transform:none; } }

.ui-page-progress {
position:fixed;
  z-index:2147483000;
  top:0;
  left:0;
  width:100%;
  height:3px;
  pointer-events:none;
  opacity:0;
  background:transparent;
  transform:translateZ(0);
}

.ui-page-progress > i {
display:block;
  width:42%;
  height:100%;
  border-radius:0 999px 999px 0;
  background:linear-gradient(90deg,#1877f2,#42a5ff);
  box-shadow:0 0 16px rgba(24,119,242,.35);
  transform:translateX(-110%);
}

.ui-page-progress.is-active {
opacity:1;
}

.ui-page-progress.is-active > i {
animation:wbhActualProgress 1.05s ease-in-out infinite;
}

@keyframes wbhActualProgress { 0%{transform:translateX(-115%)} 58%{transform:translateX(60%)} 100%{transform:translateX(245%)} }

@media (prefers-reduced-motion: reduce) {
.ui-page-progress.is-active > i {
animation:none;
}
}

/* UI owner: 08-user-store.css */
body.store-page .ui-page-progress > i {
background: linear-gradient(90deg, var(--brand), var(--brand-hover));
  box-shadow: 0 0 16px rgba(238,77,45,.35);
}

.provider-template-table-wrap .endpoint-cell {
display: grid; gap: 6px; align-content: start;
}

.provider-template-table-wrap .endpoint-cell code {
display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 4px 6px;
  border: 1px solid var(--line-soft);
  border-radius: 6px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
}

.provider-template-table-wrap .mapping-summary {
max-width: 100%;
}

.provider-template-table-wrap .mapping-summary > summary {
cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--text-2);
  font-size: 12px;
  font-weight: 700;
  list-style: none;
}

.provider-template-table-wrap .mapping-summary > summary::-webkit-details-marker {
display: none;
}

.provider-template-table-wrap .mapping-summary > summary:after {
content: "▾"; color: var(--muted);
}

.provider-template-table-wrap .mapping-summary[open] > summary:after {
content: "▴";
}

.provider-template-table-wrap .mapping-lines {
margin-top: 8px;
  padding: 8px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  background: #fbfdff;
  color: var(--text-2);
  font-size: 12px;
  line-height: 1.5;
}

.provider-template-table-wrap .mapping-json {
max-height: 180px;
  overflow: auto;
  margin-top: 8px;
  white-space: pre-wrap;
}

.provider-template-guide .card {
min-height: 0;
}

body.ui-runtime {
--wbh-brand:#ee4d2d;
  --wbh-brand-hover:#d63f22;
  --wbh-text:#0f172a;
  --wbh-muted:#64748b;
  --wbh-line:#dbe3ef;
  --wbh-soft:#f8fafc;
  --wbh-panel:#ffffff;
  --ui-action-min:132px;
  color:var(--text);
}

body.ui-runtime *,
body.ui-runtime *::before,
body.ui-runtime *::after {
box-sizing:border-box;
}

body.ui-runtime .main-wrap {
width:min(100% - 32px, 1280px); margin-inline:auto; padding-top:16px; min-width:0;
}

body.ui-runtime .wbh-view-scope {
min-width:0; isolation:isolate; display:grid; gap:14px;
}

body.ui-runtime .card,
body.ui-runtime .admin-title,
body.ui-runtime .admin-side,
body.ui-runtime .ui-smart-table-wrap,
body.ui-runtime .ui-data-table-wrap,
body.ui-runtime .table-wrap,
body.ui-runtime .admin-filter-panel,
body.ui-runtime .user-filter,
body.ui-runtime .store-control-panel,
body.ui-runtime .compact-store-toolbar,
body.ui-runtime .user-table-wrap {
border-color:var(--wbh-line);
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime .btn,
body.ui-runtime button.btn,
body.ui-runtime a.btn {
white-space:nowrap;
}

body.ui-runtime .auth-shell {
align-items:start; gap:18px;
}

body.ui-runtime .auth-form-card {
overflow:visible;
}

body.ui-runtime .auth-form-card .ui-form {
display:grid; gap:12px;
}

body.ui-runtime .auth-form-card .form-row {
display:grid; gap:6px; min-width:0;
}

body.ui-runtime .auth-form-card .form-grid.two,
body.ui-runtime .auth-form-card .compact-password-grid {
display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; align-items:start;
}

body.ui-runtime .password-control {
position:relative; display:block; width:100%; min-width:0;
}

body.ui-runtime .password-control input {
width:100%; padding-right:62px;
}

body.ui-runtime .password-toggle {
position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  width:auto;
  min-width:42px;
  height:28px;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--wbh-muted);
  font-size:12px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  z-index:2;
}

body.ui-runtime .password-toggle:hover,
body.ui-runtime .password-toggle:focus-visible {
border-color:var(--wbh-line); background:#fff; color:var(--wbh-brand); outline:none;
}

body.ui-runtime .ui-checkline,
body.ui-runtime .checkline,
body.ui-runtime .terms-check,
body.ui-runtime .ui-terms-check {
display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:start;
  gap:8px;
  width:100%;
  max-width:100%;
  margin:10px 0 2px;
  text-align:left;
  line-height:1.45;
}

body.ui-runtime .ui-terms-check,
body.ui-runtime .terms-check {
padding:10px 12px;
  border:1px solid var(--wbh-line);
  border-radius:12px;
  background:var(--wbh-soft);
  color:var(--wbh-text);
}

body.ui-runtime .ui-checkline input[type="checkbox"],
body.ui-runtime .checkline input[type="checkbox"],
body.ui-runtime .terms-check input[type="checkbox"],
body.ui-runtime .ui-terms-check input[type="checkbox"],
body.ui-runtime input.row-check {
appearance:auto;
  -webkit-appearance:auto;
  display:inline-block;
  width:16px;
  min-width:16px;
  height:16px;
  min-height:16px;
  max-width:16px;
  max-height:16px;
  margin:2px 0 0;
  padding:0;
  border-radius:4px;
  vertical-align:middle;
}

body.ui-runtime .ui-checkline-text,
body.ui-runtime .ui-checkline span,
body.ui-runtime .checkline span,
body.ui-runtime .terms-check span,
body.ui-runtime .ui-terms-check span {
display:block; min-width:0;
}

body.ui-runtime.admin-page .main-wrap {
width:min(100% - 28px, 1320px);
}

body.ui-runtime.admin-page .side-group {
padding:2px 0 8px; border-bottom:1px solid #edf1f7;
}

body.ui-runtime.admin-page .side-group:last-child {
border-bottom:0;
}

body.ui-runtime.admin-page .side-group-label {
padding:8px 8px 5px; color:var(--wbh-muted); font-size:11px; line-height:1.2; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}

body.ui-runtime.admin-page .admin-title {
border-radius:14px; margin-bottom:0;
}

body.ui-runtime.admin-page .admin-title-actions {
display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end;
}

body.ui-runtime.admin-page .admin-compact-command,
body.ui-runtime.admin-page .ops-utility-line,
body.ui-runtime .wbh-command-bar {
min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px;
  border:1px solid var(--wbh-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime.admin-page .admin-compact-meta {
display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0;
}

body.ui-runtime.admin-page .admin-compact-meta span {
display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border:1px solid #edf1f7; border-radius:999px; background:#fbfdff; color:#475569; font-size:12px; font-weight:700; white-space:nowrap;
}

body.ui-runtime.admin-page .member-command-bar {
margin-bottom:0;
}

body.ui-runtime.admin-page .admin-summary-bar {
display:grid; grid-template-columns:repeat(auto-fit,minmax(138px,1fr)); gap:0; padding:0; overflow:hidden; border-radius:14px;
}

body.ui-runtime.admin-page .admin-summary-bar .summary-item {
min-height:58px; padding:10px 12px; border-right:1px solid #edf1f7;
}

body.ui-runtime.admin-page .ops-section-card {
overflow:hidden;
}

body.ui-runtime.admin-page .ops-section-card .wbh-panel-body > .ui-data-table-wrap {
border:0; border-radius:0;
}

body.ui-runtime.admin-page .member-cell-main {
display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:center; min-width:0;
}

body.ui-runtime.admin-page .member-avatar {
width:32px; height:32px;
}

body.ui-runtime .wbh-page-intro {
display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; padding:18px 20px; border:1px solid var(--wbh-line); border-radius:18px; background:linear-gradient(135deg,#fff 0%,#fff8f5 100%); box-shadow:0 8px 22px rgba(15,23,42,.055);
}

body.ui-runtime .wbh-page-intro h1 {
margin:4px 0 4px; color:var(--wbh-text); font-size:clamp(23px,2.1vw,30px); line-height:1.08; letter-spacing:-.035em;
}

body.ui-runtime .wbh-page-intro p {
max-width:760px; color:#475569; font-size:13.5px; line-height:1.45; margin:0;
}

body.ui-runtime .wbh-page-actions {
display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; min-width:0;
}

body.ui-runtime .wbh-command-bar > div:first-child {
display:grid; gap:1px; min-width:0;
}

body.ui-runtime .wbh-command-bar b {
color:#172338; font-size:14px;
}

body.ui-runtime .wbh-command-bar span {
color:#64748b; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

body.ui-runtime .wbh-command-actions {
display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap;
}

body.ui-runtime .wbh-data-panel {
overflow:hidden; border:1px solid var(--wbh-line); border-radius:14px; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime .wbh-panel-head {
display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid #edf1f7; background:#fff;
}

body.ui-runtime .wbh-panel-head h2 {
margin:0; font-size:15px; line-height:1.25; color:#0f172a;
}

body.ui-runtime .wbh-panel-head p {
margin:3px 0 0; color:#64748b; font-size:12px; line-height:1.4;
}

body.ui-runtime .wbh-panel-actions {
display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end;
}

body.ui-runtime .wbh-panel-body {
min-width:0;
}

body.ui-runtime .wbh-view-switch {
display:inline-flex; align-items:center; gap:3px; padding:3px; border:1px solid var(--wbh-line); border-radius:12px; background:#f8fafc;
}

body.ui-runtime .wbh-view-btn {
width:32px; height:30px; display:grid; place-items:center; border-radius:9px; color:#64748b; text-decoration:none; font-size:17px; font-weight:700; line-height:1;
}

body.ui-runtime .wbh-view-btn.active {
background:var(--wbh-brand); color:#fff; box-shadow:0 3px 10px rgba(238,77,45,.18);
}

body.ui-runtime .wbh-view-btn:hover:not(.active) {
background:#fff; color:var(--wbh-brand);
}

body.ui-runtime .wbh-icon-action em {
position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}

body.ui-runtime.store-page .site-mainbar-inner {
grid-template-columns:auto minmax(0,1fr) auto; min-height:62px;
}

body.ui-runtime.store-page .global-search-placeholder {
display:none;
}

body.ui-runtime.store-page .site-nav {
min-width:0; overflow-x:auto; scrollbar-width:none; justify-content:flex-start; padding:2px 0;
}



body.ui-runtime.store-page .site-nav a {
white-space:nowrap; flex:0 0 auto;
}

body.ui-runtime.store-page .account-box {
min-width:max-content;
}

body.ui-runtime.store-page .main-wrap {
gap:14px;
}

body.ui-runtime.store-page .store-hero {
margin:0;
}

body.ui-runtime.store-page .store-hero .store-hero-side {
display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap;
}

body.ui-runtime.store-page .store-wallet-mini {
min-width:130px; padding:8px 10px; border:1px solid var(--wbh-line); border-radius:12px; background:#fff;
}

body.ui-runtime.store-page .store-wallet-mini span {
display:block; color:#64748b; font-size:11.5px; font-weight:700;
}

body.ui-runtime.store-page .store-wallet-mini b {
color:var(--wbh-brand); font-size:14px;
}



body.ui-runtime.store-page .store-rails {
display:grid; gap:8px;
}

body.ui-runtime.store-page .category-rail,
body.ui-runtime.store-page .platform-rail {
display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px 0;
}

body.ui-runtime.store-page .category-rail::-webkit-scrollbar,
body.ui-runtime.store-page .platform-rail::-webkit-scrollbar {
display:none;
}

body.ui-runtime.store-page .cat-chip,
body.ui-runtime.store-page .platform-chip {
flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 11px; border:1px solid var(--wbh-line); border-radius:999px; background:#fff; color:#475569; text-decoration:none; font-size:13px; font-weight:700; box-shadow:0 1px 2px rgba(15,23,42,.025);
}

body.ui-runtime.store-page .cat-chip b {
color:var(--wbh-brand);
}

body.ui-runtime.store-page .cat-chip small,
body.ui-runtime.store-page .platform-chip small {
color:#94a3b8; font-size:12px;
}

body.ui-runtime.store-page .cat-chip.active,
body.ui-runtime.store-page .platform-chip.active,
body.ui-runtime.store-page .cat-chip:hover,
body.ui-runtime.store-page .platform-chip:hover {
border-color:#f6c7b8; background:#fff1eb; color:var(--wbh-brand);
}

body.ui-runtime.store-page .store-filter {
display:grid; grid-template-columns:minmax(260px,1fr) repeat(3,minmax(132px,170px)) auto auto; gap:10px; align-items:end; padding:12px; border:1px solid var(--wbh-line); border-radius:16px; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.035);
}



body.ui-runtime.store-page .store-grid {
grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:14px; align-items:start;
}

body.ui-runtime.store-page .catalog-card {
gap:7px; padding:12px; border-radius:16px; border-color:var(--wbh-line); background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime.store-page .catalog-card:hover {
transform:translateY(-1px); box-shadow:0 8px 18px rgba(15,23,42,.08);
}

body.ui-runtime.store-page .catalog-title {
font-size:15px; line-height:1.25;
}

body.ui-runtime.store-page .catalog-desc {
-webkit-line-clamp:1; font-size:12.5px; line-height:1.4;
}

body.ui-runtime.store-page .catalog-commerce {
grid-template-columns:minmax(0,1fr) auto; padding:9px; gap:8px; background:#fbfdff;
}

body.ui-runtime.store-page .catalog-actions {
grid-template-columns:1fr 1fr; gap:7px;
}

body.ui-runtime.store-page .catalog-actions .btn {
min-height:32px;
}

body.ui-runtime.store-page .app-footer {
width:min(100% - 32px,1260px); margin:26px auto 0; padding:12px 0; border-top:1px solid #edf1f7; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--wbh-muted); background:transparent;
}

body.ui-runtime.store-page .footer-links {
display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px;
}

@media (max-width:1120px) {
body.ui-runtime.store-page .store-filter {
grid-template-columns:minmax(220px,1fr) minmax(140px,200px) minmax(140px,200px) auto;
}
}

@media (max-width:760px) {
body.ui-runtime .main-wrap,
body.ui-runtime.admin-page .main-wrap,
body.ui-runtime.store-page .main-wrap {
width:min(100% - 20px,1280px); padding-top:10px;
}

body.ui-runtime .auth-form-card .form-grid.two,
body.ui-runtime .auth-form-card .compact-password-grid {
grid-template-columns:1fr; gap:10px;
}

body.ui-runtime .wbh-page-intro {
grid-template-columns:1fr; align-items:start; padding:14px;
}

body.ui-runtime .wbh-page-actions {
justify-content:flex-start; width:100%;
}

body.ui-runtime .wbh-command-bar,
body.ui-runtime.admin-page .admin-compact-command,
body.ui-runtime.admin-page .ops-utility-line {
align-items:flex-start; flex-direction:column;
}

body.ui-runtime .wbh-command-bar span {
white-space:normal;
}

body.ui-runtime .wbh-command-actions {
width:100%; justify-content:space-between;
}

body.ui-runtime.store-page .site-mainbar-inner {
grid-template-columns:minmax(0,1fr); align-items:start; padding:10px 0;
}

body.ui-runtime.store-page .brand,
body.ui-runtime.store-page .site-nav,
body.ui-runtime.store-page .account-box {
width:100%;
}

body.ui-runtime.store-page .site-nav {
order:2;
}

body.ui-runtime.store-page .account-box {
order:3; justify-content:flex-start; flex-wrap:wrap;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:1fr; padding:12px;
}

body.ui-runtime.store-page .store-hero .store-hero-side {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; width:100%; gap:7px;
}

body.ui-runtime.store-page .store-wallet-mini {
min-width:0; padding:6px 7px;
}

body.ui-runtime.store-page .catalog-commerce {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .catalog-metrics {
justify-items:start;
}

body.ui-runtime.store-page .catalog-actions {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .app-footer {
width:min(100% - 20px,1260px); align-items:flex-start; flex-direction:column;
}

body.ui-runtime.store-page .footer-links {
justify-content:flex-start;
}

body.ui-runtime .ui-data-table,
body.ui-runtime .ui-smart-table,
body.ui-runtime .ui-auto-table-wrap > table {
min-width:720px;
}
}

body.ui-runtime.store-page .store-hero,
body.ui-runtime.store-page .store-hero {
display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  min-height:0;
  border:1px solid var(--wbh-line);
  border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#fff8f5 100%);
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}

body.ui-runtime.store-page .store-hero h1,
body.ui-runtime.store-page .store-hero h1 {
margin:3px 0 3px; font-size:clamp(23px,2vw,28px); line-height:1.08;
}

body.ui-runtime.store-page .store-hero p,
body.ui-runtime.store-page .store-hero p {
margin:0; max-width:720px; font-size:13px; line-height:1.38;
}

body.ui-runtime.store-page .store-hero .store-hero-side,
body.ui-runtime.store-page .store-hero .store-hero-side {
display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; min-width:0;
}

body.ui-runtime.store-page .store-filter .filter-search-field {
display:grid; gap:6px; min-width:0;
}

body.ui-runtime.store-page .store-filter .filter-control {
position:relative; display:block; min-width:0; width:100%;
}

body.ui-runtime.store-page .store-filter .filter-control i {
position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  color:#94a3b8;
  pointer-events:none;
  line-height:1;
}

body.ui-runtime.store-page .store-filter .filter-control input {
width:100%; padding-left:36px;
}

@media (max-width:760px) {
body.ui-runtime.store-page .store-hero,
body.ui-runtime.store-page .store-hero {
grid-template-columns:1fr; align-items:start; padding:12px; gap:8px;
}

body.ui-runtime.store-page .store-hero p,
body.ui-runtime.store-page .store-hero p {
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

body.ui-runtime.store-page .store-hero .store-hero-side,
body.ui-runtime.store-page .store-hero .store-hero-side {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; width:100%; gap:7px;
}
}

body.ui-runtime.store-page .store-result-bar {
min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px 8px 14px;
  border:1px solid var(--wbh-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime.store-page .store-result-count {
display:flex; align-items:baseline; gap:8px; min-width:0;
}

body.ui-runtime.store-page .store-result-count b {
color:#172338; font-size:14px;
}

body.ui-runtime.store-page .store-result-count span {
color:#64748b; font-size:12px;
}

body.ui-runtime.store-page .store-result-actions {
display:flex; align-items:center; justify-content:flex-end; gap:8px;
}

body.ui-runtime.store-page .store-view-switch {
display:inline-flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid var(--wbh-line);
  border-radius:12px;
  background:#f8fafc;
}

body.ui-runtime.store-page .view-icon-btn {
width:32px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#64748b;
  text-decoration:none;
  font-size:17px;
  font-weight:700;
  line-height:1;
}

body.ui-runtime.store-page .view-icon-btn.active {
background:var(--wbh-brand); color:#fff; box-shadow:0 3px 10px rgba(238,77,45,.18);
}

body.ui-runtime.store-page .view-icon-btn:hover:not(.active) {
background:#fff; color:var(--wbh-brand);
}

@media (max-width:760px) {
body.ui-runtime.store-page .store-result-bar {
align-items:flex-start; flex-direction:column;
}

body.ui-runtime.store-page .store-result-actions {
width:100%; justify-content:space-between;
}
}

body.ui-runtime.admin-page .admin-summary-bar .summary-item {
display:grid; gap:4px; align-content:center;
}

body.ui-runtime.admin-page .admin-summary-bar .summary-item span {
display:block; margin:0; color:#64748b; font-size:12px; font-weight:700; line-height:1.25;
}

body.ui-runtime.admin-page .admin-summary-bar .summary-item b {
display:block; color:#0f172a; font-size:16px; line-height:1.2;
}

body.ui-runtime .wbh-metric-action-bar {
display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid var(--wbh-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime .wbh-metric-list {
display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}

body.ui-runtime .wbh-metric-pill {
min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid #dbe3ef;
  border-radius:999px;
  background:#f8fafc;
  color:#334155;
  white-space:nowrap;
  line-height:1;
}

body.ui-runtime .wbh-metric-pill span {
color:#64748b; font-size:12px; font-weight:700;
}

body.ui-runtime .wbh-metric-pill b {
color:#0f172a; font-size:13px; font-weight:700;
}

body.ui-runtime .wbh-metric-pill.ok {
border-color:#bbf7d0; background:#f0fdf4;
}

body.ui-runtime .wbh-metric-pill.ok b {
color:#087f3f;
}

body.ui-runtime .wbh-metric-pill.warn {
border-color:#fed7aa; background:#fff7ed;
}

body.ui-runtime .wbh-metric-pill.warn b {
color:#b45309;
}

body.ui-runtime .wbh-metric-pill.danger {
border-color:#fecaca; background:#fff5f5;
}

body.ui-runtime .wbh-metric-pill.danger b {
color:#b91c1c;
}

body.ui-runtime .wbh-metric-actions {
display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}

body.ui-runtime .wbh-metric-actions form {
margin:0;
}

body.ui-runtime .wbh-metric-actions .btn,
body.ui-runtime .wbh-metric-actions button {
min-height:34px; white-space:nowrap;
}

body.ui-runtime.admin-page .admin-notification-summary {
margin-bottom:14px;
}

body.ui-runtime.admin-page .notification-stack {
display:grid; gap:10px;
}

body.ui-runtime.admin-page .notification-card {
padding:14px;
}

body.ui-runtime.admin-page .notification-card h2 {
margin:8px 0 6px; font-size:16px; line-height:1.3;
}

body.ui-runtime.admin-page .notification-actions {
display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:10px;
}

body.ui-runtime.admin-page .member-command-bar {
padding:10px 12px; margin-bottom:10px;
}

body.ui-runtime.admin-page .member-cell-main {
display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px;
}

body.ui-runtime.admin-page .member-avatar {
width:34px; height:34px; border-radius:10px; display:grid; place-items:center; border:1px solid #dbe3ef; background:#f8fafc; color:#0f172a; text-decoration:none; font-weight:700;
}

body.ui-runtime.admin-page .member-display-name {
margin-top:3px;
}

body.ui-runtime.admin-page .member-status-stack {
display:grid; gap:6px; align-content:center; justify-items:start;
}

body.ui-runtime.admin-page .member-status-stack .role-line {
margin:0;
}

body.ui-runtime.admin-page .member-test-badge {
width:max-content;
}

body.ui-runtime.admin-page .member-status-readonly {
display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select {
margin:0; position:relative; display:inline-flex; max-width:190px;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select select {
width:100%;
  min-width:150px;
  height:34px;
  border:1px solid #bbf7d0;
  border-radius:999px;
  background:#f0fdf4;
  color:#087f3f;
  font-size:12px;
  font-weight:700;
  padding:0 30px 0 11px;
  box-shadow:none;
  cursor:pointer;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select select:focus {
outline:2px solid rgba(238,77,45,.16); outline-offset:2px; border-color:#f6a78f;
}

body.ui-runtime.admin-page .wallet-mini-stack {
display:grid; gap:3px; justify-items:end;
}

body.ui-runtime.admin-page .wallet-mini-stack span {
display:block; color:#475569; white-space:nowrap;
}

body.ui-runtime.admin-page .wallet-mini-stack b {
color:#0f172a;
}

body.ui-runtime.admin-page .inventory-page-shell {
display:grid; gap:12px;
}

body.ui-runtime.admin-page .inventory-search-row {
display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:end; margin-top:10px;
}

body.ui-runtime.admin-page .inventory-search-row > .form-row {
margin:0;
}

body.ui-runtime.admin-page .inventory-utility-bar {
align-items:start;
}

body.ui-runtime.admin-page .inventory-utility-bar .wbh-metric-actions {
max-width:420px;
}

body.ui-runtime.admin-page .inventory-utility-bar .btn {
min-width:max-content;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar {
display:grid; grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) auto; align-items:end; gap:10px; padding:14px;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar .form-row {
margin:0;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar .btn {
min-height:38px; white-space:nowrap;
}



body.ui-runtime.store-page .store-hero,
body.ui-runtime.store-page .store-hero {
display:none;
}

body.ui-runtime.store-page .store-shell,
body.ui-runtime.store-page .store-main {
display:grid; gap:12px; min-width:0;
}

body.ui-runtime.store-page .store-catalog-controls {
display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--wbh-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .store-catalog-head {
display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

body.ui-runtime.store-page .store-catalog-head b {
display:block; color:#0f172a; font-size:15px; line-height:1.25;
}

body.ui-runtime.store-page .store-catalog-head span {
display:block; color:#64748b; font-size:12px; margin-top:2px;
}

body.ui-runtime.store-page .store-catalog-actions {
display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap;
}

body.ui-runtime.store-page .store-filter {
display:grid;
  grid-template-columns:minmax(260px,1.6fr) minmax(140px,.65fr) minmax(150px,.75fr) minmax(140px,.65fr) auto auto;
  gap:8px;
  align-items:end;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

body.ui-runtime.store-page .store-filter label {
display:grid; gap:5px; min-width:0; margin:0;
}

body.ui-runtime.store-page .store-filter .filter-label {
color:#334155; font-size:12px; font-weight:700;
}

body.ui-runtime.store-page .store-filter input,
body.ui-runtime.store-page .store-filter select {
height:38px; min-height:38px; border-radius:10px;
}

body.ui-runtime.store-page .store-filter .filter-control {
position:relative; display:block; width:100%; min-width:0;
}

body.ui-runtime.store-page .store-filter .filter-control i {
position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#94a3b8; pointer-events:none; width:16px; height:16px; display:grid; place-items:center;
}

body.ui-runtime.store-page .store-filter .filter-control input {
padding-left:36px;
}

body.ui-runtime.store-page .store-filter .store-filter-more {
align-self:end; min-width:86px;
}

body.ui-runtime.store-page .store-filter .store-filter-more summary {
min-height:38px; display:flex; align-items:center; justify-content:center; padding:0 10px; border:1px solid var(--wbh-line); border-radius:10px; background:#fff; cursor:pointer; font-size:13px; font-weight:700; color:#334155;
}

body.ui-runtime.store-page .store-filter .store-filter-more > div {
position:absolute; z-index:40; margin-top:6px; min-width:260px; display:grid; gap:8px; padding:10px; border:1px solid var(--wbh-line); border-radius:12px; background:#fff; box-shadow:0 12px 26px rgba(15,23,42,.14);
}

body.ui-runtime.store-page .store-filter .user-filter-actions {
display:flex; align-items:end; gap:7px;
}

body.ui-runtime.store-page .store-filter .user-filter-actions .btn {
min-height:38px; padding-inline:13px;
}

body.ui-runtime.store-page .store-rails {
display:grid; gap:7px; min-width:0;
}

body.ui-runtime.store-page .store-rails .category-rail,
body.ui-runtime.store-page .store-rails .platform-rail {
padding:0;
}

body.ui-runtime.store-page .store-rails .cat-chip,
body.ui-runtime.store-page .store-rails .platform-chip {
min-height:30px; padding:0 10px; font-size:12.5px;
}

body.ui-runtime.store-page .store-result-bar {
margin:0;
}

body.ui-runtime.store-page .store-result-bar .wbh-metric-pill {
min-height:31px;
}

body.ui-runtime.store-page .store-result-bar .wbh-metric-actions {
gap:6px;
}

body.ui-runtime.store-page .store-grid {
display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px;
}

body.ui-runtime.store-page .catalog-card {
min-height:0; padding:12px;
}

body.ui-runtime.store-page .catalog-card-head {
margin-bottom:8px;
}

body.ui-runtime.store-page .catalog-desc {
min-height:18px;
}

body.ui-runtime.store-page .catalog-specs {
margin:8px 0;
}

body.ui-runtime.store-page .catalog-commerce {
margin-top:8px;
}

@media (max-width:1100px) {
body.ui-runtime.store-page .store-filter {
grid-template-columns:minmax(220px,1fr) minmax(130px,.5fr) minmax(140px,.5fr);
}

body.ui-runtime.store-page .store-filter .store-filter-more,
body.ui-runtime.store-page .store-filter .user-filter-actions {
align-self:end;
}
}

@media (max-width:780px) {
body.ui-runtime .wbh-metric-action-bar {
grid-template-columns:1fr; align-items:start; padding:10px;
}

body.ui-runtime .wbh-metric-actions {
justify-content:flex-start; width:100%;
}

body.ui-runtime .wbh-metric-actions .btn,
body.ui-runtime .wbh-metric-actions form,
body.ui-runtime .wbh-metric-actions button {
flex:0 0 auto;
}

body.ui-runtime.admin-page .inventory-search-row {
grid-template-columns:1fr;
}

body.ui-runtime.admin-page .inventory-search-row .actions {
justify-content:flex-start;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-catalog-head {
align-items:flex-start; flex-direction:column;
}

body.ui-runtime.store-page .store-catalog-actions {
justify-content:flex-start;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-filter .store-filter-more > div {
position:static; min-width:0; box-shadow:none; margin-top:6px;
}

body.ui-runtime.store-page .store-filter .user-filter-actions {
justify-content:flex-start;
}

body.ui-runtime.store-page .store-grid {
grid-template-columns:1fr;
}
}

@media (min-width:781px) and (max-width:1100px) {
body.ui-runtime.store-page .store-filter {
grid-template-columns:minmax(260px,1.4fr) minmax(120px,.5fr) minmax(135px,.55fr) minmax(120px,.5fr) auto auto;
}
}

body.ui-runtime.store-page {
--wbh-ui-user-polish-marker: 181;
  --wbh-user-card-border: #dbe3ee;
  --wbh-user-soft: #f8fafc;
  --wbh-user-shadow: 0 8px 22px rgba(15,23,42,.045);
}

body.ui-runtime.store-page .wbh-user-view {
gap: 14px;
}

body.ui-runtime.store-page .user-portal-hero {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-color: var(--wbh-user-card-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--wbh-user-shadow);
}

body.ui-runtime.store-page .user-portal-hero h1 {
margin: 4px 0 3px;
  color: #111827;
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.12;
  letter-spacing: -.025em;
}

body.ui-runtime.store-page .user-portal-hero p {
margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.42;
}

body.ui-runtime.store-page .user-portal-hero .user-hero-actions,
body.ui-runtime.store-page .user-filter-actions,
body.ui-runtime.store-page .wbh-metric-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

body.ui-runtime.store-page .user-portal-filter {
border-color: var(--wbh-user-card-border);
  border-radius: 14px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  box-shadow: var(--wbh-user-shadow);
  overflow: visible;
}

body.ui-runtime.store-page .pro-user-filter.user-portal-filter {
display: grid;
  grid-template-columns: minmax(280px, 1.35fr) minmax(170px, .55fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
}

body.ui-runtime.store-page .user-portal-filter label,
body.ui-runtime.store-page .user-portal-filter .filter-search-field {
display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
}

body.ui-runtime.store-page .user-portal-filter .filter-label {
color: #334155;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
}

body.ui-runtime.store-page .user-portal-filter input,
body.ui-runtime.store-page .user-portal-filter select {
width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  border-radius: 10px;
  font-size: 13px;
}

body.ui-runtime.store-page .user-portal-filter .filter-control {
position: relative;
  display: block;
  min-width: 0;
}

body.ui-runtime.store-page .user-portal-filter .filter-control i {
position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
}

body.ui-runtime.store-page .user-portal-filter .filter-control input {
padding-left: 36px;
}

body.ui-runtime.store-page .user-portal-filter .user-filter-actions .btn {
min-height: 38px;
  padding-inline: 13px;
}

body.ui-runtime.store-page .store-catalog-controls.user-store-controls {
gap: 11px;
  padding: 12px;
  border-color: var(--wbh-user-card-border);
  box-shadow: var(--wbh-user-shadow);
  overflow: visible;
}

body.ui-runtime.store-page .store-filter.user-store-filter {
display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(94px, max-content) minmax(132px, max-content);
  gap: 10px;
  align-items: end;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more,
body.ui-runtime.store-page .wallet-filter-more {
position: relative;
  align-self: end;
  min-width: 0;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more summary,
body.ui-runtime.store-page .wallet-filter-more > summary {
min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid var(--wbh-user-card-border);
  border-radius: 10px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more summary::-webkit-details-marker,
body.ui-runtime.store-page .wallet-filter-more > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-advanced-grid,
body.ui-runtime.store-page .wallet-filter-advanced-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  gap: 9px;
  min-width: 0;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more > div {
position: absolute;
  right: 0;
  z-index: 45;
  margin-top: 7px;
  width: min(560px, calc(100vw - 42px));
  min-width: 320px;
  padding: 11px;
  border: 1px solid var(--wbh-user-card-border);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 38px rgba(15,23,42,.14);
}

body.ui-runtime.store-page .wallet-filter.wallet-filter {
grid-template-columns: minmax(280px, 1.25fr) minmax(116px, max-content) auto;
}

body.ui-runtime.store-page .wallet-filter.wallet-filter .wallet-filter-more {
align-self: end;
}

body.ui-runtime.store-page .wallet-filter.wallet-filter .wallet-filter-advanced-grid {
margin-top: 9px;
  padding: 11px;
  border: 1px solid var(--wbh-user-card-border);
  border-radius: 13px;
  background: #fff;
}

body.ui-runtime.store-page .store-rails {
gap: 8px;
}

body.ui-runtime.store-page .store-rails .category-rail,
body.ui-runtime.store-page .store-rails .platform-rail {
display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-bottom: 2px;
  scrollbar-width: thin;
}

body.ui-runtime.store-page .store-rails .cat-chip,
body.ui-runtime.store-page .store-rails .platform-chip {
flex: 0 0 auto;
  min-height: 31px;
  border-color: #e2e8f0;
  background: #fff;
  font-size: 12.5px;
  font-weight: 700;
}

body.ui-runtime.store-page .store-result-bar.is-switch-only {
min-height: 32px;
  margin: -2px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  justify-content: flex-end;
}

body.ui-runtime.store-page .store-result-bar.is-switch-only .wbh-metric-actions {
justify-content: flex-end;
  gap: 7px;
}

body.ui-runtime.store-page .wbh-view-switch.is-single {
width: 34px;
  height: 34px;
  min-width: 34px;
  border-color: #dbe3ee;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.045);
}

body.ui-runtime.store-page .wbh-view-switch.is-single svg {
width: 17px;
  height: 17px;
}

body.ui-runtime.store-page .user-store-grid {
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 14px;
  align-items: stretch;
}

body.ui-runtime.store-page .catalog-card.user-service-card {
display: grid;
  grid-template-rows: auto auto minmax(40px, auto) auto auto auto;
  gap: 8px;
  min-height: 255px;
  padding: 13px;
  border-color: var(--wbh-user-card-border);
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(15,23,42,.04);
  transform: none;
}

body.ui-runtime.store-page .catalog-card.user-service-card:hover {
transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(15,23,42,.08);
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-title {
min-height: 38px;
  font-size: 15px;
  line-height: 1.24;
  letter-spacing: -.01em;
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-desc {
min-height: 40px;
  margin: 0;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.45;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-specs {
margin: 0;
  min-height: 28px;
  align-content: start;
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-commerce {
margin-top: 0;
  padding-top: 9px;
  border-top: 1px solid #edf1f7;
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-price b {
font-size: 16px;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-actions {
display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin-top: 2px;
}

body.ui-runtime.store-page .catalog-card.user-service-card .catalog-actions .btn {
width: 100%;
  min-height: 38px;
  justify-content: center;
}

body.ui-runtime.store-page .store-service-core-table,
body.ui-runtime.store-page .user-order-core-table,
body.ui-runtime.store-page .wallet-ledger-wrap,
body.ui-runtime.store-page .user-portal-table {
border-color: var(--wbh-user-card-border);
  border-radius: 14px;
  box-shadow: var(--wbh-user-shadow);
}

body.ui-runtime.store-page .store-service-actions,
body.ui-runtime.store-page .user-order-actions {
width: 100%;
  justify-content: center;
  gap: 7px;
}

body.ui-runtime.store-page .store-service-actions .btn,
body.ui-runtime.store-page .user-order-actions .btn {
min-height: 32px;
  justify-content: center;
}

body.ui-runtime.store-page .wallet-summary-grid .ui-report-card,
body.ui-runtime.store-page .order-report-grid .ui-report-card {
min-height: 118px;
  border-color: var(--wbh-user-card-border);
  box-shadow: var(--wbh-user-shadow);
}

body.ui-runtime.store-page .wallet-balance-duo,
body.ui-runtime.store-page .money-stack,
body.ui-runtime.store-page .order-money-stack {
font-variant-numeric: tabular-nums;
}

@media (max-width: 980px) {
body.ui-runtime.store-page .user-portal-hero {
grid-template-columns: 1fr;
    align-items: start;
}

body.ui-runtime.store-page .user-portal-hero .user-hero-actions,
body.ui-runtime.store-page .user-filter-actions {
justify-content: flex-start;
    width: 100%;
}

body.ui-runtime.store-page .pro-user-filter.user-portal-filter,
body.ui-runtime.store-page .wallet-filter.wallet-filter,
body.ui-runtime.store-page .store-filter.user-store-filter {
grid-template-columns: minmax(0, 1fr) auto;
}

body.ui-runtime.store-page .user-portal-filter .filter-search-field {
grid-column: 1 / -1;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more > div {
left: 0;
    right: auto;
}
}

@media (max-width: 720px) {
body.ui-runtime.store-page .wbh-user-view {
gap: 10px;
}

body.ui-runtime.store-page .user-portal-hero,
body.ui-runtime.store-page .store-catalog-controls.user-store-controls,
body.ui-runtime.store-page .pro-user-filter.user-portal-filter {
padding: 11px;
    border-radius: 13px;
}

body.ui-runtime.store-page .pro-user-filter.user-portal-filter,
body.ui-runtime.store-page .wallet-filter.wallet-filter,
body.ui-runtime.store-page .store-filter.user-store-filter {
grid-template-columns: 1fr;
    gap: 9px;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more,
body.ui-runtime.store-page .store-filter.user-store-filter .user-filter-actions,
body.ui-runtime.store-page .wallet-filter.wallet-filter .wallet-filter-more,
body.ui-runtime.store-page .wallet-filter.wallet-filter .user-filter-actions {
width: 100%;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more summary,
body.ui-runtime.store-page .wallet-filter-more > summary {
width: 100%;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-more > div {
position: static;
    width: 100%;
    min-width: 0;
    box-shadow: none;
}

body.ui-runtime.store-page .store-filter.user-store-filter .store-filter-advanced-grid,
body.ui-runtime.store-page .wallet-filter-advanced-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-filter-actions {
display: grid;
    grid-template-columns: 1fr 1fr;
}

body.ui-runtime.store-page .user-filter-actions .btn,
body.ui-runtime.store-page .user-filter-actions a,
body.ui-runtime.store-page .user-filter-actions button {
width: 100%;
}

body.ui-runtime.store-page .store-result-bar.is-switch-only .wbh-metric-actions {
justify-content: flex-end;
}

body.ui-runtime.store-page .user-store-grid {
grid-template-columns: 1fr;
    gap: 10px;
}

body.ui-runtime.store-page .catalog-card.user-service-card {
min-height: 0;
}
}

body.ui-runtime.store-page .store-result-bar.is-switch-only .wbh-view-switch.is-single {
flex: 0 0 34px;
  max-width: 34px;
  padding: 0;
}

body.ui-runtime.store-page {
--wbh-ui-user-detail-marker: 182;
}

body.ui-runtime.store-page .user-portal-hero[data-ui-component="command"],
body.ui-runtime.store-page .user-detail-hero {
gap: 14px;
  align-items: center;
  border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  overflow: visible;
}

body.ui-runtime.store-page .user-detail-hero h1 .order-code-copy,
body.ui-runtime.store-page .user-detail-hero h1,
body.ui-runtime.store-page .wallet-tx-detail .mono,
body.ui-runtime.store-page .wallet-tx-note b,
body.ui-runtime.store-page .wallet-ledger-wrap .cell-code {
min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime.store-page .user-detail-hero-actions,
body.ui-runtime.store-page .user-detail-pager-actions,
body.ui-runtime.store-page .wallet-pager {
display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  overflow: visible;
}

body.ui-runtime.store-page .user-detail-hero-actions .btn,
body.ui-runtime.store-page .user-detail-pager-actions .btn,
body.ui-runtime.store-page .wallet-pager .btn {
min-height: 38px;
  justify-content: center;
  white-space: normal;
}

body.ui-runtime.store-page .user-detail-summary-grid,
body.ui-runtime.store-page .wallet-summary-grid,
body.ui-runtime.store-page .wallet-summary-filter-grid {
gap: 12px;
  align-items: stretch;
}

body.ui-runtime.store-page .user-detail-summary-grid .ui-stat-card,
body.ui-runtime.store-page .user-detail-summary-grid .ui-report-card,
body.ui-runtime.store-page .wallet-summary-grid .ui-report-card,
body.ui-runtime.store-page .wallet-summary-filter-grid .ui-stat-card,
body.ui-runtime.store-page .wallet-summary-filter-grid .ui-report-card {
min-width: 0;
  min-height: 112px;
  border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
}

body.ui-runtime.store-page .user-detail-info-card {
border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  overflow: hidden;
}

body.ui-runtime.store-page .user-detail-info-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.store-page .user-detail-info-grid > div {
min-width: 0;
  padding: 10px 11px;
  border: 1px solid #e8eef6;
  border-radius: 12px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-detail-info-grid b {
color: #0f172a;
  font-weight: 700;
}

body.ui-runtime.store-page .user-detail-raw-table {
border-color: var(--wbh-user-card-border, #e2e8f0);
  border-radius: 14px;
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.ui-runtime.store-page .user-detail-raw-core-table td,
body.ui-runtime.store-page .wallet-ledger-core-table td,
body.ui-runtime.store-page .user-order-core-table td {
vertical-align: middle;
}

body.ui-runtime.store-page textarea.user-raw-view,
body.ui-runtime.store-page .user-detail-raw-table .raw-view {
width: 100%;
  max-width: 100%;
  min-height: 54px;
  max-height: 190px;
  resize: vertical;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-size: 12px;
  line-height: 1.45;
  border-color: #d8e1ee;
  background: #f8fafc;
}

body.ui-runtime.store-page .wallet-tx-detail,
body.ui-runtime.store-page .wallet-tx-note {
border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  overflow: hidden;
}

body.ui-runtime.store-page .wallet-tx-detail .detail-grid,
body.ui-runtime.store-page .wallet-tx-note .metadata-list {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.store-page .wallet-tx-detail .detail-grid > div,
body.ui-runtime.store-page .wallet-tx-note .metadata-list > div {
min-width: 0;
  padding: 11px;
  border: 1px solid #e8eef6;
  border-radius: 12px;
  background: #f8fafc;
  overflow: hidden;
}

body.ui-runtime.store-page .wallet-tx-detail .detail-grid span,
body.ui-runtime.store-page .wallet-tx-note .metadata-list span {
display: block;
  margin-bottom: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.store-page .wallet-tx-detail .detail-grid b,
body.ui-runtime.store-page .wallet-tx-note .metadata-list b {
display: block;
  min-width: 0;
  color: #0f172a;
  font-size: 13.5px;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .wallet-tx-note > p {
margin: 0 0 10px;
  color: #475569;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .wallet-ledger-wrap {
border-color: var(--wbh-user-card-border, #e2e8f0);
  border-radius: 14px;
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.ui-runtime.store-page .wallet-ledger-wrap .wallet-balance-duo {
display: grid;
  gap: 3px;
  min-width: 0;
  text-align: right;
}

body.ui-runtime.store-page .wallet-ledger-wrap .wallet-balance-duo span,
body.ui-runtime.store-page .wallet-ledger-wrap .wallet-balance-duo b,
body.ui-runtime.store-page .wallet-ledger-wrap .wallet-amount {
font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body.ui-runtime.store-page .wallet-ledger-wrap .wallet-source-link,
body.ui-runtime.store-page .wallet-ledger-wrap .small.muted {
overflow-wrap: anywhere;
}

@media (max-width: 980px) {
body.ui-runtime.store-page .user-detail-info-grid,
body.ui-runtime.store-page .wallet-tx-detail .detail-grid,
body.ui-runtime.store-page .wallet-tx-note .metadata-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-detail-hero-actions {
justify-content: flex-start;
}
}

@media (max-width: 720px) {
body.ui-runtime.store-page .user-detail-hero,
body.ui-runtime.store-page .wallet-tx-detail,
body.ui-runtime.store-page .wallet-tx-note,
body.ui-runtime.store-page .user-detail-info-card {
padding: 11px;
    border-radius: 13px;
}

body.ui-runtime.store-page .user-detail-hero-actions,
body.ui-runtime.store-page .user-detail-pager-actions,
body.ui-runtime.store-page .wallet-pager,
body.ui-runtime.store-page .user-hero-actions {
display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    justify-content: stretch;
}

body.ui-runtime.store-page .user-detail-hero-actions .btn,
body.ui-runtime.store-page .user-detail-pager-actions .btn,
body.ui-runtime.store-page .wallet-pager .btn,
body.ui-runtime.store-page .user-hero-actions .btn {
width: 100%;
}

body.ui-runtime.store-page .user-detail-summary-grid,
body.ui-runtime.store-page .wallet-summary-grid,
body.ui-runtime.store-page .wallet-summary-filter-grid {
grid-template-columns: 1fr;
    gap: 10px;
}

body.ui-runtime.store-page .user-detail-summary-grid .ui-stat-card,
body.ui-runtime.store-page .wallet-summary-grid .ui-report-card,
body.ui-runtime.store-page .wallet-summary-filter-grid .ui-stat-card,
body.ui-runtime.store-page .wallet-summary-filter-grid .ui-report-card {
min-height: 0;
}

body.ui-runtime.store-page .user-detail-info-grid,
body.ui-runtime.store-page .wallet-tx-detail .detail-grid,
body.ui-runtime.store-page .wallet-tx-note .metadata-list {
grid-template-columns: 1fr;
    gap: 8px;
}

body.ui-runtime.store-page textarea.user-raw-view,
body.ui-runtime.store-page .user-detail-raw-table .raw-view {
min-height: 96px;
    max-height: 240px;
    font-size: 11.8px;
}
}

body.ui-runtime.store-page .user-detail-hero,
body.ui-runtime.store-page .user-detail-summary-grid,
body.ui-runtime.store-page .user-detail-info-card,
body.ui-runtime.store-page .user-detail-raw-table,
body.ui-runtime.store-page .user-detail-pager-actions,
body.ui-runtime.store-page .wallet-tx-detail,
body.ui-runtime.store-page .wallet-tx-note,
body.ui-runtime.store-page .wallet-ledger-wrap {
max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (max-width: 980px) {
body.ui-runtime.store-page.route-user-order-detail-php .ui-section-head,
body.ui-runtime.store-page.route-user-order-detail-php .ui-section-actions {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime.store-page.route-user-order-detail-php .ui-section-actions {
flex-wrap: wrap;
}
}

@media (max-width: 980px) {
body.ui-runtime.store-page.route-user-order-detail-php .wbh-user-view > .card,
body.ui-runtime.store-page.route-user-order-detail-php .wbh-user-view > .grid,
body.ui-runtime.store-page.route-user-order-detail-php .wbh-user-view > .ui-section-head,
body.ui-runtime.store-page.route-user-order-detail-php .wbh-user-view > .ui-data-table-wrap {
width: 100%;
    max-width: calc(100vw - 32px);
}
}

body.ui-runtime.store-page {
--wbh-ui-user-support-marker: 183;
}

body.ui-runtime.store-page .user-topup-summary-grid,
body.ui-runtime.store-page .user-topup-layout,
body.ui-runtime.store-page .support-summary-grid,
body.ui-runtime.store-page .support-create-form,
body.ui-runtime.store-page .support-ticket-filter,
body.ui-runtime.store-page .support-ticket-table-wrap,
body.ui-runtime.store-page .api-doc-shell,
body.ui-runtime.store-page .api-user-guide-card {
max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-topup-summary-grid .ui-stat-card,
body.ui-runtime.store-page .user-topup-summary-grid .ui-report-card,
body.ui-runtime.store-page .support-summary-grid > div,
body.ui-runtime.store-page .user-topup-card,
body.ui-runtime.store-page .user-method-card,
body.ui-runtime.store-page .support-create-form,
body.ui-runtime.store-page .api-user-guide-card {
border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
}

body.ui-runtime.store-page .user-topup-layout {
display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 14px;
  align-items: start;
}

body.ui-runtime.store-page .user-topup-card,
body.ui-runtime.store-page .user-method-card,
body.ui-runtime.store-page .support-create-form {
overflow: hidden;
}

body.ui-runtime.store-page .user-topup-create-form,
body.ui-runtime.store-page .support-create-form .form-grid {
min-width: 0;
}

body.ui-runtime.store-page .user-topup-create-form .form-row,
body.ui-runtime.store-page .support-create-form label,
body.ui-runtime.store-page .support-ticket-filter label {
min-width: 0;
}

body.ui-runtime.store-page .user-topup-create-form input,
body.ui-runtime.store-page .user-topup-create-form select,
body.ui-runtime.store-page .user-topup-create-form textarea,
body.ui-runtime.store-page .support-create-form input,
body.ui-runtime.store-page .support-create-form select,
body.ui-runtime.store-page .support-create-form textarea,
body.ui-runtime.store-page .support-ticket-filter input,
body.ui-runtime.store-page .support-ticket-filter select {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.store-page .user-method-panel {
min-width: 0;
  max-width: 100%;
  padding: 12px;
  border: 1px solid #e8eef6;
  border-radius: 13px;
  background: #f8fafc;
  color: #475569;
  overflow: hidden;
}

body.ui-runtime.store-page .user-method-panel .kv {
display: grid;
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr);
  gap: 8px 10px;
  align-items: start;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}

body.ui-runtime.store-page .user-method-panel .kv > div,
body.ui-runtime.store-page .user-method-panel .mono,
body.ui-runtime.store-page .user-method-panel code,
body.ui-runtime.store-page .user-method-panel pre,
body.ui-runtime.store-page .user-topup-history-wrap .cell-code,
body.ui-runtime.store-page .support-ticket-table-wrap .cell-code,
body.ui-runtime.store-page .support-ticket-table-wrap .cell-title {
min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime.store-page .user-method-panel .method-instructions {
max-height: 240px;
  overflow: auto;
  margin: 10px 0 0;
  padding: 11px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 1.5;
}

body.ui-runtime.store-page .user-topup-history-wrap,
body.ui-runtime.store-page .support-ticket-table-wrap {
border-color: var(--wbh-user-card-border, #e2e8f0);
  border-radius: 14px;
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.ui-runtime.store-page .user-topup-history-core-table td,
body.ui-runtime.store-page .support-ticket-core-table td {
vertical-align: middle;
}

body.ui-runtime.store-page .support-summary-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.ui-runtime.store-page .support-summary-grid > div {
min-width: 0;
  min-height: 92px;
  padding: 14px;
  border: 1px solid var(--wbh-user-card-border, #e2e8f0);
  border-radius: 14px;
  background: #fff;
  display: grid;
  align-content: center;
  gap: 5px;
}

body.ui-runtime.store-page .support-summary-grid span {
color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.store-page .support-summary-grid b {
color: #0f172a;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.store-page .support-create-form textarea {
min-height: 132px;
  resize: vertical;
}

body.ui-runtime.store-page .support-ticket-filter {
align-items: end;
}

body.ui-runtime.store-page .support-ticket-core-table .smart-action-stack,
body.ui-runtime.store-page .user-topup-history-core-table .smart-action-stack {
justify-content: flex-end;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-shell {
display: grid;
  grid-template-columns: minmax(250px, 292px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}







body.ui-runtime.store-page.route-user-api-docs-php .api-doc-main,
body.ui-runtime.store-page.route-user-api-docs-php .api-doc-endpoint-card,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card code,
body.ui-runtime.store-page.route-user-api-docs-php .api-scope-line code,
body.ui-runtime.store-page.route-user-api-docs-php .api-quick-grid code {
min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-intro {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-actions {
display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-quick-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card {
border-color: var(--wbh-user-card-border, #e2e8f0);
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
  scroll-margin-top: 112px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card pre {
max-width: 100%;
  max-height: 280px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
body.ui-runtime.store-page .user-topup-layout,
body.ui-runtime.store-page.route-user-api-docs-php .api-doc-shell {
grid-template-columns: 1fr;
}





body.ui-runtime.store-page.route-user-api-docs-php .api-quick-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {
body.ui-runtime.store-page .user-topup-layout,
body.ui-runtime.store-page .support-summary-grid,
body.ui-runtime.store-page .support-create-form .form-grid.two,
body.ui-runtime.store-page .support-ticket-filter {
grid-template-columns: 1fr;
    gap: 10px;
}

body.ui-runtime.store-page .user-topup-card,
body.ui-runtime.store-page .user-method-card,
body.ui-runtime.store-page .support-create-form,
body.ui-runtime.store-page .support-ticket-filter,
body.ui-runtime.store-page .api-user-guide-card {
padding: 11px;
    border-radius: 13px;
}

body.ui-runtime.store-page .user-method-panel .kv {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .support-ticket-core-table .smart-action-stack,
body.ui-runtime.store-page .user-topup-history-core-table .smart-action-stack {
justify-content: flex-start;
}





body.ui-runtime.store-page.route-user-api-docs-php .api-doc-actions,
body.ui-runtime.store-page.route-user-api-docs-php .api-doc-actions .btn {
width: 100%;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-actions {
display: grid;
    grid-template-columns: 1fr;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-head,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-head > div {
align-items: flex-start;
    flex-wrap: wrap;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card pre {
max-height: 180px;
}
}

body.ui-runtime.store-page {
--wbh-ui-user-account-marker: 184;
}

body.ui-runtime.store-page .user-account-shell,
body.ui-runtime.store-page .user-profile-shell,
body.ui-runtime.store-page .user-security-shell,
body.ui-runtime.store-page .user-notifications-shell,
body.ui-runtime.store-page .user-issues-shell,
body.ui-runtime.store-page .user-issue-detail-shell {
display: grid;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.store-page .account-overview-grid,
body.ui-runtime.store-page .issue-detail-summary-grid {
align-items: stretch;
}

body.ui-runtime.store-page .account-overview-grid .ui-report-card,
body.ui-runtime.store-page .issue-detail-summary-grid .ui-stat-card,
body.ui-runtime.store-page .issue-detail-summary-grid .ui-report-card {
min-width: 0;
  height: 100%;
}

body.ui-runtime.store-page .account-layout,
body.ui-runtime.store-page .profile-layout,
body.ui-runtime.store-page .security-layout,
body.ui-runtime.store-page .issue-detail-layout {
align-items: start;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.store-page .account-info-card,
body.ui-runtime.store-page .account-pages-card,
body.ui-runtime.store-page .profile-form-card,
body.ui-runtime.store-page .profile-status-card,
body.ui-runtime.store-page .security-password-card,
body.ui-runtime.store-page .security-session-card,
body.ui-runtime.store-page .security-session-history-card,
body.ui-runtime.store-page .notification-summary-card,
body.ui-runtime.store-page .notification-card,
body.ui-runtime.store-page .issue-detail-card,
body.ui-runtime.store-page .issue-timeline-card {
min-width: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--wbh-user-shadow, 0 2px 8px rgba(15,23,42,.04));
}

body.ui-runtime.store-page .account-route-list {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.store-page .account-route-list .route-card,
body.ui-runtime.store-page .account-route-list a {
min-width: 0;
}

body.ui-runtime.store-page .account-info-card .kv-list,
body.ui-runtime.store-page .profile-status-card .kv-list,
body.ui-runtime.store-page .security-session-card .kv-list {
display: grid;
  gap: 9px;
}

body.ui-runtime.store-page .account-info-card .kv-list > div,
body.ui-runtime.store-page .profile-status-card .kv-list > div,
body.ui-runtime.store-page .security-session-card .kv-list > div {
display: grid;
  grid-template-columns: minmax(118px, .42fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 12px;
  background: rgba(248,250,252,.72);
  min-width: 0;
}

body.ui-runtime.store-page .account-info-card .kv-list span,
body.ui-runtime.store-page .profile-status-card .kv-list span,
body.ui-runtime.store-page .security-session-card .kv-list span {
color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
}

body.ui-runtime.store-page .account-info-card .kv-list b,
body.ui-runtime.store-page .profile-status-card .kv-list b,
body.ui-runtime.store-page .security-session-card .kv-list b {
min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.35;
  color: var(--ink);
}

body.ui-runtime.store-page .profile-form,
body.ui-runtime.store-page .security-password-form {
display: grid;
  gap: 12px;
}

body.ui-runtime.store-page .profile-form input,
body.ui-runtime.store-page .profile-form select,
body.ui-runtime.store-page .security-password-form input,
body.ui-runtime.store-page .security-password-form select,
body.ui-runtime.store-page .issue-detail-reply-card textarea {
min-height: 42px;
  width: 100%;
}

body.ui-runtime.store-page .security-session-table-wrap,
body.ui-runtime.store-page .user-issue-table-wrap {
max-width: 100%;
  overflow: auto;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.20);
  background: #fff;
}

body.ui-runtime.store-page .security-session-core-table td,
body.ui-runtime.store-page .user-issue-core-table td {
vertical-align: middle;
}

body.ui-runtime.store-page .security-session-core-table .mono,
body.ui-runtime.store-page .user-issue-core-table .cell-code,
body.ui-runtime.store-page .user-issue-core-table .cell-title,
body.ui-runtime.store-page .user-issue-core-table .smart-primary-cell {
max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime.store-page .user-issue-core-table .smart-action-stack {
justify-content: center;
  gap: 7px;
}

body.ui-runtime.store-page .notification-summary-card {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

body.ui-runtime.store-page .notification-summary-card > div,
body.ui-runtime.store-page .notification-summary-card > form {
min-width: 0;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 13px;
  padding: 10px 11px;
  background: rgba(248,250,252,.72);
}

body.ui-runtime.store-page .notification-summary-card form {
display: flex;
  align-items: center;
  justify-content: flex-end;
}

body.ui-runtime.store-page .notification-stack {
display: grid;
  gap: 12px;
}

body.ui-runtime.store-page .notification-card {
display: grid;
  gap: 10px;
  padding: 14px;
}

body.ui-runtime.store-page .notification-card h2 {
margin: 0;
  font-size: 17px;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .notification-card .announcement-head,
body.ui-runtime.store-page .notification-actions {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

body.ui-runtime.store-page .notification-card .content-body,
body.ui-runtime.store-page .notification-card .content-body * {
max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .notification-card.is-unread {
border-color: rgba(37,99,235,.28);
  box-shadow: 0 8px 22px rgba(37,99,235,.08);
}

body.ui-runtime.store-page .issue-detail-card h2,
body.ui-runtime.store-page .issue-timeline-card h2 {
margin-top: 0;
}

body.ui-runtime.store-page .issue-note-box,
body.ui-runtime.store-page .issue-detail-card pre,
body.ui-runtime.store-page .issue-timeline-card pre {
max-width: 100%;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  border-radius: 12px;
}

body.ui-runtime.store-page .issue-timeline-list {
display: grid;
  gap: 10px;
}

body.ui-runtime.store-page .issue-timeline-item {
min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 13px;
  background: rgba(248,250,252,.70);
}

body.ui-runtime.store-page .issue-timeline-item > div {
min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
body.ui-runtime.store-page .account-layout,
body.ui-runtime.store-page .profile-layout,
body.ui-runtime.store-page .security-layout,
body.ui-runtime.store-page .issue-detail-layout {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .account-route-list {
grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {
body.ui-runtime.store-page .user-account-shell,
body.ui-runtime.store-page .user-profile-shell,
body.ui-runtime.store-page .user-security-shell,
body.ui-runtime.store-page .user-notifications-shell,
body.ui-runtime.store-page .user-issues-shell,
body.ui-runtime.store-page .user-issue-detail-shell {
gap: 10px;
}

body.ui-runtime.store-page .account-info-card,
body.ui-runtime.store-page .account-pages-card,
body.ui-runtime.store-page .profile-form-card,
body.ui-runtime.store-page .profile-status-card,
body.ui-runtime.store-page .security-password-card,
body.ui-runtime.store-page .security-session-card,
body.ui-runtime.store-page .security-session-history-card,
body.ui-runtime.store-page .notification-summary-card,
body.ui-runtime.store-page .notification-card,
body.ui-runtime.store-page .issue-detail-card,
body.ui-runtime.store-page .issue-timeline-card {
padding: 11px;
    border-radius: 13px;
}

body.ui-runtime.store-page .notification-summary-card {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .notification-summary-card form,
body.ui-runtime.store-page .notification-summary-card .btn,
body.ui-runtime.store-page .notification-actions .btn,
body.ui-runtime.store-page .notification-actions form,
body.ui-runtime.store-page .issue-detail-reply-card .btn,
body.ui-runtime.store-page .issue-detail-reply-card form {
width: 100%;
}

body.ui-runtime.store-page .account-info-card .kv-list > div,
body.ui-runtime.store-page .profile-status-card .kv-list > div,
body.ui-runtime.store-page .security-session-card .kv-list > div {
grid-template-columns: 1fr;
    gap: 4px;
}

body.ui-runtime.store-page .user-issue-core-table .smart-action-stack {
justify-content: flex-start;
}
}

body.ui-runtime.store-page .user-issue-detail-shell .user-hero h1,
body.ui-runtime.store-page .user-issue-detail-shell .user-hero p,
body.ui-runtime.store-page .issue-detail-summary-grid b,
body.ui-runtime.store-page .issue-detail-summary-grid small,
body.ui-runtime.store-page .issue-detail-summary-grid span {
min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* UI owner: 09-mobile.css */
@media (max-width:520px) {
body.ui-runtime.store-page .store-catalog-controls {
gap:8px; padding:10px;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
}

body.ui-runtime.store-page .store-filter .filter-search-field,
body.ui-runtime.store-page .store-filter .filter-search-field + label,
body.ui-runtime.store-page .store-filter .store-filter-more,
body.ui-runtime.store-page .store-filter .user-filter-actions {
grid-column:1 / -1;
}

body.ui-runtime.store-page .store-filter label {
gap:4px;
}

body.ui-runtime.store-page .store-filter .filter-label {
font-size:11.5px;
}

body.ui-runtime.store-page .store-filter input,
body.ui-runtime.store-page .store-filter select,
body.ui-runtime.store-page .store-filter .store-filter-more summary {
height:36px; min-height:36px; border-radius:9px;
}

body.ui-runtime.store-page .store-filter .store-filter-more > div {
grid-template-columns:1fr 1fr; gap:8px;
}

body.ui-runtime.store-page .store-filter .user-filter-actions {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

body.ui-runtime.store-page .store-filter .user-filter-actions .btn {
width:100%; min-height:38px;
}

body.ui-runtime.store-page .store-rails {
gap:6px;
}

body.ui-runtime.store-page .store-rails .cat-chip,
body.ui-runtime.store-page .store-rails .platform-chip {
min-height:28px; padding:0 9px;
}
}

@media (max-width:1100px) {
body.ui-runtime.admin-page {
overflow-x:hidden;
}
}

@media (max-width:1100px) {
body.ui-runtime.admin-page .admin-title {
display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
}

body.ui-runtime.admin-page .admin-title h1 {
max-width:calc(100% - 48px);
    font-size:20px;
    line-height:1.15;
}

body.ui-runtime.admin-page .admin-title p {
max-width:none;
    font-size:12.5px;
    line-height:1.4;
}

body.ui-runtime.admin-page .admin-title-actions,
body.ui-runtime.admin-page .wbh-command-actions,
body.ui-runtime.admin-page .admin-section-actions,
body.ui-runtime.admin-page .actions,
body.ui-runtime.admin-page .toolbar-actions {
width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    flex-wrap:wrap;
}

body.ui-runtime.admin-page .admin-title-actions .btn,
body.ui-runtime.admin-page .wbh-command-actions .btn,
body.ui-runtime.admin-page .toolbar-actions .btn {
min-height:36px;
}

body.ui-runtime.admin-page .wbh-command-bar,
body.ui-runtime.admin-page .admin-compact-command,
body.ui-runtime.admin-page .ops-utility-line,
body.ui-runtime.admin-page .wbh-metric-action-bar,
body.ui-runtime.admin-page .admin-filter-panel,
body.ui-runtime.admin-page .card {
border-radius:12px;
}

body.ui-runtime.admin-page .wbh-command-bar,
body.ui-runtime.admin-page .admin-compact-command,
body.ui-runtime.admin-page .ops-utility-line {
display:grid;
    grid-template-columns:1fr;
    align-items:start;
    gap:8px;
    padding:10px 12px;
}

body.ui-runtime.admin-page .wbh-command-bar span {
white-space:normal;
    overflow:visible;
}

body.ui-runtime.admin-page .wbh-metric-action-bar {
grid-template-columns:1fr;
    align-items:start;
    gap:9px;
    padding:10px;
}

body.ui-runtime.admin-page .wbh-metric-list {
width:100%;
    gap:6px;
}

body.ui-runtime.admin-page .wbh-metric-pill {
min-height:31px;
    padding:0 9px;
}

body.ui-runtime.admin-page .wbh-metric-actions {
width:100%;
    justify-content:flex-start;
    gap:7px;
}

body.ui-runtime.admin-page .admin-filter-fields,
body.ui-runtime.admin-page .admin-filter-panel,
body.ui-runtime.admin-page .grid,
body.ui-runtime.admin-page .grid-2,
body.ui-runtime.admin-page .form-grid,
body.ui-runtime.admin-page .inventory-search-row,
body.ui-runtime.admin-page .inventory-bulk-toolbar {
grid-template-columns:1fr;
}

body.ui-runtime.admin-page input,
body.ui-runtime.admin-page select,
body.ui-runtime.admin-page textarea {
min-height:40px;
}
}

@media (max-width:520px) {
body.ui-runtime.admin-page .admin-title-actions .btn,
body.ui-runtime.admin-page .wbh-command-actions .btn,
body.ui-runtime.admin-page .wbh-metric-actions .btn,
body.ui-runtime.admin-page .admin-filter-actions .btn,
body.ui-runtime.admin-page .toolbar-actions .btn {
flex:1 1 calc(50% - 7px);
    justify-content:center;
    min-width:0;
}
}

body.ui-runtime.admin-page .inventory-bulk-toolbar .btn,
body.ui-runtime.admin-page .inventory-utility-bar .btn,
body.ui-runtime.admin-page .inventory-pager .btn,
body.ui-runtime.admin-page .inventory-core-table .btn {
min-height:34px;
  white-space:nowrap;
}

body.ui-runtime.admin-page .inventory-core-table .col-check,
body.ui-runtime.admin-page .inventory-core-table td.col-check,
body.ui-runtime.admin-page .inventory-core-table th.col-check {
text-align:center;
}

body.ui-runtime.admin-page .inventory-core-table .smart-cell-pills {
display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}

@media (max-width:900px) {
body.ui-runtime.admin-page .inventory-core-table td.col-check {
padding-bottom:6px;
}

body.ui-runtime.admin-page .inventory-core-table td.col-check::before {
content:"Chọn";
}
}

body.ui-runtime.admin-page .audit-core-table .audit-json-preview,
body.ui-runtime.admin-page .upload-batch-events-core-table .mono.small,
body.ui-runtime.admin-page .upload-batch-items-core-table .mono.small {
max-height:112px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
}

body.ui-runtime.admin-page .data-maintenance-policy-core-table .ui-inline-run-form,
body.ui-runtime.admin-page .data-maintenance-policy-core-table .wide-run-action {
display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
  width:100%;
  max-width:100%;
}

body.ui-runtime.admin-page .data-maintenance-policy-core-table .mini-input {
width:74px;
  min-width:64px;
  height:32px;
  padding:0 8px;
}

body.ui-runtime.admin-page .backup-manifest-core-table .col-note,
body.ui-runtime.admin-page .retention-health-core-table .col-detail,
body.ui-runtime.admin-page .retention-health-core-table .col-fix,
body.ui-runtime.admin-page .audit-core-table .col-note,
body.ui-runtime.admin-page .purchase-samples-core-table .col-error {
white-space:normal;
  word-break:break-word;
}

body.ui-runtime.admin-page .upload-batches-core-table .money-pair span {
justify-content:flex-start;
}

body.ui-runtime.admin-page .admin-table-card + .admin-table-card,
body.ui-runtime.admin-page .admin-data-panel + .admin-table-card,
body.ui-runtime.admin-page .admin-data-panel + .grid {
margin-top:14px;
}

@media (max-width:760px) {
body.ui-runtime.admin-page .audit-core-table .audit-json-preview {
max-height:88px;
    margin-top:6px;
}

body.ui-runtime.admin-page .data-maintenance-policy-core-table .wide-run-action,
body.ui-runtime.admin-page .data-maintenance-policy-core-table .ui-inline-run-form{
width:100%;
    justify-content:flex-start;
}

body.ui-runtime.admin-page .data-maintenance-policy-core-table .ui-inline-run-form {
display:grid;
    grid-template-columns:92px 1fr;
}

body.ui-runtime.admin-page .data-maintenance-policy-core-table .mini-input,
body.ui-runtime.admin-page .data-maintenance-policy-core-table .small-btn {
width:100%;
}

body.ui-runtime.admin-page .upload-batches-core-table .money-pair {
display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px 8px;
}
}

body.ui-runtime.admin-page .detail-core-table .raw-view,
body.ui-runtime.admin-page .detail-core-table .raw-line,
body.ui-runtime.admin-page .import-preview-core-table .raw-line,
body.ui-runtime.admin-page .upload-preview-core-table .raw-line,
body.ui-runtime.admin-page .inventory-event-core-table .copybox {
max-height:120px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
}

body.ui-runtime.admin-page .order-items-core-table .raw-cell textarea,
body.ui-runtime.admin-page .order-items-core-table .raw-view {
width:100%;
  min-width:260px;
  max-width:520px;
  resize:vertical;
  line-height:1.45;
}

body.ui-runtime.admin-page .import-jobs-core-table .progress-line,
body.ui-runtime.admin-page .recent-jobs-core-table .progress-line,
body.ui-runtime.admin-page .activity-provider-core-table .progress-line {
min-width:110px;
}

body.ui-runtime.admin-page .import-jobs-core-table .stack-form,
body.ui-runtime.admin-page .order-items-core-table .inline-form {
margin:0;
  gap:6px;
}

body.ui-runtime.admin-page .import-jobs-core-table .stack-form input {
min-width:120px;
}

body.ui-runtime.admin-page .health-core-table .col-detail,
body.ui-runtime.admin-page .route-core-table .col-file,
body.ui-runtime.admin-page .activity-log-core-table .col-note,
body.ui-runtime.admin-page .deposit-ledger-core-table .col-note,
body.ui-runtime.admin-page .payment-method-deposits-core-table .col-bank-ref {
white-space:normal;
  word-break:break-word;
}

body.ui-runtime.admin-page .table-section-title {
margin-top:18px;
}

@media (max-width:760px) {
body.ui-runtime.admin-page .order-items-core-table .raw-cell textarea,
body.ui-runtime.admin-page .order-items-core-table .raw-view {
min-width:0;
    max-width:100%;
    min-height:76px;
}

body.ui-runtime.admin-page .import-jobs-core-table .stack-form {
display:grid;
    grid-template-columns:1fr;
    width:100%;
}

body.ui-runtime.admin-page .import-jobs-core-table .stack-form input,
body.ui-runtime.admin-page .import-jobs-core-table .stack-form .btn {
width:100%;
}
}

body.ui-runtime.admin-page .install-qa-checks-core-table .col-detail,
body.ui-runtime.admin-page .install-migration-core-table .col-file,
body.ui-runtime.admin-page .install-runbook-core-table .col-command,
body.ui-runtime.admin-page .rc-completion-core-table .col-detail,
body.ui-runtime.admin-page .security-final-core-table .col-detail,
body.ui-runtime.admin-page .schema-contract-core-table .col-missing,
body.ui-runtime.admin-page .schema-contract-core-table .col-legacy,
body.ui-runtime.admin-page .schema-source-hit-core-table .col-text,
body.ui-runtime.admin-page .live-flow-core-table .col-steps,
body.ui-runtime.admin-page .live-flow-core-table .col-expected,
body.ui-runtime.admin-page .portal-boundary-core-table .col-evidence,
body.ui-runtime.admin-page .portal-boundary-core-table .col-fix,
body.ui-runtime.admin-page .ops-checklist-core-table .col-action,
body.ui-runtime.admin-page .maintenance-health-core-table .col-detail,
body.ui-runtime.admin-page .sensitive-delete-log-core-table .col-filter,
body.ui-runtime.admin-page .ui-polish-core-table .col-detail {
white-space:normal;
  word-break:break-word;
}

body.ui-runtime.admin-page .schema-source-hit-core-table code,
body.ui-runtime.admin-page .install-runbook-core-table code,
body.ui-runtime.admin-page .sensitive-delete-log-core-table .mono.small {
display:block;
  max-height:116px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
}

body.ui-runtime.admin-page .report-top-service-core-table .col-revenue,
body.ui-runtime.admin-page .report-promo-core-table .col-discount,
body.ui-runtime.admin-page .report-promo-core-table .col-payable {
font-variant-numeric:tabular-nums;
}

body.ui-runtime.admin-page .liveuid-runs-core-table .col-result,
body.ui-runtime.admin-page .liveuid-logs-core-table .col-uid {
white-space:nowrap;
}

@media (max-width:760px) {
body.ui-runtime.admin-page .live-flow-grid,
body.ui-runtime.admin-page .business-two-col,
body.ui-runtime.admin-page .grid.grid-2 {
grid-template-columns:1fr;
}

body.ui-runtime.admin-page .schema-source-hit-core-table code,
body.ui-runtime.admin-page .install-runbook-core-table code,
body.ui-runtime.admin-page .sensitive-delete-log-core-table .mono.small {
max-height:82px;
}
}

.provider-hero-grid {
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px
}

.provider-stat {
background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.04)
}

.provider-stat span {
display:block;color:#64748b;font-size:12px
}

.provider-stat b {
display:block;font-size:22px;margin-top:4px
}

.provider-workflow {
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px
}

.provider-step {
border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px;display:flex;gap:10px;align-items:flex-start
}

.provider-step i {
width:28px;height:28px;border-radius:999px;background:#0f172a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:13px
}

.provider-step b {
display:block
}

.provider-step span {
display:block;color:#64748b;font-size:12px;line-height:1.45;margin-top:3px
}

.provider-cards {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}

.provider-card {
background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:15px;box-shadow:0 10px 28px rgba(15,23,42,.05)
}

.provider-card-head {
display:flex;justify-content:space-between;gap:12px;align-items:flex-start
}

.provider-card-title b {
font-size:16px
}

.provider-card-title small {
display:block;color:#64748b;margin-top:3px
}

.provider-card-grid {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0
}

.provider-mini {
border:1px solid #eef2f7;border-radius:12px;padding:9px;background:#f8fafc
}

.provider-mini span {
display:block;color:#64748b;font-size:11px
}

.provider-mini b {
display:block;font-size:13px;margin-top:2px;word-break:break-word
}

.provider-endpoint {
font-size:12px;color:#475569;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:8px;word-break:break-all
}

.provider-quick-form {
display:grid;gap:16px
}

.provider-setup-card,
.provider-test-card,
.provider-advanced-card {
border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:16px
}

.provider-setup-head {
display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px
}

.provider-setup-head h3 {
margin:0
}

.provider-setup-head p {
margin:4px 0 0;color:#64748b
}

.provider-template-pills {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0
}

.provider-template-pill {
border:1px solid #e5e7eb;border-radius:14px;padding:11px;background:#f8fafc
}

.provider-template-pill b {
display:block
}

.provider-template-pill span {
display:block;color:#64748b;font-size:12px;margin-top:4px
}

.provider-test-output {
border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;padding:12px;margin-top:12px
}

.provider-test-output.is-ok {
border-color:#22c55e;background:#f0fdf4
}

.provider-test-output.is-error {
border-color:#ef4444;background:#fef2f2
}

.provider-test-summary {
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0
}

.provider-test-kv {
background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px
}

.provider-test-kv span {
display:block;color:#64748b;font-size:11px
}

.provider-test-kv b {
display:block;font-size:14px;margin-top:2px;word-break:break-word
}

.provider-raw-details summary {
cursor:pointer;color:#334155
}

.provider-raw-details pre {
white-space:pre-wrap;overflow:auto;max-height:280px
}

.provider-advanced-card>summary {
cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px
}

.provider-advanced-card>summary::-webkit-details-marker {
display:none
}

.provider-advanced-card>summary span {
color:#64748b;font-size:12px
}

.provider-save-bar {
position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 38%);padding-top:12px;margin-top:12px
}

.provider-modal .ui-modal-body {
background:#f8fafc
}

.provider-test-actions {
display:flex;flex-wrap:wrap;gap:8px
}

.provider-test-danger {
border-top:1px solid #e5e7eb;padding-top:10px;margin-top:10px
}

.provider-test-purchase {
border:1px solid #fecaca;background:#fff7ed;border-radius:16px;padding:12px;margin-top:12px
}

.provider-test-purchase-head {
display:flex;align-items:flex-start;justify-content:space-between;gap:12px
}

.provider-test-purchase h4 {
margin:0
}

.provider-test-purchase p {
margin:4px 0 0;color:#9a3412
}

.provider-test-purchase-actions {
display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px
}

.provider-test-purchase .check-line {
background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:8px 10px
}

.provider-quick-note {
border-left:4px solid #0f172a;background:#f8fafc;border-radius:12px;padding:10px;color:#334155
}

.provider-card-actions {
display:flex;gap:8px;flex-wrap:wrap;align-items:center
}

@media (max-width:980px) {
.provider-hero-grid,
.provider-workflow,
.provider-cards,
.provider-template-pills {
grid-template-columns:1fr
}

.provider-card-grid,
.provider-test-summary {
grid-template-columns:1fr 1fr
}
}

@media (max-width:640px) {
.provider-card-grid,
.provider-test-summary {
grid-template-columns:1fr
}

.provider-card-head {
display:block
}

.provider-card-actions {
margin-top:10px
}

.provider-step {
padding:10px
}
}

.service-context-hidden {
display:none;
}

.service-flow-form {
display:grid;gap:14px;
}

.service-step-card {
border:1px solid rgba(15,23,42,.10);
}

.service-step-head {
display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;
}

.service-step-head h3 {
margin:0 0 3px;
}

.service-step-head p {
margin:0;color:#64748b;font-size:13px;line-height:1.45;
}

.service-step-no {
display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;font-weight:700;font-size:13px;flex:0 0 auto;
}

.service-buy-limit-grid .buy-limit-row {
border:1px solid rgba(15,23,42,.09);border-radius:12px;padding:12px;background:#fff;
}

.service-buy-limit-grid .buy-limit-row.buy-limit-off {
background:#f8fafc;
}

.service-buy-limit-grid .buy-limit-row.buy-limit-off > input[type=number] {
opacity:.75;
}

.provider-cache-summary {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid rgba(15,23,42,.09);border-radius:12px;padding:12px;background:#f8fafc;
}

.provider-cache-summary>div {
display:flex;flex-direction:column;gap:2px;
}

.provider-cache-summary .help-text {
grid-column:1/-1;display:block;
}

@media (max-width:720px) {
.provider-cache-summary {
grid-template-columns:1fr;
}
}

body.ui-runtime {
--wbh-shell-line: rgba(15,23,42,.085);
  --wbh-shell-soft: #f8fafc;
  --wbh-shell-card: #ffffff;
  --wbh-shell-shadow: 0 1px 2px rgba(15,23,42,.045);
}

body.ui-runtime .site-header[data-ui-region="header"] {
z-index: 220;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--wbh-shell-line);
  box-shadow: 0 1px 2px rgba(15,23,42,.05);
  backdrop-filter: saturate(150%) blur(10px);
}

body.ui-runtime .site-mainbar {
background: transparent;
}

body.ui-runtime .site-mainbar-inner {
min-height: 58px;
  grid-template-columns: minmax(180px,auto) minmax(16px,1fr) auto auto;
  gap: 10px;
}

body.ui-runtime .brand {
min-width: 0;
}

body.ui-runtime .brand-mark {
width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--brand);
  color: #fff;
  box-shadow: none;
}

body.ui-runtime .brand-text {
min-width: 0;
}

body.ui-runtime .brand-text b,
body.ui-runtime.admin-page .brand-text b,
body.ui-runtime.admin-page .account-name {
color: #111827;
}

body.ui-runtime .brand-text small,
body.ui-runtime.admin-page .brand-text small,
body.ui-runtime.admin-page .account-role,
body.ui-runtime.admin-page .account-logout {
color: #64748b;
}

body.ui-runtime.admin-page .site-utility {
background: #0f172a;
  color: #cbd5e1;
  border-bottom-color: #1f2937;
}

body.ui-runtime.admin-page .site-mainbar {
background: #fff;
  border-bottom: 0;
}

body.ui-runtime.admin-page .brand-mark {
background: var(--brand);
  color: #fff;
}

body.ui-runtime .site-nav {
min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

body.ui-runtime .site-nav::-webkit-scrollbar {
display: none;
}

body.ui-runtime .site-nav a {
flex: 0 0 auto;
  min-height: 32px;
  padding: 0 9px;
  border-radius: 9px;
  white-space: nowrap;
  color: #334155;
}

body.ui-runtime.admin-page .site-nav a {
color: #334155;
}

body.ui-runtime .site-nav a:hover,
body.ui-runtime .site-nav a.active,
body.ui-runtime.admin-page .site-nav a:hover,
body.ui-runtime.admin-page .site-nav a.active {
background: var(--brand-soft);
  color: var(--brand);
}

body.ui-runtime .global-search-placeholder {
min-width: 0;
}

body.ui-runtime .account-box {
min-width: 0;
  gap: 6px;
}

body.ui-runtime .wallet-menu,
body.ui-runtime .account-menu {
position: relative;
}

body.ui-runtime .wallet-menu > summary,
body.ui-runtime .account-menu > summary {
min-height: 34px;
  border: 1px solid var(--wbh-shell-line);
  background: #fff;
  border-radius: 10px;
  padding: 0 10px;
  list-style: none;
  cursor: pointer;
}

body.ui-runtime .wallet-menu > summary::-webkit-details-marker,
body.ui-runtime .account-menu > summary::-webkit-details-marker {
display:none;
}

body.ui-runtime .wallet-dropdown,
body.ui-runtime .account-dropdown {
right: 0;
  top: calc(100% + 8px);
  border-radius: 14px;
  border: 1px solid var(--wbh-shell-line);
  box-shadow: 0 18px 42px rgba(15,23,42,.14);
}

body.ui-runtime .app-footer[data-ui-region="footer"] {
width: min(100% - 32px, 1260px);
  margin: 24px auto 0;
  padding: 14px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--wbh-shell-line);
  text-align: left;
}

body.ui-runtime .footer-brand {
min-width: 0;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  color: #64748b;
}

body.ui-runtime .footer-links {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

body.ui-runtime .footer-links a {
color: #64748b;
}

body.ui-runtime .footer-links a:hover {
color: var(--brand);
}

body.ui-runtime .admin-shell[data-ui-region="header"] {
display: grid;
  grid-template-columns: 248px minmax(0,1fr);
  gap: 16px;
  align-items: start;
}

body.ui-runtime .admin-main {
min-width: 0;
}

body.ui-runtime .side-title {
padding: 13px 14px 10px;
  border-bottom: 1px solid #eef2f7;
}

body.ui-runtime .side-title b {
font-size: 14px;
}

body.ui-runtime .side-title span {
font-size: 12px; color: #64748b;
}

body.ui-runtime .side-group-label {
margin: 10px 6px 5px;
  color: #94a3b8;
  font-size: 10.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-runtime .admin-title {
padding: 14px 16px;
  margin-bottom: 14px;
  border: 1px solid var(--wbh-shell-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--wbh-shell-shadow);
  align-items: flex-start;
}

body.ui-runtime .admin-title h1 {
font-size: 22px;
}

body.ui-runtime .admin-title p {
max-width: 880px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .toolbar-actions,
body.ui-runtime .admin-section-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime .admin-title-actions .btn,
body.ui-runtime .toolbar-actions .btn,
body.ui-runtime .admin-section-actions .btn,
body.ui-runtime .wbh-command-actions .btn {
white-space: nowrap;
}

body.ui-runtime .admin-filter-panel,
body.ui-runtime .ui-filter-panel-scope,
body.ui-runtime .store-quick-filter,
body.ui-runtime .store-control-panel {
border: 1px solid var(--wbh-shell-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--wbh-shell-shadow);
}

body.ui-runtime .admin-filter-panel {
display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 12px;
}

body.ui-runtime .admin-filter-fields {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  min-width: 0;
}

body.ui-runtime .admin-filter-panel label,
body.ui-runtime .store-quick-filter label,
body.ui-runtime .store-control-panel label {
min-width: 0;
}

body.ui-runtime .admin-filter-panel label > span,
body.ui-runtime .store-quick-filter .filter-label,
body.ui-runtime .store-control-panel label > span:not(.filter-control) {
display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
}

body.ui-runtime .admin-filter-actions,
body.ui-runtime .user-filter-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
}

body.ui-runtime .store-quick-filter.store-filter {
padding: 12px;
  display: grid;
  grid-template-columns: minmax(260px,1fr) auto auto;
  gap: 10px;
  align-items: end;
}

body.ui-runtime .filter-search-field {
min-width: 0;
}

body.ui-runtime .filter-control {
display: grid;
  grid-template-columns: 26px minmax(0,1fr);
  align-items: center;
  min-height: 40px;
  border: 1px solid var(--control-line);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

body.ui-runtime .filter-control i {
display: grid;
  place-items: center;
  width: 26px;
  height: 38px;
  color: #94a3b8;
  font-style: normal;
}

body.ui-runtime .filter-control input {
border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 38px;
  padding-left: 0;
}

body.ui-runtime .store-filter-more > summary {
min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--control-line);
  border-radius: 10px;
  background: #fff;
  padding: 0 14px;
  font-weight: 700;
  color: #334155;
  cursor: pointer;
  list-style: none;
}

body.ui-runtime .store-filter-more > summary::-webkit-details-marker {
display:none;
}

body.ui-runtime .store-filter-advanced[open] {
grid-column: 1 / -1;
}

body.ui-runtime .store-filter-advanced-grid {
margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: 10px;
}

body.ui-runtime .ui-modal-scope {
align-items: center;
  justify-content: center;
  padding: 16px;
  overflow: auto;
}

body.ui-runtime .ui-modal-scope .ui-modal-backdrop {
background: rgba(15,23,42,.54);
  backdrop-filter: blur(2px);
}

body.ui-runtime .ui-modal-scope .ui-modal-dialog {
position: relative;
  display: flex;
  flex-direction: column;
  max-height: min(760px, calc(100vh - 32px));
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  overflow: hidden;
  box-shadow: 0 24px 68px rgba(15,23,42,.24);
}

body.ui-runtime .ui-modal-scope .ui-modal-head {
flex: 0 0 auto;
  padding: 14px 16px;
  border-bottom: 1px solid #eef2f7;
  background: #fff;
}

body.ui-runtime .ui-modal-scope .ui-modal-head h2 {
font-size: 18px;
  line-height: 1.25;
}

body.ui-runtime .ui-modal-scope .ui-modal-body {
flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px;
  background: #fbfcfd;
}

body.ui-runtime .ui-modal-scope .ui-modal-body .grid,
body.ui-runtime .ui-modal-scope .ui-modal-body .form-grid {
min-width: 0;
}

body.ui-runtime .ui-modal-scope .ui-modal-body .actions,
body.ui-runtime .ui-modal-scope .ui-modal-body .form-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 980px) {
body.ui-runtime .site-mainbar-inner {
grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    padding: 8px 0;
}

body.ui-runtime .global-search-placeholder {
display: none;
}

body.ui-runtime .site-nav {
grid-column: 1 / -1;
    order: 3;
    width: 100%;
}

body.ui-runtime .account-box {
grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
}

body.ui-runtime .brand-text small {
display: none;
}

body.ui-runtime .admin-shell[data-ui-region="header"] {
display: block;
}

body.ui-runtime .admin-title {
display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 13px;
}

body.ui-runtime .admin-title-actions {
justify-content: flex-start;
}

body.ui-runtime .admin-filter-panel,
body.ui-runtime .store-quick-filter.store-filter {
grid-template-columns: 1fr;
}

body.ui-runtime .admin-filter-actions,
body.ui-runtime .user-filter-actions {
display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: 100%;
}

body.ui-runtime .admin-filter-actions .btn,
body.ui-runtime .user-filter-actions .btn {
width: 100%; justify-content: center;
}
}

@media (max-width: 640px) {
body.ui-runtime .wrap {
width: min(100% - 20px, 1260px);
}

body.ui-runtime .site-utility {
display: none;
}

body.ui-runtime .site-mainbar-inner {
min-height: 52px;
}

body.ui-runtime .brand-text b {
max-width: 138px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

body.ui-runtime .account-box .wallet-menu {
display: none;
}

body.ui-runtime .account-menu > summary {
padding: 0 8px;
}

body.ui-runtime .account-name {
max-width: 92px;
}

body.ui-runtime .account-role {
display: none;
}

body.ui-runtime .app-footer[data-ui-region="footer"] {
width: min(100% - 20px, 1260px);
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

body.ui-runtime .footer-brand {
max-width: 100%;
}

body.ui-runtime .footer-links {
justify-content: flex-start; gap: 8px 12px;
}

body.ui-runtime .admin-title h1 {
font-size: 20px;
}

body.ui-runtime .ui-modal-scope {
align-items: stretch;
    padding: 8px;
}

body.ui-runtime .ui-modal-scope .ui-modal-dialog {
width: 100%;
    max-height: calc(100dvh - 16px);
    border-radius: 16px;
}

body.ui-runtime .ui-modal-scope .ui-modal-head,
body.ui-runtime .ui-modal-scope .ui-modal-body {
padding: 13px;
}

body.ui-runtime .ui-modal-scope .ui-modal-body .actions,
body.ui-runtime .ui-modal-scope .ui-modal-body .form-actions {
display: grid;
    grid-template-columns: 1fr;
}

body.ui-runtime .ui-modal-scope .ui-modal-body .actions .btn,
body.ui-runtime .ui-modal-scope .ui-modal-body .form-actions .btn {
width: 100%; justify-content: center;
}
}

body.ui-runtime .store-quick-filter.store-filter {
grid-template-columns: minmax(260px,1fr) auto auto;
}

body.ui-runtime .store-quick-filter.store-filter .filter-search-field {
grid-column:auto;
}

body.ui-runtime .store-quick-filter.store-filter .store-filter-more {
position: relative;
  align-self: end;
  min-width: 96px;
}

body.ui-runtime .store-quick-filter.store-filter .store-filter-advanced[open] {
grid-column:auto;
}

body.ui-runtime .store-quick-filter.store-filter .store-filter-advanced-grid {
position: absolute;
  right: 0;
  z-index: 72;
  width: min(560px, calc(100vw - 28px));
  max-height: min(70dvh, 430px);
  overflow: auto;
  margin-top: 7px;
  border: 1px solid var(--wbh-shell-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
}

@media (max-width: 760px) {
body.ui-runtime .store-quick-filter.store-filter {
grid-template-columns: minmax(0,1fr) auto;
    gap: 7px;
}

body.ui-runtime .store-quick-filter.store-filter .filter-search-field {
grid-column:1 / -1;
}

body.ui-runtime .store-quick-filter.store-filter .store-filter-more {
grid-column:1;
}

body.ui-runtime .store-quick-filter.store-filter .user-filter-actions {
grid-column:2; display:flex; width:auto;
}

body.ui-runtime .store-quick-filter.store-filter .user-filter-actions .btn.secondary {
display:none;
}

body.ui-runtime .store-quick-filter.store-filter .store-filter-advanced-grid {
left: 0;
    right: auto;
    width: calc(100vw - 20px);
}
}

@media (max-width: 640px) {
body.ui-runtime .admin-filter-fields {
grid-template-columns: repeat(2,minmax(0,1fr)); gap:8px;
}

body.ui-runtime .admin-filter-panel label > span {
margin-bottom:3px; font-size:10.5px;
}

body.ui-runtime .admin-filter-panel input,
body.ui-runtime .admin-filter-panel select {
min-height:36px; height:36px;
}
}

@media (max-width: 760px) {
body.ui-runtime.store-page .store-quick-filter.store-filter .store-filter-advanced-grid {
position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    width: calc(100vw - 20px);
}
}

@media (max-width: 640px) {
body.ui-runtime.admin-page .admin-filter-panel {
padding: 10px;
    gap: 8px;
}

body.ui-runtime.admin-page .admin-filter-fields {
grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
}

body.ui-runtime.admin-page .admin-filter-actions {
grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
}
}

body.ui-runtime {
--wbh-card-line: rgba(15,23,42,.09);
  --wbh-muted: #64748b;
  --wbh-surface: #ffffff;
  --wbh-soft: #f8fafc;
  --wbh-shadow: 0 1px 2px rgba(15,23,42,.045);
}

body.ui-runtime .ui-core-table-scope[data-ui-component="table"] {
isolation: isolate;
}

body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .ui-data-table {
border-collapse: separate;
  border-spacing: 0;
}

body.ui-runtime .ui-core-table-scope[data-ui-component="table"] td,
body.ui-runtime .ui-core-table-scope[data-ui-component="table"] th {
vertical-align: middle;
}

body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .smart-primary-cell,
body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .money-stack,
body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .stock-duo,
body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .wallet-balance-duo {
min-width: 0;
}

body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .cell-title,
body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .cell-code,
body.ui-runtime .ui-core-table-scope[data-ui-component="table"] .smart-primary-cell b {
overflow-wrap: anywhere;
}

body.ui-runtime {
--wbh-line: rgba(15,23,42,.09);
  --wbh-soft: #f8fafc;
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-radius: 14px;
  --wbh-shadow: 0 1px 2px rgba(15,23,42,.045), 0 10px 24px rgba(15,23,42,.035);
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"] {
min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime [data-ui-region="header"] .site-mainbar-inner,
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-region="footer"] {
min-width: 0;
}

body.ui-runtime [data-ui-region="header"] .brand,
body.ui-runtime [data-ui-region="header"] .brand-text,
body.ui-runtime [data-ui-region="header"] .site-nav,
body.ui-runtime [data-ui-region="header"] .account-box,
body.ui-runtime [data-ui-region="footer"] .footer-links {
min-width: 0;
}

body.ui-runtime [data-ui-component="table"].ui-core-table-scope {
border-color: var(--wbh-line);
  box-shadow: var(--wbh-shadow);
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-gutter: stable;
}

body.ui-runtime [data-ui-component="table"] .ui-data-table,
body.ui-runtime [data-ui-component="table"] .ui-smart-table {
width: 100%;
  max-width: 100%;
}

body.ui-runtime [data-ui-component="table"] th,
body.ui-runtime [data-ui-component="table"] td {
vertical-align: middle;
  min-width: 0;
}

body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"],
body.ui-runtime .store-quick-filter[data-ui-component="filter"],
body.ui-runtime .wallet-filter[data-ui-component="filter"],
body.ui-runtime .user-filter[data-ui-component="filter"] {
min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"] input,
body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"] select,
body.ui-runtime .store-quick-filter[data-ui-component="filter"] input,
body.ui-runtime .store-quick-filter[data-ui-component="filter"] select,
body.ui-runtime .wallet-filter[data-ui-component="filter"] input,
body.ui-runtime .wallet-filter[data-ui-component="filter"] select,
body.ui-runtime .user-filter[data-ui-component="filter"] input,
body.ui-runtime .user-filter[data-ui-component="filter"] select {
min-width: 0;
}

body.ui-runtime .ui-modal[data-ui-modal="1"],
body.ui-runtime .modal[data-ui-modal="1"],
body.ui-runtime [data-ui-modal="1"] .ui-modal-card {
max-width: min(100%, calc(100vw - 24px));
  box-sizing: border-box;
}

@media (max-width: 760px) {
body.ui-runtime [data-ui-region="header"] .site-mainbar-inner {
gap: 8px;
}

body.ui-runtime [data-ui-region="footer"] {
gap: 8px;
}
}

body.ui-runtime {
--wbh-line: rgba(15,23,42,.09);
  --wbh-soft: #f8fafc;
  --wbh-panel: #ffffff;
  --wbh-muted: #64748b;
  --wbh-ink: #0f172a;
  --wbh-radius: 14px;
  --wbh-control-h: 38px;
  --wbh-action-size: 38px;
  --wbh-shadow: 0 1px 2px rgba(15,23,42,.045), 0 10px 24px rgba(15,23,42,.035);
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"] {
box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime [data-ui-component="table"].ui-core-table-scope {
width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  border: 1px solid var(--wbh-line);
  border-radius: var(--wbh-radius);
  background: var(--wbh-panel);
  box-shadow: var(--wbh-shadow);
  scrollbar-gutter: stable;
}

body.ui-runtime [data-ui-component="table"] .ui-core-table {
  border-collapse: separate;
  border-spacing: 0;
}

body.ui-runtime [data-ui-component="table"] .ui-core-table th,
body.ui-runtime [data-ui-component="table"] .ui-core-table td {
padding: 11px 14px;
  border-bottom: 1px solid #edf1f7;
  vertical-align: middle;
  min-width: 0;
}

body.ui-runtime [data-ui-component="table"] .ui-core-table th {
background: var(--wbh-soft);
  color: #172338;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.ui-runtime [data-ui-component="table"] .ui-core-table tbody tr:hover td {
background: #fffaf7;
}

body.ui-runtime [data-ui-component="table"] .table-empty-cell {
padding: 18px 14px;
  text-align: center;
}

body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"],
body.ui-runtime .user-filter[data-ui-component="filter"],
body.ui-runtime .wallet-filter[data-ui-component="filter"],
body.ui-runtime .store-quick-filter[data-ui-component="filter"] {
display: grid;
  gap: 10px;
  min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"] label,
body.ui-runtime .user-filter[data-ui-component="filter"] label,
body.ui-runtime .wallet-filter[data-ui-component="filter"] label,
body.ui-runtime .store-quick-filter[data-ui-component="filter"] label {
min-width: 0;
}

body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"] input,
body.ui-runtime .admin-filter-panel[data-ui-filter-panel="1"] select,
body.ui-runtime .user-filter[data-ui-component="filter"] input,
body.ui-runtime .user-filter[data-ui-component="filter"] select,
body.ui-runtime .wallet-filter[data-ui-component="filter"] input,
body.ui-runtime .wallet-filter[data-ui-component="filter"] select,
body.ui-runtime .store-quick-filter[data-ui-component="filter"] input,
body.ui-runtime .store-quick-filter[data-ui-component="filter"] select {
min-width: 0;
  min-height: var(--wbh-control-h);
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] {
grid-template-columns: minmax(260px, 1fr) auto auto;
  align-items: end;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced {
position: relative;
  align-self: end;
  min-width: 96px;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced summary {
min-height: var(--wbh-control-h);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid var(--wbh-line);
  border-radius: 10px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced-grid,
body.ui-runtime.route-user-wallet-php .wallet-filter-advanced-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced-grid {
position: absolute;
  right: 0;
  z-index: 60;
  width: min(560px, calc(100vw - 28px));
  margin-top: 7px;
  padding: 11px;
  border: 1px solid var(--wbh-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(15,23,42,.16);
}

body.ui-runtime [data-ui-component="table"] .smart-primary-cell,
body.ui-runtime [data-ui-component="table"] .cell-title,
body.ui-runtime [data-ui-component="table"] .cell-subtitle,
body.ui-runtime [data-ui-component="table"] .cell-code,
body.ui-runtime [data-ui-component="table"] .smart-meta-line,
body.ui-runtime [data-ui-component="table"] .money-stack,
body.ui-runtime [data-ui-component="table"] .stock-duo,
body.ui-runtime [data-ui-component="table"] .wallet-balance-duo,
body.ui-runtime [data-ui-component="table"] pre,
body.ui-runtime [data-ui-component="table"] code,
body.ui-runtime [data-ui-component="table"] textarea,
body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] .raw-line,
body.ui-runtime [data-ui-component="table"] .raw-cell {
max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime [data-ui-component="table"] pre,
body.ui-runtime [data-ui-component="table"] textarea,
body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] .raw-line {
overflow: auto;
}

@media (max-width: 760px) {
body.ui-runtime .main-wrap,
body.ui-runtime.admin-page .main-wrap,
body.ui-runtime.store-page .main-wrap {
width: min(100% - 20px, 1280px);
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] {
grid-template-columns: minmax(0,1fr) auto;
    gap: 7px;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .filter-search-field {
grid-column: 1 / -1;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced {
grid-column: 1;
    min-width: 0;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .user-filter-actions {
grid-column: 2;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .user-filter-actions .btn.secondary {
display: none;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced summary,
body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .user-filter-actions .btn,
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] input,
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] select {
min-height: 36px;
    height: 36px;
}

body.ui-runtime.store-page .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced-grid {
left: 0;
    right: auto;
    width: calc(100vw - 20px);
    grid-template-columns: 1fr 1fr;
    max-height: min(70dvh, 430px);
    overflow: auto;
}

}

body.ui-runtime {
--wbh-line: #dbe3ef;
  --wbh-soft: #f8fafc;
  --wbh-brand: #ee4d2d;
  --wbh-text: #0f172a;
  --wbh-muted: #64748b;
  --wbh-radius: 14px;
  --wbh-shadow: 0 1px 2px rgba(15,23,42,.04);
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"] {
min-width: 0;
}

body.ui-runtime.route-user-index-php .store-catalog-controls,
body.ui-runtime.route-user-wallet-php .wallet-filter,
body.ui-runtime.route-user-topup-php .user-filter,
body.ui-runtime.route-admin-services-php .card,
body.ui-runtime.route-admin-providers-php .card,
body.ui-runtime.route-admin-order-detail-php .card {
max-width: 100%;
  min-width: 0;
}

body.ui-runtime.route-user-index-php .store-catalog-controls {
border-color: var(--wbh-line);
  box-shadow: var(--wbh-shadow);
}

body.ui-runtime.route-user-index-php .store-quick-filter[data-ui-component="filter"],
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"],
body.ui-runtime.route-user-topup-php .user-filter[data-ui-component="filter"] {
min-width: 0;
}

body.ui-runtime.route-user-index-php .store-quick-filter[data-ui-component="filter"] label,
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] label,
body.ui-runtime.route-user-topup-php .user-filter[data-ui-component="filter"] label,
body.ui-runtime.route-user-index-php .store-filter-advanced-grid label,
body.ui-runtime.route-user-wallet-php .wallet-filter-advanced-grid label {
min-width: 0;
}

body.ui-runtime.route-user-index-php .category-rail,
body.ui-runtime.route-user-index-php .platform-rail,
body.ui-runtime.route-user-index-php .store-result-bar .wbh-metric-actions {
min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

body.ui-runtime.route-user-index-php .category-rail::-webkit-scrollbar,
body.ui-runtime.route-user-index-php .platform-rail::-webkit-scrollbar,
body.ui-runtime.route-user-index-php .store-result-bar .wbh-metric-actions::-webkit-scrollbar {
display: none;
}

body.ui-runtime.route-user-index-php .cat-chip,
body.ui-runtime.route-user-index-php .platform-chip {
flex: 0 0 auto;
  scroll-snap-align: start;
}

body.ui-runtime.route-user-index-php .catalog-card.ui-product-card {
display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border-color: var(--wbh-line);
  box-shadow: var(--wbh-shadow);
}

body.ui-runtime.route-user-index-php .catalog-card-head,
body.ui-runtime.route-user-index-php .catalog-commerce,
body.ui-runtime.route-user-index-php .catalog-actions,
body.ui-runtime.route-user-index-php .catalog-specs {
min-width: 0;
}

body.ui-runtime.route-user-index-php .catalog-title,
body.ui-runtime.route-user-index-php .catalog-desc,
body.ui-runtime.route-user-index-php .catalog-platform b,
body.ui-runtime.route-user-index-php .catalog-specs span {
overflow-wrap: anywhere;
}

body.ui-runtime.route-user-index-php .catalog-desc {
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.ui-runtime.route-user-index-php .catalog-actions {
margin-top: auto;
}

body.ui-runtime.route-user-index-php .catalog-actions .btn,
body.ui-runtime.route-user-index-php .store-result-bar .btn {
white-space: nowrap;
}

body.ui-runtime.route-admin-services-php .ui-core-table-scope,
body.ui-runtime.route-admin-providers-php .ui-core-table-scope,
body.ui-runtime.route-admin-order-detail-php .ui-core-table-scope {
border-color: var(--wbh-line);
}

body.ui-runtime.route-admin-services-php .admin-services-core-table .service-title-cell,
body.ui-runtime.route-admin-services-php .admin-services-core-table .service-price-cell,
body.ui-runtime.route-admin-services-php .admin-services-core-table .service-stock-cell,
body.ui-runtime.route-admin-providers-php [data-ui-component="table"] td,
body.ui-runtime.route-admin-order-detail-php [data-ui-component="table"] td {
white-space: normal;
}

body.ui-runtime.route-admin-services-php .services-actions-cell,
body.ui-runtime.route-admin-providers-php .table-action-cell,
body.ui-runtime.route-admin-order-detail-php .table-action-cell {
width: 1%;
  white-space: nowrap;
}

body.ui-runtime.route-admin-services-php .services-action-menu {
display: inline-flex;
  justify-content: flex-end;
  min-width: 0;
}

body.ui-runtime.route-admin-providers-php .provider-test-output,
body.ui-runtime.route-admin-providers-php .provider-response-box,
body.ui-runtime.route-admin-providers-php pre,
body.ui-runtime.route-admin-order-detail-php .raw-cell,
body.ui-runtime.route-admin-order-detail-php .raw-view,
body.ui-runtime.route-admin-order-detail-php .raw-line,
body.ui-runtime.route-user-topup-php .method-panel pre,
body.ui-runtime.route-user-topup-php .method-panel code,
body.ui-runtime.route-user-topup-php textarea,
body.ui-runtime.route-user-wallet-php [data-ui-component="table"] pre,
body.ui-runtime.route-user-wallet-php [data-ui-component="table"] code {
max-width: 100%;
  min-width: 0;
  overflow: auto;
  overflow-wrap: anywhere;
}

body.ui-runtime.route-admin-order-detail-php .order-items-core-table .raw-view {
min-height: 62px;
  max-height: 150px;
  resize: vertical;
  white-space: pre-wrap;
  word-break: break-word;
}

body.ui-runtime.route-admin-order-detail-php .actions.card {
display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime.route-admin-order-detail-php .actions.card .muted {
flex: 1 1 260px;
  min-width: 0;
}

body.ui-runtime.route-user-wallet-php .user-hero,
body.ui-runtime.route-user-topup-php .user-hero {
align-items: center;
  gap: 12px;
}

body.ui-runtime.route-user-wallet-php .user-hero-actions,
body.ui-runtime.route-user-topup-php .user-hero-actions {
flex-wrap: wrap;
  justify-content: flex-end;
}

body.ui-runtime.route-user-wallet-php .wallet-summary-grid,
body.ui-runtime.route-user-topup-php .grid.grid-4 {
min-width: 0;
}

body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] {
grid-template-columns: minmax(260px, 1fr) auto;
  align-items: end;
}

body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] .wallet-filter-more {
min-width: 130px;
}

body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] .user-filter-actions {
justify-content: flex-end;
}

body.ui-runtime.route-user-wallet-php .wallet-filter-advanced-grid,
body.ui-runtime.route-user-index-php .store-filter-advanced-grid {
z-index: 65;
}

body.ui-runtime.route-user-topup-php .topup-layout,
body.ui-runtime.route-user-topup-php .method-panel,
body.ui-runtime.route-user-topup-php .card,
body.ui-runtime.route-user-topup-php .ui-data-table-wrap {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.route-user-topup-php .method-panel .kv,
body.ui-runtime.route-user-topup-php .method-panel .mono,
body.ui-runtime.route-user-topup-php .method-panel .bank-copy-line {
overflow-wrap: anywhere;
}

@media (max-width: 900px) {
body.ui-runtime.route-admin-services-php .admin-services-core-table .service-stock-cell,
body.ui-runtime.route-admin-services-php .admin-services-core-table .service-price-cell,
body.ui-runtime.route-admin-order-detail-php .order-items-core-table .col-raw {
grid-column: 1 / -1;
}

body.ui-runtime.route-admin-order-detail-php .order-items-core-table .raw-view {
min-width: 0;
    width: 100%;
    max-height: 116px;
}

body.ui-runtime.route-admin-order-detail-php .actions.card {
display: grid;
    grid-template-columns: 1fr;
}

body.ui-runtime.route-admin-order-detail-php .actions.card .btn {
width: 100%;
    justify-content: center;
}
}

@media (max-width: 760px) {
body.ui-runtime.route-user-index-php .store-catalog-controls {
gap: 8px;
    padding: 9px;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] {
grid-template-columns: minmax(0,1fr) auto;
    gap: 7px;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .filter-search-field {
grid-column: 1 / -1;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced {
grid-column: 1;
    min-width: 0;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .user-filter-actions {
grid-column: 2;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .user-filter-actions .btn.secondary {
display: none;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced summary,
body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .user-filter-actions .btn,
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] input,
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] select,
body.ui-runtime.route-user-topup-php .user-filter[data-ui-component="filter"] input,
body.ui-runtime.route-user-topup-php .user-filter[data-ui-component="filter"] select {
min-height: 36px;
    height: 36px;
}

body.ui-runtime.route-user-index-php .store-quick-filter.store-filter[data-ui-component="filter"] .store-filter-advanced-grid {
left: 0;
    right: auto;
    width: calc(100vw - 20px);
    grid-template-columns: 1fr 1fr;
    max-height: min(70dvh, 430px);
    overflow: auto;
}

body.ui-runtime.route-user-index-php .catalog-commerce {
grid-template-columns: 1fr;
    gap: 7px;
}

body.ui-runtime.route-user-index-php .catalog-actions {
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

body.ui-runtime.route-user-index-php .catalog-actions .btn {
width: 100%;
    justify-content: center;
}

body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] {
grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
}

body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] .filter-search-field,
body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] .wallet-filter-more {
grid-column: 1 / -1;
}

body.ui-runtime.route-user-wallet-php .wallet-filter[data-ui-component="filter"] .user-filter-actions {
grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

body.ui-runtime.route-user-wallet-php .wallet-filter-advanced-grid {
grid-template-columns: 1fr;
    max-height: min(65dvh, 420px);
    overflow: auto;
}

body.ui-runtime.route-user-wallet-php .wallet-summary-grid,
body.ui-runtime.route-user-topup-php .grid.grid-4 {
grid-template-columns: 1fr;
}

body.ui-runtime.route-user-wallet-php .user-hero,
body.ui-runtime.route-user-topup-php .user-hero {
align-items: flex-start;
    padding: 13px;
}

body.ui-runtime.route-user-wallet-php .user-hero-actions,
body.ui-runtime.route-user-topup-php .user-hero-actions {
width: 100%;
    justify-content: stretch;
}

body.ui-runtime.route-user-wallet-php .user-hero-actions .btn,
body.ui-runtime.route-user-topup-php .user-hero-actions .btn {
flex: 1 1 140px;
    justify-content: center;
}
}

@media (max-width: 520px) {
body.ui-runtime.route-user-index-php .store-grid {
gap: 10px;
}

body.ui-runtime.route-user-index-php .catalog-card.ui-product-card {
padding: 12px;
    gap: 8px;
}

body.ui-runtime.route-user-index-php .catalog-card-head {
margin-bottom: 0;
    gap: 8px;
}

body.ui-runtime.route-user-index-php .catalog-title {
font-size: 15px;
    line-height: 1.25;
    margin: 0;
}

body.ui-runtime.route-user-index-php .catalog-desc {
margin: 0;
    min-height: 0;
    line-height: 1.35;
    -webkit-line-clamp: 2;
}

body.ui-runtime.route-user-index-php .catalog-specs {
margin: 0;
    gap: 5px;
    max-height: 54px;
    overflow: hidden;
}

body.ui-runtime.route-user-index-php .catalog-price b {
font-size: 18px;
}

body.ui-runtime.route-user-index-php .catalog-price span,
body.ui-runtime.route-user-index-php .catalog-price small,
body.ui-runtime.route-user-index-php .catalog-metrics {
font-size: 11.5px;
}

body.ui-runtime.route-user-index-php .catalog-actions .btn {
min-height: 32px;
}
}

@media (max-width: 520px) {
body.ui-runtime.route-user-index-php .catalog-card.ui-product-card {
padding: 10px;
    gap: 6px;
}

body.ui-runtime.route-user-index-php .catalog-card-head {
padding: 0;
    margin: 0;
    gap: 6px;
}

body.ui-runtime.route-user-index-php .catalog-title {
padding: 0;
    font-size: 14.5px;
    line-height: 1.22;
}

body.ui-runtime.route-user-index-php .catalog-desc {
min-height: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.32;
    -webkit-line-clamp: 1;
}

body.ui-runtime.route-user-index-php .catalog-commerce {
margin: 0;
    padding: 7px;
}

body.ui-runtime.route-user-index-php .catalog-price b {
font-size: 17px;
}

body.ui-runtime.route-user-index-php .catalog-actions .btn {
min-height: 31px;
    padding-inline: 8px;
}
}

body.ui-runtime {
--wbh-line: #dbe3ef;
  --wbh-soft: #f8fafc;
  --wbh-card: #ffffff;
  --wbh-brand: #ee4d2d;
  --wbh-text: #0f172a;
  --wbh-muted: #64748b;
  --wbh-radius: 14px;
  --wbh-shadow: 0 1px 2px rgba(15,23,42,.045);
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"] {
max-width: 100%;
  min-width: 0;
}

body.ui-runtime.route-admin-provider-templates-php .provider-template-table-wrap,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table,
body.ui-runtime.route-admin-operations-alerts-php .ops-table-wrap,
body.ui-runtime.route-user-orders-php .order-table,
body.ui-runtime.route-user-order-detail-php .order-item-raw-table,
body.ui-runtime.route-user-api-docs-php .api-doc-layout,
body.ui-runtime.route-user-api-docs-php .api-doc-main {
max-width: 100%;
  min-width: 0;
}

body.ui-runtime.route-admin-provider-templates-php .provider-template-table-wrap,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table,
body.ui-runtime.route-admin-operations-alerts-php .ops-table-wrap,
body.ui-runtime.route-user-orders-php .order-table,
body.ui-runtime.route-user-order-detail-php .order-item-raw-table {
border-color: var(--wbh-line);
  box-shadow: var(--wbh-shadow);
}

body.ui-runtime.route-admin-provider-templates-php .provider-template-table,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table .ui-core-table,
body.ui-runtime.route-admin-operations-alerts-php .ops-core-table,
body.ui-runtime.route-user-orders-php .user-orders-table,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table {
width: 100%;
}

body.ui-runtime.route-admin-provider-templates-php .provider-template-table th,
body.ui-runtime.route-admin-provider-templates-php .provider-template-table td,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table .ui-core-table th,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table .ui-core-table td,
body.ui-runtime.route-admin-operations-alerts-php .ops-core-table th,
body.ui-runtime.route-admin-operations-alerts-php .ops-core-table td,
body.ui-runtime.route-user-orders-php .user-orders-table th,
body.ui-runtime.route-user-orders-php .user-orders-table td,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table th,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table td {
white-space: normal;
  overflow-wrap: anywhere;
}

body.ui-runtime.route-admin-provider-templates-php .provider-template-table .table-action-cell,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table .ui-core-table .table-action-cell,
body.ui-runtime.route-admin-operations-alerts-php .ops-core-table .table-action-cell,
body.ui-runtime.route-user-orders-php .user-orders-table .table-action-cell,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table .table-action-cell {
width: 1%;
  min-width: 44px;
  white-space: nowrap;
  text-align: right;
}

body.ui-runtime.route-admin-provider-templates-php .smart-action-stack,
body.ui-runtime.route-admin-provider-orders-php .smart-action-stack,
body.ui-runtime.route-admin-operations-alerts-php .smart-action-stack,
body.ui-runtime.route-user-orders-php .smart-action-stack,
body.ui-runtime.route-user-order-detail-php .smart-action-stack {
min-width: 0;
  justify-content: flex-end;
  flex-wrap: wrap;
}

body.ui-runtime.route-admin-provider-templates-php .endpoint-cell,
body.ui-runtime.route-admin-provider-orders-php .smart-primary-cell,
body.ui-runtime.route-admin-operations-alerts-php .smart-primary-cell,
body.ui-runtime.route-user-orders-php .smart-primary-cell,
body.ui-runtime.route-user-order-detail-php .smart-primary-cell {
min-width: 0;
}

body.ui-runtime.route-admin-provider-orders-php .cell-title,
body.ui-runtime.route-user-orders-php .cell-title,
body.ui-runtime.route-user-order-detail-php .cell-title {
overflow-wrap: anywhere;
}

body.ui-runtime.route-admin-provider-orders-php .provider-order-filter,
body.ui-runtime.route-user-orders-php .user-filter,
body.ui-runtime.route-user-api-docs-php .api-doc-layout,
body.ui-runtime.route-user-api-docs-php .api-doc-main,
body.ui-runtime.route-user-api-docs-php .api-doc-intro {
max-width: 100%;
  min-width: 0;
}

body.ui-runtime.route-admin-provider-orders-php .provider-order-filter,
body.ui-runtime.route-user-orders-php .user-filter {
gap: 10px;
}

body.ui-runtime.route-admin-provider-orders-php .provider-order-filter input,
body.ui-runtime.route-admin-provider-orders-php .provider-order-filter select,
body.ui-runtime.route-user-orders-php .user-filter input,
body.ui-runtime.route-user-orders-php .user-filter select {
min-width: 0;
}

body.ui-runtime.route-admin-provider-templates-php .mapping-lines,
body.ui-runtime.route-admin-provider-templates-php .mapping-json,
body.ui-runtime.route-admin-provider-templates-php .endpoint-cell code,
body.ui-runtime.route-admin-provider-orders-php pre,
body.ui-runtime.route-admin-provider-orders-php code,
body.ui-runtime.route-user-order-detail-php .raw-view,
body.ui-runtime.route-user-order-detail-php .raw-cell,
body.ui-runtime.route-user-api-docs-php pre,
body.ui-runtime.route-user-api-docs-php code,
body.ui-runtime.route-user-api-docs-php .mono {
max-width: 100%;
  min-width: 0;
  overflow: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime.route-admin-provider-templates-php .mapping-json,
body.ui-runtime.route-user-order-detail-php .raw-view,
body.ui-runtime.route-user-api-docs-php pre {
max-height: 150px;
}

body.ui-runtime.route-admin-operations-alerts-php .operations-alert-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 10px;
}

body.ui-runtime.route-admin-operations-alerts-php .operations-alert-card {
min-width: 0;
  min-height: 0;
  padding: 12px;
  border: 1px solid var(--wbh-line);
  border-radius: var(--wbh-radius);
  background: var(--wbh-card);
  box-shadow: var(--wbh-shadow);
}

body.ui-runtime.route-admin-operations-alerts-php .operations-alert-card small,
body.ui-runtime.route-admin-operations-alerts-php .operations-alert-card b,
body.ui-runtime.route-admin-operations-alerts-php .operations-alert-card span {
min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime.route-user-api-docs-php .api-doc-layout {
display: grid;
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

body.ui-runtime.route-user-api-docs-php .api-doc-intro {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.ui-runtime.route-user-api-docs-php .api-doc-actions {
display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 900px) {
body.ui-runtime.route-admin-provider-templates-php .provider-template-table td.col-mapping,
body.ui-runtime.route-admin-provider-orders-php .provider-orders-smart-table .ui-core-table td.col-response,
body.ui-runtime.route-admin-operations-alerts-php .ops-core-table td.col-note,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table td.col-raw {
grid-column: 1 / -1;
}

body.ui-runtime.route-admin-provider-templates-php [data-ui-component="table"] .smart-action-stack,
body.ui-runtime.route-admin-provider-orders-php [data-ui-component="table"] .smart-action-stack,
body.ui-runtime.route-admin-operations-alerts-php [data-ui-component="table"] .smart-action-stack,
body.ui-runtime.route-user-orders-php [data-ui-component="table"] .smart-action-stack,
body.ui-runtime.route-user-order-detail-php [data-ui-component="table"] .smart-action-stack {
justify-content: flex-start;
}

body.ui-runtime.route-admin-provider-templates-php .mapping-json,
body.ui-runtime.route-user-order-detail-php .raw-view,
body.ui-runtime.route-user-api-docs-php pre {
max-height: 92px;
}

body.ui-runtime.route-user-api-docs-php .api-doc-layout {
grid-template-columns: minmax(0, 1fr);
}

}

@media (max-width: 760px) {
body.ui-runtime.route-admin-provider-orders-php .provider-order-filter,
body.ui-runtime.route-user-orders-php .user-filter {
display: grid;
    grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.route-admin-provider-orders-php .provider-order-filter .form-row,
body.ui-runtime.route-user-orders-php .user-filter .form-row,
body.ui-runtime.route-user-orders-php .user-filter label {
min-width: 0;
}

body.ui-runtime.route-admin-operations-alerts-php .operations-alert-grid {
grid-template-columns: minmax(0, 1fr);
    padding: 10px;
}

body.ui-runtime.route-user-api-docs-php .api-doc-intro,
body.ui-runtime.route-user-api-docs-php .api-doc-actions {
display: grid;
    grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 520px) {
body.ui-runtime.route-admin-provider-orders-php .provider-order-filter input,
body.ui-runtime.route-admin-provider-orders-php .provider-order-filter select,
body.ui-runtime.route-user-orders-php .user-filter input,
body.ui-runtime.route-user-orders-php .user-filter select {
min-height: 36px;
    height: 36px;
}
}

body.ui-runtime.route-admin-provider-templates-php .mapping-summary,
body.ui-runtime.route-admin-provider-templates-php .mapping-lines,
body.ui-runtime.route-admin-provider-templates-php .mapping-json,
body.ui-runtime.route-user-order-detail-php textarea.raw-view,
body.ui-runtime.route-user-order-detail-php .raw-view,
body.ui-runtime.route-user-api-docs-php pre,
body.ui-runtime.route-user-api-docs-php code {
box-sizing: border-box;
  width: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

body.ui-runtime.route-admin-provider-templates-php .mapping-summary {
overflow: hidden;
}

body.ui-runtime.route-user-orders-php .order-card{
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.route-user-orders-php .order-card {
overflow-wrap: anywhere;
}

@media (max-width: 900px) {

body.ui-runtime.route-admin-provider-templates-php .smart-primary-cell,
body.ui-runtime.route-admin-provider-orders-php .smart-primary-cell,
body.ui-runtime.route-admin-operations-alerts-php .smart-primary-cell,
body.ui-runtime.route-user-order-detail-php .smart-primary-cell {
gap: 3px;
}

body.ui-runtime.route-admin-provider-templates-php .money-stack,
body.ui-runtime.route-admin-provider-orders-php .money-stack,
body.ui-runtime.route-admin-operations-alerts-php .money-stack,
body.ui-runtime.route-user-order-detail-php .money-stack {
gap: 1px;
    line-height: 1.22;
}

body.ui-runtime.route-admin-provider-templates-php .cell-title,
body.ui-runtime.route-admin-provider-orders-php .cell-title,
body.ui-runtime.route-admin-operations-alerts-php .cell-title,
body.ui-runtime.route-user-order-detail-php .cell-title {
font-size: 13px;
    line-height: 1.22;
}

body.ui-runtime.route-admin-provider-templates-php .cell-subtitle,
body.ui-runtime.route-admin-provider-orders-php .cell-subtitle,
body.ui-runtime.route-admin-operations-alerts-php .cell-subtitle,
body.ui-runtime.route-user-order-detail-php .cell-subtitle {
font-size: 11px;
    line-height: 1.22;
}

body.ui-runtime.route-admin-provider-templates-php .raw-cell,
body.ui-runtime.route-admin-provider-orders-php .raw-cell,
body.ui-runtime.route-admin-operations-alerts-php .raw-cell,
body.ui-runtime.route-user-order-detail-php .raw-cell {
max-height: 36px;
    overflow: auto;
}

body.ui-runtime.route-admin-provider-templates-php textarea.raw-view,
body.ui-runtime.route-admin-provider-orders-php textarea.raw-view,
body.ui-runtime.route-admin-operations-alerts-php textarea.raw-view,
body.ui-runtime.route-user-order-detail-php textarea.raw-view {
height: 30px;
    min-height: 30px;
    max-height: 30px;
}
}

body.ui-runtime.route-user-order-detail-php .order-item-raw-table {
box-sizing: border-box;
  display: block;
  width: 100%;
  inline-size: 100%;
  max-inline-size: 100%;
  overflow: hidden;
}

body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table tbody,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table tr,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table td {
box-sizing: border-box;
  max-inline-size: 100%;
}

@media (max-width: 900px) {
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table tbody,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table tr,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table td {
width: 100%;
    inline-size: 100%;
}

body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table textarea.raw-view,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table .raw-view {
width: 100%;
    inline-size: 100%;
    max-inline-size: 100%;
}
}

@media (max-width: 900px) {
body.ui-runtime.route-user-order-detail-php .order-item-raw-table {
width: calc(100vw - 20px);
    inline-size: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    max-inline-size: calc(100vw - 20px);
    margin-left: 0;
    margin-right: 0;
}

body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table tbody,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table tr,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table td,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table .raw-cell,
body.ui-runtime.route-user-order-detail-php .order-item-raw-core-table textarea.raw-view {
max-width: 100%;
    max-inline-size: 100%;
}
}

body.ui-runtime.route-user-order-detail-php .order-detail-hero,
body.ui-runtime.route-user-order-detail-php .user-hero,
body.ui-runtime.route-user-order-detail-php .app-footer {
box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

body.ui-runtime.route-user-order-detail-php .order-detail-hero > div,
body.ui-runtime.route-user-order-detail-php .order-detail-hero h1,
body.ui-runtime.route-user-order-detail-php .order-detail-hero p,
body.ui-runtime.route-user-order-detail-php .hero-actions,
body.ui-runtime.route-user-order-detail-php .footer-links {
min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime {
--wbh-line: rgba(15,23,42,.10);
  --wbh-soft: #f8fafc;
  --wbh-panel: #ffffff;
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-brand: var(--wbh-brand, #f0442b);
  --wbh-radius: 14px;
  --wbh-shadow: 0 1px 2px rgba(15,23,42,.045), 0 12px 28px rgba(15,23,42,.07);
}

body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"] {
box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime .site-admin-nav-toggle {
display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(240,68,43,.22);
  border-radius: 999px;
  background: #fff7ed;
  color: var(--wbh-brand);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

body.ui-runtime .ui-confirm-backdrop {
position: fixed;
  inset: 0;
  z-index: 6180;
  background: transparent;
}

body.ui-runtime .ui-confirm-popover {
position: fixed;
  z-index: 6200;
  width: min(340px, calc(100vw - 24px));
  padding: 14px;
  border: 1px solid rgba(15,23,42,.13);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 68px rgba(15,23,42,.24);
  color: var(--wbh-ink);
  box-sizing: border-box;
}

body.ui-runtime .ui-confirm-popover:not(.is-centered)::before {
content: "";
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: #fff;
  border-left: 1px solid rgba(15,23,42,.13);
  border-top: 1px solid rgba(15,23,42,.13);
}

body.ui-runtime .ui-confirm-title {
margin: 0 0 5px;
  color: var(--wbh-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

body.ui-runtime .ui-confirm-message {
color: #475569;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.ui-runtime .ui-confirm-actions {
display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 13px;
}

body.ui-runtime .ui-confirm-actions .btn {
min-height: 34px;
  white-space: nowrap;
}

@media (max-width: 980px) {
body.ui-runtime.admin-page .site-nav {
align-items: center;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
display: inline-flex;
}

body.ui-runtime.admin-page .admin-main {
display: grid;
    gap: 12px;
    min-width: 0;
}

body.ui-runtime.admin-page .admin-shell .admin-mobile-menu-toggle {
position: sticky;
    top: 8px;
    z-index: 80;
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 0 12px;
    border: 1px solid rgba(240,68,43,.22);
    border-radius: 12px;
    background: #fff;
    color: var(--wbh-brand);
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

body.ui-runtime.admin-page .admin-side {
position: fixed;
    inset: 0 auto 0 0;
    z-index: 6120;
    width: min(88vw, 340px);
    height: 100dvh;
    max-height: none;
    border-radius: 0 18px 18px 0;
    transform: translateX(-105%);
    transition: transform .18s ease;
    overflow: auto;
    overscroll-behavior: contain;
}

body.ui-runtime.admin-page.admin-nav-open .admin-side {
transform: translateX(0);
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
position: fixed;
    inset: 0;
    z-index: 6100;
    display: block;
    background: rgba(15,23,42,.42);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
}

}

@media (max-width: 900px) {

body.ui-runtime [data-ui-component="table"] pre,
body.ui-runtime [data-ui-component="table"] code,
body.ui-runtime [data-ui-component="table"] textarea,
body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] .raw-cell,
body.ui-runtime [data-ui-component="table"] .mapping-json {
max-width: 100%;
    min-width: 0;
    overflow: auto;
    overflow-wrap: anywhere;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table .member-cell-main {
display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 8px;
    align-items: center;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table .member-avatar {
width: 36px;
    height: 36px;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table .member-status-stack,
body.ui-runtime.route-admin-members-php .admin-members-core-table .member-status-readonly {
display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table .wallet-mini-stack {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 12px;
    line-height: 1.28;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table .wallet-mini-stack span {
display: grid;
    gap: 1px;
    min-width: 0;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table td.actions {
justify-content: center;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table td.actions .smart-action-stack {
justify-content: center;
}
}

@media (max-width: 640px) {
body.ui-runtime .ui-confirm-backdrop {
background: rgba(15,23,42,.38);
}

body.ui-runtime .ui-confirm-popover {
width: min(340px, calc(100vw - 24px));
    padding: 13px;
}

body.ui-runtime .ui-confirm-actions {
display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

body.ui-runtime .ui-confirm-actions .btn {
width: 100%;
    justify-content: center;
}

body.ui-runtime.admin-page .site-admin-nav-toggle b {
display: inline;
}

body.ui-runtime.admin-page .admin-shell .admin-mobile-menu-toggle {
top: 6px;
}
}

@media (max-width: 900px) {

body.ui-runtime.route-admin-members-php .admin-members-core-table .wallet-mini-stack {
display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 2px;
    padding: 6px 8px;
    font-size: 11px;
}

body.ui-runtime.route-admin-members-php .admin-members-core-table .wallet-mini-stack span {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}
}

body.ui-runtime {
--wbh-brand: var(--wbh-brand, #f0442b);
  --wbh-line: rgba(15,23,42,.10);
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-panel: #ffffff;
  --wbh-soft: #f8fafc;
  --wbh-shadow: 0 24px 70px rgba(15,23,42,.22);
}

body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"] {
box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
order: -10;
  flex: 0 0 auto;
  min-width: 38px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  transition: background .14s ease, border-color .14s ease, transform .12s ease;
}

body.ui-runtime.admin-page .site-admin-nav-toggle:hover,
body.ui-runtime.admin-page .site-admin-nav-toggle:focus-visible {
background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.24);
  transform: translateY(-1px);
}

body.ui-runtime.admin-page .site-admin-nav-toggle[aria-expanded="true"] {
background: #fff;
  border-color: #fff;
  color: var(--wbh-ink);
}

body.ui-runtime.admin-page .site-admin-nav-toggle span {
display: block;
  font-size: 17px;
  line-height: 1;
}

body.ui-runtime.admin-page .site-admin-nav-toggle b {
display: inline;
  color: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

body.ui-runtime.admin-page .admin-shell .admin-mobile-menu-toggle {
display: none;
}

body.ui-runtime.admin-page .admin-side-close {
display: none;
}

@media (max-width: 980px) {
body.ui-runtime.admin-page .site-mainbar-inner {
align-items: center;
}

body.ui-runtime.admin-page .site-nav {
display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

body.ui-runtime.admin-page .site-nav::-webkit-scrollbar {
display: none;
}

body.ui-runtime.admin-page .site-nav a {
flex: 0 0 auto;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.04);
}

body.ui-runtime.admin-page .site-nav a.active {
background: #fff;
    border-color: #fff;
    color: var(--wbh-brand);
}

body.ui-runtime.admin-page .admin-shell[data-ui-region="admin-shell"] {
display: block;
    min-width: 0;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
z-index: 6100;
    background: rgba(15,23,42,.44);
    backdrop-filter: blur(2px);
}

body.ui-runtime.admin-page .admin-side {
z-index: 6120;
    width: min(86vw, 324px);
    padding: 10px;
    border: 0;
    border-right: 1px solid rgba(15,23,42,.10);
    border-radius: 0 22px 22px 0;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
    box-shadow: var(--wbh-shadow);
}

body.ui-runtime.admin-page .admin-side .side-title b {
color: var(--wbh-ink);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
}

body.ui-runtime.admin-page .admin-side .side-title span {
color: var(--wbh-muted);
    font-size: 11px;
    font-weight: 700;
}

body.ui-runtime.admin-page .admin-side-close {
width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--wbh-line);
    border-radius: 12px;
    background: var(--wbh-soft);
    color: var(--wbh-ink);
    font: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

body.ui-runtime.admin-page .admin-side-close:hover,
body.ui-runtime.admin-page .admin-side-close:focus-visible {
border-color: rgba(240,68,43,.22);
    background: #fff7ed;
    color: var(--wbh-brand);
}

body.ui-runtime.admin-page .admin-side-nav .side-group {
display: grid;
    gap: 3px;
    padding: 5px;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 14px;
    background: rgba(248,250,252,.72);
}

body.ui-runtime.admin-page .admin-side-nav .side-group-label {
padding: 7px 8px 3px;
    color: var(--wbh-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

body.ui-runtime.admin-page .admin-side-nav a {
min-height: 38px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #334155;
}

body.ui-runtime.admin-page .admin-side-nav a:hover {
border-color: rgba(15,23,42,.08);
    background: #fff;
}

body.ui-runtime.admin-page .admin-side-nav a.active {
border-left-color: var(--wbh-brand);
    border-top-color: rgba(240,68,43,.12);
    border-right-color: rgba(240,68,43,.12);
    border-bottom-color: rgba(240,68,43,.12);
    background: #fff7ed;
    color: var(--wbh-brand);
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

body.ui-runtime.admin-page .admin-side-nav .side-icon {
width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(255,255,255,.72);
}
}

@media (max-width: 560px) {
body.ui-runtime.admin-page .site-mainbar-inner {
grid-template-columns: minmax(0,1fr);
    gap: 8px;
}

body.ui-runtime.admin-page .brand {
grid-column: 1;
    min-width: 0;
}

body.ui-runtime.admin-page .brand-text small {
display: none;
}

body.ui-runtime.admin-page .site-nav {
grid-column: 1;
    grid-row: auto;
    width: 100%;
    padding-bottom: 2px;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
width: 38px;
    padding: 0;
    border-radius: 11px;
}

body.ui-runtime.admin-page .admin-side {
width: min(88vw, 318px);
}
}

body.ui-runtime {
--wbh-brand: var(--wbh-brand, #f0442b);
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-line: rgba(15,23,42,.10);
  --wbh-soft: #f8fafc;
  --wbh-panel: #ffffff;
  --wbh-radius: 16px;
  --wbh-field-h: 40px;
  --wbh-shadow: 0 18px 44px rgba(15,23,42,.13);
}

body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="filter"] {
box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime input,
body.ui-runtime select,
body.ui-runtime textarea,
body.ui-runtime button,
body.ui-runtime .btn {
max-width: 100%;
}

body.ui-runtime .form-row,
body.ui-runtime .ui-form label,
body.ui-runtime .stack-form label,
body.ui-runtime .admin-filter-panel label,
body.ui-runtime .pro-user-filter label {
min-width: 0;
}

body.ui-runtime .form-row input,
body.ui-runtime .form-row select,
body.ui-runtime .form-row textarea,
body.ui-runtime .ui-form input,
body.ui-runtime .ui-form select,
body.ui-runtime .ui-form textarea,
body.ui-runtime .stack-form input,
body.ui-runtime .stack-form select,
body.ui-runtime .stack-form textarea,
body.ui-runtime .admin-filter-panel input,
body.ui-runtime .admin-filter-panel select,
body.ui-runtime .admin-filter-panel textarea,
body.ui-runtime .pro-user-filter input,
body.ui-runtime .pro-user-filter select,
body.ui-runtime .pro-user-filter textarea {
width: 100%;
  min-height: var(--wbh-field-h);
  box-sizing: border-box;
  border-radius: 12px;
  background-clip: padding-box;
}

body.ui-runtime textarea,
body.ui-runtime pre,
body.ui-runtime code,
body.ui-runtime .mono,
body.ui-runtime .cell-code,
body.ui-runtime .provider-response,
body.ui-runtime .raw-preview,
body.ui-runtime .order-raw-preview {
max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime pre,
body.ui-runtime .raw-preview,
body.ui-runtime .provider-response,
body.ui-runtime .order-raw-preview {
overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime .admin-title,
body.ui-runtime .wbh-command-bar,
body.ui-runtime .wbh-page-intro,
body.ui-runtime .wbh-metric-action-bar,
body.ui-runtime .user-hero,
body.ui-runtime .page-toolbar,
body.ui-runtime .admin-section-head,
body.ui-runtime .wbh-panel-head {
min-width: 0;
}

body.ui-runtime .admin-title > div:first-child,
body.ui-runtime .wbh-command-bar > div:first-child,
body.ui-runtime .wbh-page-intro > div:first-child,
body.ui-runtime .user-hero > div:first-child,
body.ui-runtime .page-toolbar > div:first-child,
body.ui-runtime .admin-section-head > div:first-child,
body.ui-runtime .wbh-panel-head > div:first-child {
min-width: 0;
}

body.ui-runtime .admin-title h1,
body.ui-runtime .wbh-page-intro h1,
body.ui-runtime .user-hero h1,
body.ui-runtime .page-toolbar h2,
body.ui-runtime .admin-section-head h2,
body.ui-runtime .wbh-panel-head h2,
body.ui-runtime .wbh-command-bar b {
overflow-wrap: anywhere;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-metric-actions,
body.ui-runtime .user-hero-actions,
body.ui-runtime .toolbar-actions,
body.ui-runtime .admin-section-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .user-filter-actions,
body.ui-runtime .admin-filter-actions,
body.ui-runtime .modal-foot {
min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime .ui-modal,
body.ui-runtime .ui-confirm-popover {
box-sizing: border-box;
}

body.ui-runtime .ui-modal-dialog {
max-width: min(calc(100vw - 28px), 760px);
  max-height: min(86vh, 760px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.ui-runtime .ui-modal-sm {
max-width: min(calc(100vw - 28px), 430px);
}

body.ui-runtime .ui-modal-md {
max-width: min(calc(100vw - 28px), 560px);
}

body.ui-runtime .ui-modal-lg {
max-width: min(calc(100vw - 28px), 860px);
}

body.ui-runtime .ui-modal-head {
flex: 0 0 auto;
}

body.ui-runtime .ui-modal-body {
flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime .modal-foot {
position: sticky;
  bottom: 0;
  z-index: 1;
  margin: 12px -2px -2px;
  padding: 10px 2px 2px;
  background: linear-gradient(180deg, rgba(255,255,255,.78), #fff 40%);
}

body.ui-runtime .admin-filter-panel,
body.ui-runtime .pro-user-filter {
overflow: clip;
}

body.ui-runtime .admin-filter-fields,
body.ui-runtime .wallet-filter-advanced-grid {
min-width: 0;
}

body.ui-runtime .filter-control {
min-width: 0;
}

body.ui-runtime .filter-control input {
min-width: 0;
}

body.ui-runtime .wallet-filter-more > summary,
body.ui-runtime .store-filter-more > summary,
body.ui-runtime details.wallet-filter-advanced > summary {
min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--wbh-line);
  border-radius: 999px;
  background: var(--wbh-soft);
  color: var(--wbh-ink);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

body.ui-runtime .wallet-filter-more > summary::-webkit-details-marker,
body.ui-runtime .store-filter-more > summary::-webkit-details-marker,
body.ui-runtime details.wallet-filter-advanced > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime .wallet-filter-more > summary::after,
body.ui-runtime .store-filter-more > summary::after,
body.ui-runtime details.wallet-filter-advanced > summary::after {
content: "⌄";
  font-size: 13px;
  color: var(--wbh-muted);
}

body.ui-runtime details[open].wallet-filter-more > summary::after,
body.ui-runtime details[open].store-filter-more > summary::after,
body.ui-runtime details[open].wallet-filter-advanced > summary::after {
content: "⌃";
}

body.ui-runtime .wbh-data-panel,
body.ui-runtime .admin-data-panel,
body.ui-runtime .admin-state-panel,
body.ui-runtime .admin-table-card,
body.ui-runtime .card,
body.ui-runtime .panel {
min-width: 0;
}

body.ui-runtime .wbh-panel-body,
body.ui-runtime .admin-state-body,
body.ui-runtime .admin-table-card-body,
body.ui-runtime .modal-form-body {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime [data-ui-component="table"] .ui-data-table td,
body.ui-runtime [data-ui-component="table"] .ui-data-table th {
min-width: 0;
}

@media (max-width: 780px) {
body.ui-runtime .admin-title,
body.ui-runtime .wbh-command-bar,
body.ui-runtime .wbh-page-intro,
body.ui-runtime .wbh-metric-action-bar,
body.ui-runtime .user-hero,
body.ui-runtime .page-toolbar,
body.ui-runtime .admin-section-head,
body.ui-runtime .wbh-panel-head {
display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 10px;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-metric-actions,
body.ui-runtime .user-hero-actions,
body.ui-runtime .toolbar-actions,
body.ui-runtime .admin-section-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .user-filter-actions,
body.ui-runtime .admin-filter-actions,
body.ui-runtime .modal-foot {
justify-content: stretch;
}

body.ui-runtime .admin-title-actions > *,
body.ui-runtime .wbh-command-actions > *,
body.ui-runtime .wbh-page-actions > *,
body.ui-runtime .wbh-metric-actions > *,
body.ui-runtime .user-hero-actions > *,
body.ui-runtime .toolbar-actions > *,
body.ui-runtime .admin-section-actions > *,
body.ui-runtime .wbh-panel-actions > *,
body.ui-runtime .user-filter-actions > *,
body.ui-runtime .admin-filter-actions > *,
body.ui-runtime .modal-foot > * {
flex: 1 1 140px;
    min-width: 0;
}

body.ui-runtime .grid,
body.ui-runtime .grid.grid-2,
body.ui-runtime .grid.grid-3,
body.ui-runtime .wallet-filter-advanced-grid {
grid-template-columns: minmax(0,1fr);
}

body.ui-runtime .ui-modal-dialog {
width: min(calc(100vw - 18px), 560px);
    max-height: calc(100dvh - 18px);
    border-radius: 18px;
}

body.ui-runtime .ui-modal-head {
padding: 13px 14px 10px;
}

body.ui-runtime .ui-modal-body {
padding: 12px 14px 14px;
}

body.ui-runtime .ui-modal-head h2 {
font-size: 17px;
    line-height: 1.18;
}

body.ui-runtime .ui-modal-head p {
max-width: 100%;
    overflow-wrap: anywhere;
}

body.ui-runtime .modal-foot .btn,
body.ui-runtime .modal-foot button,
body.ui-runtime .modal-foot a {
min-height: 40px;
}

body.ui-runtime .admin-filter-panel,
body.ui-runtime .pro-user-filter {
padding: 12px;
    gap: 10px;
}

body.ui-runtime .admin-filter-fields,
body.ui-runtime .user-filter,
body.ui-runtime .pro-user-filter {
min-width: 0;
}

}

@media (max-width: 460px) {
body.ui-runtime .main-wrap {
padding-left: 10px;
    padding-right: 10px;
}

body.ui-runtime .card,
body.ui-runtime .panel,
body.ui-runtime .admin-title,
body.ui-runtime .wbh-command-bar,
body.ui-runtime .wbh-page-intro,
body.ui-runtime .user-hero,
body.ui-runtime .admin-filter-panel,
body.ui-runtime .pro-user-filter {
border-radius: 14px;
}

body.ui-runtime .btn,
body.ui-runtime button,
body.ui-runtime input,
body.ui-runtime select {
min-height: 38px;
}

}

@media (max-width: 780px) {

body.ui-runtime [data-ui-component="table"] .ui-data-table .cell-code,
body.ui-runtime [data-ui-component="table"] .ui-data-table .cell-subtitle,
body.ui-runtime [data-ui-component="table"] .ui-data-table .smart-primary-cell .mono {
max-height: 34px;
    overflow: auto;
    overscroll-behavior: contain;
}

body.ui-runtime [data-ui-component="table"] .ui-data-table td:not([data-mobile-role="primary"]):not([data-mobile-role="actions"]) {
padding-top: 7px;
    padding-bottom: 7px;
}
}

body.ui-runtime {
--wbh-line: rgba(100, 116, 139, .18);
  --wbh-soft: #f8fafc;
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-card-gap: 14px;
}

body.ui-runtime .is-hidden {
display: none;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) [data-ui-region="main"],
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) [data-ui-region="admin-shell"] {
min-width: 0;
}

body.ui-runtime .detail-actions-spaced {
margin-top: 12px;
}

body.ui-runtime .detail-actions-tight {
margin-top: 10px;
}

body.ui-runtime .detail-inline-form {
display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime .detail-metric-grid {
margin-top: 12px;
}

body.ui-runtime .detail-panel-state {
margin: 10px 0;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .actions {
min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .actions .btn,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .hero-actions .btn,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .admin-title-actions .btn,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .user-hero-actions .btn {
max-width: 100%;
  white-space: normal;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .kv,
body.ui-runtime:is(.route-user-wallet-transaction-php,.route-user-order-issue-detail-php) .detail-grid,
body.ui-runtime:is(.route-user-wallet-transaction-php) .metadata-list {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .kv > *,
body.ui-runtime:is(.route-user-wallet-transaction-php,.route-user-order-issue-detail-php) .detail-grid > *,
body.ui-runtime:is(.route-user-wallet-transaction-php) .metadata-list > * {
min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .mono,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .cell-code,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) code,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) pre,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) textarea {
max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) pre,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .note-box,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .raw-preview,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .provider-response {
overflow: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
}

body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] textarea.raw-view,
body.ui-runtime .user-detail-raw-table textarea.raw-view {
width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 58px;
  max-height: 128px;
  resize: vertical;
  overflow: auto;
  font-size: 12px;
  line-height: 1.42;
}

body.ui-runtime [data-ui-component="table"] .raw-cell {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime:is(.route-admin-service-detail-php,.route-admin-member-detail-php) .lazy-panel,
body.ui-runtime:is(.route-admin-service-detail-php,.route-admin-member-detail-php) .js-panel-body,
body.ui-runtime:is(.route-admin-service-detail-php,.route-admin-member-detail-php) #memberPanel {
min-width: 0;
  max-width: 100%;
}

@media (max-width: 780px) {
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .main-wrap {
padding-left: 10px;
    padding-right: 10px;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .grid,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .grid.grid-2,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .grid.grid-3,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .grid.grid-4,
body.ui-runtime:is(.route-user-wallet-transaction-php,.route-user-order-issue-detail-php) .detail-grid,
body.ui-runtime:is(.route-user-wallet-transaction-php) .metadata-list {
grid-template-columns: minmax(0,1fr);
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .card,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .compact-card,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .info-card {
border-radius: 14px;
    padding: 12px;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .actions,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .hero-actions,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .user-hero-actions {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .actions > *,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .hero-actions > *,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .user-hero-actions > * {
flex: 1 1 150px;
    min-width: 0;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php) .member-tabs,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php) .lazy-panel .actions {
display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime .user-detail-raw-table textarea.raw-view {
max-height: 92px;
    font-size: 11.5px;
}

body.ui-runtime:is(.route-user-order-detail-php) [data-ui-component="table"] .ui-data-table td[data-label="Raw đầy đủ"] {
margin-top: 6px;
}
}

@media (max-width: 460px) {
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php) .member-tabs,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php) .lazy-panel .actions {
grid-template-columns: minmax(0,1fr);
}
}

@media (max-width: 780px) {

body.ui-runtime:is(.route-user-order-detail-php) [data-ui-component="table"] .ui-data-table td[data-label="Raw đầy đủ"]::before {
margin-bottom: 4px;
}

body.ui-runtime:is(.route-user-order-detail-php) [data-ui-component="table"] .ui-data-table td[data-ui-col="status"] {
padding-top: 6px;
    padding-bottom: 6px;
}
}

body.ui-runtime {
--wbh-line: rgba(15, 23, 42, .10);
  --wbh-muted: #64748b;
  --wbh-soft: #f8fafc;
  --wbh-card: #ffffff;
  --wbh-shadow: 0 1px 2px rgba(15, 23, 42, .045);
  --wbh-radius: 16px;
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-component="table"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="section"] {
min-width: 0;
}

body.ui-runtime .ui-modal-scope,
body.ui-runtime .ui-confirm-backdrop {
position: fixed;
  inset: 0;
  z-index: 520;
}

body.ui-runtime .ui-modal-scope {
align-items: center;
  justify-content: center;
  padding: clamp(10px, 2.4vw, 18px);
  overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime .ui-modal-scope.open {
display: flex;
}

body.ui-runtime .ui-modal-scope .ui-modal-dialog,
body.ui-runtime .ui-confirm-dialog {
width: min(720px, calc(100vw - 24px));
  max-height: min(760px, calc(100dvh - 24px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--wbh-line);
  border-radius: 18px;
  background: var(--wbh-card);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
}

body.ui-runtime .ui-modal-scope .ui-modal-head,
body.ui-runtime .modal-head,
body.ui-runtime .ui-confirm-head {
flex: 0 0 auto;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(226, 232, 240, .95);
  background: #fff;
}

body.ui-runtime .ui-modal-scope .ui-modal-body,
body.ui-runtime .modal-body,
body.ui-runtime .ui-confirm-body {
flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px;
  background: #fbfcfd;
  overscroll-behavior: contain;
}

body.ui-runtime .ui-modal-scope .ui-modal-foot,
body.ui-runtime .modal-foot,
body.ui-runtime .ui-confirm-actions {
flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 16px;
  border-top: 1px solid rgba(226, 232, 240, .95);
  background: rgba(255,255,255,.96);
}

body.ui-runtime .ui-modal-scope form,
body.ui-runtime .ui-modal-scope .form-grid,
body.ui-runtime .ui-modal-scope .grid,
body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"] {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-modal-scope input,
body.ui-runtime .ui-modal-scope select,
body.ui-runtime .ui-modal-scope textarea,
body.ui-runtime [data-ui-component="filter"] input,
body.ui-runtime [data-ui-component="filter"] select,
body.ui-runtime [data-ui-component="filter"] textarea {
max-width: 100%;
}

body.ui-runtime [data-ui-component="filter"].admin-filter-panel {
border: 1px solid var(--wbh-line);
  border-radius: var(--wbh-radius);
  box-shadow: var(--wbh-shadow);
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-fields,
body.ui-runtime [data-ui-component="filter"] .store-filter-advanced-grid,
body.ui-runtime [data-ui-component="filter"] .wallet-filter-advanced-grid {
min-width: 0;
}

body.ui-runtime [data-ui-component="filter"] label,
body.ui-runtime [data-ui-component="filter"] .filter-control,
body.ui-runtime [data-ui-component="filter"] details,
body.ui-runtime [data-ui-component="filter"] summary {
min-width: 0;
}

body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"],
body.ui-runtime .admin-title,
body.ui-runtime .user-hero,
body.ui-runtime .wbh-page-intro,
body.ui-runtime .wbh-command-bar {
border-color: var(--wbh-line);
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .user-hero-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .admin-section-actions,
body.ui-runtime .actions,
body.ui-runtime .form-actions {
min-width: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui-runtime .admin-title-actions .btn,
body.ui-runtime .user-hero-actions .btn,
body.ui-runtime .wbh-page-actions .btn,
body.ui-runtime .wbh-command-actions .btn,
body.ui-runtime .wbh-panel-actions .btn,
body.ui-runtime .admin-section-actions .btn,
body.ui-runtime .actions .btn,
body.ui-runtime .form-actions .btn {
max-width: 100%;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .card,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .panel,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .info-card,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .compact-card {
min-width: 0;
  max-width: 100%;
  overflow: clip;
}

body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .mono,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) .cell-code,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) code,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) pre,
body.ui-runtime:is(.route-admin-member-detail-php,.route-admin-service-detail-php,.route-admin-order-detail-php,.route-admin-deposit-detail-php,.route-admin-import-job-detail-php,.route-admin-payment-method-detail-php,.route-user-order-detail-php,.route-user-order-issue-detail-php,.route-user-wallet-transaction-php) textarea,
body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] .raw-cell,
body.ui-runtime [data-ui-component="table"] .provider-response,
body.ui-runtime [data-ui-component="table"] .provider-response-box {
min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] textarea.raw-view,
body.ui-runtime .user-detail-raw-table textarea.raw-view {
width: 100%;
  max-height: 122px;
  overflow: auto;
  resize: vertical;
  overscroll-behavior: contain;
  white-space: pre-wrap;
}

@media (max-width: 780px) {
body.ui-runtime .ui-modal-scope {
align-items: stretch;
    padding: 8px;
}

body.ui-runtime .ui-modal-scope .ui-modal-dialog,
body.ui-runtime .ui-confirm-dialog {
width: 100%;
    max-height: calc(100dvh - 16px);
    border-radius: 16px;
}

body.ui-runtime .ui-modal-scope .ui-modal-head,
body.ui-runtime .ui-modal-scope .ui-modal-body,
body.ui-runtime .modal-head,
body.ui-runtime .modal-body,
body.ui-runtime .ui-confirm-head,
body.ui-runtime .ui-confirm-body {
padding: 12px;
}

body.ui-runtime .ui-modal-scope .ui-modal-foot,
body.ui-runtime .modal-foot,
body.ui-runtime .ui-confirm-actions {
display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    padding: 10px 12px;
}

body.ui-runtime .ui-modal-scope .ui-modal-foot .btn,
body.ui-runtime .modal-foot .btn,
body.ui-runtime .ui-confirm-actions .btn {
width: 100%;
    justify-content: center;
}

body.ui-runtime [data-ui-component="filter"].admin-filter-panel,
body.ui-runtime [data-ui-component="filter"].user-filter,
body.ui-runtime [data-ui-component="filter"].pro-user-filter {
display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-fields {
grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 7px;
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-actions,
body.ui-runtime [data-ui-component="filter"] .user-filter-actions,
body.ui-runtime [data-ui-component="filter"] .form-actions {
display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    width: 100%;
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-actions .btn,
body.ui-runtime [data-ui-component="filter"] .user-filter-actions .btn,
body.ui-runtime [data-ui-component="filter"] .form-actions .btn {
width: 100%;
    justify-content: center;
}

body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"],
body.ui-runtime .admin-title,
body.ui-runtime .user-hero,
body.ui-runtime .wbh-page-intro,
body.ui-runtime .wbh-command-bar {
display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 10px;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .user-hero-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .admin-section-actions,
body.ui-runtime .actions,
body.ui-runtime .form-actions {
display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    width: 100%;
}

body.ui-runtime .admin-title-actions .btn,
body.ui-runtime .user-hero-actions .btn,
body.ui-runtime .wbh-page-actions .btn,
body.ui-runtime .wbh-command-actions .btn,
body.ui-runtime .wbh-panel-actions .btn,
body.ui-runtime .admin-section-actions .btn,
body.ui-runtime .actions .btn,
body.ui-runtime .form-actions .btn {
width: 100%;
    justify-content: center;
    white-space: normal;
}

body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime .user-detail-raw-table textarea.raw-view {
max-height: 90px;
    font-size: 11.5px;
}
}

@media (max-width: 460px) {
body.ui-runtime .ui-modal-scope .ui-modal-foot,
body.ui-runtime .modal-foot,
body.ui-runtime .ui-confirm-actions,
body.ui-runtime .admin-title-actions,
body.ui-runtime .user-hero-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .admin-section-actions,
body.ui-runtime .actions,
body.ui-runtime .form-actions {
grid-template-columns: minmax(0,1fr);
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-fields {
grid-template-columns: minmax(0,1fr);
}
}

body.ui-runtime {
--wbh-line: #e2e8f0;
  --wbh-soft: #f8fafc;
  --wbh-card: #ffffff;
  --wbh-text: #162033;
  --wbh-muted: #64748b;
  --wbh-brand: #ee4d2d;
  --wbh-brand-soft: #fff3ee;
  --wbh-shadow: 0 14px 34px rgba(15, 23, 42, .10);
  --wbh-radius: 16px;
}

body.ui-runtime,
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="section"] {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime .mono,
body.ui-runtime .cell-code,
body.ui-runtime code,
body.ui-runtime pre,
body.ui-runtime textarea,
body.ui-runtime .raw-view,
body.ui-runtime .raw-cell,
body.ui-runtime .provider-response,
body.ui-runtime .provider-response-box,
body.ui-runtime .api-docs-shell,
body.ui-runtime .api-docs-content {
max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime pre,
body.ui-runtime .prebox,
body.ui-runtime .raw-view,
body.ui-runtime textarea.raw-view,
body.ui-runtime .provider-response,
body.ui-runtime .provider-response-box {
overflow: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
}

body.ui-runtime .btn,
body.ui-runtime button,
body.ui-runtime summary {
min-width: 0;
}

body.ui-runtime [data-ui-component="table"] .smart-primary-cell,
body.ui-runtime [data-ui-component="table"] .cell-title,
body.ui-runtime [data-ui-component="table"] .cell-subtitle,
body.ui-runtime [data-ui-component="table"] .smart-meta-line,
body.ui-runtime .order-code-pill,
body.ui-runtime .status-pill {
min-width: 0;
  max-width: 100%;
}

@media (max-width: 780px) {
body.ui-runtime {
overflow-x: clip;
}

body.ui-runtime [data-ui-region="header"] .site-mainbar-inner {
min-width: 0;
    gap: 8px;
}

body.ui-runtime.admin-page [data-ui-region="header"] .site-nav {
display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

body.ui-runtime.admin-page [data-ui-region="header"] .site-nav::-webkit-scrollbar {
display: none;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--brand-line, #ffd6c9);
    background: var(--wbh-brand-soft);
    color: var(--wbh-brand);
    box-shadow: 0 8px 18px rgba(238, 77, 45, .12);
}

body.ui-runtime.admin-page .site-admin-nav-toggle b {
font-size: 12px;
    line-height: 1;
}

body.ui-runtime [data-ui-region="main"] {
width: min(100%, 100vw);
    padding-inline: 10px;
    overflow: clip;
}

body.ui-runtime [data-ui-region="admin-shell"].admin-shell {
display: block;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

body.ui-runtime.admin-page .admin-side {
width: min(86vw, 318px);
    max-width: calc(100vw - 26px);
    border-radius: 0 22px 22px 0;
    box-shadow: var(--wbh-shadow);
}

body.ui-runtime.admin-page.admin-nav-open .admin-side {
transform: translateX(0);
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
backdrop-filter: blur(4px);
}

body.ui-runtime.admin-page .admin-side .side-title {
position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(180deg, #fff, rgba(255,255,255,.94));
    border-bottom: 1px solid var(--wbh-line);
}

body.ui-runtime.admin-page .admin-side-nav {
padding: 10px;
    gap: 10px;
}

body.ui-runtime.admin-page .admin-side-nav a {
min-height: 40px;
    border-radius: 12px;
    padding: 9px 10px;
}

body.ui-runtime.admin-page .admin-main {
min-width: 0;
    width: 100%;
}

body.ui-runtime [data-ui-region="footer"] {
display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
    padding: 14px 10px 22px;
    text-align: left;
}

body.ui-runtime [data-ui-region="footer"] .footer-links {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

body.ui-runtime [data-ui-region="footer"] .footer-links a {
white-space: nowrap;
}

body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"],
body.ui-runtime .admin-title,
body.ui-runtime .user-hero,
body.ui-runtime .wbh-page-intro,
body.ui-runtime .wbh-command-bar,
body.ui-runtime .section-title {
min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 10px;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .user-hero-actions,
body.ui-runtime .hero-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .admin-section-actions,
body.ui-runtime .actions,
body.ui-runtime .form-actions {
min-width: 0;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

body.ui-runtime .admin-title-actions .btn,
body.ui-runtime .user-hero-actions .btn,
body.ui-runtime .hero-actions .btn,
body.ui-runtime .wbh-page-actions .btn,
body.ui-runtime .wbh-command-actions .btn,
body.ui-runtime .wbh-panel-actions .btn,
body.ui-runtime .admin-section-actions .btn,
body.ui-runtime .actions .btn,
body.ui-runtime .form-actions .btn {
flex: 1 1 132px;
    justify-content: center;
    white-space: normal;
}

body.ui-runtime [data-ui-component="filter"].admin-filter-panel,
body.ui-runtime [data-ui-component="filter"].user-filter,
body.ui-runtime [data-ui-component="filter"].pro-user-filter,
body.ui-runtime .store-catalog-controls,
body.ui-runtime .wallet-filter {
min-width: 0;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
    padding: 10px;
    border-radius: var(--wbh-radius);
    overflow: clip;
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-fields,
body.ui-runtime [data-ui-component="filter"] .store-filter-advanced-grid,
body.ui-runtime [data-ui-component="filter"] .wallet-filter-advanced-grid,
body.ui-runtime [data-ui-component="filter"] .user-filter-main,
body.ui-runtime [data-ui-component="filter"] .user-filter-actions {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime [data-ui-component="filter"] label,
body.ui-runtime [data-ui-component="filter"] .form-row,
body.ui-runtime [data-ui-component="filter"] input,
body.ui-runtime [data-ui-component="filter"] select,
body.ui-runtime [data-ui-component="filter"] textarea,
body.ui-runtime [data-ui-component="filter"] details,
body.ui-runtime [data-ui-component="filter"] summary {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime .store-rails,
body.ui-runtime .category-rail,
body.ui-runtime .platform-rail,
body.ui-runtime .quick-category-rail {
min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

body.ui-runtime .store-grid,
body.ui-runtime .market-grid,
body.ui-runtime .ops-grid,
body.ui-runtime .ui-report-grid,
body.ui-runtime .detail-metric-grid,
body.ui-runtime .service-detail-grid {
grid-template-columns: minmax(0,1fr);
    gap: 10px;
}

body.ui-runtime .market-card,
body.ui-runtime .service-card,
body.ui-runtime .card,
body.ui-runtime .panel,
body.ui-runtime .compact-card,
body.ui-runtime .info-card,
body.ui-runtime .help-card,
body.ui-runtime .api-user-guide-card,
body.ui-runtime .order-status-card {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime [data-ui-component="table"].ui-data-table-wrap,
body.ui-runtime [data-ui-component="table"].ui-smart-table-wrap{
width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
}

body.ui-runtime [data-ui-component="table"] .ui-smart-table-head {
padding: 8px 0;
}

body.ui-runtime [data-ui-component="table"] .ui-data-table td[data-mobile-hide="1"] {
display: none;
}

body.ui-runtime [data-ui-component="table"] .smart-primary-cell,
body.ui-runtime [data-ui-component="table"] .member-cell-main,
body.ui-runtime [data-ui-component="table"] .wallet-mini-stack,
body.ui-runtime [data-ui-component="table"] .money-stack,
body.ui-runtime [data-ui-component="table"] .order-delivery-cell {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime [data-ui-component="table"] .smart-primary-cell .cell-title {
display: block;
    padding-right: 4px;
}

body.ui-runtime [data-ui-component="table"] textarea.raw-view,
body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] pre,
body.ui-runtime [data-ui-component="table"] code {
max-height: 86px;
    overflow: auto;
    font-size: 11.5px;
}

body.ui-runtime .order-table.user-order-core-table {
margin-top: 10px;
}

body.ui-runtime .api-docs-shell,
body.ui-runtime .api-docs-layout,
body.ui-runtime .api-docs-menu,
body.ui-runtime .api-docs-content {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime .api-docs-menu {
overflow-x: auto;
    overscroll-behavior-inline: contain;
}

body.ui-runtime .api-docs-content pre,
body.ui-runtime .api-docs-content code {
max-width: 100%;
    overflow: auto;
}

body.ui-runtime .ui-modal-scope,
body.ui-runtime .ui-confirm-backdrop {
max-width: 100vw;
}

body.ui-runtime .ui-confirm-dialog,
body.ui-runtime .ui-confirm-popover,
body.ui-runtime .ui-modal-dialog {
max-width: calc(100vw - 18px);
}
}

@media (max-width: 460px) {
body.ui-runtime [data-ui-region="main"] {
padding-inline: 8px;
}

body.ui-runtime .brand-text small,
body.ui-runtime.admin-page .site-admin-nav-toggle b {
display: none;
}

body.ui-runtime .admin-title-actions .btn,
body.ui-runtime .user-hero-actions .btn,
body.ui-runtime .hero-actions .btn,
body.ui-runtime .wbh-page-actions .btn,
body.ui-runtime .wbh-command-actions .btn,
body.ui-runtime .wbh-panel-actions .btn,
body.ui-runtime .admin-section-actions .btn,
body.ui-runtime .actions .btn,
body.ui-runtime .form-actions .btn {
flex-basis: 100%;
}
}

@media (max-width: 780px) {
body.ui-runtime [data-ui-component="table"] textarea.raw-view,
body.ui-runtime [data-ui-component="table"] .raw-view,
body.ui-runtime [data-ui-component="table"] .provider-response,
body.ui-runtime [data-ui-component="table"] .provider-response-box {
max-height: 58px;
    line-height: 1.35;
}
}

@media (max-width: 780px) {
body.ui-runtime [data-ui-component="table"] textarea.raw-view {
height: 54px;
    min-height: 54px;
}
}

body.ui-runtime {
--wbh-brand: #ee4d2d;
  --wbh-brand-soft: #fff3ee;
  --wbh-line: #e2e8f0;
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-panel: #ffffff;
  --wbh-shadow: 0 26px 76px rgba(15,23,42,.24);
  --wbh-radius: 16px;
}

body.ui-runtime,
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"] {
box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime [data-ui-region="main"] {
display: block;
  opacity: 1;
  visibility: visible;
}

body.ui-runtime.admin-page [data-ui-region="admin-shell"].admin-shell {
display: grid;
  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-height: 42vh;
  visibility: visible;
  opacity: 1;
}

body.ui-runtime.admin-page .admin-main {
min-width: 0;
  max-width: 100%;
  visibility: visible;
  opacity: 1;
}

body.ui-runtime.admin-page .admin-side {
visibility: visible;
  opacity: 1;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
display: none;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
flex: 0 0 auto;
}

body.ui-runtime .admin-side a,
body.ui-runtime .site-admin-nav-toggle,
body.ui-runtime .admin-side-close,
body.ui-runtime .admin-mobile-menu-backdrop {
touch-action: manipulation;
}

@media (min-width: 981px) {

body.ui-runtime.admin-page .admin-side {
position: sticky;
    top: 14px;
    height: auto;
    max-height: calc(100dvh - 28px);
    transform: none;
    pointer-events: auto;
    z-index: auto;
}

body.ui-runtime.admin-page [data-ui-region="admin-shell"].admin-shell {
display: grid;
    grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
}
}

@media (max-width: 980px) {
body.ui-runtime.admin-page [data-ui-region="header"] .site-nav {
display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

body.ui-runtime.admin-page [data-ui-region="header"] .site-nav::-webkit-scrollbar {
display: none;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 38px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(238,77,45,.22);
    border-radius: 999px;
    background: var(--wbh-brand-soft);
    color: var(--wbh-brand);
    box-shadow: 0 8px 18px rgba(238,77,45,.12);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

body.ui-runtime.admin-page .site-admin-nav-toggle span {
display: block;
    font-size: 17px;
    line-height: 1;
}

body.ui-runtime.admin-page .site-admin-nav-toggle[aria-expanded="true"] {
background: #fff;
    color: var(--wbh-ink);
    border-color: rgba(15,23,42,.12);
}

body.ui-runtime.admin-page [data-ui-region="admin-shell"].admin-shell {
display: block;
    width: 100%;
    min-width: 0;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
position: fixed;
    inset: 0;
    z-index: 7100;
    display: block;
    background: rgba(15,23,42,.46);
    backdrop-filter: blur(4px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
}

body.ui-runtime.admin-page.admin-nav-open .admin-mobile-menu-backdrop {
opacity: 1;
    pointer-events: auto;
}

body.ui-runtime.admin-page .admin-side {
position: fixed;
    inset: 0 auto 0 0;
    z-index: 7120;
    width: min(88vw, 326px);
    max-width: calc(100vw - 22px);
    height: 100dvh;
    max-height: none;
    padding: 10px;
    border: 0;
    border-right: 1px solid rgba(15,23,42,.10);
    border-radius: 0 22px 22px 0;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
    box-shadow: var(--wbh-shadow);
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateX(-108%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .18s ease, visibility .18s ease;
}

body.ui-runtime.admin-page.admin-nav-open .admin-side {
transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
}

body.ui-runtime.admin-page .admin-side .side-title {
position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: -10px -10px 8px;
    padding: 14px 14px 12px;
    border-bottom: 1px solid var(--wbh-line);
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(8px);
}

body.ui-runtime.admin-page .admin-side-close {
display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--wbh-line);
    border-radius: 12px;
    background: #f8fafc;
    color: var(--wbh-ink);
    font: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

body.ui-runtime.admin-page .admin-side-nav {
display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
    padding: 2px;
}

body.ui-runtime.admin-page .admin-side-nav .side-group {
display: grid;
    gap: 3px;
    padding: 5px;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 14px;
    background: rgba(248,250,252,.74);
}

body.ui-runtime.admin-page .admin-side-nav a {
min-height: 40px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #334155;
}

body.ui-runtime.admin-page .admin-side-nav a.active {
border-left-color: var(--wbh-brand);
    border-color: rgba(238,77,45,.14);
    background: var(--wbh-brand-soft);
    color: var(--wbh-brand);
    box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
}

@media (max-width: 560px) {
body.ui-runtime.admin-page .site-admin-nav-toggle {
width: 38px;
    padding: 0;
}

body.ui-runtime.admin-page .site-admin-nav-toggle b {
display: none;
}

body.ui-runtime.admin-page .admin-side {
width: min(90vw, 318px);
}
}

body.ui-runtime .wbh-error-view {
min-height: 70dvh;
  display: grid;
  place-items: center;
}

body.ui-runtime .error-card {
width: min(100%, 640px);
  padding: 24px;
  border: 1px solid var(--wbh-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(15,23,42,.10);
}

body.ui-runtime .error-card h1 {
margin: 6px 0 8px;
  color: var(--wbh-ink);
  font-size: clamp(22px, 4vw, 32px);
  line-height: 1.1;
}

body.ui-runtime .error-card p {
margin: 0 0 16px;
  color: var(--wbh-muted);
  line-height: 1.55;
}

@media (max-width: 900px) {
  .store-practical-actions {
    justify-content: flex-start;
  }
}

/* UI owner: 10-compatibility.css */
body.ui-runtime {
--wbh-brand: #ee4d2d;
  --wbh-brand-soft: #fff4ef;
  --wbh-line: #e2e8f0;
  --wbh-ink: #0f172a;
  --wbh-muted: #64748b;
  --wbh-panel: #ffffff;
  --wbh-shadow: 0 24px 70px rgba(15,23,42,.22);
  --wbh-radius: 16px;
}

body.ui-runtime,
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"],
body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"] {
box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="footer"] {
max-width: 100%;
  visibility: visible;
  opacity: 1;
}

body.ui-runtime [data-ui-region="main"] {
display: block;
  overflow-x: clip;
}

body.ui-runtime.admin-page [data-ui-region="admin-shell"].admin-shell {
min-height: 42vh;
  visibility: visible;
  opacity: 1;
}

body.ui-runtime.admin-page .admin-main,
body.ui-runtime.user-page .main-wrap,
body.ui-runtime.store-page .main-wrap {
min-width: 0;
  max-width: 100%;
  visibility: visible;
  opacity: 1;
}

body.ui-runtime [data-ui-component="table"] {
width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
}

body.ui-runtime [data-ui-component="table"] table,
body.ui-runtime [data-ui-component="table"] pre,
body.ui-runtime [data-ui-component="table"] code,
body.ui-runtime [data-ui-component="table"] textarea,
body.ui-runtime [data-ui-component="table"] .mono,
body.ui-runtime [data-ui-component="table"] .provider-response-box,
body.ui-runtime [data-ui-region="main"] pre,
body.ui-runtime [data-ui-region="main"] code,
body.ui-runtime [data-ui-region="main"] textarea {
max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime [data-ui-region="main"] pre,
body.ui-runtime [data-ui-region="main"] code,
body.ui-runtime [data-ui-component="table"] pre,
body.ui-runtime [data-ui-component="table"] code {
overflow: auto;
}

body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"] {
max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime [data-ui-component="filter"] input,
body.ui-runtime [data-ui-component="filter"] select,
body.ui-runtime [data-ui-component="filter"] textarea {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-confirm-backdrop {
position: fixed;
  inset: 0;
  z-index: 7200;
}

body.ui-runtime .ui-confirm-popover {
position: fixed;
  z-index: 7220;
  width: min(340px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px);
  overflow: auto;
  box-sizing: border-box;
}

body.ui-runtime .ui-modal-scope.open {
overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime .ui-modal-dialog,
body.ui-runtime .buy-modal-dialog {
max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px);
}

@media (min-width: 981px) {
body.ui-runtime.admin-page.admin-nav-open {
overflow: auto;
}

body.ui-runtime.admin-page [data-ui-region="admin-shell"].admin-shell {
display: grid;
    grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

body.ui-runtime.admin-page .admin-side {
position: sticky;
    top: 14px;
    height: auto;
    max-height: calc(100dvh - 28px);
    transform: none;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
display: none;
    pointer-events: none;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
display: none;
}
}

@media (max-width: 980px) {
body.ui-runtime [data-ui-region="main"] {
overflow-x: hidden;
}

body.ui-runtime.admin-page [data-ui-region="admin-shell"].admin-shell {
display: block;
    width: 100%;
}

body.ui-runtime.admin-page .site-admin-nav-toggle {
display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    touch-action: manipulation;
}

body.ui-runtime.admin-page.admin-nav-open {
overflow: hidden;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
display: block;
    visibility: visible;
}

body.ui-runtime.admin-page.admin-nav-open .admin-mobile-menu-backdrop {
pointer-events: auto;
}

body.ui-runtime.admin-page .admin-side {
max-width: calc(100vw - 22px);
    overflow: auto;
    overscroll-behavior: contain;
}

body.ui-runtime.admin-page.admin-nav-open .admin-side {
visibility: visible;
    pointer-events: auto;
}

body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"] {
width: 100%;
}

body.ui-runtime [data-ui-component="filter"] .admin-filter-fields,
body.ui-runtime [data-ui-component="filter"] .admin-filter-actions,
body.ui-runtime [data-ui-component="filter"] .user-filter-actions,
body.ui-runtime [data-ui-component="command"] .wbh-command-actions,
body.ui-runtime [data-ui-component="command"] .wbh-page-actions,
body.ui-runtime [data-ui-component="command"] .user-hero-actions,
body.ui-runtime [data-ui-component="section"] .admin-section-actions,
body.ui-runtime [data-ui-component="section"] .wbh-panel-actions {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime .ui-confirm-backdrop {
background: rgba(15,23,42,.38);
    backdrop-filter: blur(3px);
}

body.ui-runtime .ui-confirm-popover,
body.ui-runtime .ui-confirm-popover.is-centered {
left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body.ui-runtime .ui-confirm-popover::before {
display: none;
}

body.ui-runtime .ui-confirm-actions {
flex-wrap: wrap;
}

body.ui-runtime .ui-confirm-actions .btn {
flex: 1 1 120px;
}
}

@media (max-width: 560px) {
body.ui-runtime [data-ui-region="main"] {
padding-inline: 8px;
}

body.ui-runtime .ui-confirm-popover {
width: calc(100vw - 24px);
}

body.ui-runtime .ui-modal-dialog,
body.ui-runtime .buy-modal-dialog {
max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
}
}

body.ui-runtime {
--wbh-css-source-split: 168;
}

body.ui-runtime [data-ui-region="header"],
body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="footer"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="table"],
body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="section"] {
--wbh-css-source-scope: 168;
}

body.ui-runtime {
--wbh-css-cleanup-phase: 170;
}

body.ui-runtime[data-ui-version*="170-css-cleanup-phase-1"] {
--wbh-css-cleanup-marker: 170;
}

body.ui-runtime {
--wbh-css-cleanup2-phase: 171;
}

body.ui-runtime[data-ui-version*="171-css-cleanup-phase-2"] {
--wbh-css-cleanup2-marker: 171;
}

body.ui-runtime {
--wbh-ui-regression-phase: 172;
}

body.ui-runtime[data-ui-version*="172-ui-broad-regression-pass"] {
--wbh-ui-regression-marker: 172;
}

body.ui-runtime .ui-confirm-popover.is-centered {
max-width: min(92vw, 360px);
}

body.ui-runtime pre,
body.ui-runtime code,
body.ui-runtime textarea {
max-width: 100%;
}

@media (max-width: 980px) {
body.ui-runtime,
body.ui-runtime .wrap,
body.ui-runtime .main-wrap,
body.ui-runtime .wbh-view-scope,
body.ui-runtime .admin-shell,
body.ui-runtime .admin-main,
body.ui-runtime .card,
body.ui-runtime .ui-data-table-wrap,
body.ui-runtime .ui-smart-table-wrap {
max-width: 100%;
    min-width: 0;
}

body.ui-runtime pre,
body.ui-runtime code,
body.ui-runtime textarea,
body.ui-runtime .mono,
body.ui-runtime .cell-code {
overflow-wrap: anywhere;
    word-break: break-word;
}

body.ui-runtime .ui-data-table-wrap,
body.ui-runtime .ui-smart-table-wrap {
overflow-x: auto;
}
}

body.ui-runtime {
--wbh-css-cleanup3-phase: 173;
}

body.ui-runtime[data-ui-version*="173-css-cleanup-phase-3"] {
--wbh-css-cleanup3-marker: 173;
}

body.ui-runtime {
--wbh-ui-rootfix-phase: 174;
}

body.ui-runtime[data-ui-version*="174-ui-root-cause-regression-fix"] {
--wbh-ui-rootfix-marker: 174;
}

body.ui-runtime,
body.ui-runtime input,
body.ui-runtime select,
body.ui-runtime textarea,
body.ui-runtime button,
body.ui-runtime table {
font-family: var(--font-ui);
}

body.ui-runtime .btn,
body.ui-runtime .badge,
body.ui-runtime .wbh-metric-pill,
body.ui-runtime .admin-side-nav a,
body.ui-runtime .table-action-cell {
letter-spacing: 0;
}

body.ui-runtime .btn,
body.ui-runtime button,
body.ui-runtime select,
body.ui-runtime input,
body.ui-runtime textarea {
font-size: 13px;
  line-height: 1.35;
}

body.ui-runtime .badge {
min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

body.ui-runtime .ui-data-table th {
font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
}

body.ui-runtime .ui-data-table td {
font-size: 13px;
  line-height: 1.45;
}

body.ui-runtime [data-ui-region="main"],
body.ui-runtime [data-ui-region="admin-shell"],
body.ui-runtime [data-ui-component="section"],
body.ui-runtime [data-ui-component="filter"],
body.ui-runtime [data-ui-component="command"],
body.ui-runtime [data-ui-component="table"] {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime .wbh-metric-action-bar {
grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  overflow: hidden;
}

body.ui-runtime .wbh-metric-actions {
max-width: 100%;
  overflow: visible;
}

body.ui-runtime .wbh-metric-actions > *,
body.ui-runtime .toolbar-actions > *,
body.ui-runtime .admin-section-actions > * {
min-width: 0;
}

body.ui-runtime .wbh-view-switch.is-single {
min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 5px 10px 5px 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--text);
  text-decoration: none;
  box-shadow: var(--shadow-line);
}

body.ui-runtime .wbh-view-switch.is-single:hover {
border-color: var(--brand-line);
  background: var(--brand-soft);
  color: var(--brand);
}

body.ui-runtime .wbh-view-switch-icon {
width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 15px;
  line-height: 1;
}

body.ui-runtime .wbh-view-switch-text {
display: grid;
  gap: 0;
  line-height: 1.05;
}

body.ui-runtime .wbh-view-switch-text small {
color: var(--muted);
  font-size: 10.5px;
  font-weight: 600;
}

body.ui-runtime .wbh-view-switch-text b {
color: inherit;
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime .wbh-view-switch em {
padding-left: 8px;
  border-left: 1px solid var(--line-soft);
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
}

body.ui-runtime.store-page .store-result-bar .wbh-metric-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
}

body.ui-runtime.store-page .store-service-core-table {
max-width: 100%;
  overflow-x: auto;
}

body.ui-runtime.store-page .store-service-table .store-service-action-cell {
width: 180px;
}

body.ui-runtime.store-page .store-service-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 164px;
  width: 100%;
}

body.ui-runtime.store-page .store-service-actions .btn {
min-height: 32px;
  white-space: nowrap;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select {
max-width: 210px;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select::before {
content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  transform: translateY(-50%);
  background: var(--muted-2);
  pointer-events: none;
  z-index: 1;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select select {
min-width: 166px;
  height: 36px;
  padding-left: 26px;
  padding-right: 30px;
  border-radius: 999px;
  border-color: var(--line);
  background: #fff;
  color: var(--text-2);
  font-size: 12.5px;
  font-weight: 700;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-1::before {
background: var(--success);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-1 select {
border-color: var(--success-line); background: var(--success-bg); color: var(--success);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-0::before {
background: var(--warning);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-0 select {
border-color: var(--warning-line); background: var(--warning-bg); color: var(--warning);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-3::before {
background: var(--danger);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-3 select {
border-color: var(--danger-line); background: var(--danger-bg); color: var(--danger);
}

body.ui-runtime.admin-page .member-status-stack {
gap: 7px;
}

body.ui-runtime.admin-page .member-status-readonly {
min-height: 36px;
  padding: 4px 8px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  background: #fff;
}

body.ui-runtime.admin-page .inventory-danger-zone {
overflow: hidden;
}

body.ui-runtime.admin-page .inventory-danger-zone .inventory-danger-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.admin-page .inventory-danger-zone .stack-form {
min-width: 0;
  height: 100%;
  padding: 12px;
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  background: #fff;
}

body.ui-runtime.admin-page .inventory-danger-zone .stack-form .btn,
body.ui-runtime.admin-page .inventory-bulk-toolbar .btn {
width: 100%;
  justify-content: center;
}

body.ui-runtime.admin-page .inventory-danger-zone .form-row,
body.ui-runtime.admin-page .inventory-bulk-toolbar .form-row {
min-width: 0;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar.ui-command-panel {
display: grid;
  grid-template-columns: minmax(220px, 1.15fr) minmax(220px, 1fr) minmax(150px, 190px);
  gap: 12px;
  align-items: end;
  overflow: hidden;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar select,
body.ui-runtime.admin-page .inventory-bulk-toolbar input,
body.ui-runtime.admin-page .inventory-danger-zone input {
width: 100%;
  min-width: 0;
}

body.ui-runtime.admin-page .inventory-bulk-toolbar .help-text {
max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-page {
display: grid;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter {
display: grid;
  gap: 8px;
  padding: 12px;
  overflow: hidden;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main {
display: grid;
  grid-template-columns: minmax(140px, .75fr) minmax(132px, .65fr) minmax(132px, .65fr) auto auto;
  gap: 8px;
  align-items: end;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter select,
body.ui-runtime.admin-page.route-admin-reports-php .business-filter input {
width: 100%;
  min-width: 0;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric {
min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow-line);
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-label {
color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-value {
margin-top: 6px;
  color: var(--text);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-foot {
margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section {
min-width: 0;
  overflow: hidden;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line-soft);
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section-head span {
display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-two-col {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-chart {
display: grid;
  gap: 7px;
  padding: 12px 14px 14px;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-row {
display: grid;
  grid-template-columns: 52px minmax(0, 1fr) minmax(110px, auto) minmax(80px, auto);
  gap: 8px;
  align-items: center;
  min-width: 0;
  font-size: 12px;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-bar {
height: 9px;
  border-radius: 999px;
  background: var(--surface-muted);
  overflow: hidden;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-money {
white-space: nowrap;
  text-align: right;
  font-weight: 700;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-orders {
white-space: nowrap;
  color: var(--muted);
  text-align: right;
}

body.ui-runtime.admin-page.route-admin-reports-php .report-delta {
display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}

body.ui-runtime.admin-page.route-admin-reports-php .report-delta.up {
background: var(--success-bg); color: var(--success);
}

body.ui-runtime.admin-page.route-admin-reports-php .report-delta.down {
background: var(--danger-bg); color: var(--danger);
}

@media (max-width: 980px) {
body.ui-runtime .wbh-metric-action-bar,
body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main,
body.ui-runtime.admin-page .inventory-bulk-toolbar.ui-command-panel {
grid-template-columns: 1fr;
}

body.ui-runtime .wbh-metric-actions,
body.ui-runtime.store-page .store-result-bar .wbh-metric-actions {
justify-content: flex-start;
    width: 100%;
}

body.ui-runtime.store-page .store-service-actions {
justify-content: stretch;
    min-width: 0;
}

body.ui-runtime.store-page .store-service-actions .btn {
flex: 1 1 0;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-two-col {
grid-template-columns: 1fr;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-row {
grid-template-columns: 48px minmax(0, 1fr);
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-money,
body.ui-runtime.admin-page.route-admin-reports-php .daily-orders {
grid-column: 2;
    text-align: left;
}
}

@media (max-width: 520px) {
body.ui-runtime .wbh-view-switch.is-single {
width: 100%;
    justify-content: flex-start;
}

body.ui-runtime .wbh-view-switch em {
margin-left: auto;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select {
width: min(100%, 210px);
    max-width: 210px;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select select {
width: 100%;
    max-width: 100%;
}
}

body.ui-runtime {
--wbh-ui-viewfix-phase: 175;
}

body.ui-runtime[data-ui-version*="175-store-view-switch-slim"] {
--wbh-ui-viewfix-marker: 175;
}

body.ui-runtime.store-page .store-result-bar.is-switch-only {
display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body.ui-runtime.store-page .store-result-bar.is-switch-only .wbh-metric-actions {
width: auto;
  max-width: 100%;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  overflow: visible;
}

body.ui-runtime .wbh-view-switch.is-icon-only {
width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--muted);
  text-decoration: none;
  box-shadow: var(--shadow-line);
}

body.ui-runtime .wbh-view-switch.is-icon-only:hover,
body.ui-runtime .wbh-view-switch.is-icon-only:focus-visible {
border-color: var(--brand-line);
  background: var(--brand-soft);
  color: var(--brand);
}

body.ui-runtime .wbh-view-switch.is-icon-only .wbh-view-switch-icon {
width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  font-size: 0;
  line-height: 1;
}

body.ui-runtime .wbh-view-switch.is-icon-only svg {
width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .92;
}

body.ui-runtime .wbh-view-switch.is-icon-only[data-current-view="card"] svg rect {
fill: currentColor;
  fill-opacity: .08;
}

@media (max-width: 520px) {
body.ui-runtime.store-page .store-result-bar.is-switch-only {
justify-content: flex-end;
}

body.ui-runtime.store-page .store-result-bar.is-switch-only .wbh-metric-actions {
width: auto;
    justify-content: flex-end;
}

body.ui-runtime .wbh-view-switch.is-icon-only {
width: 38px;
    min-width: 38px;
}
}

body.ui-runtime {
--wbh-ui-commandfix-phase: 176;
}

body.ui-runtime[data-ui-version*="176-inventory-command-panel-rootfix"] {
--wbh-ui-commandfix-marker: 176;
}

@media (min-width: 981px) {
body.ui-runtime.admin-page .main-wrap.wbh-admin-view {
width: min(calc(100% - 28px), 1680px);
    max-width: none;
}
}

@media (min-width: 1500px) {
body.ui-runtime.admin-page .main-wrap.wbh-admin-view {
width: calc(100% - 28px);
}
}

body.ui-runtime.admin-page .admin-shell,
body.ui-runtime.admin-page .admin-main,
body.ui-runtime.admin-page [data-ui-component="command"],
body.ui-runtime.admin-page [data-ui-component="section"] {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-page-shell,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-summary-strip,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-table-wrap {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-summary-strip.wbh-metric-action-bar,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar.ui-command-panel {
overflow: visible;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-summary-strip.wbh-metric-action-bar {
grid-template-columns: minmax(0, 1fr) minmax(0, max-content);
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-utility-bar .wbh-metric-actions {
max-width: none;
  min-width: 0;
  justify-content: flex-end;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-utility-bar .wbh-metric-actions > *,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-utility-bar .wbh-metric-actions form,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-utility-bar .wbh-metric-actions .btn {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone .inventory-danger-grid.ui-command-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 12px;
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone .ui-command-card {
display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  height: auto;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone .ui-command-card .form-row {
flex: 1 1 auto;
  min-width: 0;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone .ui-command-card input,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar input,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar select {
max-width: 100%;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone .ui-command-card .btn,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar .btn {
width: 100%;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar.ui-command-panel.ui-command-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px;
  align-items: end;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar .ui-command-apply {
min-width: min(100%, 220px);
}

@media (max-width: 1180px) {
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-summary-strip.wbh-metric-action-bar {
grid-template-columns: 1fr;
}

body.ui-runtime.admin-page.route-admin-inventory-php .inventory-utility-bar .wbh-metric-actions {
justify-content: flex-start;
    width: 100%;
}
}

@media (max-width: 640px) {
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-danger-zone .inventory-danger-grid.ui-command-grid,
body.ui-runtime.admin-page.route-admin-inventory-php .inventory-bulk-toolbar.ui-command-panel.ui-command-grid {
grid-template-columns: 1fr;
}
}

body.ui-runtime {
--wbh-ui-stabilize-phase: 177;
}

body.ui-runtime[data-ui-version*="177-ui-component-stabilization-pass"] {
--wbh-ui-stabilize-marker: 177;
}

body.ui-runtime,
body.ui-runtime input,
body.ui-runtime select,
body.ui-runtime textarea,
body.ui-runtime button,
body.ui-runtime table {
font-family: var(--font-ui);
  text-rendering: optimizeLegibility;
}

body.ui-runtime .btn,
body.ui-runtime button,
body.ui-runtime input,
body.ui-runtime select,
body.ui-runtime textarea,
body.ui-runtime .badge,
body.ui-runtime .wbh-metric-pill {
letter-spacing: -.005em;
  line-height: 1.25;
}

body.ui-runtime.admin-page .ui-command-scope,
body.ui-runtime.admin-page .ui-command-surface,
body.ui-runtime.admin-page .ui-command-panel,
body.ui-runtime.admin-page .ui-command-grid,
body.ui-runtime.admin-page .ui-command-card,
body.ui-runtime.admin-page .toolbar-actions,
body.ui-runtime.admin-page .admin-section-actions,
body.ui-runtime .wbh-command-actions,
body.ui-runtime .wbh-page-actions,
body.ui-runtime .wbh-panel-actions,
body.ui-runtime .wbh-metric-actions {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.admin-page .ui-command-surface,
body.ui-runtime.admin-page .ui-command-panel,
body.ui-runtime.admin-page .ui-command-scope,
body.ui-runtime .wbh-metric-action-bar {
overflow: visible;
}

body.ui-runtime.admin-page .ui-command-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px;
  align-items: end;
}

body.ui-runtime.admin-page .ui-command-card {
min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
}

body.ui-runtime.admin-page .ui-command-card input,
body.ui-runtime.admin-page .ui-command-card select,
body.ui-runtime.admin-page .ui-command-panel input,
body.ui-runtime.admin-page .ui-command-panel select {
max-width: 100%;
}

body.ui-runtime.admin-page .ui-command-apply .btn,
body.ui-runtime.admin-page .ui-command-card .btn,
body.ui-runtime.admin-page .ui-command-panel .btn {
min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.ui-runtime .ui-data-table-wrap,
body.ui-runtime .ui-smart-table-wrap,
body.ui-runtime .ui-core-table-scope,
body.ui-runtime .ui-data-table {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime .store-service-actions {
min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

body.ui-runtime .smart-action-stack .btn,
body.ui-runtime .store-service-actions .btn,
body.ui-runtime .table-action-cell .btn {
min-width: 0;
  white-space: nowrap;
}

body.ui-runtime.admin-page .member-status-stack {
display: grid;
  gap: 5px;
  align-content: center;
  justify-items: start;
  min-width: 0;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select {
margin: 0;
  position: relative;
  display: inline-flex;
  width: min(100%, 176px);
  max-width: 176px;
  min-width: 138px;
  border-radius: 999px;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select::before {
content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  transform: translateY(-50%);
  background: var(--muted);
  box-shadow: 0 0 0 3px rgba(100,116,139,.10);
  pointer-events: none;
  z-index: 1;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select select {
width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 28px 0 26px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--shadow-line);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-active::before,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-1::before {
background: var(--success); box-shadow: 0 0 0 3px rgba(22,163,74,.12);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-active select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-1 select {
border-color: var(--success-line); background: var(--success-bg); color: var(--success);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-disabled::before,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-inactive::before,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-0::before {
background: var(--warning); box-shadow: 0 0 0 3px rgba(245,158,11,.13);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-disabled select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-inactive select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-0 select {
border-color: var(--warning-line); background: var(--warning-bg); color: var(--warning);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-pending::before,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-2::before {
background: var(--brand); box-shadow: 0 0 0 3px rgba(238,77,45,.12);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-pending select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-2 select {
border-color: var(--brand-line); background: var(--brand-soft); color: var(--brand);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-banned::before,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-3::before {
background: var(--danger); box-shadow: 0 0 0 3px rgba(220,38,38,.12);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-banned select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-3 select {
border-color: var(--danger-line); background: var(--danger-bg); color: var(--danger);
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-page,
body.ui-runtime.admin-page.route-admin-reports-php .business-section,
body.ui-runtime.admin-page.route-admin-reports-php .business-filter,
body.ui-runtime.admin-page.route-admin-reports-php .business-report-grid,
body.ui-runtime.admin-page.route-admin-reports-php .business-two-col,
body.ui-runtime.admin-page.route-admin-reports-php .daily-chart {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter,
body.ui-runtime.admin-page.route-admin-reports-php .business-section {
overflow: visible;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 8px;
  align-items: end;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main .btn {
width: 100%;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

body.ui-runtime.admin-page.route-admin-reports-php .business-two-col {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-row {
grid-template-columns: minmax(46px, 56px) minmax(0, 1fr) minmax(104px, max-content) minmax(76px, max-content);
}

@media (max-width: 520px) {
body.ui-runtime.admin-page .inline-select-post.member-status-select {
width: min(100%, 190px);
    max-width: 190px;
}
}

body.ui-runtime {
--wbh-ui-action-rootfix-phase: 178;
}

body.ui-runtime[data-ui-version*="178-table-action-ownership-rootfix"] {
--wbh-ui-action-rootfix-marker: 178;
}

body.ui-runtime .ui-data-table td.table-action-cell .btn {
max-width: 100%;
}

body.ui-runtime .ui-data-table td.table-money-cell,
body.ui-runtime .ui-data-table th.table-money-cell,
body.ui-runtime .ui-data-table col.table-money-cell {
min-width: 210px;
}

body.ui-runtime .ui-data-table td.table-money-cell,
body.ui-runtime .ui-data-table td[data-mobile-role="money"] {
text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body.ui-runtime .wallet-mini-stack {
min-width: 0;
  max-width: 100%;
  display: grid;
  gap: 4px;
  justify-items: end;
  align-content: center;
}

body.ui-runtime .wallet-mini-stack span {
display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
  max-width: 100%;
  color: var(--muted);
  white-space: nowrap;
}

body.ui-runtime .wallet-mini-stack b {
color: var(--text);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

body.ui-runtime .members-smart-table col.col-wallet,
body.ui-runtime .members-smart-table th.col-wallet,
body.ui-runtime .members-smart-table td.col-wallet {
width: 210px;
  min-width: 210px;
}

body.ui-runtime .members-smart-table .admin-member-actions {
width: auto;
  min-width: 112px;
  max-width: 100%;
  justify-content: flex-end;
}

body.ui-runtime .inventory-core-table .table-action-cell .small-btn {
min-width: 70px;
}

body.ui-runtime {
--wbh-ui-member-table-polish-phase: 179;
}

body.ui-runtime[data-ui-version*="179-member-table-visual-polish"] {
--wbh-ui-member-table-polish-marker: 179;
}

body.ui-runtime.route-admin-members-php .member-ledger-table-wrap {
border-color: #d9e2ef;
  box-shadow: 0 18px 42px rgba(15,23,42,.075);
}

body.ui-runtime.route-admin-members-php .member-ledger-table {
--member-row-bg: #fff;
  --member-row-alt-bg: #fbfdff;
--member-soft-line: #e4ebf5;
}

body.ui-runtime.route-admin-members-php .member-ledger-table th {
height: 40px;
  padding: 0 14px;
  vertical-align: middle;
  font-size: 11.5px;
  letter-spacing: .035em;
  color: #172338;
}

body.ui-runtime.route-admin-members-php .member-ledger-table td {
padding: 12px 14px;
  vertical-align: middle;
  line-height: 1.35;
}

body.ui-runtime.route-admin-members-php .member-ledger-table tbody tr:nth-child(even) td {
background: var(--member-row-alt-bg);
}

body.ui-runtime.route-admin-members-php .member-ledger-table tbody tr:hover td {
background: #fffaf7;
}

body.ui-runtime.route-admin-members-php .member-ledger-table th.col-status,
body.ui-runtime.route-admin-members-php .member-ledger-table td.col-status {
padding-left: 18px;
}

body.ui-runtime.route-admin-members-php .member-ledger-table th.col-wallet,
body.ui-runtime.route-admin-members-php .member-ledger-table td.col-wallet {
text-align: right;
  padding-inline: 16px;
}

body.ui-runtime.route-admin-members-php .member-cell-main {
display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.route-admin-members-php .member-avatar {
width: 32px;
  height: 32px;
  border-radius: 9px;
  font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

body.ui-runtime.route-admin-members-php .member-cell-main .smart-primary-cell {
min-width: 0;
}

body.ui-runtime.route-admin-members-php .member-cell-main .cell-title,
body.ui-runtime.route-admin-members-php .member-cell-main .cell-subtitle,
body.ui-runtime.route-admin-members-php .member-cell-main .cell-code,
body.ui-runtime.route-admin-members-php .member-display-name {
display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: clip;
  text-overflow: ellipsis;
}

body.ui-runtime.route-admin-members-php .member-cell-main .cell-title {
font-size: 13px;
  font-weight: 700;
  color: #14233a;
}

body.ui-runtime.route-admin-members-php .member-cell-main .cell-subtitle,
body.ui-runtime.route-admin-members-php .member-cell-main .cell-code,
body.ui-runtime.route-admin-members-php .member-display-name {
font-size: 12px;
  color: #64748b;
}

body.ui-runtime.route-admin-members-php .member-display-name {
margin-top: 2px;
}

body.ui-runtime.route-admin-members-php .member-status-stack {
display: grid;
  gap: 6px;
  align-content: center;
  justify-items: start;
  min-width: 0;
}

body.ui-runtime.route-admin-members-php .member-status-readonly,
body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select {
width: min(100%, 158px);
  min-width: 138px;
  max-width: 158px;
}

body.ui-runtime.route-admin-members-php .member-status-readonly {
position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 12px 0 26px;
  border: 1px solid var(--success-line);
  border-radius: 999px;
  background: var(--success-bg);
  color: var(--success);
  box-shadow: var(--shadow-line);
  box-sizing: border-box;
}

body.ui-runtime.route-admin-members-php .member-status-readonly::before {
content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--success);
  box-shadow: 0 0 0 3px rgba(22,163,74,.12);
  transform: translateY(-50%);
}

body.ui-runtime.route-admin-members-php .member-status-readonly .badge {
padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body.ui-runtime.route-admin-members-php .member-status-readonly .muted {
display: none;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select {
align-items: center;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select select {
height: 32px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: var(--shadow-line);
}

body.ui-runtime.route-admin-members-php .member-status-stack .role-line {
max-width: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: clip;
  text-overflow: ellipsis;
}

body.ui-runtime.route-admin-members-php .member-wallet-stack {
display: inline-grid;
  gap: 4px;
  width: min(100%, 174px);
  padding: 8px 10px;
  border: 1px solid #e3eaf5;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.035);
  box-sizing: border-box;
  justify-items: stretch;
}

body.ui-runtime.route-admin-members-php .member-wallet-stack span {
display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  align-items: baseline;
  gap: 8px;
  color: #64748b;
  white-space: nowrap;
}

body.ui-runtime.route-admin-members-php .member-wallet-stack small {
font-size: 11.5px;
  color: #64748b;
}

body.ui-runtime.route-admin-members-php .member-wallet-stack b {
min-width: 0;
  overflow: clip;
  text-overflow: ellipsis;
  text-align: right;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.route-admin-members-php .member-ledger-table .admin-member-actions {
justify-content: center;
  width: 100%;
  min-width: 0;
}

@media (max-width: 720px) {
body.ui-runtime.route-admin-members-php .member-ledger-table-wrap {
box-shadow: none;
}

body.ui-runtime.route-admin-members-php .member-ledger-table td.col-status,
body.ui-runtime.route-admin-members-php .member-ledger-table td.col-wallet {
text-align: left;
    background: #fff;
    border-left: 0;
    padding-inline: 12px;
}

body.ui-runtime.route-admin-members-php .member-ledger-table td.col-wallet {
grid-template-columns: 1fr;
}

body.ui-runtime.route-admin-members-php .member-ledger-table td.col-wallet::before {
display: block;
    margin-bottom: 4px;
}

body.ui-runtime.route-admin-members-php .member-wallet-stack {
width: 100%;
}

}

body.ui-runtime {
--wbh-ui-admin-polish-phase: 180;
}

body.ui-runtime[data-ui-version*="180-admin-status-toolbar-reports-polish"] {
--wbh-ui-admin-polish-marker: 180;
}

body.ui-runtime.admin-page .admin-op-toolbar,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar,
body.ui-runtime.admin-page .admin-section-head,
body.ui-runtime.admin-page .member-command-bar {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.admin-page .admin-op-toolbar,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-color: #dbe3ee;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
}

body.ui-runtime.admin-page .admin-op-toolbar h2,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar h2,
body.ui-runtime.admin-page .admin-section-head h2 {
color: #111827;
  font-size: 21px;
  line-height: 1.14;
  letter-spacing: -.012em;
  font-weight: 700;
}

body.ui-runtime.admin-page .admin-op-toolbar p,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar p,
body.ui-runtime.admin-page .admin-section-head p {
margin-top: 4px;
  max-width: 840px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
}

body.ui-runtime.admin-page .admin-op-toolbar .market-eyebrow,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar .market-eyebrow {
margin-bottom: 6px;
  color: var(--brand);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .055em;
}

body.ui-runtime.admin-page .toolbar-actions,
body.ui-runtime.admin-page .admin-section-actions,
body.ui-runtime.admin-page .page-command-actions {
display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

body.ui-runtime.admin-page .toolbar-actions .btn,
body.ui-runtime.admin-page .admin-section-actions .btn,
body.ui-runtime.admin-page .page-command-actions .btn,
body.ui-runtime.admin-page .admin-filter-actions .btn,
body.ui-runtime.admin-page .business-filter .btn {
min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-section-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border-bottom: 1px solid var(--line-soft);
}

body.ui-runtime.admin-page .badge,
body.ui-runtime.admin-page .status-pill,
body.ui-runtime.admin-page .report-delta {
min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select,
body.ui-runtime.admin-page .member-status-readonly {
height: 34px;
  min-height: 34px;
  border-radius: 999px;
  box-sizing: border-box;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select {
position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 178px;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select::before,
body.ui-runtime.admin-page .member-status-readonly::before {
width: 7px;
  height: 7px;
  left: 11px;
}

body.ui-runtime.admin-page .inline-select-post.member-status-select select {
height: 34px;
  min-height: 34px;
  padding: 0 30px 0 27px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(15,23,42,.045);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-active select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-1 select,
body.ui-runtime.admin-page .badge.ok,
body.ui-runtime.admin-page .status-pill.ok {
border-color: var(--success-line);
  background: var(--success-bg);
  color: var(--success);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-disabled select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-inactive select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-0 select,
body.ui-runtime.admin-page .badge.warn,
body.ui-runtime.admin-page .status-pill.warn {
border-color: var(--warning-line);
  background: var(--warning-bg);
  color: var(--warning);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-pending select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-2 select,
body.ui-runtime.admin-page .badge.info,
body.ui-runtime.admin-page .badge.primary {
border-color: var(--info-line);
  background: var(--info-bg);
  color: var(--info);
}

body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-banned select,
body.ui-runtime.admin-page .inline-select-post.member-status-select.is-value-3 select,
body.ui-runtime.admin-page .badge.danger,
body.ui-runtime.admin-page .badge.error {
border-color: var(--danger-line);
  background: var(--danger-bg);
  color: var(--danger);
}

body.ui-runtime.admin-page .badge.muted,
body.ui-runtime.admin-page .status-pill.muted {
border-color: #e2e8f0;
  background: #f8fafc;
  color: #64748b;
}

body.ui-runtime.admin-page.route-admin-members-php .member-status-readonly,
body.ui-runtime.admin-page.route-admin-members-php .inline-select-post.member-status-select {
width: min(100%, 170px);
  min-width: 148px;
  max-width: 170px;
}

body.ui-runtime.admin-page.route-admin-members-php .member-status-readonly {
padding: 0 12px 0 27px;
}

body.ui-runtime.admin-page.route-admin-members-php .member-status-readonly .badge {
min-height: 0;
  padding: 0;
}

body.ui-runtime.admin-page.route-admin-members-php .member-ledger-table th,
body.ui-runtime.admin-page.route-admin-members-php .member-ledger-table td {
font-size: 12.5px;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-page {
display: grid;
  gap: 14px;
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter {
display: grid;
  gap: 10px;
  padding: 14px;
  border-color: #dbe3ee;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: var(--shadow-line);
  overflow: visible;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main {
display: grid;
  grid-template-columns: minmax(150px, .9fr) minmax(142px, .72fr) minmax(142px, .72fr) minmax(118px, auto) minmax(92px, auto);
  gap: 9px;
  align-items: end;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter select,
body.ui-runtime.admin-page.route-admin-reports-php .business-filter input {
width: 100%;
  min-width: 0;
  height: 36px;
  border-radius: 9px;
  font-size: 13px;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .help-text {
margin: 0;
  padding-top: 2px;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.35;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr));
  gap: 12px;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric {
min-height: 128px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 15px 16px;
  border: 1px solid #dbe3ee;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15,23,42,.05);
  overflow: clip;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-label {
color: #64748b;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-value {
align-self: center;
  margin-top: 8px;
  color: #0f172a;
  font-size: clamp(19px, 1.8vw, 25px);
  line-height: 1.12;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-foot {
margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  color: #64748b;
  font-size: 12px;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric .metric-foot > span:first-child {
min-width: 0;
  overflow: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section {
min-width: 0;
  border-color: #dbe3ee;
  border-radius: 14px;
  overflow: visible;
  box-shadow: var(--shadow-line);
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 13px 15px;
  border-bottom: 1px solid var(--line-soft);
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section-head b {
color: #111827;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-section-head span {
display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-two-col {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr));
  gap: 14px;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-chart {
display: grid;
  gap: 8px;
  padding: 14px 15px 16px;
  min-width: 0;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-row {
display: grid;
  grid-template-columns: minmax(46px, 56px) minmax(0, 1fr) minmax(108px, max-content) minmax(78px, max-content);
  gap: 9px;
  align-items: center;
  min-width: 0;
  font-size: 12px;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-date {
color: #64748b;
  font-weight: 700;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-bar {
height: 10px;
  border-radius: 999px;
  background: #eef3f9;
  overflow: clip;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-bar i {
display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--brand);
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-money {
color: #111827;
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-orders {
color: #64748b;
  text-align: right;
  white-space: nowrap;
}

body.ui-runtime.admin-page.route-admin-reports-php .report-delta.up {
background: var(--success-bg); color: var(--success); border-color: var(--success-line);
}

body.ui-runtime.admin-page.route-admin-reports-php .report-delta.down {
background: var(--danger-bg); color: var(--danger); border-color: var(--danger-line);
}

body.ui-runtime.admin-page.route-admin-reports-php .report-delta.flat {
background: #f8fafc; color: #64748b; border-color: #e2e8f0;
}

@media (max-width: 980px) {
body.ui-runtime.admin-page .admin-op-toolbar,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar {
grid-template-columns: 1fr;
    align-items: start;
}

body.ui-runtime.admin-page .toolbar-actions,
body.ui-runtime.admin-page .admin-section-actions,
body.ui-runtime.admin-page .page-command-actions {
justify-content: flex-start;
    width: 100%;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
}

body.ui-runtime.admin-page.route-admin-reports-php .business-filter .filter-row-main .btn {
width: 100%;
}
}

@media (max-width: 720px) {
body.ui-runtime.admin-page .admin-op-toolbar,
body.ui-runtime.admin-page .page-toolbar.admin-op-toolbar {
padding: 14px;
    border-radius: 12px;
}

body.ui-runtime.admin-page .admin-section-head,
body.ui-runtime.admin-page.route-admin-reports-php .business-section-head {
display: grid;
    grid-template-columns: 1fr;
    align-items: start;
}

body.ui-runtime.admin-page .toolbar-actions .btn,
body.ui-runtime.admin-page .admin-section-actions .btn,
body.ui-runtime.admin-page .admin-filter-actions .btn,
body.ui-runtime.admin-page .business-filter .btn {
flex: 1 1 auto;
    min-width: 0;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-report-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.admin-page.route-admin-reports-php .business-metric {
min-height: 116px;
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-row {
grid-template-columns: 48px minmax(0, 1fr);
}

body.ui-runtime.admin-page.route-admin-reports-php .daily-money,
body.ui-runtime.admin-page.route-admin-reports-php .daily-orders {
grid-column: 2;
    text-align: left;
}
}

body.ui-runtime input[type="checkbox"],
body.ui-runtime input[type="radio"] {
box-sizing: border-box;
  width: 16px;
  height: 16px;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  flex: 0 0 16px;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  box-shadow: none;
  vertical-align: text-bottom;
  accent-color: var(--brand);
}

body.ui-runtime input[type="radio"] {
border-radius: 999px;
}

body.ui-runtime .checkline,
body.ui-runtime .check-line,
body.ui-runtime .checkbox-line,
body.ui-runtime .check-grid label,
body.ui-runtime .checkbox-grid label,
body.ui-runtime .check-row label,
body.ui-runtime label:has(> input[type="checkbox"]),
body.ui-runtime label:has(> input[type="radio"]) {
min-width: 0;
  align-items: center;
}

body.ui-runtime.store-page .account-box {
gap: 7px;
  min-width: max-content;
}

body.ui-runtime.store-page .wallet-dropdown,
body.ui-runtime.store-page .account-dropdown {
border-radius: 14px;
  border-color: #dbe4f0;
  box-shadow: 0 18px 44px rgba(15,23,42,.16);
}

@media (max-width: 1100px) {
body.ui-runtime.store-page .global-search-placeholder {
display: none;
}

body.ui-runtime.store-page .site-nav {
overflow-x: auto; min-width: 0; scrollbar-width: none;
}

body.ui-runtime.store-page .site-nav::-webkit-scrollbar {
display: none;
}
}

@media (max-width: 760px) {
body.ui-runtime.store-page .account-box {
display: none;
}
}

body.ui-runtime.store-page.route-user-orders-php .user-order-core-table .smart-action-cell {
min-width: 176px;
  max-width: none;
  text-align: right;
}

body.ui-runtime.store-page.route-user-orders-php .user-order-action-stack {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  justify-items: stretch;
  width: 100%;
  max-width: 180px;
  margin-left: auto;
}

body.ui-runtime.store-page.route-user-orders-php .user-order-action-stack .btn {
width: 100%;
  min-width: 0;
  min-height: 31px;
  padding-inline: 8px;
  justify-content: center;
  white-space: nowrap;
}

body.ui-runtime.store-page.route-user-orders-php .user-order-action-stack .copy-btn {
grid-column: 1 / -1;
}

body.ui-runtime.store-page.route-user-orders-php .order-delivery-cell {
display: grid;
  justify-items: end;
  gap: 5px;
}

body.ui-runtime.store-page.route-user-orders-php .order-delivery-cell .btn:not(.ui-table-download-btn) {
min-width: 58px;
}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-orders-php .user-order-action-stack {
max-width: none;
    margin-left: 0;
    justify-content: start;
}

body.ui-runtime.store-page.route-user-orders-php .order-delivery-cell {
justify-items: start;
}
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-shell {
display: grid;
  grid-template-columns: minmax(260px, 292px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-main,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card {
min-width: 0;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card pre {
max-width: 100%;
  overflow: auto;
}

@media (max-width: 980px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-doc-shell {
grid-template-columns: 1fr;
}

}

body.ui-runtime .ui-modal.open {
display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 3vw, 32px);
  overflow: auto;
}

body.ui-runtime .ui-modal-dialog {
width: min(760px, calc(100vw - 28px));
  max-height: min(820px, calc(100dvh - 28px));
  margin: auto;
  isolation: isolate;
}

body.ui-runtime .ui-modal-lg {
width: min(860px, calc(100vw - 28px));
}

body.ui-runtime .ui-modal-xl {
width: min(1080px, calc(100vw - 28px));
}

body.ui-runtime .ui-modal-head {
position: sticky;
  top: 0;
  z-index: 2;
  min-width: 0;
  align-items: flex-start;
  background: linear-gradient(180deg, #fff, #fbfcfd);
}

body.ui-runtime .ui-modal-head > div {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-modal-head h2,
body.ui-runtime .ui-modal-head p {
max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 720px) {
body.ui-runtime .ui-modal.open {
align-items: stretch;
    padding: 8px;
}

body.ui-runtime .ui-modal-dialog {
width: 100%;
    max-height: calc(100dvh - 16px);
    border-radius: 16px;
}
}

body.ui-runtime .auth-split-shell {
width: min(980px, 100%);
  min-height: auto;
  margin: clamp(18px, 5vh, 42px) auto;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .75fr);
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #dfe7f2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
}

body.ui-runtime .auth-split-shell .auth-brand-card,
body.ui-runtime .auth-split-shell .auth-form-card {
border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: clamp(22px, 4vw, 36px);
}

body.ui-runtime .auth-split-shell .auth-brand-card {
display: grid;
  align-content: center;
  gap: 10px;
  background: radial-gradient(circle at 16% 16%, rgba(238,77,45,.14), transparent 34%), linear-gradient(135deg, #fff8f5, #f8fafc 62%);
  border-right: 1px solid #edf1f7;
}

body.ui-runtime.admin-page .auth-split-shell .auth-brand-card {
background: radial-gradient(circle at 18% 16%, rgba(59,130,246,.18), transparent 34%), linear-gradient(135deg, #0f172a, #111827 62%);
  color: #e5e7eb;
  border-right-color: rgba(255,255,255,.10);
}

body.ui-runtime.admin-page .auth-split-shell .auth-brand-card h1,
body.ui-runtime.admin-page .auth-split-shell .auth-brand-card p,
body.ui-runtime.admin-page .auth-split-shell .auth-brand-card .auth-points span {
color: #e5e7eb;
}

body.ui-runtime .auth-split-shell .auth-form-card {
display: grid;
  align-content: center;
  gap: 12px;
}

body.ui-runtime .auth-split-shell .auth-form-card h1 {
margin: 0;
}

body.ui-runtime .auth-split-shell .auth-form-card form .btn {
width: 100%;
}

@media (max-width: 820px) {
body.ui-runtime .auth-split-shell {
grid-template-columns: 1fr;
    border-radius: 18px;
}

body.ui-runtime .auth-split-shell .auth-brand-card {
border-right: 0;
    border-bottom: 1px solid #edf1f7;
}
}

body.ui-runtime.store-page.route-user-api-docs-php .api-doc-shell,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell {
display: grid;
  grid-template-columns: minmax(258px, 306px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 14px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head span,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card > span,
body.ui-runtime.store-page.route-user-api-docs-php .api-code-head span {
display: block;
  color: var(--brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-content {
min-width: 0;
  display: grid;
  gap: 14px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview {
position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  padding: 20px;
  border: 1px solid #d7e0ec;
  border-radius: 22px;
  background: radial-gradient(circle at top right, rgba(238,77,45,.13), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f8fafc 64%, #eff6ff 100%);
  box-shadow: 0 14px 38px rgba(15,23,42,.08);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-copy h2 {
margin-top: 3px;
  font-size: 25px;
  letter-spacing: -.02em;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-copy p {
margin-top: 7px;
  max-width: 760px;
  color: #64748b;
  line-height: 1.6;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats {
grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats > div,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card {
min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(215,224,236,.9);
  border-radius: 16px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats span {
display: block; color: #64748b; font-size: 12px; font-weight: 700;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats b {
display: block; margin-top: 3px; font-size: 19px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-actions {
justify-self: end; display: flex; gap: 8px; flex-wrap: wrap;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-grid {
display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 12px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card code {
display: block;
  max-width: 100%;
  overflow-x: auto;
  margin-top: 5px;
  font-family: var(--font-mono);
  font-weight: 700;
  color: #0f172a;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card p {
margin-top: 5px;
  color: #64748b;
  font-size: 13px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section {
display: grid;
  gap: 12px;
  min-width: 0;
  scroll-margin-top: 104px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head {
display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 2px 0;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head h3 {
margin-top: 2px; font-size: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head > b {
padding: 4px 10px;
  border: 1px solid #dbe4f0;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-size: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-endpoint {
min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid #d7e0ec;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15,23,42,.065);
  scroll-margin-top: 104px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-header {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e8edf4;
  background: linear-gradient(180deg, #fbfdff, #ffffff);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route {
min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route code {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-anchor {
flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #94a3b8;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-anchor:hover {
background: #f8fafc; color: var(--brand);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
margin: 0 16px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary {
padding: 14px 0 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary h4 {
font-size: 17px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary p {
margin-top: 5px; color: #64748b; line-height: 1.55;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  border: 1px solid #edf2f7;
  border-radius: 15px;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta span {
color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta code {
overflow-wrap: anywhere;
  color: #0f172a;
  font-family: var(--font-mono);
  font-weight: 700;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
margin-top: 12px;
  padding: 12px;
  border: 1px solid #edf2f7;
  border-radius: 15px;
  background: #fff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-title {
display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-title span {
color: #64748b; font-size: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid > div {
min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid code {
overflow-wrap: anywhere; font-weight: 700;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid span {
color: #64748b; font-size: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel {
min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe4f0;
  border-radius: 16px;
  background: #0f172a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-request {
background: #111827;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-response {
background: #0b1324;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head {
display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.20);
  background: rgba(255,255,255,.035);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head span {
color: #fdba74;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head b {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #cbd5e1;
  font-family: var(--font-mono);
  font-size: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel pre {
max-width: 100%;
  margin: 0;
  padding: 14px;
  overflow: auto;
  color: #e5e7eb;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.58;
  white-space: pre;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel code {
color: inherit;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-user-guide-card {
border-radius: 18px;
  border-color: #dbe4f0;
}

@media (max-width: 1060px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-doc-shell,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell {
grid-template-columns: 1fr;
}

}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview {
grid-template-columns: 1fr;
    padding: 16px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-grid,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-actions {
justify-self: stretch;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-actions .btn {
flex: 1 1 120px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route {
align-items: flex-start;
}

}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell {
--api-doc-ink: #0f172a;
  --api-doc-muted: #475569;
  --api-doc-soft: #f8fafc;
  --api-doc-line: #dbe4f0;
  --api-doc-accent-soft: #fff4ed;
  grid-template-columns: minmax(286px, 322px) minmax(0, 1fr);
  gap: 22px;
  margin-top: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head span,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card > span,
body.ui-runtime.store-page.route-user-api-docs-php .api-code-head span {
color: #e84c2b;
  font-size: 11px;
  letter-spacing: .06em;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-content {
gap: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview {
padding: 22px 24px;
  border-color: #cfd9e8;
  background: linear-gradient(135deg, #ffffff 0%, #fbfdff 72%, #fff5ef 100%);
  box-shadow: 0 16px 42px rgba(15,23,42,.075);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-copy h2 {
font-size: clamp(24px, 2.2vw, 31px);
  line-height: 1.12;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-copy p {
max-width: 820px;
  color: var(--api-doc-muted);
  font-size: 14px;
  line-height: 1.72;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats > div,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card {
border-color: #dce5f0;
  background: #ffffff;
  box-shadow: 0 7px 20px rgba(15,23,42,.045);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats span,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card p {
color: var(--api-doc-muted);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats b {
color: var(--api-doc-ink);
  font-size: 21px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-grid {
grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card {
padding: 15px 16px;
  border-radius: 17px;
  border-top: 3px solid #fed7c8;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card code,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card b {
color: var(--api-doc-ink);
  font-size: 13.5px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section {
gap: 14px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head {
padding: 5px 4px 2px;
  align-items: center;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head h3 {
color: var(--api-doc-ink);
  font-size: 20px;
  letter-spacing: -.015em;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head > b {
border-color: #d8e2ee;
  color: #334155;
  background: #ffffff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-endpoint {
border-color: #cfd9e8;
  border-radius: 18px;
  box-shadow: 0 13px 34px rgba(15,23,42,.075);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-header {
min-height: 58px;
  padding: 15px 18px;
  background: #fbfdff;
  border-bottom-color: #dce5f0;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route {
gap: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route code {
color: var(--api-doc-ink);
  font-size: 14px;
  letter-spacing: -.01em;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-anchor {
color: #64748b;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
margin-inline: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary {
padding: 17px 0 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary h4 {
color: var(--api-doc-ink);
  font-size: 18px;
  letter-spacing: -.01em;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary p {
color: var(--api-doc-muted);
  font-size: 14px;
  line-height: 1.7;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta {
display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px 10px;
  padding: 11px 12px;
  border-color: #dfe7f2;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta span {
color: #475569;
  font-size: 11px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta code {
width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid #dbe4f0;
  border-radius: 9px;
  background: #ffffff;
  color: #0f172a;
  font-size: 12.5px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
border-color: #dfe7f2;
  background: #fbfdff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-title b {
color: var(--api-doc-ink);
  font-size: 14px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid > div {
border-color: #dfe7f2;
  background: #ffffff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel {
border-color: #cfd9e8;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15,23,42,.05);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-request,
body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-response {
background: #ffffff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head {
padding: 11px 13px;
  border-bottom: 1px solid #dce5f0;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head span {
color: #e84c2b;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head b {
color: #334155;
  font-size: 12.5px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel pre {
max-height: 420px;
  padding: 15px 16px;
  background: #111827;
  color: #e5edf7;
  font-size: 13px;
  line-height: 1.72;
  tab-size: 2;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-response pre {
background: #142033;
  color: #edf4ff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-user-guide-card {
padding: 16px 18px;
  border-color: #d8e2ee;
}

@media (max-width: 1060px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell {
grid-template-columns: 1fr; gap: 16px;
}

}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview {
padding: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-grid,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
margin-inline: 14px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel pre {
font-size: 12.5px; line-height: 1.68;
}
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell {
grid-template-columns: minmax(250px, 292px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview {
padding: 18px 20px;
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-copy h2 {
font-size: clamp(22px, 2vw, 28px);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-copy p {
font-size: 14px;
  line-height: 1.62;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats > div {
padding: 11px 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-overview-stats b {
font-size: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card {
border: 1px solid #dbe4f0;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15,23,42,.045);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys {
border-radius: 18px;
  padding: 16px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys-head {
display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys-head span,
body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys-head h3 {
display: block;
  margin: 0;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys-head span {
color: #e84c2b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys-head h3 {
margin-top: 2px;
  font-size: 17px;
  color: #0f172a;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-empty {
padding: 13px 14px;
  border: 1px dashed #cfd9e8;
  border-radius: 14px;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-empty b {
color: #0f172a;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-empty p {
margin: 4px 0 0; color: #64748b; line-height: 1.55;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-list {
display: grid;
  gap: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-item {
display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid #e3ebf5;
  border-radius: 14px;
  background: #fbfdff;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-item > div:first-child {
display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-item b {
color: #0f172a; overflow-wrap: anywhere;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-item code {
padding: 4px 7px;
  border: 1px solid #dbe4f0;
  border-radius: 9px;
  background: #fff;
  font-size: 12px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-item p {
margin: 0; color: #64748b; font-size: 12.5px; overflow-wrap: anywhere;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-meta {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-meta span {
padding: 3px 7px;
  border: 1px solid #dbe4f0;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-size: 11.5px;
  font-weight: 700;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-grid {
grid-template-columns: 1fr;
  gap: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card {
display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 5px 14px;
  align-items: start;
  padding: 13px 15px;
  border-radius: 15px;
  border-top-width: 1px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card > span {
grid-row: span 2;
  color: #64748b;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head {
padding: 3px 2px 0;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-section-head h3 {
font-size: 18px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-card,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-endpoint {
border-radius: 16px;
  box-shadow: 0 7px 18px rgba(15,23,42,.045);
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-header {
min-height: 50px;
  padding: 12px 15px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route code {
font-size: 13.5px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
margin-inline: 15px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary {
padding: 13px 0 9px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary h4 {
font-size: 16.5px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary p {
font-size: 13.5px; line-height: 1.58;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta {
padding: 9px 10px;
  gap: 5px 8px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
padding: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-param-grid > div {
padding: 8px 9px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel {
border-radius: 13px;
  box-shadow: none;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head {
padding: 9px 11px;
  background: #f8fafc;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-head span {
color: #475569;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel pre {
max-height: 360px;
  padding: 12px 13px;
  font-size: 12.5px;
  line-height: 1.62;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-request pre {
background: #f8fafc;
  color: #0f172a;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-code-panel.is-response pre {
background: #172235;
  color: #e8f0fb;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal,
body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-card {
border-color: #dbe4f0;
  border-radius: 18px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-copybox {
margin-top: 12px;
  padding: 13px 14px;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  background: #fff7ed;
  color: #9a3412;
  font-family: var(--font-mono);
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid > div {
min-width: 0;
  padding: 13px;
  border: 1px solid #e3ebf5;
  border-radius: 14px;
  background: #fbfdff;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid span {
color: #e84c2b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid b {
display: block; margin-top: 4px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid p {
margin: 6px 0 0; color: #64748b; line-height: 1.55;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-scope-check-grid label {
align-items: flex-start;
  gap: 8px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-scope-check-grid label span {
display: grid;
  gap: 2px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-scope-check-grid label em {
color: #64748b;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

body.ui-runtime.store-page.route-user-api-keys-php .user-api-keys-table-wrap code,
body.ui-runtime.store-page.route-user-api-keys-php .api-scope-cell {
overflow-wrap: anywhere;
}

@media (max-width: 1060px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell {
grid-template-columns: 1fr; gap: 14px;
}

}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-current-keys-head {
align-items: stretch; flex-direction: column;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-quick-card > span {
grid-row: auto;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-current-key-item > div:first-child {
align-items: flex-start; flex-direction: column;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-summary,
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-meta,
body.ui-runtime.store-page.route-user-api-docs-php .api-param-list {
margin-inline: 12px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid {
grid-template-columns: 1fr;
}
}

body.ui-runtime.store-page.route-user-api-docs-php .api-docs-cta-dedup .api-docs-actions:empty {
display: none;
}

body.ui-runtime.store-page.route-user-api-docs-php [data-api-key-primary-cta="1"] {
white-space: nowrap;
}

body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-menu {
position: relative;
  isolation: isolate;
  flex: 0 0 auto;
}

body.ui-runtime:not(.store-page) .header-wallet-menu > summary,
body.ui-runtime:not(.store-page) .header-account-menu > summary {
list-style: none;
  cursor: pointer;
  user-select: none;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
max-width: min(280px, 42vw);
}

body.ui-runtime.ui-admin .header-account-menu > summary {
max-width: min(300px, 44vw);
}

body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime:not(.store-page) .header-account-popover {
position: absolute;
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  z-index: 1200;
  width: min(332px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  padding: 10px;
  overflow: visible;
  border: 1px solid #d7e0ec;
  border-radius: 18px;
  background: rgba(255,255,255,.99);
  box-shadow: 0 26px 80px rgba(15,23,42,.22), 0 1px 0 rgba(255,255,255,.85) inset;
  backdrop-filter: blur(10px);
}

body.ui-runtime:not(.store-page) .header-account-popover > a {
min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border-radius: 12px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

body.ui-runtime:not(.store-page) .header-account-popover > a + a {
margin-top: 5px;
}

body.ui-runtime:not(.store-page) .header-account-popover > a:hover {
background: #f8fafc;
  color: var(--brand);
}

body.ui-runtime:not(.store-page) .header-account-popover > a.account-logout {
margin-top: 9px;
  justify-content: center;
  border: 1px solid #fecaca;
  background: #fff5f5;
  color: #b91c1c;
  font-weight: 700;
}

body.ui-runtime:not(.store-page) .header-account-popover > a.account-logout:hover {
background: #fee2e2;
  color: #991b1b;
}

body.ui-runtime:not(.store-page) .header-account-popover-head {
padding: 10px 12px 12px;
  border-bottom: 1px solid #edf2f7;
  margin-bottom: 8px;
}

body.ui-runtime:not(.store-page) .header-account-popover-head b,
body.ui-runtime:not(.store-page) .header-account-popover-head span {
display: block;
  overflow-wrap: anywhere;
}

body.ui-runtime:not(.store-page) .header-account-popover-balance {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 12px;
  padding: 11px 12px;
  margin: 8px 0 10px;
  border: 1px solid #ffddcf;
  border-radius: 15px;
  background: linear-gradient(180deg, #fff7f3, #ffffff);
}

body.ui-runtime.ui-admin .header-account-popover-balance {
display: none;
}

@media (max-width: 760px) {
body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime:not(.store-page) .header-account-popover {
right: 0;
    left: auto;
    width: min(332px, calc(100vw - 18px));
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
max-width: min(230px, 58vw);
}
}

@media (max-width: 460px) {
body.ui-runtime .account-box {
width: 100%;
    justify-content: flex-end;
}

body.ui-runtime:not(.store-page) .header-account-menu,
body.ui-runtime:not(.store-page) .header-wallet-menu {
position: static;
}

body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime:not(.store-page) .header-account-popover {
right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
}

body.ui-runtime:not(.store-page) .header-wallet-popover::before,
body.ui-runtime:not(.store-page) .header-account-popover::before {
display: none;
}
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-shell {
display: grid;
  gap: 16px;
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-grid {
display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  gap: 16px;
  align-items: start;
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-card,
body.ui-runtime.ui-admin.route-admin-account-php .admin-account-session-card {
border-color: #dbe4f0;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(15,23,42,.055);
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-status {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-status > div {
min-width: 0;
  padding: 12px;
  border: 1px solid #e3ebf5;
  border-radius: 14px;
  background: #fbfdff;
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-status span {
display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.ui-admin.route-admin-account-php .admin-account-status b {
display: block;
  margin-top: 4px;
  color: #0f172a;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
body.ui-runtime.ui-admin.route-admin-account-php .admin-account-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
body.ui-runtime.ui-admin.route-admin-account-php .admin-account-status {
grid-template-columns: 1fr;
}
}

body.ui-runtime.store-page.route-user-api-keys-php .user-api-keys-shell {
display: grid;
  gap: 16px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal {
border: 1px solid #fed7aa;
  background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
  box-shadow: 0 12px 34px rgba(154,52,18,.08);
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal-head h2 {
margin: 2px 0 4px;
  font-size: clamp(20px, 2vw, 26px);
  color: #0f172a;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal-head p {
margin: 0;
  color: #64748b;
  line-height: 1.55;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-copy-row {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-copybox {
margin: 0;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #fdba74;
  border-radius: 13px;
  background: #fff;
  color: #9a3412;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-all;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal-note {
margin-top: 10px;
  color: #7c2d12;
  font-size: 12.5px;
  line-height: 1.5;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-card {
border-color: #dbe4f0;
  box-shadow: 0 8px 24px rgba(15,23,42,.045);
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-help-grid > div {
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

body.ui-runtime.store-page.route-user-api-keys-php .user-api-keys-table-wrap {
border-radius: 18px;
}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-api-keys-php .api-key-reveal-head,
body.ui-runtime.store-page.route-user-api-keys-php .api-key-copy-row {
grid-template-columns: 1fr;
    flex-direction: column;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-copy-row .btn {
width: 100%;
}
}

body.ui-runtime .page-toolbar.is-page-title-duplicate-collapsed,
body.ui-runtime .page-toolbar.is-titleless-toolbar {
align-items: center;
  padding-block: 13px;
}

body.ui-runtime .page-toolbar.is-page-title-duplicate-collapsed .market-eyebrow,
body.ui-runtime .page-toolbar.is-titleless-toolbar .market-eyebrow {
letter-spacing: .09em;
}

body.ui-runtime .page-toolbar.is-page-title-duplicate-collapsed p,
body.ui-runtime .page-toolbar.is-titleless-toolbar p {
margin-top: 2px;
  max-width: 860px;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-name {
display: inline-block;
  max-width: min(150px, 22vw);
  min-width: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.ui-admin .header-account-menu .account-name {
max-width: min(170px, 24vw);
}

body.ui-runtime.ui-admin .header-account-menu .account-role {
max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .api-docs-shell {
--api-panel: #ffffff;
  --api-panel-soft: #f8fafc;
  --api-line: #dbe5f0;
  --api-ink: #0f172a;
  --api-muted: #64748b;
}

body.ui-runtime .api-docs-admin .api-docs-overview,
body.ui-runtime .api-docs-user .api-docs-overview {
border-color: var(--api-line);
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.ui-runtime .api-endpoint-card {
border-color: var(--api-line);
  background: #fff;
  box-shadow: 0 14px 34px rgba(15,23,42,.07);
}

body.ui-runtime .api-endpoint-header {
border-bottom: 1px solid #edf2f7;
}

body.ui-runtime .api-code-panel {
border-color: #d8e3ef;
  background: #f8fafc;
  box-shadow: none;
}

body.ui-runtime .api-code-panel pre {
background: #0f172a;
  color: #e2e8f0;
  border-radius: 12px;
  line-height: 1.55;
}

body.ui-runtime .api-admin-tools {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  margin: 14px 0;
  border: 1px solid #dbe5f0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
}

body.ui-runtime .api-admin-tools span {
display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.ui-runtime .api-admin-tools b {
display: block;
  margin-top: 2px;
  color: #0f172a;
}

body.ui-runtime .api-admin-tools p {
margin: 3px 0 0;
  color: #64748b;
  font-size: 13px;
}

body.ui-runtime .api-admin-tools-actions {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body.ui-runtime .api-docs-production-note {
margin-top: 16px;
}

@media (max-width: 760px) {
body.ui-runtime:not(.store-page) .header-account-menu .account-name {
display: inline-block;
    max-width: min(132px, 34vw);
}

body.ui-runtime.ui-admin .header-account-menu .account-name {
max-width: min(150px, 40vw);
}

body.ui-runtime.ui-admin .header-account-menu .account-role {
display: none;
}

body.ui-runtime .api-admin-tools {
align-items: stretch;
    flex-direction: column;
}

body.ui-runtime .api-admin-tools-actions {
justify-content: flex-start;
}
}

@media (max-width: 460px) {
body.ui-runtime:not(.store-page) .header-account-menu .account-name {
max-width: 118px;
}

body.ui-runtime.ui-admin .header-account-menu .account-name {
max-width: 138px;
}
}

body.ui-runtime .page-composition-toolbar,
body.ui-runtime .user-page-hero {
position: relative;
  overflow: visible;
}

body.ui-runtime .page-composition-toolbar.is-titleless-toolbar {
align-items: center;
  gap: 14px;
}

body.ui-runtime .page-composition-toolbar.is-titleless-toolbar > div:first-child {
min-width: 0;
}

body.ui-runtime .page-composition-toolbar.is-titleless-toolbar .market-eyebrow {
margin-bottom: 4px;
}

body.ui-runtime .page-composition-toolbar .toolbar-actions,
body.ui-runtime .page-composition-toolbar .actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime .user-page-hero {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
}

body.ui-runtime .user-page-hero > div:first-child {
min-width: 0;
}

body.ui-runtime .user-page-hero h1,
body.ui-runtime .page-composition-toolbar h2 {
overflow-wrap: anywhere;
}

body.ui-runtime .user-page-hero .user-hero-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime .api-key-copy-row {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

body.ui-runtime .api-key-copy-row .copybox {
min-width: 0;
  overflow-x: auto;
  white-space: nowrap;
}

body.ui-runtime .admin-title,
body.ui-runtime .page-toolbar,
body.ui-runtime .user-hero {
scroll-margin-top: 84px;
}

@media (max-width: 720px) {
body.ui-runtime .page-composition-toolbar,
body.ui-runtime .user-page-hero {
grid-template-columns: 1fr;
}

body.ui-runtime .page-composition-toolbar .toolbar-actions,
body.ui-runtime .page-composition-toolbar .actions,
body.ui-runtime .user-page-hero .user-hero-actions {
justify-content: flex-start;
    width: 100%;
}

body.ui-runtime .api-key-copy-row {
grid-template-columns: 1fr;
}
}

body.ui-runtime .auth-brand-title {
margin: 6px 0 8px;
  color: var(--text);
  font-size: clamp(1.55rem, 2.4vw, 2.2rem);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.035em;
}

body.ui-runtime .dashboard-hero h2,
body.ui-runtime .maintenance-hub-hero h2 {
margin: 4px 0 8px;
  color: var(--text);
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
}

body.ui-runtime {
--final-card-bg: #ffffff;
  --final-card-line: #dde6f0;
  --final-card-line-soft: #edf2f7;
  --final-card-shadow: 0 10px 28px rgba(15, 23, 42, .055);
  --final-card-shadow-soft: 0 4px 14px rgba(15, 23, 42, .045);
  --final-radius: 18px;
  --final-radius-sm: 13px;
  --final-gap: 14px;
}

body.ui-runtime .main-wrap {
display: grid;
  align-content: start;
  gap: 14px;
}

body.ui-runtime.ui-admin .admin-main,
body.ui-runtime.ui-user .wbh-user-view {
min-width: 0;
}

body.ui-runtime .admin-title,
body.ui-runtime .final-visual-hero,
body.ui-runtime .final-visual-toolbar,
body.ui-runtime .final-visual-panel,
body.ui-runtime .admin-data-panel,
body.ui-runtime .admin-table-card,
body.ui-runtime .admin-state-panel,
body.ui-runtime .user-portal-card,
body.ui-runtime .account-card,
body.ui-runtime .api-key-current-panel,
body.ui-runtime .api-docs-overview,
body.ui-runtime .api-endpoint-card {
border-color: var(--final-card-line);
  border-radius: var(--final-radius);
  box-shadow: var(--final-card-shadow-soft);
}

body.ui-runtime .admin-title,
body.ui-runtime .final-visual-hero,
body.ui-runtime .final-visual-toolbar {
padding: 18px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

body.ui-runtime .admin-title h1,
body.ui-runtime .final-visual-hero h1,
body.ui-runtime .final-visual-toolbar h2 {
color: #0f172a;
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

body.ui-runtime .admin-title p,
body.ui-runtime .final-visual-hero p,
body.ui-runtime .final-visual-toolbar p,
body.ui-runtime .final-visual-section-head p {
color: #64748b;
  line-height: 1.45;
}

body.ui-runtime .market-eyebrow {
color: #ef5b3a;
  font-size: 11px;
  letter-spacing: .09em;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .final-visual-toolbar .toolbar-actions,
body.ui-runtime .final-visual-hero .user-hero-actions,
body.ui-runtime .ui-section-actions,
body.ui-runtime .admin-section-actions {
gap: 8px;
}

body.ui-runtime .btn,
body.ui-runtime button.btn,
body.ui-runtime a.btn {
min-height: 38px;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: -.005em;
}

body.ui-runtime .small-btn,
body.ui-runtime .btn.small-btn {
min-height: 32px;
  padding-inline: 11px;
  border-radius: 10px;
  font-size: 12px;
}

body.ui-runtime .final-visual-section-head,
body.ui-runtime .admin-section-head.final-visual-section-head,
body.ui-runtime .ui-section-head.final-visual-section-head {
align-items: center;
  gap: 14px;
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--final-card-line-soft);
}

body.ui-runtime .final-visual-section-head h2 {
color: #111827;
  font-size: 16px;
  letter-spacing: -.018em;
}

body.ui-runtime .final-visual-panel,
body.ui-runtime .admin-data-panel,
body.ui-runtime .admin-table-card,
body.ui-runtime .admin-state-panel {
padding: 16px;
}

body.ui-runtime .final-visual-filter,
body.ui-runtime .admin-filter-panel.final-visual-filter,
body.ui-runtime .user-portal-filter.final-visual-filter {
border-color: var(--final-card-line);
  border-radius: var(--final-radius);
  box-shadow: var(--final-card-shadow-soft);
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  gap: 12px;
}

body.ui-runtime .final-visual-filter label,
body.ui-runtime .final-visual-filter .filter-search-field {
min-width: 0;
}

body.ui-runtime .final-visual-filter .filter-label,
body.ui-runtime .admin-filter-panel.final-visual-filter label > span,
body.ui-runtime .user-portal-filter.final-visual-filter label > span {
color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.ui-runtime .final-visual-filter input,
body.ui-runtime .final-visual-filter select,
body.ui-runtime .final-visual-filter textarea {
min-height: 40px;
  border-color: #cbd5e1;
  border-radius: 12px;
  background-color: #fff;
  color: #0f172a;
}

body.ui-runtime .final-visual-filter input:focus,
body.ui-runtime .final-visual-filter select:focus,
body.ui-runtime .final-visual-filter textarea:focus {
border-color: #f09a82;
  box-shadow: 0 0 0 3px rgba(238, 77, 45, .11);
  outline: 0;
}

body.ui-runtime .admin-filter-actions,
body.ui-runtime .user-filter-actions {
align-items: end;
  gap: 8px;
}

body.ui-runtime .final-visual-summary,
body.ui-runtime .admin-summary-bar {
border-color: var(--final-card-line);
  border-radius: var(--final-radius);
  background: #fff;
  box-shadow: var(--final-card-shadow-soft);
  overflow: hidden;
}

body.ui-runtime .admin-summary-bar .summary-item {
padding: 14px 16px;
  min-height: 74px;
  align-content: center;
}

body.ui-runtime .admin-summary-bar .summary-item span,
body.ui-runtime .final-visual-metric .report-card-head span,
body.ui-runtime .final-visual-metric .ui-stat-label {
color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.ui-runtime .admin-summary-bar .summary-item b,
body.ui-runtime .final-visual-metric > b {
color: #0f172a;
  font-size: clamp(17px, 1.55vw, 23px);
  letter-spacing: -.035em;
}

body.ui-runtime .final-visual-metric,
body.ui-runtime .ui-report-card.final-visual-metric,
body.ui-runtime .ui-stat-card.final-visual-metric {
min-height: 106px;
  border-color: var(--final-card-line);
  border-top-width: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: var(--final-card-shadow-soft);
  padding: 15px;
}

body.ui-runtime .ui-report-card.final-visual-metric::before,
body.ui-runtime .ui-stat-card.final-visual-metric::before {
content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 16px 0 0 16px;
  background: #ee4d2d;
  opacity: .86;
}

body.ui-runtime .ui-report-card.final-visual-metric.tone-green::before {
background: #16a34a;
}

body.ui-runtime .ui-report-card.final-visual-metric.tone-blue::before {
background: #2563eb;
}

body.ui-runtime .ui-report-card.final-visual-metric.tone-amber::before,
body.ui-runtime .ui-report-card.final-visual-metric.tone-warn::before {
background: #d97706;
}

body.ui-runtime .ui-report-card.final-visual-metric.tone-danger::before {
background: #dc2626;
}

body.ui-runtime .ui-report-card.final-visual-metric small,
body.ui-runtime .ui-stat-card.final-visual-metric small {
color: #64748b;
  line-height: 1.4;
}

body.ui-runtime .final-visual-state,
body.ui-runtime .ui-empty.final-visual-state,
body.ui-runtime .ui-state-card.final-visual-state {
padding: 30px 20px;
  border: 1px dashed #cbd5e1;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #64748b;
  box-shadow: none;
}

body.ui-runtime .final-visual-state .ui-empty-icon,
body.ui-runtime .final-visual-state .ui-state-icon {
width: 40px;
  height: 40px;
  border-radius: 14px;
  border-color: #dbe5f0;
  background: #fff;
  color: #94a3b8;
}

body.ui-runtime .final-visual-state b {
color: #0f172a;
  font-size: 16px;
  letter-spacing: -.018em;
}

body.ui-runtime .final-visual-state span {
max-width: 620px;
  line-height: 1.48;
}

body.ui-runtime .table-wrap,
body.ui-runtime .admin-table-wrap,
body.ui-runtime .user-table-wrap,
body.ui-runtime .final-visual-table-wrap {
border-color: var(--final-card-line);
  border-radius: var(--final-radius);
  box-shadow: var(--final-card-shadow-soft);
  background: #fff;
}

body.ui-runtime table thead th {
color: #475569;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
  background: #f8fafc;
}

body.ui-runtime table tbody td {
color: #1f2937;
  vertical-align: middle;
}

body.ui-runtime td.actions,
body.ui-runtime td.ui-action-col {
text-align: right;
}

body.ui-runtime .user-order-action-stack .btn,
body.ui-runtime .smart-action-stack .btn {
white-space: nowrap;
}

body.ui-runtime .badge,
body.ui-runtime .status-pill,
body.ui-runtime .inline-select-post select {
min-height: 28px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime:not(.store-page) .header-wallet-popover {
border-color: var(--final-card-line);
  border-radius: 15px;
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
}

body.ui-runtime .api-docs-shell,
body.ui-runtime .api-docs-shell {
gap: 16px;
}

body.ui-runtime .api-docs-overview,
body.ui-runtime .api-docs-overview,
body.ui-runtime .api-endpoint-card,
body.ui-runtime .api-endpoint-card {
border-color: var(--final-card-line);
  border-radius: var(--final-radius);
  box-shadow: var(--final-card-shadow-soft);
}

body.ui-runtime .api-code-panel,
body.ui-runtime .api-code-panel {
border-radius: 15px;
}

body.ui-runtime .api-code-panel pre,
body.ui-runtime .api-code-panel pre,
body.ui-runtime pre,
body.ui-runtime .copybox,
body.ui-runtime .prebox {
border-radius: 12px;
  line-height: 1.55;
}

@media (max-width: 900px) {
body.ui-runtime .admin-title,
body.ui-runtime .final-visual-hero,
body.ui-runtime .final-visual-toolbar {
align-items: stretch;
    grid-template-columns: 1fr;
}

body.ui-runtime .admin-title-actions,
body.ui-runtime .final-visual-toolbar .toolbar-actions,
body.ui-runtime .final-visual-hero .user-hero-actions {
justify-content: flex-start;
}
}

@media (max-width: 720px) {
body.ui-runtime {
--final-gap: 10px;
}

body.ui-runtime .main-wrap {
gap: 10px;
}

body.ui-runtime .admin-title,
body.ui-runtime .final-visual-hero,
body.ui-runtime .final-visual-toolbar,
body.ui-runtime .final-visual-panel,
body.ui-runtime .admin-data-panel,
body.ui-runtime .admin-table-card,
body.ui-runtime .admin-state-panel {
border-radius: 15px;
    padding: 14px;
}

body.ui-runtime .admin-title h1,
body.ui-runtime .final-visual-hero h1,
body.ui-runtime .final-visual-toolbar h2 {
font-size: 21px;
}

body.ui-runtime .final-visual-section-head,
body.ui-runtime .admin-section-head.final-visual-section-head,
body.ui-runtime .ui-section-head.final-visual-section-head {
align-items: flex-start;
    flex-direction: column;
}

body.ui-runtime .admin-filter-actions,
body.ui-runtime .user-filter-actions {
width: 100%;
}

body.ui-runtime .admin-filter-actions .btn,
body.ui-runtime .user-filter-actions .btn {
flex: 1 1 128px;
    justify-content: center;
}

body.ui-runtime .table-wrap,
body.ui-runtime .admin-table-wrap,
body.ui-runtime .user-table-wrap,
body.ui-runtime .final-visual-table-wrap {
border-radius: 14px;
}
}

body.ui-runtime {
--browser-regression-max-width: 100%;
  --browser-regression-popover-z: 1080;
  --browser-regression-modal-z: 1200;
}

body.ui-runtime .site-header,
body.ui-runtime .site-mainbar,
body.ui-runtime .site-mainbar-inner,
body.ui-runtime .header-user-menu,
body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-menu {
overflow: visible;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime .account-popover,
body.ui-runtime .wallet-popover {
z-index: var(--browser-regression-popover-z);
  max-width: min(360px, calc(100vw - 24px));
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .account-popover {
inline-size: min(320px, calc(100vw - 24px));
}

body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime .wallet-popover {
inline-size: min(360px, calc(100vw - 24px));
}

body.ui-runtime .ui-modal.open,
body.ui-runtime .ui-modal-scope.open {
z-index: var(--browser-regression-modal-z);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 3vw, 28px);
}

body.ui-runtime .ui-modal-dialog {
max-height: min(860px, calc(100vh - 24px));
  max-width: calc(100vw - 24px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.ui-runtime .ui-modal-head {
flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 1;
}

body.ui-runtime .ui-modal-body {
min-height: 0;
  overflow: auto;
}

body.ui-runtime .api-docs-shell,
body.ui-runtime .api-docs-shell,
body.ui-runtime .api-docs-content,
body.ui-runtime .api-docs-content,
body.ui-runtime .api-endpoint-card,
body.ui-runtime .api-endpoint-card,
body.ui-runtime .api-docs-overview,
body.ui-runtime .api-docs-overview,
body.ui-runtime .api-docs-quick-grid,
body.ui-runtime .api-docs-quick-grid {
min-width: 0;
  max-width: var(--browser-regression-max-width);
}

body.ui-runtime .api-code-panel pre,
body.ui-runtime .api-code-panel pre,
body.ui-runtime .api-docs-quick-card code,
body.ui-runtime .api-docs-quick-card code,
body.ui-runtime .api-endpoint-route code,
body.ui-runtime .api-endpoint-route code,
body.ui-runtime .api-key-once-code,
body.ui-runtime .copybox,
body.ui-runtime .prebox {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .api-code-panel pre,
body.ui-runtime .api-code-panel pre {
overflow: auto;
  white-space: pre;
}

body.ui-runtime .api-docs-quick-card code,
body.ui-runtime .api-docs-quick-card code,
body.ui-runtime .api-endpoint-route code,
body.ui-runtime .api-endpoint-route code,
body.ui-runtime .copybox,
body.ui-runtime .prebox {
overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime .table-wrap,
body.ui-runtime .admin-table-wrap,
body.ui-runtime .user-table-wrap,
body.ui-runtime .final-visual-table-wrap {
max-width: 100%;
  overflow: auto;
  overscroll-behavior-x: contain;
}

body.ui-runtime td.actions,
body.ui-runtime td.ui-action-col {
min-width: min(190px, 48vw);
}

body.ui-runtime .auth-split-shell,
body.ui-runtime .auth-brand-card,
body.ui-runtime .auth-form-card {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .auth-form-card .alert,
body.ui-runtime .auth-form-card .error,
body.ui-runtime .auth-form-card .notice {
overflow-wrap: anywhere;
}

@media (max-width: 900px) {

}

@media (max-width: 720px) {
body.ui-runtime .site-mainbar-inner {
gap: 8px;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime .account-popover,
body.ui-runtime .wallet-popover {
inset-inline-end: 0;
}

body.ui-runtime .ui-modal.open,
body.ui-runtime .ui-modal-scope.open {
align-items: flex-start;
    padding: 10px;
}

body.ui-runtime .ui-modal-dialog {
width: 100%;
    max-height: calc(100vh - 20px);
}

body.ui-runtime td.actions,
body.ui-runtime td.ui-action-col {
min-width: 0;
}
}

body.ui-runtime {
--focused-popover-z: 1300;
  --focused-sidebar-width: clamp(248px, 22vw, 310px);
  --focused-doc-gap: 18px;
}

body.ui-runtime .site-header,
body.ui-runtime .site-mainbar,
body.ui-runtime .site-mainbar-inner,
body.ui-runtime .account-box,
body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-menu {
overflow: visible;
}

body.ui-runtime .account-box {
position: relative;
  isolation: isolate;
  align-items: center;
}

body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-menu {
position: relative;
  flex: 0 0 auto;
}

body.ui-runtime:not(.store-page) .header-wallet-menu > summary,
body.ui-runtime:not(.store-page) .header-account-menu > summary {
list-style: none;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

body.ui-runtime:not(.store-page) .header-wallet-menu > summary::-webkit-details-marker,
body.ui-runtime:not(.store-page) .header-account-menu > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .wallet-dropdown,
body.ui-runtime .account-dropdown {
position: absolute;
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  z-index: var(--focused-popover-z);
  width: min(336px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  padding: 10px;
  overflow: visible;
  border: 1px solid #d7e0ec;
  border-radius: 18px;
  background: rgba(255,255,255,.99);
  box-shadow: 0 26px 80px rgba(15,23,42,.22), 0 1px 0 rgba(255,255,255,.86) inset;
  backdrop-filter: blur(10px);
}

body.ui-runtime:not(.store-page) .header-wallet-popover::before,
body.ui-runtime:not(.store-page) .header-account-popover::before {
content: "";
  position: absolute;
  right: 24px;
  top: -7px;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  background: rgba(255,255,255,.99);
  border-left: 1px solid #d7e0ec;
  border-top: 1px solid #d7e0ec;
}

body.ui-runtime:not(.store-page) .header-wallet-popover > div:not(.wallet-dropdown-actions),
body.ui-runtime .wallet-dropdown > div:not(.wallet-dropdown-actions) {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid #edf2f7;
  border-radius: 14px;
  background: #f8fafc;
}

body.ui-runtime:not(.store-page) .header-wallet-popover > div + div,
body.ui-runtime .wallet-dropdown > div + div {
margin-top: 7px;
}

body.ui-runtime:not(.store-page) .header-account-popover-head,
body.ui-runtime .account-dropdown-head {
padding: 9px 11px 11px;
  border-bottom: 1px solid #edf2f7;
  margin-bottom: 8px;
}

body.ui-runtime:not(.store-page) .header-account-popover-balance,
body.ui-runtime .account-dropdown-balance {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 12px;
  padding: 10px 12px;
  margin: 8px 0 10px;
  border: 1px solid #ffddcf;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff7f3, #fff);
}

body.ui-runtime:not(.store-page) .header-account-popover > a,
body.ui-runtime .account-dropdown > a {
min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border-radius: 12px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

body.ui-runtime:not(.store-page) .header-account-popover > a + a,
body.ui-runtime .account-dropdown > a + a {
margin-top: 5px;
}

body.ui-runtime:not(.store-page) .header-account-popover > a:hover,
body.ui-runtime .account-dropdown > a:hover {
background: #f8fafc;
  color: var(--brand);
}

body.ui-runtime:not(.store-page) .header-account-popover > a.account-logout,
body.ui-runtime .account-dropdown > a.account-logout,
body.ui-runtime .account-dropdown > a.danger {
margin-top: 9px;
  justify-content: center;
  border: 1px solid #fecaca;
  background: #fff5f5;
  color: #b91c1c;
  font-weight: 700;
}

body.ui-runtime.ui-admin .header-account-menu .account-name,
body.ui-runtime:not(.store-page) .header-account-menu .account-name {
display: inline-block;
  min-width: 32px;
  max-width: min(172px, 26vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.route-user-api-docs-php .api-docs-shell,
body.ui-runtime.route-admin-api-docs-php .api-docs-shell,
body.ui-runtime.route-user-api-docs-php .api-docs-shell,
body.ui-runtime.route-admin-api-docs-php .api-docs-shell {
grid-template-columns: var(--focused-sidebar-width) minmax(0, 1fr);
  gap: var(--focused-doc-gap);
}

body.ui-runtime.route-user-api-docs-php .api-docs-content,
body.ui-runtime.route-admin-api-docs-php .api-docs-content,
body.ui-runtime.route-user-api-docs-php .api-docs-content,
body.ui-runtime.route-admin-api-docs-php .api-docs-content {
min-width: 0;
  display: grid;
  gap: 14px;
}

body.ui-runtime.route-user-api-docs-php .api-docs-overview,
body.ui-runtime.route-admin-api-docs-php .api-docs-overview,
body.ui-runtime.route-user-api-docs-php .api-docs-overview,
body.ui-runtime.route-admin-api-docs-php .api-docs-overview {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
}

body.ui-runtime.route-user-api-docs-php .api-current-keys,
body.ui-runtime.route-admin-api-docs-php .api-current-keys,
body.ui-runtime.route-user-api-docs-php .api-admin-tools,
body.ui-runtime.route-admin-api-docs-php .api-admin-tools {
border-color: #dbe5f0;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  box-shadow: 0 12px 28px rgba(15,23,42,.055);
}

body.ui-runtime.route-user-api-docs-php .api-docs-quick-grid,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-grid,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-grid,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.ui-runtime.route-user-api-docs-php .api-docs-quick-card,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-card,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card {
min-width: 0;
  padding: 14px;
  border: 1px solid #dbe5f0;
  border-radius: 16px;
  background: #fff;
}

body.ui-runtime.route-user-api-docs-php .api-code-panel pre,
body.ui-runtime.route-admin-api-docs-php .api-code-panel pre,
body.ui-runtime.route-user-api-docs-php .api-code-panel pre,
body.ui-runtime.route-admin-api-docs-php .api-code-panel pre {
overflow: auto;
  font-size: 12.5px;
  line-height: 1.65;
  white-space: pre;
}

@media (max-width: 1180px) {
body.ui-runtime.route-user-api-docs-php .api-docs-shell,
body.ui-runtime.route-admin-api-docs-php .api-docs-shell,
body.ui-runtime.route-user-api-docs-php .api-docs-shell,
body.ui-runtime.route-admin-api-docs-php .api-docs-shell {
grid-template-columns: 1fr;
}

}

@media (max-width: 760px) {
body.ui-runtime .account-box {
gap: 6px;
}

body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .wallet-dropdown,
body.ui-runtime .account-dropdown {
right: 0;
    left: auto;
    width: min(336px, calc(100vw - 18px));
}

body.ui-runtime.route-user-api-docs-php .api-docs-overview,
body.ui-runtime.route-admin-api-docs-php .api-docs-overview,
body.ui-runtime.route-user-api-docs-php .api-docs-overview,
body.ui-runtime.route-admin-api-docs-php .api-docs-overview,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-grid,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-grid,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-grid,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-grid {
grid-template-columns: 1fr;
}
}

body.ui-runtime.route-user-api-docs-php .api-key-current-panel,
body.ui-runtime.route-admin-api-docs-php .api-key-current-panel {
min-width: min(340px, 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid #e8edf4;
  border-radius: 18px;
  background: rgba(255,255,255,.74);
}

body.ui-runtime.route-user-api-docs-php .api-key-current-panel > div,
body.ui-runtime.route-admin-api-docs-php .api-key-current-panel > div {
min-width: 0;
  display: grid;
  gap: 3px;
}

body.ui-runtime.route-user-api-docs-php .api-key-current-panel span,
body.ui-runtime.route-admin-api-docs-php .api-key-current-panel span,
body.ui-runtime.route-user-api-docs-php .api-key-current-panel small,
body.ui-runtime.route-admin-api-docs-php .api-key-current-panel small,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-card span,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card span,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-card span,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card span {
display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.route-user-api-docs-php .api-key-current-panel b,
body.ui-runtime.route-admin-api-docs-php .api-key-current-panel b,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-card b,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card b,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-card b,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card b {
display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #0f172a;
}

body.ui-runtime.route-user-api-docs-php .api-docs-quick-card code,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card code,
body.ui-runtime.route-user-api-docs-php .api-docs-quick-card code,
body.ui-runtime.route-admin-api-docs-php .api-docs-quick-card code {
display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
body.ui-runtime.route-user-api-docs-php .api-key-current-panel,
body.ui-runtime.route-admin-api-docs-php .api-key-current-panel {
align-items: stretch;
    flex-direction: column;
}
}

body.ui-runtime {
--qa-route-sweep: "196-full-route-qa-hardening-screenshot-sweep";
}

body.ui-runtime .site-header,
body.ui-runtime .site-mainbar,
body.ui-runtime .site-mainbar-inner,
body.ui-runtime .account-box,
body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-menu {
min-width: 0;
}

body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .wallet-dropdown,
body.ui-runtime .account-dropdown {
z-index: 520;
  max-width: min(360px, calc(100vw - 18px));
}

body.ui-runtime .ui-modal.open,
body.ui-runtime .modal-backdrop.show,
body.ui-runtime .ui-modal-scope.open {
z-index: 1200;
}

body.ui-runtime .ui-modal-dialog,
body.ui-runtime .modal-dialog {
max-width: min(var(--modal-max-width, 760px), calc(100vw - 24px));
  max-height: calc(100vh - 24px);
}

body.ui-runtime .ui-modal-body,
body.ui-runtime .modal-body {
min-width: 0;
  overflow: auto;
}

body.ui-runtime .ui-data-table-wrap,
body.ui-runtime .ui-smart-table-wrap,
body.ui-runtime .final-visual-table-wrap {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-action-col {
min-width: 0;
}

body.ui-runtime .api-docs-shell,
body.ui-runtime .api-docs-shell,
body.ui-runtime .api-doc-shell,
body.ui-runtime .api-doc-main,
body.ui-runtime .api-docs-content,
body.ui-runtime .api-endpoint-card,
body.ui-runtime .api-endpoint-card,
body.ui-runtime .api-code-panel,
body.ui-runtime .api-code-panel,
body.ui-runtime .api-current-keys,
body.ui-runtime .api-admin-tools {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .api-code-panel pre,
body.ui-runtime .api-code-panel pre,
body.ui-runtime pre,
body.ui-runtime code {
max-width: 100%;
}

body.ui-runtime input[type="checkbox"],
body.ui-runtime input[type="radio"] {
width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  flex: 0 0 16px;
}

@media (max-width: 760px) {
body.ui-runtime .site-nav {
min-width: 0;
    max-width: 100%;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime:not(.store-page) .header-wallet-popover,
body.ui-runtime .wallet-dropdown,
body.ui-runtime .account-dropdown {
right: 0;
    left: auto;
    width: min(336px, calc(100vw - 18px));
}
}

body.ui-runtime {
--maintenance-local-marker: "197-maintenance-local-shell-css-cleanup-guard";
}

body.maintenance-local-page.ui-runtime {
min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(245, 158, 11, .12), transparent 32%),
    linear-gradient(135deg, #f8fafc 0%, #eef2f7 52%, #e5edf8 100%);
  color: #172033;
}

body.ui-runtime .maintenance-local-shell {
min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(232px, 286px) minmax(0, 1fr);
  gap: 22px;
  padding: clamp(14px, 2.4vw, 28px);
  box-sizing: border-box;
}

body.ui-runtime .maintenance-local-menu,
body.ui-runtime .maintenance-local-card {
background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(148, 163, 184, .42);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .10);
  backdrop-filter: blur(14px);
}

body.ui-runtime .maintenance-local-menu {
position: sticky;
  top: clamp(14px, 2.4vw, 28px);
  align-self: start;
  border-radius: 24px;
  padding: 18px;
  min-width: 0;
}

body.ui-runtime .maintenance-local-brand {
display: grid;
  gap: 3px;
  padding: 4px 4px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, .28);
  margin-bottom: 14px;
}

body.ui-runtime .maintenance-local-badge {
width: max-content;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.ui-runtime .maintenance-local-brand strong {
font-size: 18px;
  line-height: 1.2;
}

body.ui-runtime .maintenance-local-brand small,
body.ui-runtime .maintenance-local-note {
color: #64748b;
  line-height: 1.45;
}

body.ui-runtime .maintenance-local-nav {
display: grid;
  gap: 8px;
}

body.ui-runtime .maintenance-local-nav a {
display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 14px;
  color: #334155;
  text-decoration: none;
  border: 1px solid transparent;
  background: transparent;
}

body.ui-runtime .maintenance-local-nav a:hover,
body.ui-runtime .maintenance-local-nav a.active {
background: #f8fafc;
  border-color: rgba(148, 163, 184, .38);
  color: #0f172a;
}

body.ui-runtime .maintenance-local-nav a.active {
box-shadow: inset 3px 0 0 #f59e0b;
}

body.ui-runtime .maintenance-local-nav b {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

body.ui-runtime .maintenance-local-note {
margin: 16px 4px 0;
  font-size: 12px;
}

body.ui-runtime .maintenance-local-main {
display: grid;
  align-items: start;
  min-width: 0;
}

body.ui-runtime .maintenance-local-card {
border-radius: 28px;
  padding: clamp(18px, 2.8vw, 34px);
  min-width: 0;
}

body.ui-runtime .maintenance-local-head {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

body.ui-runtime .maintenance-local-head h1 {
margin: 6px 0 8px;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.04;
  letter-spacing: -.04em;
}

body.ui-runtime .maintenance-local-head p {
margin: 0;
  max-width: 760px;
  color: #475569;
  line-height: 1.55;
}

body.ui-runtime .maintenance-local-state {
display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 108px;
  border-radius: 18px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, .36);
  background: #f8fafc;
}

body.ui-runtime .maintenance-local-state span {
color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime .maintenance-local-state strong {
font-size: 26px;
  line-height: 1;
  letter-spacing: -.04em;
}

body.ui-runtime .maintenance-local-state.is-on strong {
color: #b91c1c;
}

body.ui-runtime .maintenance-local-state.is-off strong {
color: #15803d;
}

body.ui-runtime .maintenance-local-status-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

body.ui-runtime .maintenance-local-status-grid > div {
border: 1px solid rgba(148, 163, 184, .34);
  background: #f8fafc;
  border-radius: 16px;
  padding: 12px 14px;
  min-width: 0;
}

body.ui-runtime .maintenance-local-status-grid span {
display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
}

body.ui-runtime .maintenance-local-status-grid b {
display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #111827;
}

body.ui-runtime .maintenance-local-form {
display: grid;
  gap: 14px;
  margin-top: 18px;
}

body.ui-runtime .maintenance-local-form label {
display: grid;
  gap: 7px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime .maintenance-local-form input,
body.ui-runtime .maintenance-local-form textarea {
width: 100%;
  box-sizing: border-box;
}

body.ui-runtime .maintenance-local-actions {
display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

body.ui-runtime .maintenance-local-footnote {
margin-top: 18px;
  overflow-wrap: anywhere;
}

@media (max-width: 860px) {
body.ui-runtime .maintenance-local-shell {
grid-template-columns: 1fr;
}

body.ui-runtime .maintenance-local-menu {
position: relative;
    top: auto;
}

body.ui-runtime .maintenance-local-nav {
display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

body.ui-runtime .maintenance-local-nav a {
min-width: max-content;
}

body.ui-runtime .maintenance-local-head,
body.ui-runtime .maintenance-local-status-grid {
grid-template-columns: 1fr;
}

body.ui-runtime .maintenance-local-state {
justify-items: start;
    width: 100%;
    box-sizing: border-box;
}
}

@media (max-width: 520px) {
body.ui-runtime .maintenance-local-shell {
padding: 10px;
    gap: 12px;
}

body.ui-runtime .maintenance-local-menu,
body.ui-runtime .maintenance-local-card {
border-radius: 18px;
    padding: 14px;
}

body.ui-runtime .maintenance-local-actions .btn {
width: 100%;
}
}

body.ui-runtime {
--maintenance-simple-marker: "198-maintenance-simple-header-mobile-rootfix";
}

body.ui-runtime.maintenance-local-page .maintenance-local-form {
grid-template-columns: 1fr;
}

body.ui-runtime.maintenance-local-page .maintenance-local-footnote {
border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  padding: 10px 12px;
}

body.ui-runtime.store-page .account-box {
display: flex;
  min-width: 0;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 1120px) {

body.ui-runtime.store-page .brand {
grid-column: 1; grid-row: 1;
}

body.ui-runtime.store-page .site-nav {
grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

body.ui-runtime.store-page .site-nav::-webkit-scrollbar {
display: none;
}

body.ui-runtime.store-page .account-box {
grid-column: 3;
    grid-row: 1;
    display: flex;
}
}

@media (max-width: 760px) {

body.ui-runtime.store-page .brand {
grid-column: 1; grid-row: 1; min-width: 0;
}

body.ui-runtime.store-page .account-box {
grid-column: 2;
    grid-row: 1;
    display: flex;
    width: auto;
    max-width: 48vw;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

body.ui-runtime.store-page .site-nav {
grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    order: initial;
}
}

@media (max-width: 430px) {

body.ui-runtime.store-page .brand-text small {
display: none;
}

body.ui-runtime.store-page .account-box {
max-width: 52vw;
}
}

body.ui-runtime {
--mobile-header-menu-marker: "199-mobile-header-menu-admin-account-rootfix";
}

body.ui-runtime .header-mobile-nav {
display: none;
  position: relative;
  min-width: 0;
}

body.ui-runtime .header-mobile-nav > summary {
min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  background: #fff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

body.ui-runtime .header-mobile-nav > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.admin-page .header-mobile-nav > summary {
border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #f8fafc;
}

body.ui-runtime .header-mobile-nav .mobile-nav-kicker {
color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

body.ui-runtime.admin-page .header-mobile-nav .mobile-nav-kicker {
color: #cbd5e1;
}

body.ui-runtime .header-mobile-nav b {
max-width: 118px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .mobile-nav-caret {
color: #94a3b8;
  font-size: 13px;
  line-height: 1;
}

body.ui-runtime .mobile-nav-popover {
position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 620;
  width: min(320px, calc(100vw - 20px));
  max-height: min(68vh, 560px);
  overflow: auto;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 54px rgba(15,23,42,.18);
}

body.ui-runtime .mobile-nav-popover::before {
content: "";
  position: absolute;
  top: -7px;
  right: 24px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  border-left: 1px solid rgba(15,23,42,.10);
  border-top: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.98);
}

body.ui-runtime .mobile-nav-popover a,
body.ui-runtime .mobile-nav-admin-trigger {
min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: #334155;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}

body.ui-runtime .mobile-nav-popover a:hover,
body.ui-runtime .mobile-nav-popover a.active,
body.ui-runtime .mobile-nav-admin-trigger:hover {
border-color: rgba(240,68,43,.14);
  background: #fff7ed;
  color: #ef442b;
}

body.ui-runtime .mobile-nav-popover .nav-badge,
body.ui-runtime .mobile-nav-popover .menu-badge {
margin-left: auto;
}

@media (max-width: 1120px) {
body.ui-runtime .account-box {
display: flex;
    min-width: 0;
    flex: 0 0 auto;
}

body.ui-runtime.admin-page .account-box {
justify-content: flex-end;
}
}

@media (max-width: 760px) {
body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    min-height: 58px;
    padding: 8px 0;
}

body.ui-runtime .brand,
body.ui-runtime.store-page .brand,
body.ui-runtime.admin-page .brand {
grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

body.ui-runtime .brand-text b {
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime .header-mobile-nav {
grid-column: 2;
    grid-row: 1;
    display: block;
}

body.ui-runtime .account-box,
body.ui-runtime.store-page .account-box,
body.ui-runtime.admin-page .account-box {
grid-column: 3;
    grid-row: 1;
    display: flex;
    width: auto;
    max-width: 42vw;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

body.ui-runtime:not(.store-page) .header-account-menu {
display: block;
    min-width: 0;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
min-height: 38px;
    max-width: 42vw;
    padding-inline: 7px;
    gap: 6px;
}

body.ui-runtime .account-role {
display: none;
}

body.ui-runtime .account-name {
display: inline-block;
    max-width: calc(42vw - 48px);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .account-dropdown {
position: fixed;
    top: 62px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 76px);
    overflow: auto;
}

body.ui-runtime .mobile-nav-popover {
position: fixed;
    top: 62px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 76px);
}

body.ui-runtime .mobile-nav-popover::before {
display: none;
}
}

@media (max-width: 520px) {
body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 6px;
}

body.ui-runtime .brand-mark {
width: 32px;
    height: 32px;
}

body.ui-runtime .brand-text small {
display: none;
}

body.ui-runtime .header-mobile-nav > summary {
padding-inline: 9px;
}

body.ui-runtime .header-mobile-nav .mobile-nav-kicker,
body.ui-runtime .header-mobile-nav b {
display: none;
}

body.ui-runtime .header-mobile-nav > summary::before {
content: "Menu";
    font-size: 12px;
    font-weight: 700;
}

body.ui-runtime .account-box,
body.ui-runtime.store-page .account-box,
body.ui-runtime.admin-page .account-box {
max-width: none;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: 38px;
    max-width: 38px;
    justify-content: center;
    padding: 0;
}

body.ui-runtime .account-name,
body.ui-runtime .account-role {
display: none;
}
}

body.ui-runtime {
--mobile-header-composition-marker: "200-mobile-header-composition-admin-user-rootfix";
}

body.ui-runtime .header-mobile-nav {
display: none;
}

@media (max-width: 760px) {
body.ui-runtime .site-mainbar {
overflow: visible;
}

body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand account"
      "mobile-nav mobile-nav";
    gap: 8px 10px;
    align-items: center;
    min-height: auto;
    padding-block: 10px;
    overflow: visible;
}

body.ui-runtime .brand,
body.ui-runtime.store-page .brand,
body.ui-runtime.admin-page .brand {
grid-area: brand;
    min-width: 0;
    max-width: 100%;
}

body.ui-runtime .brand-text {
min-width: 0;
}

body.ui-runtime .brand-text b,
body.ui-runtime .brand-text small {
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime .global-search-placeholder {
display: none;
}

body.ui-runtime .site-nav,
body.ui-runtime.store-page .site-nav,
body.ui-runtime.admin-page .site-nav {
display: none;
}

body.ui-runtime .header-mobile-nav,
body.ui-runtime.store-page .header-mobile-nav,
body.ui-runtime.admin-page .header-mobile-nav {
grid-area: mobile-nav;
    display: block;
    width: 100%;
    min-width: 0;
}

body.ui-runtime .header-mobile-nav > summary {
width: 100%;
    min-height: 42px;
    justify-content: space-between;
    padding: 0 12px;
    border-radius: 14px;
    border-color: rgba(240,68,43,.18);
    background: #fff7ed;
    color: #ef442b;
}

body.ui-runtime.admin-page .header-mobile-nav > summary {
border-color: rgba(240,68,43,.18);
    background: #fff7ed;
    color: #ef442b;
}

body.ui-runtime .header-mobile-nav > summary::before {
content: "☰";
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-right: 2px;
    border-radius: 999px;
    background: rgba(240,68,43,.10);
    color: #ef442b;
    font-size: 14px;
    line-height: 1;
}

body.ui-runtime .header-mobile-nav .mobile-nav-kicker {
display: none;
}

body.ui-runtime .header-mobile-nav b {
display: inline-block;
    max-width: none;
    flex: 1 1 auto;
    text-align: left;
    font-size: 13px;
}

body.ui-runtime .mobile-nav-caret {
margin-left: auto;
}

body.ui-runtime .mobile-nav-popover,
body.ui-runtime .mobile-nav-popover {
position: fixed;
    top: 96px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 112px);
    overflow: auto;
    z-index: 760;
}

body.ui-runtime .mobile-nav-popover::before,
body.ui-runtime .mobile-nav-popover::before {
display: none;
}

body.ui-runtime:not(.store-page) .header-wallet-menu {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-menu {
display: block;
    min-width: 0;
    flex: 0 0 auto;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: 42px;
    max-width: 42px;
    min-width: 42px;
    min-height: 42px;
    justify-content: center;
    padding: 0;
    border-radius: 15px;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-avatar {
margin: 0;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-name,
body.ui-runtime:not(.store-page) .header-account-menu .account-role {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .account-dropdown {
position: fixed;
    top: 58px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 74px);
    overflow: auto;
    z-index: 780;
}

body.ui-runtime:not(.store-page) .header-account-popover::before,
body.ui-runtime .account-dropdown::before {
display: none;
}
}

body.ui-runtime {
--mobile-header-single-source-marker: "201-mobile-header-single-source-rootfix";
  --mobile-header-breakpoint: 1024px;
}

@media (min-width: 1025px) {
body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
display: grid;
    grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto;
    grid-template-areas: "brand nav account";
    align-items: center;
    gap: 14px;
    overflow: visible;
}

body.ui-runtime .brand,
body.ui-runtime.store-page .brand,
body.ui-runtime.admin-page .brand {
grid-area: brand; min-width: 0;
}

body.ui-runtime .site-nav,
body.ui-runtime.store-page .site-nav,
body.ui-runtime.admin-page .site-nav {
grid-area: nav;
    display: flex;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}

body.ui-runtime .header-mobile-nav,
body.ui-runtime .header-mobile-nav,
body.ui-runtime.store-page .header-mobile-nav,
body.ui-runtime.store-page .header-mobile-nav,
body.ui-runtime.admin-page .header-mobile-nav,
body.ui-runtime.admin-page .header-mobile-nav {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: auto;
    max-width: min(260px, 24vw);
    min-width: 0;
    min-height: 38px;
    justify-content: flex-start;
    padding: 0 11px 0 8px;
    gap: 7px;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-name {
display: inline-block;
    max-width: 120px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-role {
display: inline-block;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}

@media (max-width: 1024px) {

body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-areas:
      "brand account"
      "mobile-nav mobile-nav";
    align-items: center;
    gap: 8px 10px;
    min-height: auto;
    padding-block: 10px;
    overflow: visible;
}

body.ui-runtime .brand,
body.ui-runtime.store-page .brand,
body.ui-runtime.admin-page .brand {
grid-area: brand;
    min-width: 0;
    max-width: 100%;
}

body.ui-runtime .site-header[data-ui-mobile-header-composition="201"] .site-nav,
body.ui-runtime.store-page .site-header[data-ui-mobile-header-composition="201"] .site-nav,
body.ui-runtime.admin-page .site-header[data-ui-mobile-header-composition="201"] .site-nav,
body.ui-runtime .site-nav,
body.ui-runtime.store-page .site-nav,
body.ui-runtime.admin-page .site-nav {
display: none;
    visibility: hidden;
    pointer-events: none;
}

body.ui-runtime .header-mobile-nav,
body.ui-runtime .header-mobile-nav,
body.ui-runtime.store-page .header-mobile-nav,
body.ui-runtime.store-page .header-mobile-nav,
body.ui-runtime.admin-page .header-mobile-nav,
body.ui-runtime.admin-page .header-mobile-nav {
grid-area: mobile-nav;
    display: block;
    width: 100%;
    min-width: 0;
    position: relative;
}

body.ui-runtime .header-mobile-nav > summary,
body.ui-runtime .header-mobile-nav > summary {
width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid rgba(240,68,43,.18);
    border-radius: 14px;
    background: #fff7ed;
    color: #ef442b;
    box-shadow: none;
}

body.ui-runtime .header-mobile-nav > summary::before,
body.ui-runtime .header-mobile-nav > summary::before {
content: "☰";
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 999px;
    background: rgba(240,68,43,.10);
    color: #ef442b;
    font-size: 14px;
    line-height: 1;
}

body.ui-runtime .header-mobile-nav .mobile-nav-kicker,
body.ui-runtime .header-mobile-nav .mobile-nav-kicker {
display: none;
}

body.ui-runtime .header-mobile-nav b,
body.ui-runtime .header-mobile-nav b {
flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime .mobile-nav-popover,
body.ui-runtime .mobile-nav-popover {
position: fixed;
    top: 96px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 112px);
    overflow: auto;
    z-index: 1800;
    display: grid;
    gap: 6px;
}

body.ui-runtime .mobile-nav-popover::before,
body.ui-runtime .mobile-nav-popover::before {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: 42px;
    max-width: 42px;
    min-width: 42px;
    min-height: 42px;
    height: 42px;
    justify-content: center;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime .account-dropdown {
position: fixed;
    top: 58px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 74px);
    overflow: auto;
    z-index: 1820;
}

body.ui-runtime:not(.store-page) .header-account-popover::before,
body.ui-runtime .account-dropdown::before {
display: none;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
z-index: 1900;
}

body.ui-runtime.admin-page .admin-side {
z-index: 1910;
    top: 0;
    max-height: 100dvh;
}
}

body.ui-runtime {
--header-boundary-marker: "202-header-boundary-mobile-nav-rootfix";
  --admin-shell-max: 1680px;
  --mobile-header-cutoff: 1024px;
}

body.ui-runtime .header-mobile-nav,
body.ui-runtime .mobile-nav-menu.header-mobile-nav {
display: none;
}

@media (min-width: 1025px) {
body.ui-runtime.admin-page .site-mainbar-inner,
body.ui-runtime.admin-page .site-utility-inner,
body.ui-runtime.admin-page .main-wrap.wbh-admin-view {
width: min(calc(100% - 32px), var(--admin-shell-max));
    max-width: var(--admin-shell-max);
    margin-inline: auto;
}

body.ui-runtime.admin-page .site-mainbar-inner {
display: grid;
    grid-template-columns: minmax(220px, auto) minmax(0, 1fr) max-content;
    grid-template-areas: "brand nav account";
    align-items: center;
    gap: 16px;
    overflow: visible;
}

body.ui-runtime .desktop-site-nav {
grid-area: nav;
    display: flex;
    visibility: visible;
    pointer-events: auto;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}

body.ui-runtime .header-mobile-nav {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-zone,
body.ui-runtime:not(.store-page) .account-box.header-account-zone {
grid-area: account;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    max-width: none;
    overflow: visible;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: auto;
    max-width: min(280px, 24vw);
    min-width: 0;
    min-height: 38px;
    padding: 0 12px 0 8px;
    justify-content: flex-start;
    gap: 7px;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-name {
display: inline-block;
    max-width: 132px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-role {
display: inline-block;
    max-width: 76px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}

@media (max-width: 1024px) {

body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
width: min(100% - 20px, 760px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-areas:
      "brand account"
      "mobile-nav mobile-nav";
    align-items: center;
    gap: 8px 10px;
    min-height: auto;
    padding-block: 10px;
    overflow: visible;
}

body.ui-runtime .desktop-site-nav,
body.ui-runtime.store-page .desktop-site-nav,
body.ui-runtime.admin-page .desktop-site-nav,
body.ui-runtime .site-nav.desktop-site-nav,
body.ui-runtime.store-page .site-nav.desktop-site-nav,
body.ui-runtime.admin-page .site-nav.desktop-site-nav {
display: none;
    visibility: hidden;
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

body.ui-runtime .header-mobile-nav,
body.ui-runtime.store-page .header-mobile-nav,
body.ui-runtime.admin-page .header-mobile-nav {
grid-area: mobile-nav;
    display: block;
    width: 100%;
    min-width: 0;
    position: relative;
}

body.ui-runtime .header-mobile-nav > summary {
width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid rgba(240,68,43,.18);
    border-radius: 14px;
    background: #fff7ed;
    color: #ef442b;
    box-shadow: 0 8px 22px rgba(240,68,43,.06);
}

body.ui-runtime .header-mobile-nav > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime .header-mobile-nav > summary::before {
content: "☰";
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 999px;
    background: rgba(240,68,43,.10);
    color: #ef442b;
    font-size: 14px;
    line-height: 1;
}

body.ui-runtime .header-mobile-nav .mobile-nav-kicker {
display: none;
}

body.ui-runtime .header-mobile-nav b {
flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime .mobile-nav-caret {
margin-left: auto;
}

body.ui-runtime .mobile-nav-popover {
position: fixed;
    top: 96px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 112px);
    overflow: auto;
    z-index: 2200;
    display: grid;
    gap: 6px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 24px 60px rgba(15,23,42,.16);
    backdrop-filter: blur(10px);
}

body.ui-runtime .mobile-nav-popover::before {
display: none;
}

body.ui-runtime .mobile-nav-popover a,
body.ui-runtime .mobile-nav-admin-trigger {
width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
}

body.ui-runtime .mobile-nav-popover a.active,
body.ui-runtime .mobile-nav-popover a:hover,
body.ui-runtime .mobile-nav-admin-trigger:hover {
border-color: rgba(240,68,43,.20);
    background: #fff7ed;
    color: #ef442b;
}

body.ui-runtime:not(.store-page) .header-account-popover {
position: fixed;
    top: 58px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 74px);
    overflow: auto;
    z-index: 2220;
}

}

@media (max-width: 430px) {
body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
grid-template-columns: minmax(0, 1fr) 42px;
    gap: 7px 8px;
}

}

body.ui-runtime {
--mobile-drawer-rootfix-marker: "203-mobile-nav-drawer-single-action-rootfix";
}

body.ui-runtime .user-mobile-menu-backdrop,
body.ui-runtime .user-mobile-side,
body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger {
display: none;
}

@media (min-width: 1025px) {

body.ui-runtime .desktop-site-nav {
display: flex;
    visibility: visible;
    pointer-events: auto;
}

body.ui-runtime.admin-page .site-mainbar-inner,
body.ui-runtime.admin-page .site-utility-inner,
body.ui-runtime.admin-page .main-wrap.wbh-admin-view {
width: min(calc(100% - 32px), var(--admin-shell-max, 1680px));
    max-width: var(--admin-shell-max, 1680px);
}
}

@media (max-width: 1024px) {
body.ui-runtime .site-header,
body.ui-runtime .site-mainbar,
body.ui-runtime .site-mainbar-inner {
overflow: visible;
}

body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
width: min(100% - 20px, 760px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-areas: "mobile-nav brand account";
    align-items: center;
    gap: 8px;
    min-height: auto;
    padding-block: 10px;
    overflow: visible;
}

body.ui-runtime .brand {
grid-area: brand;
    min-width: 0;
    max-width: 100%;
}

body.ui-runtime .brand-text b,
body.ui-runtime .brand-text small {
max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime .global-search-placeholder {
display: none;
}

body.ui-runtime .desktop-site-nav,
body.ui-runtime.store-page .desktop-site-nav,
body.ui-runtime.admin-page .desktop-site-nav,
body.ui-runtime .site-nav.desktop-site-nav,
body.ui-runtime.store-page .site-nav.desktop-site-nav,
body.ui-runtime.admin-page .site-nav.desktop-site-nav,
body.ui-runtime .header-mobile-nav,
body.ui-runtime .header-mobile-nav,
body.ui-runtime .header-mobile-nav {
display: none;
    visibility: hidden;
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger {
grid-area: mobile-nav;
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    min-height: 42px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(240,68,43,.18);
    border-radius: 15px;
    background: #fff7ed;
    color: #ef442b;
    box-shadow: 0 8px 22px rgba(240,68,43,.06);
    cursor: pointer;
}

body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger span {
display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(240,68,43,.10);
    font-size: 15px;
    line-height: 1;
}

body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger b {
display: none;
}

body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger[aria-expanded="true"] {
border-color: rgba(240,68,43,.34);
    background: #fff1e9;
}

body.ui-runtime:not(.store-page) .header-account-zone,
body.ui-runtime:not(.store-page) .account-box.header-account-zone {
grid-area: account;
    display: flex;
    width: 44px;
    max-width: 44px;
    min-width: 44px;
    justify-content: flex-end;
    align-items: center;
    overflow: visible;
    flex-wrap: nowrap;
}

body.ui-runtime:not(.store-page) .header-account-menu {
display: block;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    flex: 0 0 44px;
}

body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: 42px;
    max-width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    justify-content: center;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-avatar {
margin: 0;
}

body.ui-runtime:not(.store-page) .header-account-menu .account-name,
body.ui-runtime:not(.store-page) .header-account-menu .account-role {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-popover {
position: fixed;
    top: 58px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 74px);
    overflow: auto;
    z-index: 2350;
}

body.ui-runtime:not(.store-page) .header-account-popover::before {
display: none;
}

body.ui-runtime.store-page .user-mobile-menu-backdrop {
position: fixed;
    inset: 0;
    display: none;
    background: rgba(15,23,42,.38);
    z-index: 2300;
}

body.ui-runtime.store-page.user-nav-open .user-mobile-menu-backdrop {
display: block;
}

body.ui-runtime.store-page .user-mobile-side {
position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: min(86vw, 320px);
    max-width: 320px;
    height: 100dvh;
    padding: 14px;
    border-right: 1px solid #e2e8f0;
    background: rgba(255,255,255,.98);
    box-shadow: 28px 0 70px rgba(15,23,42,.18);
    transform: translateX(-104%);
    transition: transform .18s ease;
    z-index: 2310;
    overflow: hidden;
}

body.ui-runtime.store-page.user-nav-open .user-mobile-side {
transform: translateX(0);
}

body.ui-runtime .user-side-title {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 0 12px;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
}

body.ui-runtime .user-side-title b {
display: block;
    font-size: 14px;
    font-weight: 700;
}

body.ui-runtime .user-side-title span {
display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

body.ui-runtime .user-side-close {
width: 34px;
    height: 34px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #475569;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

body.ui-runtime .user-side-nav {
display: grid;
    gap: 6px;
    padding-top: 12px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body.ui-runtime .user-side-nav a {
min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

body.ui-runtime .user-side-nav a:hover,
body.ui-runtime .user-side-nav a.active {
border-color: rgba(240,68,43,.20);
    background: #fff7ed;
    color: #ef442b;
}

body.ui-runtime .user-side-nav .nav-badge {
margin-left: auto;
}

body.ui-runtime.admin-page .admin-mobile-menu-backdrop {
z-index: 2300;
}

body.ui-runtime.admin-page .admin-side {
z-index: 2310;
    top: 0;
    max-height: 100dvh;
}
}

@media (max-width: 430px) {
body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
width: min(100% - 16px, 760px);
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 7px;
}

body.ui-runtime .brand-mark {
width: 34px; height: 34px;
}

body.ui-runtime .brand-text small {
display: none;
}
}

body.ui-runtime {
--header-account-max: min(430px, 38vw);
  --header-nav-gap: 4px;
  --admin-floating-menu-z: 7600;
}

body.ui-runtime .site-header,
body.ui-runtime .site-mainbar,
body.ui-runtime .site-mainbar-inner,
body.ui-runtime .account-box,
body.ui-runtime:not(.store-page) .header-account-menu,
body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-zone {
overflow: visible;
}

@media (min-width: 1025px) {
body.ui-runtime .site-mainbar-inner {
display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(220px, max-content);
    grid-template-areas: "brand nav account";
    align-items: center;
    gap: 14px;
}

body.ui-runtime.admin-page .site-mainbar-inner{
width: min(calc(100% - 32px), var(--admin-shell-max, 1680px));
    max-width: var(--admin-shell-max, 1680px);
}

body.ui-runtime .brand {
grid-area: brand; min-width: 0;
}

body.ui-runtime .desktop-site-nav {
grid-area: nav;
    display: flex;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    justify-content: flex-start;
}

body.ui-runtime .desktop-site-nav::-webkit-scrollbar {
display: none;
}

body.ui-runtime .desktop-site-nav > * {
flex: 0 0 auto;
}

body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger,
body.ui-runtime .user-mobile-menu-backdrop,
body.ui-runtime .user-mobile-side {
display: none;
}

body.ui-runtime:not(.store-page) .account-box.header-account-zone {
grid-area: account;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    width: auto;
    min-width: 220px;
    max-width: var(--header-account-max);
    justify-self: end;
    flex-wrap: nowrap;
}

body.ui-runtime:not(.store-page) .header-wallet-menu,
body.ui-runtime:not(.store-page) .header-account-menu {
flex: 0 1 auto; min-width: 0;
}

body.ui-runtime:not(.store-page) .header-wallet-menu > summary {
max-width: min(190px, 17vw);
}

body.ui-runtime:not(.store-page) .header-wallet-menu .wallet-amount,
body.ui-runtime:not(.store-page) .header-account-menu .account-name {
min-width: 0;
    max-width: min(150px, 15vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}

@media (max-width: 1024px) {
body.ui-runtime .site-mainbar-inner,
body.ui-runtime.admin-page .site-mainbar-inner{
display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-areas: "mobile-nav brand account";
    align-items: center;
    gap: 8px;
    overflow: visible;
}

body.ui-runtime .desktop-site-nav,
body.ui-runtime .site-nav.desktop-site-nav,
body.ui-runtime .header-mobile-nav,
body.ui-runtime .header-mobile-nav,
body.ui-runtime .header-mobile-nav {
display: none;
    visibility: hidden;
    pointer-events: none;
}

body.ui-runtime:not(.store-page) .header-mobile-drawer-trigger {
grid-area: mobile-nav;
    display: inline-grid;
}

body.ui-runtime .brand {
grid-area: brand; justify-self: center; max-width: 100%;
}

body.ui-runtime .brand-text {
min-width: 0;
}

body.ui-runtime .brand-text b,
body.ui-runtime .brand-text small {
display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-runtime:not(.store-page) .account-box.header-account-zone {
grid-area: account;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    justify-self: end;
    overflow: visible;
}

body.ui-runtime:not(.store-page) .header-wallet-menu {
display: none;
}

body.ui-runtime:not(.store-page) .header-account-menu,
body.ui-runtime:not(.store-page) .header-account-menu > summary {
width: 42px;
    min-width: 42px;
    max-width: 42px;
}

body.ui-runtime:not(.store-page) .header-account-popover,
body.ui-runtime:not(.store-page) .account-dropdown.header-account-popover {
position: fixed;
    top: 58px;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 74px);
    overflow: auto;
    z-index: 2350;
}
}

body.ui-runtime .ui-data-table-wrap,
body.ui-runtime .ui-smart-table-wrap,
body.ui-runtime .admin-core-table-wrap {
overflow: auto;
  overflow-y: visible;
}

body.ui-runtime .page-command.is-page-title-duplicate-collapsed,
body.ui-runtime .page-command:has(.market-eyebrow + p) {
padding-block: 14px;
}

body.ui-runtime .content-pages-form .content-admin-section {
border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  box-shadow: 0 10px 26px rgba(15,23,42,.04);
}

body.ui-runtime .content-pages-form textarea {
min-height: 220px;
  line-height: 1.55;
}

body.ui-runtime .admin-notification-stack .notification-card,
body.ui-runtime .content-page-card {
overflow-wrap: anywhere;
}

body.ui-runtime {
--admin-shell-max: 1680px;
  --user-shell-max: 1260px;
  --admin-desktop-gutter: 32px;
  --user-desktop-gutter: 32px;
}

body.ui-runtime.admin-page .wbh-admin-view,
body.ui-runtime.admin-page .admin-shell,
body.ui-runtime.admin-page .admin-main,
body.ui-runtime.admin-page .admin-app-footer,
body.ui-runtime.store-page .wbh-user-view,
body.ui-runtime.store-page .user-app-footer {
box-sizing: border-box;
  min-width: 0;
}

/* Admin main is a grid container. Direct grid items must be allowed to shrink
 * below their min-content width; wide data tables then scroll inside their
 * TableUi wrapper instead of widening the whole mobile/admin viewport. */
body.ui-runtime.admin-page .admin-main > * {
  min-width: 0;
  max-width: 100%;
}

@media (min-width: 1025px) {
body.ui-runtime.admin-page .site-mainbar-inner,
body.ui-runtime.admin-page .main-wrap.wbh-admin-view {
width: min(calc(100% - var(--admin-desktop-gutter)), var(--admin-shell-max));
    max-width: var(--admin-shell-max);
}

body.ui-runtime.store-page .main-wrap.wbh-user-view{
width: min(calc(100% - var(--user-desktop-gutter)), var(--user-shell-max));
    max-width: var(--user-shell-max);
}

body.ui-runtime.admin-page .admin-shell[data-ui-region="header"] {
width: 100%;
    max-width: none;
}

body.ui-runtime.store-page .app-footer.user-app-footer {
width: 100%;
    max-width: none;
    margin: 24px 0 0;
    padding: 14px 0 22px;
    border-top: 1px solid #e5eaf2;
    background: transparent;
}

}

@media (max-width: 1024px) {
body.ui-runtime.admin-page .site-mainbar-inner,
body.ui-runtime.admin-page .main-wrap.wbh-admin-view,
body.ui-runtime.store-page .main-wrap.wbh-user-view{
width: min(100% - 20px, 760px);
    max-width: 760px;
}

body.ui-runtime .app-footer[data-ui-region="footer"] {
width: 100%;
    max-width: none;
    margin-inline: 0;
    align-items: flex-start;
    flex-direction: column;
}

body.ui-runtime .app-footer[data-ui-region="footer"] .footer-brand {
max-width: 100%;
}

body.ui-runtime .app-footer[data-ui-region="footer"] .footer-links {
justify-content: flex-start;
}
}

body.ui-runtime.store-page .desktop-site-nav {
flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
  align-items: center;
}

body.ui-runtime.store-page .desktop-site-nav > a {
flex: 0 0 auto;
}

body.ui-runtime.store-page .site-nav-more.user-desktop-more {
position: relative;
  flex: 0 0 auto;
  min-width: 0;
}

body.ui-runtime.store-page .site-nav-more.user-desktop-more > summary {
list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 999px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  user-select: none;
}

body.ui-runtime.store-page .site-nav-more.user-desktop-more > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.store-page .site-nav-more.user-desktop-more > summary:hover,
body.ui-runtime.store-page .site-nav-more.user-desktop-more > summary.active,
body.ui-runtime.store-page .site-nav-more.user-desktop-more[open] > summary {
background: var(--brand-soft);
  color: var(--brand);
}

body.ui-runtime.store-page .site-nav-more-list.header-nav-more-popover {
position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1180;
  width: min(260px, calc(100vw - 24px));
  padding: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(15,23,42,.16);
  display: grid;
  gap: 4px;
}

body.ui-runtime.store-page .site-nav-more-list.header-nav-more-popover a {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 11px;
  color: #334155;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  white-space: normal;
}

body.ui-runtime.store-page .site-nav-more-list.header-nav-more-popover a:hover,
body.ui-runtime.store-page .site-nav-more-list.header-nav-more-popover a.active {
background: var(--brand-soft);
  color: var(--brand);
}

body.ui-runtime.route-admin-services-php .service-price-cell,
body.ui-runtime.route-admin-services-php td[data-ui-col="price"] {
white-space: normal;
  vertical-align: middle;
}

body.ui-runtime.route-admin-services-php .service-price-card {
display: grid;
  gap: 7px;
  min-width: 0;
  width: 100%;
}

body.ui-runtime.route-admin-services-php .service-price-main {
display: grid;
  gap: 2px;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: linear-gradient(180deg,#fff,#f8fafc);
}

body.ui-runtime.route-admin-services-php .service-price-main span,
body.ui-runtime.route-admin-services-php .service-price-meta small {
color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}

body.ui-runtime.route-admin-services-php .service-price-main b {
color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.route-admin-services-php .service-price-limits {
display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

body.ui-runtime.route-admin-services-php .service-price-limits span,
body.ui-runtime.route-admin-services-php .service-price-note,
body.ui-runtime.route-admin-services-php .service-price-meta em {
display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 11.5px;
  font-weight: 700;
  font-style: normal;
}

body.ui-runtime.route-admin-services-php .service-price-meta {
display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 6px;
}

body.ui-runtime.route-admin-services-php .service-price-meta span {
display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}

body.ui-runtime.route-admin-services-php .service-price-meta b {
color: #0f172a;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

body.ui-runtime.route-admin-services-php .service-price-meta.is-risk span {
border-color: #fecaca;
  background: #fef2f2;
}

body.ui-runtime.route-admin-services-php .service-price-meta.is-risk b {
color: #991b1b;
}

body.ui-runtime.route-admin-services-php .service-price-meta em {
grid-column: 1 / -1;
  justify-self: start;
}

@media (min-width: 761px) {
body.ui-runtime.route-admin-members-php .member-ledger-table .admin-member-actions {
border: 0;
    box-shadow: none;
    background: transparent;
    min-height: 0;
    padding: 0;
}
}

@media (max-width: 760px) {
body.ui-runtime.store-page .site-nav-more.user-desktop-more {
display: none;
}
}

body.ui-runtime.route-admin-services-php .service-admin-table-wrap {
border-color: #d9e4f2;
  border-radius: 15px;
  box-shadow: 0 12px 32px rgba(15,23,42,.06);
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-gutter: stable;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table th {
padding: 11px 14px;
  background: #f7f9fc;
  color: #172338;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .035em;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table td {
padding: 12px 14px;
  border-bottom: 1px solid #edf2f7;
  vertical-align: middle;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr:nth-child(even) td {
background: #fff;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr:hover td {
background: #fbfdff;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr.has-provider-guard td {
background: #fff7ed;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table a {
color: inherit;
  text-decoration: none;
}

body.ui-runtime.route-admin-services-php .service-identity,
body.ui-runtime.route-admin-services-php .service-group-stack,
body.ui-runtime.route-admin-services-php .service-money-stack,
body.ui-runtime.route-admin-services-php .service-source-stack {
min-width: 0;
}

body.ui-runtime.route-admin-services-php .service-title-line {
display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

body.ui-runtime.route-admin-services-php .service-title-line a {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.route-admin-services-php .service-title-line .cell-title {
display: block;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.route-admin-services-php .service-code-line {
display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-top: 4px;
  color: #64748b;
  font-size: 11.5px;
  font-weight: 700;
}

body.ui-runtime.route-admin-services-php .service-code-line .mono {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
}

body.ui-runtime.route-admin-services-php .service-featured-chip {
flex: 0 0 auto;
  min-height: 20px;
  padding: 0 7px;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 18px;
}

body.ui-runtime.route-admin-services-php .service-group-stack {
display: grid;
  gap: 3px;
}

body.ui-runtime.route-admin-services-php .service-group-stack b {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #172338;
  font-size: 12.5px;
  font-weight: 700;
}

body.ui-runtime.route-admin-services-php .service-group-stack span {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
  font-size: 11.5px;
  font-weight: 700;
}

body.ui-runtime.route-admin-services-php .service-money-stack,
body.ui-runtime.route-admin-services-php .service-source-stack {
display: grid;
  gap: 6px;
}

body.ui-runtime.route-admin-services-php .service-money-top,
body.ui-runtime.route-admin-services-php .service-source-top,
body.ui-runtime.route-admin-services-php .service-rule-line,
body.ui-runtime.route-admin-services-php .service-cost-line {
display: flex;
  align-items: center;
  min-width: 0;
  gap: 6px;
  flex-wrap: wrap;
}

body.ui-runtime.route-admin-services-php .service-money-top b {
color: #0f172a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.route-admin-services-php .service-money-top span,
body.ui-runtime.route-admin-services-php .service-rule-line span,
body.ui-runtime.route-admin-services-php .service-source-pill {
display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
}

body.ui-runtime.route-admin-services-php .service-source-pill.is-local {
border-color: #c7d2fe;
  background: #eef2ff;
  color: #3730a3;
}

body.ui-runtime.route-admin-services-php .service-source-pill.is-remote {
border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

body.ui-runtime.route-admin-services-php .service-cost-line,
body.ui-runtime.route-admin-services-php .service-source-meta {
color: #64748b;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
}

body.ui-runtime.route-admin-services-php .service-cost-line span,
body.ui-runtime.route-admin-services-php .service-source-meta {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.route-admin-services-php .service-cost-line b {
color: #0f172a;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.route-admin-services-php .service-cost-line.is-risk b,
body.ui-runtime.route-admin-services-php .service-source-top b.is-empty,
body.ui-runtime.route-admin-services-php .service-source-alert {
color: #b91c1c;
}

body.ui-runtime.route-admin-services-php .service-cost-line.is-ok span:last-child b,
body.ui-runtime.route-admin-services-php .service-source-top b.is-ok {
color: #047857;
}

body.ui-runtime.route-admin-services-php .service-source-top b.is-low {
color: #b45309;
}

body.ui-runtime.route-admin-services-php .service-source-top b {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #172338;
  font-size: 12.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.ui-runtime.route-admin-services-php .service-source-alert {
font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
}

body.ui-runtime.route-admin-services-php .service-status-note {
margin-top: 5px;
  font-size: 11px;
}

body.ui-runtime.route-admin-services-php .services-actions-cell,
body.ui-runtime.route-admin-services-php td[data-ui-col="actions"] {
width: 96px;
  min-width: 96px;
  max-width: 96px;
  padding-left: 8px;
  padding-right: 14px;
  text-align: right;
  white-space: nowrap;
  overflow: visible;
}

body.ui-runtime.route-admin-services-php .service-actions,
body.ui-runtime.route-admin-services-php .services-action-menu {
display: inline-flex;
  justify-content: flex-end;
  width: auto;
  max-width: 100%;
  border: 0;
  box-shadow: none;
  background: transparent;
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-services-php .service-admin-table-wrap {
border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr {
border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

body.ui-runtime.route-admin-services-php .admin-services-core-table td {
padding: 10px 12px;
}

body.ui-runtime.route-admin-services-php .services-actions-cell,
body.ui-runtime.route-admin-services-php td[data-ui-col="actions"] {
width: auto;
    max-width: none;
    padding-right: 12px;
}
}

@media (min-width: 761px) {

}

body.ui-runtime.admin-page .admin-filter-contract {
display: grid;
  gap: 12px;
  padding: 14px;
  border-color: #dbe5f1;
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow: 0 10px 26px rgba(15,23,42,.045);
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6edf5;
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-head h2 {
margin: 0 0 3px;
  font-size: 15px;
  line-height: 1.25;
  color: #0f172a;
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-head p {
margin: 0;
  font-size: 12px;
}

body.ui-runtime.admin-page .admin-filter-grid {
display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px 12px;
  align-items: end;
}

body.ui-runtime.admin-page .admin-filter-grid.is-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-filter-grid.is-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-filter-grid.is-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-filter-grid.is-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-filter-contract .form-row,
body.ui-runtime.admin-page .admin-filter-contract .admin-filter-field {
min-width: 0;
  margin: 0;
}

body.ui-runtime.admin-page .admin-filter-contract .form-row > label,
body.ui-runtime.admin-page .admin-filter-contract .admin-filter-field > label {
display: block;
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #64748b;
}

body.ui-runtime.admin-page .admin-filter-contract :is(input,select,textarea) {
width: 100%;
  min-width: 0;
  min-height: 38px;
  border-color: var(--ui-field-border);
  background-color: var(--ui-field-bg);
  box-shadow: 0 1px 1px rgba(15,23,42,.035);
}

body.ui-runtime.admin-page .admin-filter-contract :is(input,select,textarea):hover {
  border-color: var(--ui-field-border-hover);
}

body.ui-runtime.admin-page .admin-filter-contract :is(input,select,textarea):focus {
border-color: var(--ui-field-border-focus);
  box-shadow: 0 0 0 3px var(--ui-field-ring);
}

body.ui-runtime.admin-page .admin-filter-contract .checkline,
body.ui-runtime.admin-page .admin-filter-contract .check-line {
min-height: 38px;
  padding: 9px 10px;
  border: 1px solid #d7e2ee;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.ui-runtime.admin-page .admin-filter-contract .checkline input,
body.ui-runtime.admin-page .admin-filter-contract .check-line input {
width: auto;
  min-height: 0;
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-actions,
body.ui-runtime.admin-page .admin-filter-contract .ui-filter-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 10px;
  border-top: 1px solid #e6edf5;
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-actions .btn {
min-height: 34px;
  border-radius: 10px;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-filter-contract.is-compact {
padding: 12px;
  gap: 10px;
}

body.ui-runtime.admin-page .admin-filter-contract.is-compact .admin-filter-grid {
gap: 8px 10px;
}

body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .section-title {
margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6edf5;
}

body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .form-grid.four,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row {
display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px 12px;
  align-items: end;
}

body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row .form-row:first-child {
grid-column: span 3;
}

body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row .actions {
justify-content: flex-end;
  padding-top: 0;
}

@media (max-width: 1180px) {
body.ui-runtime.admin-page .admin-filter-grid,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-5,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-6,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .form-grid.four,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row {
grid-template-columns: repeat(3,minmax(0,1fr));
}

body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row .form-row:first-child {
grid-column: span 2;
}
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .admin-filter-contract {
padding: 12px;
    border-radius: 14px;
    gap: 10px;
}

body.ui-runtime.admin-page .admin-filter-grid,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-2,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-3,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-4,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-5,
body.ui-runtime.admin-page .admin-filter-grid.is-cols-6,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .form-grid.four,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row {
grid-template-columns: 1fr;
    gap: 9px;
}

body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row .form-row:first-child {
grid-column: auto;
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-actions,
body.ui-runtime.admin-page .admin-filter-contract .ui-filter-actions,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row .actions {
justify-content: stretch;
}

body.ui-runtime.admin-page .admin-filter-contract .admin-filter-actions .btn,
body.ui-runtime.admin-page .admin-filter-contract .ui-filter-actions .btn,
body.ui-runtime.admin-page .inventory-filter-card.admin-filter-contract .inventory-search-row .btn {
width: 100%;
    justify-content: center;
}
}

body.ui-runtime :is(.ui-form,.stack-form,.modal-form-body,.admin-filter-contract) :is(input,select,textarea) {
max-width: 100%;
}

body.ui-runtime .ui-input-control,
body.ui-runtime .password-control,
body.ui-runtime .money-control {
position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

body.ui-runtime .password-control input {
width: 100%;
  padding-right: 62px;
}

body.ui-runtime .password-toggle {
position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 48px;
  height: 28px;
  padding: 0 9px;
  border: 1px solid #d7e2ee;
  border-radius: 9px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

body.ui-runtime .password-toggle:hover,
body.ui-runtime .password-toggle:focus-visible {
border-color: #93b4e7;
  background: #fff;
  color: #1d4ed8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}

body.ui-runtime .money-control input {
width: 100%;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: .01em;
}

body.ui-runtime .money-control input::placeholder {
text-align: left;
  font-weight: 500;
  letter-spacing: 0;
}

body.ui-runtime :is(.password-control,.money-control).has-field-error input,
body.ui-runtime input[aria-invalid="true"],
body.ui-runtime select[aria-invalid="true"],
body.ui-runtime textarea[aria-invalid="true"] {
border-color: #fca5a5;
  box-shadow: 0 0 0 3px rgba(239,68,68,.12);
}

body.ui-runtime .field-error-msg {
margin-top: 5px;
  color: #b91c1c;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

body.ui-runtime .modal-form-body :is(.form-row,label.field-group,label) > :is(input,select,textarea),
body.ui-runtime .modal-form-body :is(.form-row,label.field-group,label) > .ui-input-control {
margin-top: 5px;
}

body.ui-runtime .modal-form-body .form-grid,
body.ui-runtime .modal-form-body .grid {
min-width: 0;
}

body.ui-runtime .modal-foot {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e6edf5;
}

body.ui-runtime .ui-modal-body > form > .modal-foot,
body.ui-runtime .modal-form-body form > .modal-foot {
position: sticky;
  bottom: -1px;
  z-index: 2;
  margin-left: -2px;
  margin-right: -2px;
  padding-bottom: 2px;
  background: linear-gradient(180deg,rgba(255,255,255,.92),#fff 42%);
  backdrop-filter: blur(6px);
}

body.ui-runtime .modal-foot .btn {
min-height: 36px;
  border-radius: 10px;
}

@media (max-width: 640px) {
body.ui-runtime .modal-foot {
justify-content: stretch;
}

body.ui-runtime .modal-foot .btn {
width: 100%;
    min-height: 48px;
    justify-content: center;
}
}

body.ui-runtime.admin-page .admin-page-actions {
display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px 14px;
  align-items: center;
  padding: 12px 14px;
  margin-bottom: 12px;
  border-color: #dfe8f3;
  border-radius: 16px;
  background: linear-gradient(180deg,#fff,#fbfdff);
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}

body.ui-runtime.admin-page .admin-page-actions-main {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-page-actions-main .btn,
body.ui-runtime.admin-page .admin-page-actions-main button {
min-height: 34px;
  border-radius: 10px;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-page-actions-main .inline-form,
body.ui-runtime.admin-page .admin-page-actions-main form {
display: inline-flex;
  align-items: center;
  margin: 0;
}

body.ui-runtime.admin-page .admin-page-actions-note {
color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

body.ui-runtime.admin-page .admin-notice-card {
display: grid;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 16px;
  border-color: #dbeafe;
  border-left: 3px solid #3b82f6;
  background: #f8fbff;
  color: #1e3a8a;
}

body.ui-runtime.admin-page .admin-notice-card.is-warning,
body.ui-runtime.admin-page .admin-notice-card.alert-warning {
border-color: #fde68a;
  border-left-color: #f59e0b;
  background: #fffbeb;
  color: #92400e;
}

body.ui-runtime.admin-page .admin-notice-card.is-danger,
body.ui-runtime.admin-page .admin-notice-card.alert-danger {
border-color: #fecaca;
  border-left-color: #ef4444;
  background: #fff7f7;
  color: #991b1b;
}

body.ui-runtime.admin-page .admin-notice-body {
color: #334155;
  line-height: 1.45;
}

body.ui-runtime.admin-page .admin-metric-grid {
display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin: 0 0 14px;
}

body.ui-runtime.admin-page .admin-metric-grid.is-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-metric-grid.is-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-metric-grid.is-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-metric-grid.is-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr));
}

body.ui-runtime.admin-page .admin-metric-grid > .status-pill,
body.ui-runtime.admin-page .admin-metric-pill {
display: grid;
  align-content: start;
  gap: 4px;
  min-height: 76px;
  padding: 12px 13px;
  border-radius: 16px;
  border: 1px solid #dfe8f3;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15,23,42,.04);
  color: #0f172a;
  white-space: normal;
}

body.ui-runtime.admin-page .admin-metric-grid > .status-pill span,
body.ui-runtime.admin-page .admin-metric-pill span {
display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.ui-runtime.admin-page .admin-metric-grid > .status-pill b,
body.ui-runtime.admin-page .admin-metric-pill b {
display: block;
  min-width: 0;
  color: #0f172a;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 700;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .admin-metric-grid > .status-pill small,
body.ui-runtime.admin-page .admin-metric-pill small {
display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 600;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .admin-detail-grid {
gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}

body.ui-runtime.admin-page .admin-detail-card {
border-color: #dfe8f3;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}

body.ui-runtime.admin-page .admin-detail-card > h2,
body.ui-runtime.admin-page .admin-detail-card .admin-section-head h2 {
margin-top: 0;
  font-size: 15px;
  letter-spacing: -.01em;
}

body.ui-runtime.admin-page .admin-detail-card .kv {
row-gap: 8px;
}

body.ui-runtime.admin-page .admin-detail-card .section-title,
body.ui-runtime.admin-page .admin-detail-card .admin-section-head {
margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6edf5;
}

body.ui-runtime.admin-page .admin-detail-card textarea {
width: 100%;
  max-width: 100%;
}

body.ui-runtime.admin-page .admin-lazy-tabs .member-tabs,
body.ui-runtime.admin-page .admin-lazy-panel .section-title .actions {
gap: 8px;
}

body.ui-runtime.admin-page .admin-lazy-tabs .member-tabs .btn {
border-radius: 999px;
}

body.ui-runtime.admin-page .admin-pagination-actions {
margin-top: 10px;
}

body.ui-runtime.admin-page .table-section-title,
body.ui-runtime.admin-page .admin-section-head[id="items"] {
margin: 18px 0 8px;
  padding: 12px 14px;
  border: 1px solid #dfe8f3;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15,23,42,.035);
}

body.ui-runtime.admin-page .table-section-title {
font-size: 15px;
  color: #0f172a;
}

@media (max-width: 1180px) {
body.ui-runtime.admin-page .admin-metric-grid,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-5,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-6 {
grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .admin-page-actions {
grid-template-columns: 1fr;
    padding: 12px;
}

body.ui-runtime.admin-page .admin-page-actions-main,
body.ui-runtime.admin-page .admin-page-actions-main .inline-form,
body.ui-runtime.admin-page .admin-page-actions-main form {
width: 100%;
}

body.ui-runtime.admin-page .admin-page-actions-main .btn,
body.ui-runtime.admin-page .admin-page-actions-main button {
width: 100%;
    justify-content: center;
}

body.ui-runtime.admin-page .admin-page-actions-note {
text-align: left;
}

body.ui-runtime.admin-page .admin-metric-grid,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-2,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-3,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-4,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-5,
body.ui-runtime.admin-page .admin-metric-grid.is-cols-6 {
grid-template-columns: 1fr;
}

body.ui-runtime.admin-page .admin-metric-grid > .status-pill,
body.ui-runtime.admin-page .admin-metric-pill {
min-height: 0;
}
}

body.ui-runtime.admin-page .admin-secondary-detail {
border-color: #dfe8f3;
}

body.ui-runtime.admin-page .admin-kv > div:nth-child(odd) {
color: #64748b;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
}

body.ui-runtime.admin-page .admin-kv > div:nth-child(even) {
min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .admin-operation-grid {
display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}

body.ui-runtime.admin-page .admin-operation-item {
display: grid;
  gap: 12px;
  align-content: space-between;
  min-height: 132px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #f8fafc;
}

body.ui-runtime.admin-page .admin-operation-item.is-warn {
border-color: #fed7aa;
  background: #fff7ed;
}

body.ui-runtime.admin-page .admin-operation-item.is-danger {
border-color: #fecaca;
  background: #fff1f2;
}

body.ui-runtime.admin-page .admin-operation-actions,
body.ui-runtime.admin-page .admin-operation-actions form {
display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

body.ui-runtime.admin-page .admin-operation-actions .btn,
body.ui-runtime.admin-page .admin-operation-actions button {
min-height: 34px;
}

body.ui-runtime.admin-page .admin-quick-form {
display: grid;
  gap: 12px;
}

body.ui-runtime.admin-page .admin-raw-box {
max-height: 430px;
  overflow: auto;
  margin-top: 10px;
}

body.ui-runtime.admin-page .admin-instruction-box {
margin-top: 14px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #f8fafc;
}

body.ui-runtime.admin-page .admin-instruction-box p {
margin: 6px 0 0;
}

body.ui-runtime.admin-page .import-job-control-panel .section-title {
margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6edf5;
}

body.ui-runtime.admin-page .admin-job-controls {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

body.ui-runtime.admin-page .admin-job-controls .btn,
body.ui-runtime.admin-page .admin-job-controls button {
min-height: 34px;
}

body.ui-runtime.admin-page .import-job-control-panel .status-grid,
body.ui-runtime.admin-page .import-sample-summary .status-grid {
grid-template-columns: repeat(4,minmax(0,1fr));
  margin-top: 14px;
}

body.ui-runtime.admin-page .import-job-control-panel .progress-line {
margin-top: 4px;
}

body.ui-runtime.admin-page .provider-template-guide {
margin-bottom: 16px;
}

body.ui-runtime.admin-page .provider-template-guide-card .guide-list,
body.ui-runtime.admin-page .provider-template-guide-list {
margin: 0;
  padding-left: 20px;
}

body.ui-runtime.admin-page .provider-template-table th,
body.ui-runtime.admin-page .provider-template-table td {
vertical-align: top;
}

body.ui-runtime.admin-page .provider-template-endpoint {
display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 8px;
  align-items: start;
}

body.ui-runtime.admin-page .provider-template-endpoint code {
display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

body.ui-runtime.admin-page .provider-template-mapping {
display: grid;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime.admin-page .provider-template-map-preview {
display: grid;
  gap: 3px;
  min-width: 0;
}

body.ui-runtime.admin-page .provider-template-map-preview b {
font-size: 12px;
  color: #0f172a;
}

body.ui-runtime.admin-page .provider-template-map-preview span {
color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .provider-template-mapping-detail summary {
cursor: pointer;
  width: max-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid #dbe5f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.admin-page .provider-template-mapping-lines ul {
margin: 8px 0;
  padding-left: 18px;
  color: #475569;
  font-size: 12px;
}

body.ui-runtime.admin-page .provider-template-mapping-detail .mapping-json {
max-height: 240px;
  overflow: auto;
  margin-top: 8px;
  white-space: pre-wrap;
}

@media (max-width: 1180px) {
body.ui-runtime.admin-page .admin-operation-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}

body.ui-runtime.admin-page .import-job-control-panel .status-grid {
grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .admin-operation-grid,
body.ui-runtime.admin-page .import-job-control-panel .status-grid,
body.ui-runtime.admin-page .import-sample-summary .status-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.admin-page .admin-operation-actions,
body.ui-runtime.admin-page .admin-operation-actions form,
body.ui-runtime.admin-page .admin-job-controls {
width: 100%;
}

body.ui-runtime.admin-page .admin-operation-actions .btn,
body.ui-runtime.admin-page .admin-operation-actions button,
body.ui-runtime.admin-page .admin-job-controls .btn,
body.ui-runtime.admin-page .admin-job-controls button {
width: 100%;
    justify-content: center;
}

body.ui-runtime.admin-page .provider-template-endpoint {
grid-template-columns: 1fr;
}
}

body.ui-runtime.ui-admin .admin-command-panel {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-width: 0;
  padding: 16px;
  margin-bottom: 14px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  border: 1px solid #dbe4f0;
  border-left: 3px solid var(--brand);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(15,23,42,.06);
}

body.ui-runtime.ui-admin .admin-command-panel.is-page-title-duplicate-collapsed .admin-command-main h1 {
display: none;
}

body.ui-runtime.ui-admin .admin-command-main {
min-width: 0;
  display: grid;
  gap: 5px;
}

body.ui-runtime.ui-admin .admin-command-main .eyebrow,
body.ui-runtime.ui-admin .admin-command-main .market-eyebrow {
margin: 0;
}

body.ui-runtime.ui-admin .admin-command-main h1,
body.ui-runtime.ui-admin .admin-command-main h2 {
margin: 0;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.02em;
}

body.ui-runtime.ui-admin .admin-command-main p {
max-width: 860px;
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

body.ui-runtime.ui-admin .admin-command-actions {
display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

body.ui-runtime.ui-admin .admin-command-actions .btn {
min-height: 34px;
  white-space: nowrap;
}

body.ui-runtime.ui-admin .admin-command-tile-grid {
margin-bottom: 14px;
}

body.ui-runtime.ui-admin .admin-command-tile {
min-width: 0;
  min-height: 118px;
  border-radius: 15px;
  border-color: #dbe4f0;
  border-top-width: 0;
  border-left: 3px solid var(--brand);
  box-shadow: 0 8px 24px rgba(15,23,42,.05);
}

body.ui-runtime.ui-admin .admin-command-tile:hover {
border-color: #cbd5e1;
  box-shadow: 0 14px 36px rgba(15,23,42,.09);
}

body.ui-runtime.ui-admin .admin-command-tile span {
color: #0f172a;
  font-size: 14px;
  font-weight: 700;
}

body.ui-runtime.ui-admin .admin-command-tile b {
color: #64748b;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

body.ui-runtime.ui-admin .admin-command-tile em {
color: var(--brand);
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.ui-admin .admin-command-tile.tone-green {
border-left-color: var(--success);
}

body.ui-runtime.ui-admin .admin-command-tile.tone-blue {
border-left-color: var(--info);
}

body.ui-runtime.ui-admin .admin-command-tile.tone-danger {
border-left-color: var(--danger);
}

body.ui-runtime.ui-admin .admin-command-tile.tone-neutral {
border-left-color: #94a3b8;
}

body.ui-runtime.ui-admin .admin-status-list {
display: grid;
  gap: 8px;
}

body.ui-runtime.ui-admin .admin-status-row {
display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(0, 1.45fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #94a3b8;
  border-radius: 12px;
  box-shadow: 0 1px 0 rgba(15,23,42,.02);
}

body.ui-runtime.ui-admin .admin-status-row span {
min-width: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime.ui-admin .admin-status-row b {
min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
}

body.ui-runtime.ui-admin .admin-status-row.ok {
border-left-color: var(--success);
}

body.ui-runtime.ui-admin .admin-status-row.warn {
border-left-color: var(--warning);
}

body.ui-runtime.ui-admin .admin-status-row.fail,
body.ui-runtime.ui-admin .admin-status-row.danger {
border-left-color: var(--danger);
}

body.ui-runtime.ui-admin .admin-status-row.info {
border-left-color: var(--info);
}

@media (max-width: 980px) {
body.ui-runtime.ui-admin .admin-command-panel {
grid-template-columns: 1fr;
    align-items: start;
}

body.ui-runtime.ui-admin .admin-command-actions {
justify-content: flex-start;
}

body.ui-runtime.ui-admin .admin-status-row {
grid-template-columns: 1fr;
    align-items: start;
}
}

@media (max-width: 640px) {
body.ui-runtime.ui-admin .admin-command-panel {
padding: 13px;
    border-radius: 14px;
}

body.ui-runtime.ui-admin .admin-command-actions .btn {
width: 100%;
    justify-content: center;
}

body.ui-runtime.ui-admin .admin-command-tile-grid {
grid-template-columns: 1fr;
}
}

body.ui-runtime.ui-admin .admin-report-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 10px;
  margin: 0 0 14px;
  align-items: stretch;
}

body.ui-runtime.ui-admin .admin-report-grid.is-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.ui-admin .admin-report-grid.is-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.ui-runtime.ui-admin .admin-report-grid.is-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.ui-runtime.ui-admin .admin-report-grid.is-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.ui-runtime.ui-admin .admin-report-card {
min-width: 0;
  min-height: 104px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 13px 14px;
  border: 1px solid #dbe5f0;
  border-top: 0;
  border-left: 3px solid var(--brand);
  border-radius: 14px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  box-shadow: 0 8px 22px rgba(15,23,42,.045);
}

body.ui-runtime.ui-admin .admin-report-card-head {
min-width: 0;
  margin: 0;
}

body.ui-runtime.ui-admin .admin-report-card-head span {
min-width: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}

body.ui-runtime.ui-admin .admin-report-card-head i {
flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
}

body.ui-runtime.ui-admin .admin-report-card > b {
min-width: 0;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

body.ui-runtime.ui-admin .admin-report-card > small {
min-width: 0;
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  overflow-wrap: anywhere;
}

body.ui-runtime.ui-admin .admin-report-card.tone-brand {
border-left-color: var(--brand);
}

body.ui-runtime.ui-admin .admin-report-card.tone-blue,
body.ui-runtime.ui-admin .admin-report-card.tone-info {
border-left-color: var(--info);
}

body.ui-runtime.ui-admin .admin-report-card.tone-green,
body.ui-runtime.ui-admin .admin-report-card.tone-ok {
border-left-color: var(--success);
}

body.ui-runtime.ui-admin .admin-report-card.tone-amber,
body.ui-runtime.ui-admin .admin-report-card.tone-yellow,
body.ui-runtime.ui-admin .admin-report-card.tone-orange,
body.ui-runtime.ui-admin .admin-report-card.tone-warn {
border-left-color: var(--warning);
}

body.ui-runtime.ui-admin .admin-report-card.tone-red,
body.ui-runtime.ui-admin .admin-report-card.tone-danger {
border-left-color: var(--danger);
}

body.ui-runtime.ui-admin .admin-report-card.tone-purple {
border-left-color: #7c3aed;
}

body.ui-runtime.ui-admin .admin-report-card.tone-dark,
body.ui-runtime.ui-admin .admin-report-card.tone-neutral {
border-left-color: #64748b;
}

body.ui-runtime.ui-admin .admin-dashboard-summary {
grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

body.ui-runtime.ui-admin .settings-summary,
body.ui-runtime.ui-admin .activity-report-grid {
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

body.ui-runtime.ui-admin .admin-warning-board {
margin-bottom: 14px;
  border-left: 3px solid var(--warning);
}

body.ui-runtime.ui-admin .admin-warning-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

body.ui-runtime.ui-admin .admin-warning-tile {
display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #fde68a;
  border-left: 3px solid var(--warning);
  border-radius: 13px;
  background: #fffbeb;
  color: #92400e;
  text-decoration: none;
}

body.ui-runtime.ui-admin .admin-warning-tile b {
color: #78350f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

body.ui-runtime.ui-admin .admin-warning-tile span {
color: #92400e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

body.ui-runtime.ui-admin .admin-warning-tile.is-danger,
body.ui-runtime.ui-admin .admin-warning-tile.is-red,
body.ui-runtime.ui-admin .admin-warning-tile.is-fail {
border-color: #fecaca;
  border-left-color: var(--danger);
  background: #fff5f5;
  color: #991b1b;
}

body.ui-runtime.ui-admin .admin-warning-tile.is-danger b,
body.ui-runtime.ui-admin .admin-warning-tile.is-red b,
body.ui-runtime.ui-admin .admin-warning-tile.is-fail b,
body.ui-runtime.ui-admin .admin-warning-tile.is-danger span,
body.ui-runtime.ui-admin .admin-warning-tile.is-red span,
body.ui-runtime.ui-admin .admin-warning-tile.is-fail span {
color: #991b1b;
}

body.ui-runtime.ui-admin .admin-summary-bar {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 8px;
  padding: 10px;
}

body.ui-runtime.ui-admin .admin-summary-bar .summary-item {
min-width: 0;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 9px 10px;
}

@media (max-width: 1180px) {
body.ui-runtime.ui-admin .admin-report-grid.is-cols-4,
body.ui-runtime.ui-admin .admin-report-grid.is-cols-5,
body.ui-runtime.ui-admin .admin-report-grid.is-cols-6 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
body.ui-runtime.ui-admin .admin-report-grid,
body.ui-runtime.ui-admin .admin-report-grid.is-cols-3,
body.ui-runtime.ui-admin .admin-report-grid.is-cols-4,
body.ui-runtime.ui-admin .admin-report-grid.is-cols-5,
body.ui-runtime.ui-admin .admin-report-grid.is-cols-6,
body.ui-runtime.ui-admin .admin-warning-grid,
body.ui-runtime.ui-admin .admin-summary-bar {
grid-template-columns: 1fr;
}

body.ui-runtime.ui-admin .admin-report-card {
min-height: auto;
    padding: 12px;
}
}

body.ui-runtime .admin-section-head,
body.ui-runtime.ui-admin .section-title,
body.ui-runtime.ui-admin .table-card-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 13px 15px;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(180deg,#fff,#fbfdff);
}

body.ui-runtime.ui-admin .admin-section-head h2,
body.ui-runtime.ui-admin .section-title h2,
body.ui-runtime.ui-admin .table-card-head h2 {
margin: 0;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.01em;
}

body.ui-runtime.ui-admin .admin-section-head p,
body.ui-runtime.ui-admin .section-title span,
body.ui-runtime.ui-admin .table-card-head span {
margin: 3px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
}

body.ui-runtime.ui-admin .hint-box,
body.ui-runtime.ui-admin .admin-hint-box {
border: 1px solid #dbeafe;
  border-left: 3px solid #3b82f6;
  border-radius: 14px;
  background: #eff6ff;
  color: #1e3a8a;
  padding: 12px 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.ui-runtime.ui-admin .hint-box.small {
padding: 10px 12px; font-size: 12px;
}

body.ui-runtime.ui-admin .activity-list,
body.ui-runtime.ui-admin .admin-activity-list {
display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
}

body.ui-runtime.ui-admin .activity-list > *,
body.ui-runtime.ui-admin .admin-activity-list > * {
min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 10px 12px;
  overflow-wrap: anywhere;
}

body.ui-runtime.ui-admin .kv-list,
body.ui-runtime.ui-admin .admin-kv-list {
display: grid;
  gap: 8px;
  padding: 12px;
}

body.ui-runtime.ui-admin .kv-list > div,
body.ui-runtime.ui-admin .admin-kv-list > div {
display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}

body.ui-runtime.ui-admin .card > .section-title:first-child,
body.ui-runtime.ui-admin .card > .table-card-head:first-child {
margin: -1px -1px 0; border-radius: 14px 14px 0 0;
}

body.ui-runtime.store-page .store-front-hero {
display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(210px, .55fr);
  grid-template-areas: "main wallet" "main stats";
  gap: 14px;
  padding: 18px;
  margin-bottom: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: linear-gradient(135deg,#ffffff 0%,#fff7f3 62%,#fff 100%);
  box-shadow: 0 12px 34px rgba(15,23,42,.07);
  overflow: hidden;
}

body.ui-runtime.store-page .store-front-main {
grid-area: main; min-width: 0; display: grid; gap: 8px; align-content: center;
}

body.ui-runtime.store-page .store-front-main h1 {
margin: 0;
  color: #0f172a;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.04;
  letter-spacing: -.035em;
  font-weight: 700;
}

body.ui-runtime.store-page .store-front-main p {
max-width: 740px;
  margin: 0;
  color: #475569;
  font-size: 13.5px;
  line-height: 1.55;
}

body.ui-runtime.store-page .store-front-actions {
display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 3px;
}

body.ui-runtime.store-page .store-front-wallet,
body.ui-runtime.store-page .store-front-stats > div {
min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 15px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .store-front-wallet {
grid-area: wallet; display: grid; gap: 3px; padding: 13px;
}

body.ui-runtime.store-page .store-front-wallet span,
body.ui-runtime.store-page .store-front-stats span {
color: #64748b; font-size: 11.5px; font-weight: 700;
}

body.ui-runtime.store-page .store-front-wallet b {
color: #ee4d2d; font-size: 18px; line-height: 1.15; overflow-wrap: anywhere;
}

body.ui-runtime.store-page .store-front-wallet small {
color: #64748b; font-size: 12px; font-weight: 600;
}

body.ui-runtime.store-page .store-front-stats {
grid-area: stats; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;
}

body.ui-runtime.store-page .store-front-stats > div {
padding: 11px 12px; display: grid; gap: 3px;
}

body.ui-runtime.store-page .store-front-stats b {
color: #0f172a; font-size: 17px; line-height: 1.1;
}

body.ui-runtime.store-page .store-controls {
border-color: #dbe3ee; box-shadow: 0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime.store-page .user-store-grid,
body.ui-runtime.store-page .related-grid {
display: grid;
  grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
  align-items: stretch;
  gap: 14px;
}

body.ui-runtime.store-page .catalog-card {
height: 100%;
  min-width: 0;
  min-height: 368px;
  display: grid;
  grid-template-rows: auto minmax(122px, 1fr) auto auto auto;
  gap: 12px;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(15,23,42,.055);
  overflow: hidden;
}

body.ui-runtime.store-page .catalog-card:hover {
transform: translateY(-1px); box-shadow: 0 12px 30px rgba(15,23,42,.09);
}

body.ui-runtime.store-page .catalog-card-head {
min-width: 0; align-items: flex-start;
}

body.ui-runtime.store-page .catalog-body {
min-width: 0; display: grid; gap: 8px; align-content: start;
}

body.ui-runtime.store-page .catalog-title {
min-width: 0;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.32;
  font-weight: 700;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.ui-runtime.store-page .catalog-code {
display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

body.ui-runtime.store-page .catalog-code span {
color: #64748b; font-size: 11px; font-weight: 700; white-space: nowrap;
}

body.ui-runtime.store-page .catalog-code code {
min-width: 0; color: #334155; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

body.ui-runtime.store-page .catalog-code-copy {
min-height: 24px; height: 24px; padding: 0 7px; font-size: 11px;
}

body.ui-runtime.store-page .catalog-desc,
body.ui-runtime.store-page .service-desc-panel p {
min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  overflow-x: hidden;
}

body.ui-runtime.store-page .catalog-desc {
min-height: 58px;
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.48;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.ui-runtime.store-page .catalog-specs {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  overflow: visible;
  white-space: normal;
}

body.ui-runtime.store-page .catalog-specs span {
max-width: 100%; overflow-wrap: anywhere;
}

body.ui-runtime.store-page .catalog-commerce {
display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
  gap: 10px;
  align-items: stretch;
  min-width: 0;
}

body.ui-runtime.store-page .catalog-commerce .catalog-price,
body.ui-runtime.store-page .catalog-commerce .catalog-metrics {
min-width: 0; overflow-wrap: anywhere;
}

body.ui-runtime.store-page .catalog-actions {
margin-top: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 8px;
}

body.ui-runtime.store-page .catalog-actions .btn {
width: 100%; justify-content: center;
}

@media (max-width: 900px) {
body.ui-runtime.store-page .store-front-hero {
grid-template-columns: 1fr; grid-template-areas: "main" "wallet" "stats";
}
}

@media (max-width: 640px) {
body.ui-runtime.ui-admin .section-title,
body.ui-runtime.ui-admin .table-card-head,
body.ui-runtime.ui-admin .admin-section-head {
align-items: flex-start; flex-direction: column;
}

body.ui-runtime.ui-admin .kv-list > div,
body.ui-runtime.ui-admin .admin-kv-list > div {
grid-template-columns: 1fr; gap: 4px;
}

body.ui-runtime.store-page .store-front-hero {
padding: 14px; border-radius: 16px;
}

body.ui-runtime.store-page .store-front-stats {
grid-template-columns: 1fr 1fr;
}

body.ui-runtime.store-page .user-store-grid,
body.ui-runtime.store-page .related-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .catalog-commerce,
body.ui-runtime.store-page .catalog-actions {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .catalog-card {
min-height: auto;
}
}

body.ui-runtime.ui-admin .admin-section-card {
border-color: #dfe5ee;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.035);
}

body.ui-runtime.ui-admin .admin-section-body,
body.ui-runtime.ui-admin .admin-table-card-body,
body.ui-runtime.ui-admin .admin-state-body {
min-width: 0;
  padding: 14px;
}

body.ui-runtime.store-page .site-nav {
min-width:0; overflow-x:auto; scrollbar-width:none; justify-content:flex-start;
}

body.ui-runtime.store-page .site-nav::-webkit-scrollbar {
display:none;
}

body.ui-runtime.store-page .store-header-search {
min-width:0;
  width:100%;
  height:44px;
  display:grid;
  grid-template-columns: 34px minmax(0,1fr) auto auto;
  align-items:center;
  border: 1.5px solid #94a3b8;
  border-radius: 14px;
  background:#fff;
  box-shadow: 0 2px 8px rgba(15,23,42,.045);
  overflow:hidden;
}

body.ui-runtime.store-page .store-header-search:focus-within {
border-color: var(--brand,#ee4d2d);
  box-shadow: 0 0 0 3px rgba(238,77,45,.12), 0 7px 20px rgba(15,23,42,.075);
}

body.ui-runtime.store-page .store-header-search-icon {
color:#64748b; text-align:center; font-weight:700;
}

body.ui-runtime.store-page .store-header-search input {
min-height:42px;
  height:42px;
  padding:0 10px 0 0;
  border:0;
  outline:0;
  box-shadow:none;
  font-size:13.5px;
}

body.ui-runtime.store-page .store-header-search button {
height:34px;
  margin-right:5px;
  border:0;
  border-radius:10px;
  background: var(--brand,#ee4d2d);
  color:#fff;
  padding:0 14px;
  font-weight:700;
  cursor:pointer;
}

body.ui-runtime.store-page .store-header-search-clear {
width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#64748b;
  font-size:18px;
  font-weight:700;
}

body.ui-runtime.store-page .store-header-search-clear:hover {
background:#f1f5f9; color:#0f172a;
}

body.ui-runtime.store-page .main-wrap {
padding-top:14px; gap:12px;
}

body.ui-runtime.store-page .store-commerce-head {
display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.75fr) minmax(230px,.55fr);
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}

body.ui-runtime.store-page .store-commerce-title,
body.ui-runtime.store-page .store-commerce-stats,
body.ui-runtime.store-page .store-commerce-account {
min-width:0;
  border:1px solid #d7dee8;
  border-radius:16px;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .store-commerce-title {
padding:15px 16px; border-left:4px solid var(--brand,#ee4d2d);
}

body.ui-runtime.store-page .store-commerce-title span {
display:block; color:#64748b; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
}

body.ui-runtime.store-page .store-commerce-title h1 {
margin-top:3px; font-size:22px; line-height:1.15; letter-spacing:-.02em;
}

body.ui-runtime.store-page .store-commerce-title p {
margin-top:5px; color:#475569; font-size:13px; line-height:1.45;
}

body.ui-runtime.store-page .store-commerce-stats {
display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:8px;
  gap:8px;
}

body.ui-runtime.store-page .store-commerce-stats > div {
min-width:0; border:1px solid #e2e8f0; border-radius:12px; background:#f8fafc; padding:10px;
}

body.ui-runtime.store-page .store-commerce-stats span,
body.ui-runtime.store-page .store-commerce-account span {
display:block; color:#64748b; font-size:11px; font-weight:700;
}

body.ui-runtime.store-page .store-commerce-stats b {
display:block; margin-top:2px; color:#0f172a; font-size:17px; line-height:1.1; overflow-wrap:anywhere;
}

body.ui-runtime.store-page .store-commerce-account {
display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:12px;
}

body.ui-runtime.store-page .store-commerce-account b {
display:block; margin-top:2px; color:var(--brand,#ee4d2d); font-size:16px; overflow-wrap:anywhere;
}

body.ui-runtime.store-page .store-commerce-account small {
display:block; margin-top:2px; color:#64748b; font-size:12px; font-weight:600;
}

body.ui-runtime.store-page .store-commerce-actions {
display:flex; gap:8px; flex-wrap:wrap;
}

body.ui-runtime.store-page .store-commerce-actions .btn {
flex:1 1 auto; justify-content:center;
}

body.ui-runtime.store-page .user-store-shell {
display:grid;
  grid-template-columns: 268px minmax(0,1fr);
  align-items:start;
  gap:14px;
}

body.ui-runtime.store-page .store-side-nav {
display:grid; gap:12px; min-width:0; position:sticky; top:82px;
}

body.ui-runtime.store-page .store-side-card {
border:1px solid #d7dee8; border-radius:16px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.04); overflow:hidden;
}

body.ui-runtime.store-page .store-side-title {
padding:12px 13px; border-bottom:1px solid #e2e8f0; background:#fbfdff;
}

body.ui-runtime.store-page .store-side-title b {
display:block; font-size:13px; color:#0f172a;
}

body.ui-runtime.store-page .store-side-title span {
display:block; margin-top:2px; color:#64748b; font-size:11.5px; font-weight:600;
}

body.ui-runtime.store-page .store-side-card .category-rail,
body.ui-runtime.store-page .store-side-card .platform-rail {
display:grid; gap:6px; padding:10px; overflow:visible;
}

body.ui-runtime.store-page .store-side-card .cat-chip,
body.ui-runtime.store-page .store-side-card .platform-chip {
width:100%; min-width:0; justify-content:flex-start; border-radius:11px; border-color:#e2e8f0; background:#fff;
}

body.ui-runtime.store-page .store-side-card .cat-chip.active,
body.ui-runtime.store-page .store-side-card .platform-chip.active {
border-color:var(--brand,#ee4d2d); background:var(--brand-soft,#fff3ee); color:var(--brand,#ee4d2d);
}

body.ui-runtime.store-page .user-store-main {
min-width:0; display:grid; gap:10px;
}

body.ui-runtime.store-page .store-controls {
border:1px solid #d7dee8; border-radius:16px; background:#fff; padding:10px; box-shadow:0 2px 8px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .store-filter {
display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(120px,auto) auto; gap:10px; align-items:end;
}

body.ui-runtime.store-page .store-filter label {
min-width:0; display:grid; gap:5px; color:#334155; font-size:12px; font-weight:700;
}

body.ui-runtime.store-page .store-filter label span {
color:#64748b; font-size:11px; font-weight:700;
}

body.ui-runtime.store-page .store-filter-price {
min-width:0; border:1px solid #d7dee8; border-radius:12px; background:#fff;
}

body.ui-runtime.store-page .store-filter-price summary {
min-height:40px; display:flex; align-items:center; padding:0 12px; cursor:pointer; color:#334155; font-size:12px; font-weight:700;
}

body.ui-runtime.store-page .store-filter-price > div {
display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 10px 10px;
}

body.ui-runtime.store-page .store-filter-actions {
display:flex; gap:8px; align-items:end;
}

body.ui-runtime.store-page .store-filter-actions .btn {
min-height:40px;
}

body.ui-runtime.store-page .store-result-bar {
margin:0; border:0; background:transparent; box-shadow:none; padding:0; min-height:0;
}

body.ui-runtime.store-page .user-store-grid,
body.ui-runtime.store-page .related-grid {
display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:stretch;
}

body.ui-runtime.store-page .catalog-product-row {
min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(172px,210px) minmax(162px,190px);
  gap:14px;
  align-items:stretch;
  padding:14px;
  border:1px solid #d7dee8;
  border-left:4px solid var(--brand,#ee4d2d);
  border-radius:16px;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
  transition:border-color .14s ease, box-shadow .14s ease, transform .10s ease;
}

body.ui-runtime.store-page .catalog-product-row:hover {
border-color:#c4cedb; box-shadow:0 10px 26px rgba(15,23,42,.075); transform:translateY(-1px);
}

body.ui-runtime.store-page .catalog-product-row.is-empty {
opacity:.72;
}

body.ui-runtime.store-page .catalog-product-main {
min-width:0; display:grid; gap:7px; align-content:start;
}

body.ui-runtime.store-page .catalog-product-titleline {
min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}

body.ui-runtime.store-page .catalog-title {
min-width:0;
  color:#0f172a;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.01em;
  text-decoration:none;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.ui-runtime.store-page .catalog-title:hover {
color:var(--brand,#ee4d2d);
}

body.ui-runtime.store-page .catalog-meta {
display:flex; flex-wrap:wrap; gap:6px; min-width:0;
}

body.ui-runtime.store-page .catalog-meta span,
body.ui-runtime.store-page .catalog-meta b {
max-width:100%; border:1px solid #e2e8f0; border-radius:999px; background:#f8fafc; color:#475569; padding:3px 8px; font-size:11px; line-height:1.2; font-weight:700; overflow-wrap:anywhere;
}

body.ui-runtime.store-page .catalog-meta b {
border-color:#fed7aa; background:#fff7ed; color:#9a3412;
}

body.ui-runtime.store-page .catalog-code {
width:min(100%,560px);
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  padding:6px 7px;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  background:#fbfdff;
}

body.ui-runtime.store-page .catalog-code span {
color:#64748b; font-size:10.5px; font-weight:700; white-space:nowrap;
}

body.ui-runtime.store-page .catalog-code code {
min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#334155; font-size:11px;
}

body.ui-runtime.store-page .catalog-code-copy {
height:24px; min-height:24px; padding:0 7px; font-size:11px;
}

body.ui-runtime.store-page .catalog-desc,
body.ui-runtime.store-page .service-desc-panel p {
min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  overflow-x:hidden;
}

body.ui-runtime.store-page .catalog-desc {
margin:0;
  color:#475569;
  font-size:12.8px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.ui-runtime.store-page .catalog-product-stock {
min-width:0; display:grid; gap:8px; align-content:start;
}

body.ui-runtime.store-page .catalog-product-stock > div {
min-width:0; border:1px solid #e2e8f0; border-radius:11px; background:#f8fafc; padding:8px 9px;
}

body.ui-runtime.store-page .catalog-product-stock span,
body.ui-runtime.store-page .catalog-price span {
display:block; color:#64748b; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}

body.ui-runtime.store-page .catalog-product-stock b {
display:block; margin-top:2px; color:#0f172a; font-size:12px; line-height:1.25; overflow-wrap:anywhere;
}

body.ui-runtime.store-page .catalog-product-buy {
min-width:0; display:grid; gap:10px; align-content:space-between;
}

body.ui-runtime.store-page .catalog-price {
border:1px solid #fed7aa; border-radius:13px; background:#fff7ed; padding:10px; text-align:right;
}

body.ui-runtime.store-page .catalog-price b {
display:block; margin-top:2px; color:var(--brand,#ee4d2d); font-size:18px; line-height:1.1; overflow-wrap:anywhere;
}

body.ui-runtime.store-page .catalog-price small {
color:#64748b; font-size:11px; font-weight:700;
}

body.ui-runtime.store-page .catalog-actions {
display:grid; grid-template-columns:1fr; gap:7px;
}

body.ui-runtime.store-page .catalog-actions .btn {
width:100%; justify-content:center; min-height:38px;
}

@media (max-width: 1180px) {
body.ui-runtime.store-page .store-commerce-head {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-commerce-stats {
grid-template-columns:repeat(4,minmax(0,1fr));
}

body.ui-runtime.store-page .user-store-shell {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-side-nav {
position:static; grid-template-columns:1fr 1fr;
}

body.ui-runtime.store-page .store-side-card .category-rail,
body.ui-runtime.store-page .store-side-card .platform-rail {
display:flex; overflow-x:auto; scrollbar-width:none;
}

body.ui-runtime.store-page .store-side-card .cat-chip,
body.ui-runtime.store-page .store-side-card .platform-chip {
width:auto; flex:0 0 auto;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media (max-width: 900px) {

body.ui-runtime.store-page .store-header-search {
grid-column:1 / -1; order:3;
}

body.ui-runtime.store-page .site-nav {
grid-column:1 / -1; order:4; width:100%;
}

body.ui-runtime.store-page .account-box {
justify-self:end;
}

body.ui-runtime.store-page .catalog-product-row {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .catalog-product-stock {
grid-template-columns:repeat(3,minmax(0,1fr));
}

body.ui-runtime.store-page .catalog-product-buy {
grid-template-columns:minmax(0,1fr) minmax(180px,220px); align-items:stretch;
}

body.ui-runtime.store-page .catalog-actions {
align-content:end;
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page .store-commerce-stats {
grid-template-columns:repeat(2,minmax(0,1fr));
}

body.ui-runtime.store-page .store-side-nav {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-filter-price > div {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-filter-actions {
display:grid; grid-template-columns:1fr 1fr;
}

body.ui-runtime.store-page .catalog-product-titleline {
display:grid; gap:6px;
}

body.ui-runtime.store-page .catalog-product-stock,
body.ui-runtime.store-page .catalog-product-buy {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .catalog-price {
text-align:left;
}
}

body.ui-runtime input[type="hidden"] {
min-height:0; border:0; box-shadow:none;
}

body.ui-runtime .store-header-search input {
border:0; box-shadow:none;
}

body.ui-runtime .inventory-delete-panel {
border:1px solid #fecaca;
  background:linear-gradient(180deg,#fff 0%,#fff7f7 100%);
}

body.ui-runtime .inventory-delete-panel summary {
font-weight:700;
  color:#7f1d1d;
}

body.ui-runtime .inventory-delete-card {
border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  padding:14px;
  box-shadow:0 2px 8px rgba(15,23,42,.045);
}

body.ui-runtime .inventory-delete-card .help-text {
color:#475569;
  line-height:1.4;
}

body.ui-runtime .inventory-table-wrap table th:first-child,
body.ui-runtime .inventory-table-wrap table td:first-child {
padding-left:16px;
}

body.ui-runtime {
--ui-font-weight-normal: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-strong: 600;
  --ui-font-weight-bold: 700;
  --ui-status-border: #cbd5e1;
  --ui-status-text: #1e293b;
  --ui-status-bg: #ffffff;
}

body.ui-runtime :is(.ui-core-table th, .table-card-head, .section-title, .admin-section-head h2, .admin-section-head h3) {
font-weight: var(--ui-font-weight-bold);
  letter-spacing: .015em;
}

body.ui-runtime :is(.btn, button.btn, a.btn, .market-buy, .catalog-buy-btn) {
font-weight: var(--ui-font-weight-strong);
}

body.ui-runtime :is(.badge, .status-pill, .report-delta, .catalog-badge, .service-source-pill, .service-rule-line span, .service-money-top span) {
font-weight: var(--ui-font-weight-strong);
}

body.ui-runtime :is(.cell-title, .service-title-line .cell-title, .catalog-title, .member-avatar, .wallet-mini-stack b, .service-money-top b, .service-source-top b) {
font-weight: var(--ui-font-weight-bold);
}

body.ui-runtime :is(.muted, .help-text, .small, .service-code-line, .service-source-meta, .service-cost-line, .service-group-stack span) {
font-weight: var(--ui-font-weight-medium);
}

body.ui-runtime.admin-page :is(.inline-select-post.admin-status-control, .member-status-readonly) {
position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 0;
  max-width: 156px;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control::before,
body.ui-runtime.admin-page .inline-select-post.admin-status-control::after {
content: none;
  display: none;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control select {
width: auto;
  min-width: 116px;
  max-width: 156px;
  height: 30px;
  min-height: 30px;
  padding: 0 28px 0 12px;
  border: 1px solid var(--ui-status-border);
  border-radius: 999px;
  background-color: var(--ui-status-bg);
  color: var(--ui-status-text);
  box-shadow: none;
  font-size: 12px;
  font-weight: var(--ui-font-weight-strong);
  line-height: 1;
  text-align: left;
  cursor: pointer;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control select:hover {
border-color: #94a3b8;
  background-color: #fff;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control select:focus {
border-color: #64748b;
  box-shadow: 0 0 0 3px rgba(100,116,139,.14);
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-active select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-active select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-1 select {
--ui-status-border: #86efac;
  --ui-status-text: #166534;
  --ui-status-bg: #f0fdf4;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-pending select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-pending select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-2 select {
--ui-status-border: #fde68a;
  --ui-status-text: #92400e;
  --ui-status-bg: #fffbeb;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-disabled select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-disabled select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-inactive select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-0 select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-archived select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-archived select {
--ui-status-border: #cbd5e1;
  --ui-status-text: #334155;
  --ui-status-bg: #f8fafc;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-banned select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-banned select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-value-3 select {
--ui-status-border: #fca5a5;
  --ui-status-text: #991b1b;
  --ui-status-bg: #fef2f2;
}

body.ui-runtime.route-admin-members-php .member-status-stack {
gap: 5px;
  justify-items: start;
}

body.ui-runtime.route-admin-members-php .member-status-readonly {
min-height: 30px;
  gap: 6px;
}

body.ui-runtime.route-admin-members-php .member-status-readonly::before {
content: none;
  display: none;
}

body.ui-runtime.route-admin-members-php .member-status-readonly .badge,
body.ui-runtime.route-admin-services-php .service-status-note {
box-shadow: none;
}

body.ui-runtime input[type="hidden"] {
border:0; box-shadow:none; min-height:0;
}

body.ui-runtime :is(.store-header-search input, .password-control input, .money-control input) {
box-shadow:none;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control {
display:inline-flex;
  align-items:center;
  border:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control select {
--st-bg:#f8fafc;
  --st-text:#334155;
  --st-border:#cbd5e1;
  min-width: 108px;
  max-width: 144px;
  height: 28px;
  min-height: 28px;
  padding: 0 28px 0 12px;
  border: 1px solid var(--st-border);
  border-radius: 999px;
  background-color: var(--st-bg);
  color: var(--st-text);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), 0 1px 2px rgba(15,23,42,.045);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control select:hover {
filter: brightness(.99);
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control select:focus {
outline: 3px solid rgba(59,130,246,.12);
  box-shadow: 0 0 0 1px rgba(59,130,246,.08), inset 0 0 0 1px rgba(255,255,255,.6);
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-active select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-selling select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-active select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-selling select {
--st-bg:#ecfdf5;
  --st-text:#047857;
  --st-border:#86efac;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-draft select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-draft select {
--st-bg:#fff7ed;
  --st-text:#c2410c;
  --st-border:#fdba74;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-pending select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-paused select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-pending select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-paused select {
--st-bg:#fffbeb;
  --st-text:#92400e;
  --st-border:#fcd34d;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-disabled select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-archived select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-disabled select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-archived select {
--st-bg:#f1f5f9;
  --st-text:#475569;
  --st-border:#cbd5e1;
}

body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-banned select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.is-status-error select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-banned select,
body.ui-runtime.admin-page .inline-select-post.admin-status-control.status-tone-error select {
--st-bg:#fef2f2;
  --st-text:#b91c1c;
  --st-border:#fca5a5;
}

body.ui-runtime.admin-page .inline-select-post.admin-service-status.is-value-0 select:not(.ignore-tone) {
--st-bg:#fff7ed;
  --st-text:#c2410c;
  --st-border:#fdba74;
}

body.ui-runtime.admin-page .inline-select-post.admin-service-status.is-value-1 select:not(.ignore-tone) {
--st-bg:#ecfdf5;
  --st-text:#047857;
  --st-border:#86efac;
}

body.ui-runtime.admin-page .inline-select-post.admin-member-status.is-value-1 select:not(.ignore-tone) {
--st-bg:#ecfdf5;
  --st-text:#047857;
  --st-border:#86efac;
}

body.ui-runtime.admin-page :is(.badge.ok,.status-pill.ok,.badge.success,.status-pill.success) {
background:#ecfdf5;
  color:#047857;
  border-color:#86efac;
}

body.ui-runtime.admin-page :is(.badge.warn,.status-pill.warn,.badge.warning,.status-pill.warning) {
background:#fffbeb;
  color:#92400e;
  border-color:#fcd34d;
}

body.ui-runtime.admin-page :is(.badge.danger,.status-pill.danger,.badge.error,.status-pill.error) {
background:#fef2f2;
  color:#b91c1c;
  border-color:#fca5a5;
}

body.ui-runtime.admin-page :is(.badge.info,.status-pill.info) {
background:#eff6ff;
  color:#1d4ed8;
  border-color:#bfdbfe;
}

body.ui-runtime.store-page {
background:#f6f8fb;
}

body.ui-runtime.store-page .main-wrap {
max-width: 1240px;
  padding-top: 12px;
  gap: 12px;
}

body.ui-runtime.store-page .store-header-search {
height: 42px;
  border: 1px solid #d0d7e2;
  border-radius: 12px;
  background:#fff;
  box-shadow: 0 1px 3px rgba(15,23,42,.05);
}

body.ui-runtime.store-page .store-header-search:focus-within {
border-color: var(--brand,#ee4d2d);
  box-shadow: 0 0 0 3px rgba(238,77,45,.10), 0 8px 18px rgba(15,23,42,.06);
}

body.ui-runtime.store-page .store-header-search input {
border:0;
  outline:0;
  min-height:40px;
  background:transparent;
}

body.ui-runtime.store-page .store-header-search button {
height:32px;
  border-radius:9px;
  background:#0f172a;
  font-weight:700;
}

body.ui-runtime.store-page .store-commerce-head {
display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.95fr) minmax(230px,.6fr);
  gap:10px;
  align-items:stretch;
  margin: 0 0 10px;
}

body.ui-runtime.store-page :is(.store-commerce-title,.store-commerce-stats,.store-commerce-account) {
border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.045);
}

body.ui-runtime.store-page .store-commerce-title {
padding:13px 14px;
  border-left:0;
}

body.ui-runtime.store-page .store-commerce-title span {
color:#64748b;
  font-size:11px;
  font-weight:700;
  letter-spacing:.055em;
}

body.ui-runtime.store-page .store-commerce-title h1 {
margin:2px 0 0;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.025em;
}

body.ui-runtime.store-page .store-commerce-title p {
margin-top:4px;
  color:#64748b;
  font-size:12.5px;
  line-height:1.35;
}

body.ui-runtime.store-page .store-commerce-stats {
grid-template-columns:repeat(4,minmax(0,1fr));
  padding:7px;
  gap:6px;
}

body.ui-runtime.store-page .store-commerce-stats > div {
border:0;
  border-radius:10px;
  background:#f8fafc;
  padding:8px 9px;
}

body.ui-runtime.store-page .store-commerce-stats span,
body.ui-runtime.store-page .store-commerce-account span {
font-size:10.5px;
  font-weight:700;
  color:#64748b;
}

body.ui-runtime.store-page .store-commerce-stats b {
font-size:16px;
  font-weight:700;
}

body.ui-runtime.store-page .store-commerce-account {
padding:10px;
  gap:7px;
}

body.ui-runtime.store-page .store-commerce-account b {
color:#0f172a;
  font-size:15px;
  font-weight:700;
}

body.ui-runtime.store-page .store-commerce-actions .btn {
min-height:32px;
  border-radius:9px;
}

body.ui-runtime.store-page .user-store-workspace {
display:grid;
  grid-template-columns: 236px minmax(0,1fr);
  gap: 12px;
  align-items:start;
}

body.ui-runtime.store-page .store-side-nav {
position:sticky;
  top:76px;
  display:grid;
  gap:10px;
}

body.ui-runtime.store-page .store-side-card {
border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
  overflow:hidden;
}

body.ui-runtime.store-page .store-side-title {
padding:10px 11px;
  border-bottom:1px solid #edf2f7;
  background:#fff;
}

body.ui-runtime.store-page .store-side-title b {
font-size:12.5px; font-weight:700;
}

body.ui-runtime.store-page .store-side-title span {
font-size:11px; color:#94a3b8;
}

body.ui-runtime.store-page .store-side-card .category-rail,
body.ui-runtime.store-page .store-side-card .platform-rail {
display:grid;
  gap:4px;
  padding:8px;
}

body.ui-runtime.store-page .store-side-card .cat-chip,
body.ui-runtime.store-page .store-side-card .platform-chip {
min-height:34px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#334155;
  padding:7px 9px;
  box-shadow:none;
}

body.ui-runtime.store-page .store-side-card .cat-chip b,
body.ui-runtime.store-page .store-side-card .platform-chip span {
width:20px;
  height:20px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  color:#475569;
  flex:0 0 auto;
}

body.ui-runtime.store-page .store-side-card .cat-chip span,
body.ui-runtime.store-page .store-side-card .platform-chip {
font-size:12.5px;
  font-weight:600;
}

body.ui-runtime.store-page .store-side-card .cat-chip small,
body.ui-runtime.store-page .store-side-card .platform-chip small {
margin-left:auto;
  color:#94a3b8;
  font-size:11px;
  font-weight:700;
}

body.ui-runtime.store-page .store-side-card :is(.cat-chip.active,.platform-chip.active) {
border-color:#fed7aa;
  background:#fff7ed;
  color:#c2410c;
}

body.ui-runtime.store-page .store-side-card :is(.cat-chip.active b,.platform-chip.active span) {
background:#ffedd5;
  color:#c2410c;
}

body.ui-runtime.store-page .user-store-main {
display:grid;
  gap:10px;
  min-width:0;
}

body.ui-runtime.store-page .store-controls {
padding:9px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .store-filter {
display:grid;
  grid-template-columns: repeat(3,minmax(132px,1fr)) minmax(110px,.85fr) auto;
  gap:8px;
  align-items:end;
}

body.ui-runtime.store-page .store-filter label {
gap:4px; font-size:12px; font-weight:600;
}

body.ui-runtime.store-page .store-filter label span {
font-size:10.5px; font-weight:700; letter-spacing:.04em; color:#64748b;
}

body.ui-runtime.store-page .store-filter :is(select,input) {
min-height:36px; border-radius:9px;
}

body.ui-runtime.store-page .store-filter-price {
border:1px solid #e2e8f0;
  border-radius:9px;
}

body.ui-runtime.store-page .store-filter-price summary {
min-height:36px;
  font-size:12px;
  font-weight:700;
}

body.ui-runtime.store-page .store-filter-actions .btn {
min-height:36px;
  border-radius:9px;
}

body.ui-runtime.store-page .store-result-bar {
padding:0;
  margin:0;
}

body.ui-runtime.store-page .user-store-grid {
display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

body.ui-runtime.store-page .catalog-product-row {
display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,200px) minmax(164px,190px);
  gap:12px;
  align-items:stretch;
  min-height:124px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-left:0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
  transform:none;
}

body.ui-runtime.store-page .catalog-product-row:hover {
border-color:#cbd5e1;
  box-shadow:0 8px 22px rgba(15,23,42,.07);
  transform:none;
}

body.ui-runtime.store-page .catalog-product-main {
display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  gap:5px;
  align-content:start;
}

body.ui-runtime.store-page .catalog-product-titleline {
display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
}

body.ui-runtime.store-page .catalog-title {
font-size:14.2px;
  line-height:1.32;
  font-weight:700;
  color:#111827;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
}

body.ui-runtime.store-page .catalog-product-titleline .badge {
min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

body.ui-runtime.store-page .catalog-meta {
display:flex;
  flex-wrap:wrap;
  gap:5px;
}

body.ui-runtime.store-page .catalog-meta span,
body.ui-runtime.store-page .catalog-meta b {
border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  padding:3px 7px;
  font-size:11px;
  line-height:1.1;
  font-weight:600;
}

body.ui-runtime.store-page .catalog-code {
display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:#64748b;
}

body.ui-runtime.store-page .catalog-code span {
font-size:10.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#94a3b8;
}

body.ui-runtime.store-page .catalog-code code {
min-width:0;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:1px solid #e2e8f0;
  border-radius:7px;
  background:#f8fafc;
  padding:2px 6px;
  color:#475569;
  font-size:11px;
}

body.ui-runtime.store-page .catalog-code .copy-btn {
min-height:22px;
  height:22px;
  border-radius:7px;
  padding:0 7px;
  font-size:10.5px;
}

body.ui-runtime.store-page .catalog-desc {
color:#64748b;
  font-size:12.3px;
  line-height:1.42;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  word-break:normal;
}

body.ui-runtime.store-page .catalog-product-stock {
display:grid;
  grid-template-columns:1fr;
  gap:7px;
}

body.ui-runtime.store-page .catalog-product-stock > div {
display:grid;
  align-content:center;
  min-height:34px;
  border:1px solid #edf2f7;
  border-radius:10px;
  background:#fbfdff;
  padding:7px 8px;
}

body.ui-runtime.store-page .catalog-product-stock span,
body.ui-runtime.store-page .catalog-price span {
font-size:10.3px;
  font-weight:700;
  color:#94a3b8;
}

body.ui-runtime.store-page .catalog-product-stock b {
margin-top:1px;
  font-size:12px;
  font-weight:700;
  color:#334155;
}

body.ui-runtime.store-page .catalog-product-buy {
display:grid;
  grid-template-rows:auto 1fr;
  gap:8px;
}

body.ui-runtime.store-page .catalog-price {
border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  padding:9px;
  text-align:right;
}

body.ui-runtime.store-page .catalog-price b {
color:#e11d48;
  font-size:17px;
  font-weight:700;
}

body.ui-runtime.store-page .catalog-price small {
color:#94a3b8;
  font-size:10.5px;
}

body.ui-runtime.store-page .catalog-actions {
display:grid;
  gap:7px;
  align-content:end;
}

body.ui-runtime.store-page .catalog-actions .btn {
min-height:36px;
  border-radius:10px;
  box-shadow:none;
}

body.ui-runtime.store-page .catalog-actions .market-buy,
body.ui-runtime.store-page .catalog-actions .market-btn {
background:var(--brand,#ee4d2d);
  color:#fff;
  border-color:var(--brand,#ee4d2d);
}

body.ui-runtime.store-page .catalog-actions .secondary {
background:#fff;
  color:#334155;
  border:1px solid #cbd5e1;
}

@media (max-width: 1120px) {
body.ui-runtime.store-page .store-commerce-head {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .user-store-workspace {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-side-nav {
position:static; grid-template-columns:1fr 1fr;
}

body.ui-runtime.store-page .store-side-card .category-rail,
body.ui-runtime.store-page .store-side-card .platform-rail {
display:flex; overflow-x:auto; scrollbar-width:none;
}

body.ui-runtime.store-page .store-side-card .cat-chip,
body.ui-runtime.store-page .store-side-card .platform-chip {
width:auto; flex:0 0 auto;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media (max-width: 860px) {

body.ui-runtime.store-page .store-header-search {
grid-column:1 / -1; order:3;
}

body.ui-runtime.store-page .site-nav {
grid-column:1 / -1; order:4; width:100%;
}

body.ui-runtime.store-page .catalog-product-row {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .catalog-product-stock {
grid-template-columns:repeat(3,minmax(0,1fr));
}

body.ui-runtime.store-page .catalog-product-buy {
grid-template-columns:minmax(0,1fr) minmax(180px,220px); grid-template-rows:auto; align-items:stretch;
}
}

@media (max-width: 620px) {
body.ui-runtime.store-page .store-side-nav {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-filter {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .store-commerce-stats {
grid-template-columns:repeat(2,minmax(0,1fr));
}

body.ui-runtime.store-page .catalog-product-titleline {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .catalog-product-stock,
body.ui-runtime.store-page .catalog-product-buy {
grid-template-columns:1fr;
}

body.ui-runtime.store-page .catalog-price {
text-align:left;
}
}

body.ui-runtime {
--ui-type-weight-regular: 400;
  --ui-type-weight-medium: 500;
  --ui-type-weight-semibold: 600;
  --ui-type-weight-bold: 700;
  --font: var(--font-ui);
  --font-sans: var(--font-ui);
}

body.ui-runtime,
body.ui-runtime :is(button, input, select, textarea) {
font-family: var(--font-ui);
}

body.ui-runtime :is(input, select, textarea, button) {
font-synthesis-weight: none;
}

body.ui-runtime :is(.muted, .help-text, .small, small, label, .form-label, .field-label, .admin-filter-field span, .catalog-desc, .service-code-line, .service-source-meta, .service-cost-line, .catalog-code, .catalog-price small) {
font-weight: var(--ui-type-weight-medium);
}

body.ui-runtime :is(.btn, button.btn, a.btn, .badge, .status-pill, .smart-action-trigger, .inline-select-post.admin-status-control select, .inline-select-post.admin-status-control select, .member-status-readonly .badge, .report-delta, .service-source-pill, .service-rule-line span, .catalog-meta span, .catalog-meta b, .catalog-product-titleline .badge, .catalog-product-stock span, .catalog-price span) {
font-weight: var(--ui-type-weight-semibold);
}

body.ui-runtime :is(h1, h2, .page-title, .table-card-head, .section-title, .admin-section-head h2, .admin-section-head h3, .cell-title, .catalog-title, .catalog-price b, .wallet-mini-stack b, .service-money-top b, .service-source-top b, .member-avatar, .report-card b, .admin-command-title b) {
font-weight: var(--ui-type-weight-bold);
}

body.ui-runtime :is(.ui-core-table th, .data-table th, table th) {
font-weight: var(--ui-type-weight-semibold);
  letter-spacing: .01em;
}

body.ui-runtime :is(.catalog-title, .cell-title, .page-title) {
letter-spacing: -.005em;
}

body.ui-runtime.store-page.route-user-index-php {
--market-brand:#ee4d2d;
  --market-brand-dark:#d03d22;
  --market-brand-hover:#f05d40;
  --market-bg:#f5f5f5;
  --market-text:#222222;
  --market-muted:#757575;
  --market-line:#e0e0e0;
  --market-soft:#fff5f3;
  background:var(--market-bg);
  color:var(--market-text);
}

body.ui-runtime.store-page.route-user-index-php .site-header {
background:linear-gradient(-180deg,#f53d2d 0%,#ff6633 100%);
  border:0;
  box-shadow:none;
}

body.ui-runtime.store-page.route-user-index-php .site-mainbar {
background:transparent; border:0;
}

body.ui-runtime.store-page.route-user-index-php .brand {
color:#fff;
}

body.ui-runtime.store-page.route-user-index-php .brand-mark {
border-color:rgba(255,255,255,.48);
  background:rgba(255,255,255,.16);
  color:#fff;
}

body.ui-runtime.store-page.route-user-index-php .brand-text b {
color:#fff; letter-spacing:.025em;
}

body.ui-runtime.store-page.route-user-index-php .brand-text small {
color:rgba(255,255,255,.86);
}

body.ui-runtime.store-page.route-user-index-php .site-nav a,
body.ui-runtime.store-page.route-user-index-php .site-nav-more-trigger {
color:rgba(255,255,255,.92);
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
}

body.ui-runtime.store-page.route-user-index-php .site-nav a.active,
body.ui-runtime.store-page.route-user-index-php .site-nav a:hover,
body.ui-runtime.store-page.route-user-index-php .site-nav-more-trigger.active,
body.ui-runtime.store-page.route-user-index-php .site-nav-more-trigger:hover {
color:#fff;
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.36);
}

body.ui-runtime.store-page.route-user-index-php .account-box :is(.wallet-menu > summary,.account-menu > summary) {
color:#fff;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
}

body.ui-runtime.store-page.route-user-index-php .store-header-search-wrap {
display:grid;
  gap:6px;
  min-width:0;
  width:100%;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search {
display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:0;
  min-height:42px;
  padding:3px;
  border:0;
  border-radius:3px;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.08);
}

body.ui-runtime.store-page.route-user-index-php .store-header-search .store-header-search-icon {
width:34px;
  display:grid;
  place-items:center;
  color:#94a3b8;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search input {
min-height:36px;
  border:0;
  box-shadow:none;
  background:#fff;
  color:#111827;
  font-size:14px;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search input:focus {
outline:none;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search button {
min-height:36px;
  padding:0 24px;
  border:0;
  border-radius:2px;
  background:var(--market-brand);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search button:hover {
background:var(--market-brand-dark);
}

body.ui-runtime.store-page.route-user-index-php .store-header-search-clear {
display:grid;
  place-items:center;
  width:30px;
  height:30px;
  color:#94a3b8;
  font-size:20px;
}

body.ui-runtime.store-page.route-user-index-php .store-hot-keywords {
display:flex;
  gap:13px;
  min-width:0;
  overflow:hidden;
  color:rgba(255,255,255,.92);
  font-size:12px;
}

body.ui-runtime.store-page.route-user-index-php .store-hot-keywords a {
flex:0 0 auto;
  color:inherit;
  text-decoration:none;
}

body.ui-runtime.store-page.route-user-index-php .store-hot-keywords a:hover {
color:#fff; text-decoration:underline;
}

body.ui-runtime.store-page.route-user-index-php .main-wrap {
width:min(100% - 32px,1360px);
  padding-top:22px;
  gap:14px;
}

body.ui-runtime.store-page.route-user-index-php .market-topline {
display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--market-line);
  border-radius:3px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.045);
}

body.ui-runtime.store-page.route-user-index-php .market-topline span {
display:block;
  color:var(--market-brand);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.ui-runtime.store-page.route-user-index-php .market-topline h1 {
margin:2px 0 0;
  color:#222;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.01em;
}

body.ui-runtime.store-page.route-user-index-php .market-topline p {
margin:4px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis {
display:grid;
  grid-template-columns:repeat(3, minmax(92px, auto));
  gap:0;
  overflow:hidden;
  border:1px solid #edf0f4;
  border-radius:3px;
  background:#fbfbfb;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis > div {
min-height:48px;
  padding:8px 11px;
  border-right:1px solid #edf0f4;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis > div:last-child {
border-right:0;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis span {
color:#757575;
  font-size:10.5px;
  letter-spacing:0;
  text-transform:none;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis b {
display:block;
  margin-top:2px;
  color:#222;
  font-size:14px;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-actions {
display:flex;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

body.ui-runtime.store-page.route-user-index-php .market-layout {
display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:20px;
  align-items:start;
}

body.ui-runtime.store-page.route-user-index-php .market-sidebar {
display:grid;
  gap:18px;
  position:sticky;
  top:102px;
  min-width:0;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-card {
display:grid;
  gap:9px;
  background:transparent;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-title {
color:#222;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-list {
display:grid; gap:2px;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-item {
min-height:30px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:4px 0;
  color:#222;
  font-size:13px;
  text-decoration:none;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-item i {
width:14px;
  height:14px;
  display:grid;
  place-items:center;
  border:1px solid #cbd5e1;
  border-radius:2px;
  color:transparent;
  font-style:normal;
  font-size:10px;
  line-height:1;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-item small {
color:#94a3b8;
  font-size:11px;
  font-weight:600;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-item:hover,
body.ui-runtime.store-page.route-user-index-php .market-filter-item.active {
color:var(--market-brand);
}

body.ui-runtime.store-page.route-user-index-php .market-filter-item.active i {
border-color:var(--market-brand);
  background:var(--market-brand);
  color:#fff;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-form label {
display:grid;
  gap:5px;
  min-width:0;
  color:#757575;
  font-size:12px;
  font-weight:600;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-form :is(input,select) {
min-height:32px;
  border:1px solid var(--market-line);
  border-radius:2px;
  background:#fff;
  color:#222;
  font-size:12.5px;
  box-shadow:none;
}

body.ui-runtime.store-page.route-user-index-php .market-price-range {
display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

body.ui-runtime.store-page.route-user-index-php .market-filter-form .btn {
min-height:34px;
  border-radius:2px;
  box-shadow:none;
}

body.ui-runtime.store-page.route-user-index-php .market-main {
display:grid;
  gap:12px;
  min-width:0;
}

body.ui-runtime.store-page.route-user-index-php .market-sortbar {
min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 20px;
  border-radius:2px;
  background:#ededed;
  color:#555;
}

body.ui-runtime.store-page.route-user-index-php .market-sort-left,
body.ui-runtime.store-page.route-user-index-php .market-sort-right {
display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  min-width:0;
}

body.ui-runtime.store-page.route-user-index-php .market-sort-left > span,
body.ui-runtime.store-page.route-user-index-php .market-sort-right > span {
color:#555;
  font-size:13px;
  font-weight:500;
}

body.ui-runtime.store-page.route-user-index-php .market-sort-btn {
min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid transparent;
  border-radius:2px;
  background:#fff;
  color:#222;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
}

body.ui-runtime.store-page.route-user-index-php .market-sort-btn:hover,
body.ui-runtime.store-page.route-user-index-php .market-sort-btn.active {
background:var(--market-brand);
  color:#fff;
}

body.ui-runtime.store-page.route-user-index-php .market-sort-right b {
color:var(--market-brand);
  font-size:14px;
}

body.ui-runtime.store-page.route-user-index-php .market-view-switch .btn,
body.ui-runtime.store-page.route-user-index-php .market-view-switch a {
min-height:30px;
  border-radius:2px;
  background:#fff;
  box-shadow:none;
}

body.ui-runtime.store-page.route-user-index-php .market-grid {
display:grid;
  grid-template-columns:repeat(auto-fill,minmax(198px,1fr));
  gap:12px;
  align-items:stretch;
}

body.ui-runtime.store-page.route-user-index-php .market-product-card {
position:relative;
  display:flex;
  flex-direction:column;
  min-height:368px;
  padding:0;
  border:1px solid transparent;
  border-radius:2px;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
  transition:border-color .1s ease, box-shadow .1s ease, transform .1s ease;
}

body.ui-runtime.store-page.route-user-index-php .market-product-card:hover {
border-color:var(--market-brand);
  transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}

body.ui-runtime.store-page.route-user-index-php .market-product-card.is-empty {
opacity:.72;
}

body.ui-runtime.store-page.route-user-index-php .market-product-visual {
position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1/1;
  min-height:168px;
  color:#fff;
  background:linear-gradient(135deg,#1877f2,#29487d);
  text-decoration:none;
}

body.ui-runtime.store-page.route-user-index-php .market-product-card.tone-green .market-product-visual {
background:linear-gradient(135deg,#06b6d4,#16a34a);
}

body.ui-runtime.store-page.route-user-index-php .market-product-card.tone-amber .market-product-visual {
background:linear-gradient(135deg,#f59e0b,#ef4444);
}

body.ui-runtime.store-page.route-user-index-php .market-product-card.tone-purple .market-product-visual {
background:linear-gradient(135deg,#111827,#7c3aed);
}

body.ui-runtime.store-page.route-user-index-php .market-product-icon {
color:rgba(255,255,255,.94);
  font-size:44px;
  font-weight:700;
  line-height:1;
}

body.ui-runtime.store-page.route-user-index-php .market-badge-mall {
position:absolute;
  top:0;
  left:0;
  padding:3px 8px 4px 6px;
  border-radius:2px 0 18px 0;
  background:#d0011b;
  color:#fff;
  font-size:10px;
  font-weight:700;
}

body.ui-runtime.store-page.route-user-index-php .market-badge-source {
position:absolute;
  top:0;
  right:0;
  min-width:42px;
  padding:4px 5px;
  background:rgba(255,212,36,.92);
  color:var(--market-brand);
  text-align:center;
  font-style:normal;
  font-size:11px;
  font-weight:700;
}

body.ui-runtime.store-page.route-user-index-php .market-product-body {
display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:7px;
  padding:10px;
  min-width:0;
}

body.ui-runtime.store-page.route-user-index-php .market-product-title {
display:-webkit-box;
  min-height:36px;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#222;
  font-size:12.5px;
  font-weight:600;
  line-height:1.42;
  text-decoration:none;
  overflow-wrap:anywhere;
}

body.ui-runtime.store-page.route-user-index-php .market-product-title:hover {
color:var(--market-brand);
}

body.ui-runtime.store-page.route-user-index-php .market-product-desc {
display:-webkit-box;
  min-height:34px;
  max-height:34px;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#757575;
  font-size:11.6px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

body.ui-runtime.store-page.route-user-index-php .market-product-tags {
display:flex;
  flex-wrap:wrap;
  gap:4px;
  min-height:22px;
}

body.ui-runtime.store-page.route-user-index-php .market-product-tags span {
min-height:19px;
  display:inline-flex;
  align-items:center;
  padding:1px 5px;
  border:1px solid #ffaa96;
  border-radius:2px;
  background:#fff5f3;
  color:var(--market-brand);
  font-size:9.5px;
  font-weight:600;
  line-height:1;
}

body.ui-runtime.store-page.route-user-index-php .market-product-code {
display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:5px;
  align-items:center;
  min-height:22px;
  color:#8e9eab;
}

body.ui-runtime.store-page.route-user-index-php .market-product-code span {
color:#8e9eab;
  font-size:9.5px;
  font-weight:700;
  text-transform:uppercase;
}

body.ui-runtime.store-page.route-user-index-php .market-product-code code {
min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#3b4d61;
  font-size:10.5px;
  font-family:var(--font-mono,monospace);
}

body.ui-runtime.store-page.route-user-index-php .market-code-copy {
min-height:20px;
  height:20px;
  padding:0 5px;
  border-radius:2px;
  font-size:9.5px;
}

body.ui-runtime.store-page.route-user-index-php .market-product-price {
display:grid;
  gap:2px;
  margin-top:auto;
}

body.ui-runtime.store-page.route-user-index-php .market-product-price span {
color:#757575;
  font-size:10.5px;
  font-weight:500;
}

body.ui-runtime.store-page.route-user-index-php .market-product-price b {
color:var(--market-brand);
  font-size:17px;
  font-weight:600;
  line-height:1.1;
}

body.ui-runtime.store-page.route-user-index-php .market-stock-progress {
position:relative;
  height:14px;
  overflow:hidden;
  border-radius:999px;
  background:#ffbda6;
  display:grid;
  place-items:center;
}

body.ui-runtime.store-page.route-user-index-php .market-stock-progress i {
position:absolute;
  inset:0 auto 0 0;
  width:var(--stock-pct,50%);
  background:var(--market-brand);
}

body.ui-runtime.store-page.route-user-index-php .market-stock-progress span {
position:relative;
  z-index:1;
  color:#fff;
  font-size:9.5px;
  font-weight:700;
  text-transform:uppercase;
}

body.ui-runtime.store-page.route-user-index-php .market-product-meta {
display:flex;
  justify-content:space-between;
  gap:8px;
  color:#757575;
  font-size:11px;
  line-height:1.2;
}

body.ui-runtime.store-page.route-user-index-php .market-product-actions {
display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:0 10px 10px;
}

body.ui-runtime.store-page.route-user-index-php .market-product-actions .btn {
min-height:32px;
  border-radius:2px;
  font-size:12px;
  box-shadow:none;
}

body.ui-runtime.store-page.route-user-index-php .market-buy {
background:var(--market-brand);
  color:#fff;
  border-color:var(--market-brand);
}

body.ui-runtime.store-page.route-user-index-php .market-buy:hover {
background:var(--market-brand-dark);
}

body.ui-runtime.store-page.route-user-index-php .market-buy:disabled {
background:#e5e7eb;
  border-color:#e5e7eb;
  color:#94a3b8;
}

@media (max-width: 1180px) {
body.ui-runtime.store-page.route-user-index-php .market-topline {
grid-template-columns:1fr;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis {
grid-template-columns:repeat(3,minmax(0,1fr));
}

body.ui-runtime.store-page.route-user-index-php .market-topline-actions {
justify-content:flex-start;
}
}

@media (max-width: 1040px) {
body.ui-runtime.store-page.route-user-index-php .market-layout {
grid-template-columns:1fr;
}

body.ui-runtime.store-page.route-user-index-php .market-sidebar {
position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
}

body.ui-runtime.store-page.route-user-index-php .market-filter-form {
grid-column:1 / -1;
}
}

@media (max-width: 860px) {
body.ui-runtime.store-page.route-user-index-php .site-header {
padding-bottom:8px;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search-wrap {
grid-column:1 / -1; order:3;
}

body.ui-runtime.store-page.route-user-index-php .store-hot-keywords {
overflow-x:auto; scrollbar-width:none;
}

body.ui-runtime.store-page.route-user-index-php .market-sortbar {
align-items:flex-start; flex-direction:column; padding:10px;
}

body.ui-runtime.store-page.route-user-index-php .market-grid {
grid-template-columns:repeat(auto-fill,minmax(168px,1fr));
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page.route-user-index-php .main-wrap {
width:min(100% - 20px,1360px);
}

body.ui-runtime.store-page.route-user-index-php .market-sidebar {
grid-template-columns:1fr; gap:12px;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis {
grid-template-columns:1fr;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis > div {
border-right:0; border-bottom:1px solid #edf0f4;
}

body.ui-runtime.store-page.route-user-index-php .market-topline-kpis > div:last-child {
border-bottom:0;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search {
grid-template-columns:auto minmax(0,1fr) auto;
}

body.ui-runtime.store-page.route-user-index-php .store-header-search button {
grid-column:1 / -1; margin-top:3px;
}

body.ui-runtime.store-page.route-user-index-php .market-grid {
grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;
}

body.ui-runtime.store-page.route-user-index-php .market-product-visual {
min-height:132px;
}

body.ui-runtime.store-page.route-user-index-php .market-product-actions {
grid-template-columns:1fr;
}
}

body.ui-runtime .auth-brand-title {
display: inline-flex;
  align-items: center;
  max-width: max-content;
  padding: 10px 16px;
  border-radius: 16px;
  font-size: clamp(1.7rem, 2.8vw, 2.45rem);
  line-height: 1.02;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
  text-shadow: 0 1px 0 rgba(255,255,255,.08);
}

body.ui-runtime .auth-split-shell .auth-brand-card .auth-brand-title {
color: #0f172a;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.92);
}

body.ui-runtime.admin-page .auth-split-shell .auth-brand-card .auth-brand-title {
color: #ffffff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  text-shadow: 0 1px 10px rgba(15, 23, 42, .45);
}

body.ui-runtime .auth-split-shell .auth-brand-card p,
body.ui-runtime .auth-split-shell .auth-brand-card .auth-points span {
color: rgba(15, 23, 42, .78);
}

body.ui-runtime.admin-page .auth-split-shell .auth-brand-card p,
body.ui-runtime.admin-page .auth-split-shell .auth-brand-card .auth-points span {
color: rgba(255,255,255,.88);
}

body.ui-runtime.route-login-php .main-wrap,
body.ui-runtime.route-admin-login-php .main-wrap {
padding-inline: clamp(14px, 3vw, 26px);
}

@media (max-width: 820px) {
body.ui-runtime .auth-brand-title {
font-size: clamp(1.5rem, 7vw, 2.1rem);
    max-width: 100%;
}

}

body.ui-runtime .user-topup-layout {
display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: 18px;
  align-items: start;
}

body.ui-runtime .user-topup-card,
body.ui-runtime .user-method-card {
min-width: 0;
}

body.ui-runtime .topup-step-list {
display: grid;
  gap: 12px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  counter-reset: topup-step;
}

body.ui-runtime .topup-step-list li {
counter-increment: topup-step;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  column-gap: 10px;
  padding: 12px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 14px;
  background: #fff;
}

body.ui-runtime .topup-step-list li::before {
content: counter(topup-step);
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #fff1ed;
  color: #c2410c;
  font-weight: 800;
}

body.ui-runtime .topup-step-list span,
body.ui-runtime .method-public-summary span,
body.ui-runtime .active-deposit-gate small,
body.ui-runtime .topup-create-warning span {
color: var(--muted, #64748b);
}

body.ui-runtime .method-public-summary {
display: grid;
  gap: 8px;
}

body.ui-runtime .method-public-summary .badge {
width: max-content;
}

body.ui-runtime .topup-create-warning {
display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  background: #fff7ed;
}

body.ui-runtime .active-deposit-gate {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid #fbbf24;
  border-radius: 14px;
  background: #fffbeb;
}

body.ui-runtime .active-deposit-gate[hidden] {
display: none;
}

body.ui-runtime .active-deposit-gate > div {
display: grid; gap: 4px;
}

body.ui-runtime .deposit-terminal-state {
display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  background: #f8fafc;
}

body.ui-runtime .deposit-terminal-state b {
font-size: 1.05rem;
}

body.ui-runtime .deposit-terminal-state.is-success {
border-color: #86efac; background: #f0fdf4;
}

body.ui-runtime .deposit-terminal-state.is-warning {
border-color: #fcd34d; background: #fffbeb;
}

body.ui-runtime .deposit-terminal-state.is-danger {
border-color: #fca5a5; background: #fef2f2;
}

@media (max-width: 900px) {
body.ui-runtime .user-topup-layout {
grid-template-columns: 1fr;
}
}

@media (max-width: 620px) {
body.ui-runtime .active-deposit-gate {
align-items: stretch; flex-direction: column;
}

body.ui-runtime .active-deposit-gate .btn {
width: 100%;
}
}

/* UI owner: 20-user-portal.css */
body.ui-runtime.store-page {
--store-brand: #ee4d2d;
  --store-brand-dark: #d93f21;
  --store-brand-hover: #d64021;
  --store-brand-light: #ff6533;
  --store-brand-soft: #fff5f1;
  --store-bg: #f5f5f5;
  --store-panel: #ffffff;
  --store-text: #222222;
  --store-muted: #757575;
  --store-line: #e2e2e2;
  --store-line-strong: #cfd6df;
  --store-soft: #fff7f3;
  --store-star: #ffce3d;
  --store-radius: 3px;
  --store-shadow: 0 1px 2px rgba(0,0,0,.06);
  --store-shadow-hover: 0 3px 10px rgba(0,0,0,.12);
  background: var(--store-bg);
  color: var(--store-text);
}

body.ui-runtime.store-page .brand {
min-width: 174px;
  color: #fff;
}

body.ui-runtime.store-page .brand-mark {
width: 42px;
  height: 42px;
  border: 2px solid rgba(255,255,255,.72);
  background: rgba(255,255,255,.12);
  color: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .brand-text b,
body.ui-runtime.store-page .brand-text small {
color: #fff;
}

body.ui-runtime.store-page .brand-text small {
opacity: .86;
}

body.ui-runtime.store-page .desktop-site-nav a,
body.ui-runtime.store-page .site-nav-more-trigger {
color: rgba(255,255,255,.88);
  border-color: transparent;
  background: transparent;
}

body.ui-runtime.store-page .desktop-site-nav a:hover,
body.ui-runtime.store-page .desktop-site-nav a.active,
body.ui-runtime.store-page .site-nav-more-trigger.active {
color: #fff;
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.18);
}

body.ui-runtime.store-page .main-wrap {
width: min(100% - 32px, 1440px);
  padding-top: 22px;
}

body.ui-runtime.store-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
body.ui-runtime.store-page select,
body.ui-runtime.store-page textarea {
border: 1px solid var(--store-line-strong);
  background: #fff;
  color: var(--store-text);
}

body.ui-runtime.store-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):focus,
body.ui-runtime.store-page select:focus,
body.ui-runtime.store-page textarea:focus {
border-color: var(--store-brand);
  box-shadow: 0 0 0 3px rgba(238,77,45,.12);
  outline: 0;
}

body.ui-runtime.store-page .btn.market-btn,
body.ui-runtime.store-page .btn.market-buy {
border-color: var(--store-brand);
  background: var(--store-brand);
  color: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .btn.market-btn:hover,
body.ui-runtime.store-page .btn.market-buy:hover {
background: var(--store-brand-hover);
}

body.ui-runtime.store-page .btn.secondary {
border-color: var(--store-line);
  background: #fff;
  color: var(--store-text);
  box-shadow: none;
}

body.ui-runtime.store-page .user-store-search {
flex: 1 1 520px;
  min-width: 280px;
  display: grid;
  gap: 6px;
}

body.ui-runtime.store-page .user-store-search-box {
height: 42px;
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto auto;
  align-items: center;
  gap: 0;
  padding: 3px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
}

body.ui-runtime.store-page .user-store-search-icon {
display: grid;
  place-items: center;
  color: var(--store-brand);
  font-size: 18px;
}

body.ui-runtime.store-page .user-store-search-box input {
height: 36px;
  min-height: 36px;
  border: 0;
  box-shadow: none;
  padding: 0 10px;
  font-size: 14px;
}

body.ui-runtime.store-page .user-store-search-box button {
height: 36px;
  min-width: 112px;
  border: 0;
  border-radius: 2px;
  background: var(--store-brand);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

body.ui-runtime.store-page .user-store-search-clear {
width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--store-muted);
}

body.ui-runtime.store-page .user-store-hotwords {
display: flex;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 17px;
  color: rgba(255,255,255,.88);
  font-size: 12px;
}

body.ui-runtime.store-page .user-store-hotwords a:hover {
color: #fff;
}

body.ui-runtime.store-page .user-market-strip {
display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(300px,.9fr) minmax(260px,.8fr);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 18px;
}

body.ui-runtime.store-page .user-market-strip-copy,
body.ui-runtime.store-page .user-market-strip-stats,
body.ui-runtime.store-page .user-market-wallet {
border: 1px solid var(--store-line);
  border-radius: var(--store-radius);
  background: #fff;
  box-shadow: var(--store-shadow);
}

body.ui-runtime.store-page .user-market-strip-copy {
padding: 16px 18px;
}

body.ui-runtime.store-page .user-market-strip-copy span {
color: var(--store-brand);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.ui-runtime.store-page .user-market-strip-copy h1 {
margin-top: 4px;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.02em;
}

body.ui-runtime.store-page .user-market-strip-copy p {
margin-top: 6px;
  color: var(--store-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.ui-runtime.store-page .user-market-strip-stats {
display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  overflow: hidden;
}

body.ui-runtime.store-page .user-market-strip-stats div {
display: grid;
  place-content: center;
  gap: 4px;
  min-height: 94px;
  padding: 12px;
  border-right: 1px solid var(--store-line);
}

body.ui-runtime.store-page .user-market-strip-stats div:last-child {
border-right: 0;
}

body.ui-runtime.store-page .user-market-strip-stats span,
body.ui-runtime.store-page .user-market-wallet span,
body.ui-runtime.store-page .user-market-wallet small {
color: var(--store-muted);
  font-size: 12px;
}

body.ui-runtime.store-page .user-market-strip-stats b {
color: var(--store-brand);
  font-size: 20px;
  font-weight: 600;
}

body.ui-runtime.store-page .user-market-wallet {
display: grid;
  align-content: center;
  gap: 5px;
  padding: 14px;
}

body.ui-runtime.store-page .user-market-wallet b {
color: var(--store-text);
  font-size: 18px;
  font-weight: 600;
}

body.ui-runtime.store-page .user-market-wallet > div {
display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

body.ui-runtime.store-page .user-filter-card {
border: 1px solid var(--store-line);
  border-radius: var(--store-radius);
  background: #fff;
  box-shadow: var(--store-shadow);
  overflow: hidden;
}

body.ui-runtime.store-page .user-filter-head {
display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 12px;
  border-bottom: 1px solid var(--store-line);
}

body.ui-runtime.store-page .user-filter-head b {
font-size: 14px; font-weight: 600;
}

body.ui-runtime.store-page .user-filter-head span,
body.ui-runtime.store-page .user-filter-head a {
color: var(--store-muted); font-size: 12px;
}

body.ui-runtime.store-page .user-filter-head a:hover {
color: var(--store-brand);
}

body.ui-runtime.store-page .user-filter-group {
border-bottom: 1px solid var(--store-line);
}

body.ui-runtime.store-page .user-filter-group:last-child {
border-bottom: 0;
}

body.ui-runtime.store-page .user-filter-group summary {
list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 14px;
  color: var(--store-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

body.ui-runtime.store-page .user-filter-group summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.store-page .user-filter-links,
body.ui-runtime.store-page .user-filter-form {
display: grid;
  gap: 8px;
  padding: 0 14px 14px;
}

body.ui-runtime.store-page .user-filter-links a {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  color: var(--store-text);
  font-size: 13px;
}

body.ui-runtime.store-page .user-filter-links a span {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-filter-links a i {
width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  margin-right: 6px;
  border-radius: 4px;
  background: var(--store-soft);
  color: var(--store-brand);
  font-style: normal;
  font-weight: 600;
}

body.ui-runtime.store-page .user-filter-links small {
color: var(--store-muted);
  font-size: 11px;
}

body.ui-runtime.store-page .user-filter-links a.active,
body.ui-runtime.store-page .user-filter-links a:hover {
color: var(--store-brand);
}

body.ui-runtime.store-page .user-filter-form label {
display: grid;
  gap: 5px;
  color: var(--store-muted);
  font-size: 12px;
}

body.ui-runtime.store-page .user-filter-form input,
body.ui-runtime.store-page .user-filter-form select {
min-height: 34px;
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 13px;
}

body.ui-runtime.store-page .user-filter-price {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

body.ui-runtime.store-page .user-filter-form .btn {
min-height: 34px; border-radius: 2px;
}

body.ui-runtime.store-page .user-sort-bar {
display: grid;
  grid-template-columns: minmax(180px, auto) minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 52px;
  padding: 10px 14px;
  margin-bottom: 12px;
  border: 1px solid var(--store-line);
  border-radius: var(--store-radius);
  background: #ededed;
  box-shadow: var(--store-shadow);
}

body.ui-runtime.store-page .user-sort-summary {
display: grid; gap: 1px;
}

body.ui-runtime.store-page .user-sort-summary b {
font-size: 14px; font-weight: 600;
}

body.ui-runtime.store-page .user-sort-summary span {
color: var(--store-muted); font-size: 12px;
}

body.ui-runtime.store-page .user-sort-actions,
body.ui-runtime.store-page .user-view-switch {
display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

body.ui-runtime.store-page .user-sort-actions span {
color: var(--store-muted);
  font-size: 13px;
}

body.ui-runtime.store-page .user-sort-actions a,
body.ui-runtime.store-page .user-view-switch a {
min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  color: var(--store-text);
  font-size: 13px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-view-switch a {
width: 34px; padding: 0; font-size: 17px;
}

body.ui-runtime.store-page .user-sort-actions a.active,
body.ui-runtime.store-page .user-view-switch a.active {
background: var(--store-brand);
  border-color: var(--store-brand);
  color: #fff;
}

@media (max-width: 1180px) {

body.ui-runtime.store-page .user-store-search {
order: 5; flex-basis: 100%;
}

body.ui-runtime.store-page .user-market-strip {
grid-template-columns: 1fr;
}

}

@media (max-width: 820px) {
body.ui-runtime.store-page .main-wrap {
width: min(100% - 20px, 1440px); padding-top: 12px;
}

body.ui-runtime.store-page .brand {
min-width: 0;
}

body.ui-runtime.store-page .brand-text small {
display: none;
}

body.ui-runtime.store-page .user-store-search-box {
grid-template-columns: 30px minmax(0,1fr) auto;
}

body.ui-runtime.store-page .user-store-search-box button {
min-width: 86px;
}

body.ui-runtime.store-page .user-store-search-clear {
display: none;
}

body.ui-runtime.store-page .user-market-strip-stats {
grid-template-columns: repeat(3, minmax(0,1fr));
}

body.ui-runtime.store-page .user-market-strip-stats div {
min-height: 70px;
}

body.ui-runtime.store-page .user-sort-bar {
grid-template-columns: 1fr; align-items: stretch;
}

body.ui-runtime.store-page .user-sort-actions {
overflow: auto; flex-wrap: nowrap; padding-bottom: 2px;
}

body.ui-runtime.store-page .user-sort-actions a {
white-space: nowrap;
}
}

@media (max-width: 520px) {

body.ui-runtime.store-page .user-store-hotwords {
gap: 8px; font-size: 11px;
}

body.ui-runtime.store-page .user-market-strip-copy,
body.ui-runtime.store-page .user-market-wallet {
padding: 12px;
}

body.ui-runtime.store-page .user-market-strip-copy h1 {
font-size: 19px;
}
}

body.ui-runtime.store-page.route-user-index-php .desktop-site-nav {
display: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search {
flex: 1 1 680px;
  max-width: 760px;
  margin: 0 auto;
  min-width: 320px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 44px;
  grid-template-columns: 42px minmax(0,1fr) auto auto;
  border: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.12);
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box input {
border: 0;
  box-shadow: none;
  background: #fff;
  color: var(--store-text);
  font-size: 14px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box input::placeholder {
color: #8d99a8;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box button {
min-width: 118px;
  height: 38px;
  margin-right: 0;
  border-radius: 2px;
  background: #ee4d2d;
  font-weight: 600;
}

body.ui-runtime.store-page.route-user-index-php .user-store-hotwords,
body.ui-runtime.store-page.route-user-index-php .store-hot-keywords,
body.ui-runtime.store-page.route-user-index-php .user-market-strip,
body.ui-runtime.store-page.route-user-index-php .market-topline {
display: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav {
border-bottom: 1px solid #e8e8e8;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: min(100% - 32px, 1440px);
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a {
position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 13px;
  border-radius: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a:hover,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a.active {
color: #ee4d2d;
  background: #fff7f3;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a.active::after {
content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 2px;
  background: #ee4d2d;
}

body.ui-runtime.store-page.route-user-index-php .account-box {
flex: 0 0 auto;
  gap: 10px;
}

body.ui-runtime.store-page.route-user-index-php .main-wrap {
padding-top: 18px;
}

body.ui-runtime.store-page.route-user-index-php .user-sort-bar {
margin-top: 0;
}

@media (max-width: 980px) {

body.ui-runtime.store-page.route-user-index-php .user-store-search {
order: 3;
    flex-basis: 100%;
    max-width: none;
    min-width: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box button {
min-width: 88px;
}

body.ui-runtime.store-page.route-user-index-php .account-box :is(.wallet-menu > summary,.account-menu > summary) {
padding-left: 5px;
    padding-right: 5px;
}
}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: min(100% - 20px, 1440px);
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a {
padding: 0 10px;
}
}

body.ui-runtime.store-page {
--store-footer-max: 1440px;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-card {
border-color: #e4e7ec;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head {
align-items: flex-start;
  padding: 15px 16px 13px;
  background: #fff;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head > div {
display: grid;
  gap: 2px;
  min-width: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head b {
display: block;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head span {
display: block;
  color: #8b95a1;
  font-size: 12px;
  line-height: 1.25;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head a {
flex: 0 0 auto;
  padding-top: 1px;
  color: #8b95a1;
  font-size: 12px;
  white-space: nowrap;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-group summary {
padding: 14px 16px 12px;
  font-size: 13px;
  font-weight: 600;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-links,
body.ui-runtime.store-page.route-user-index-php .user-filter-form {
padding-inline: 16px;
  gap: 9px;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-links a {
min-height: 32px;
  padding: 2px 0;
  color: #404b5a;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-links a.active {
color: #ee4d2d;
  font-weight: 500;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-form label {
color: #6b7280;
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-form input,
body.ui-runtime.store-page.route-user-index-php .user-filter-form select {
width: 100%;
  min-height: 38px;
  border: 1px solid #d5dbe4;
  border-radius: 2px;
  background: #fff;
  color: #222;
  font-size: 13px;
  font-weight: 400;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-form input:focus,
body.ui-runtime.store-page.route-user-index-php .user-filter-form select:focus {
border-color: #ee4d2d;
  box-shadow: 0 0 0 2px rgba(238,77,45,.10);
}

body.ui-runtime.store-page.route-user-index-php .user-filter-price {
gap: 10px;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-form .btn {
min-height: 40px;
  margin-top: 2px;
  border-radius: 2px;
  font-weight: 600;
}

body.ui-runtime.store-page .app-footer.user-app-footer.user-market-footer {
width: 100vw;
  max-width: none;
  margin: 42px calc((100vw - 100%) / -2) 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: rgba(0,0,0,.56);
  display: block;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-line {
height: 4px;
  background: #ee4d2d;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-grid {
width: min(100% - 32px, var(--store-footer-max));
  margin: 0 auto;
  padding: 36px 0 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 34px;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-col {
min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
}

body.ui-runtime.store-page .user-market-footer h3 {
margin: 0 0 4px;
  color: rgba(0,0,0,.86);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .015em;
}

body.ui-runtime.store-page .user-market-footer a {
color: rgba(0,0,0,.56);
  font-size: 12px;
  line-height: 1.35;
}

body.ui-runtime.store-page .user-market-footer a:hover {
color: #ee4d2d;
}

body.ui-runtime.store-page .user-market-footer .footer-payment-list {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui-runtime.store-page .user-market-footer .footer-payment-list span {
min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 2px;
  background: #fff;
  color: #222;
  font-size: 10px;
  font-weight: 700;
  box-shadow: 0 1px 1px rgba(0,0,0,.18);
  text-transform: uppercase;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom-inner {
width: min(100% - 32px, var(--store-footer-max));
  min-height: 58px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: rgba(0,0,0,.50);
  font-size: 12px;
}

@media (max-width: 900px) {
body.ui-runtime.store-page .user-market-footer .user-market-footer-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}

}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-index-php .user-filter-price {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-grid {
width: min(100% - 24px, var(--store-footer-max));
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 28px 0 22px;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom-inner {
width: min(100% - 24px, var(--store-footer-max));
}

}

body.ui-runtime.store-page.route-user-index-php .user-filter-head.user-filter-head {
align-items: center;
  min-height: 52px;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head.user-filter-head > div {
display: block;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head.user-filter-head b {
font-size: 15px;
  line-height: 1.2;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head.user-filter-head span {
display: none;
}

body.ui-runtime.store-page.route-user-index-php .user-filter-head.user-filter-head a {
padding-top: 0;
}

@media (min-width: 980px) {
}

@media (max-width: 900px) {
}

@media (max-width: 520px) {
}

body.ui-runtime.store-page.route-user-index-php {
--store-page-max: 1440px;
  --store-page-gutter: 32px;
  --store-border: #e5e7eb;
  --store-text: #222;
  --store-muted: #758195;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: 0;
  padding: 3px;
  border: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.12);
  overflow: hidden;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field {
min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  height: 38px;
  background: #fff;
  border: 0;
  border-radius: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-icon {
width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #94a3b8;
  font-size: 17px;
  line-height: 1;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-box input.user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-field > input.user-store-search-input {
width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 8px 0 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: var(--store-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  appearance: none;
  -webkit-appearance: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-input:focus,
body.ui-runtime.store-page.route-user-index-php .user-store-search-input:focus-visible {
border: 0;
  outline: 0;
  box-shadow: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-input::placeholder {
color: #94a3b8;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-clear {
width: 30px;
  height: 30px;
  margin-right: 4px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #94a3b8;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit,
body.ui-runtime.store-page.route-user-index-php .user-store-search-box > button.user-store-search-submit {
width: 118px;
  min-width: 118px;
  height: 38px;
  min-height: 38px;
  margin: 0;
  border: 0;
  border-radius: 2px;
  background: var(--store-brand);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a {
min-height: 44px;
  padding: 0 14px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a:hover,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a.active {
color: var(--store-brand);
  background: transparent;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a.active::after {
left: 14px;
  right: 14px;
  bottom: 0;
  height: 2px;
  background: var(--store-brand);
}

@media (max-width: 980px) {

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit,
body.ui-runtime.store-page.route-user-index-php .user-store-search-box > button.user-store-search-submit {
width: 96px; min-width: 96px;
}
}

@media (max-width: 560px) {

body.ui-runtime.store-page.route-user-index-php .user-store-search-field,
body.ui-runtime.store-page.route-user-index-php .user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-submit,
body.ui-runtime.store-page.route-user-index-php .user-store-search-box > button.user-store-search-submit {
height: 38px;
    min-height: 38px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit,
body.ui-runtime.store-page.route-user-index-php .user-store-search-box > button.user-store-search-submit {
width: 82px; min-width: 82px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a {
padding-inline: 11px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a:first-child {
padding-left: 0;
}
}

body.ui-runtime.store-page.route-user-index-php {
--store-page-max: 1440px;
  --store-page-gutter: 32px;
  --store-text: #222;
  --store-muted: #758195;
}

body.ui-runtime.store-page.route-user-index-php .main-wrap,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner{
width: min(100% - var(--store-page-gutter), var(--store-page-max));
  max-width: var(--store-page-max);
  margin-inline: auto;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: 0;
  padding: 3px;
  border: 0;
  outline: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.12);
  overflow: hidden;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field {
min-width: 0;
  height: 38px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  background: #fff;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-icon {
width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #94a3b8;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-field > input.user-store-search-input {
all: unset;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 8px 0 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: var(--store-text);
  font: 400 14px/38px var(--font-ui);
  appearance: none;
  -webkit-appearance: none;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input:focus,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input:focus-visible {
border: 0;
  outline: 0;
  box-shadow: none;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::placeholder {
color: #94a3b8;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-clear:hover {
background: #f1f5f9;
  color: #334155;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
all: unset;
  box-sizing: border-box;
  width: 118px;
  min-width: 118px;
  height: 38px;
  min-height: 38px;
  margin: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 2px;
  display: grid;
  place-items: center;
  background: var(--store-brand);
  color: #fff;
  font: 600 14px/1 var(--font-ui);
  cursor: pointer;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav {
background: #fff;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
min-height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner::-webkit-scrollbar {
display: none;
}

body.ui-runtime.admin-page .admin-dashboard-support-queue {
border-left: 3px solid #2563eb;
}

body.ui-runtime.admin-page .admin-dashboard-support-list {
display: grid;
  gap: 10px;
}

body.ui-runtime.admin-page .admin-dashboard-support-item {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid #e6ecf5;
  border-radius: 12px;
  background: #fff;
}

body.ui-runtime.admin-page .admin-dashboard-support-main {
min-width: 0;
  display: grid;
  gap: 4px;
}

body.ui-runtime.admin-page .admin-dashboard-support-main b {
color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-dashboard-support-meta {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  color: #64748b;
  font-size: 12px;
}

body.ui-runtime.admin-page .admin-dashboard-support-side {
display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 980px) {
body.ui-runtime.store-page.route-user-index-php {
--store-page-gutter: 20px;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.admin-page .admin-dashboard-support-item {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.admin-page .admin-dashboard-support-side {
justify-content: flex-start;
}
}

@media (max-width: 560px) {
body.ui-runtime.store-page.route-user-index-php {
--store-page-gutter: 20px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 42px;
    grid-template-columns: minmax(0, 1fr) 82px;
    padding: 2px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
height: 38px;
    min-height: 38px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
width: 82px; min-width: 82px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-icon {
width: 32px;
}
}

body.ui-runtime.store-page.route-user-index-php {
--store-page-max: 1440px;
  --store-page-gutter: 32px;
  --store-text: #222222;
  --store-muted: #757575;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 2px;
  overflow: hidden;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field {
min-width: 0;
  height: 44px;
  min-height: 44px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 2px 0 0 2px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field:focus-within {
border: 0;
  outline: 0;
  box-shadow: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field .sr-only {
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-icon {
width: 42px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #9aa4b2;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-field > input.user-store-search-input {
all: unset;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 10px 0 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: var(--store-text);
  font-family: var(--store-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 44px;
  appearance: none;
  -webkit-appearance: none;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input:focus,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input:focus-visible,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input:hover {
border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::placeholder {
color: #9aa4b2;
  opacity: 1;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-clear {
width: 30px;
  height: 30px;
  margin-right: 4px;
  display: grid;
  place-items: center;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 999px;
  color: #94a3b8;
  background: transparent;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-clear:hover {
background: #f4f5f6;
  color: #334155;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
all: unset;
  box-sizing: border-box;
  width: 118px;
  min-width: 118px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 0 2px 2px 0;
  display: grid;
  place-items: center;
  background: var(--store-brand);
  color: #ffffff;
  font-family: var(--store-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 980px) {

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
grid-template-columns: minmax(0, 1fr) 96px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
width: 96px; min-width: 96px;
}
}

@media (max-width: 640px) {

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 42px;
    grid-template-columns: minmax(0, 1fr) 84px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input,
body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
height: 42px;
    min-height: 42px;
    line-height: 42px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
width: 84px; min-width: 84px; font-size: 13px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-field .sr-only {
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-icon {
width: 36px; height: 42px;
}
}

body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box .user-store-search-field > input.user-store-search-input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box .user-store-search-field > input.user-store-search-input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):hover,
body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box .user-store-search-field > input.user-store-search-input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):focus,
body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box .user-store-search-field > input.user-store-search-input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):focus-visible {
border: 0;
  border-width: 0;
  border-style: none;
  border-color: transparent;
  outline: 0;
  outline-width: 0;
  box-shadow: none;
  background: transparent;
}

body.ui-runtime.store-page {
--store-font: var(--font-sans);
  font-family: var(--store-font);
}

body.ui-runtime.store-page :is(.user-store-market, .user-marketplace, .user-filter-card, .user-store-nav, .user-store-footer) {
font-family: var(--store-font);
}

body.ui-runtime.store-page.route-user-index-php {
--store-page-max: 1440px;
  --store-page-gutter: 32px;
  --store-text: #222222;
  --store-placeholder: #7f8ba3;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner,
body.ui-runtime.store-page.route-user-index-php .main-wrap{
width: min(100% - var(--store-page-gutter), var(--store-page-max));
  max-width: var(--store-page-max);
  margin-inline: auto;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page.route-user-index-php .user-store-search {
width: 100%;
  max-width: 760px;
  min-width: 0;
  margin: 0 auto;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
box-sizing: border-box;
  width: 100%;
  height: 44px;
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 3px;
  margin: 0;
  background: #ffffff;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 2px;
  overflow: hidden;
}

body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box > input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box > input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):hover,
body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box > input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):focus,
body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box > input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):focus-visible {
all: unset;
  box-sizing: border-box;
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0 15px;
  border: 0;
  border-width: 0;
  border-style: none;
  border-color: transparent;
  outline: 0;
  outline-width: 0;
  box-shadow: none;
  background: #ffffff;
  color: var(--store-text);
  font-family: var(--store-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  cursor: text;
  appearance: none;
  -webkit-appearance: none;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::-webkit-search-decoration,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::-webkit-search-cancel-button,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::-webkit-search-results-button,
body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::-webkit-search-results-decoration {
-webkit-appearance: none;
  display: none;
}

body.ui-runtime.store-page.route-user-index-php input.user-store-search-input::placeholder {
color: var(--store-placeholder);
  opacity: 1;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
all: unset;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: auto;
  min-width: 126px;
  max-width: 168px;
  height: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0 25px;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 2px;
  display: grid;
  place-items: center;
  background: var(--store-brand);
  color: #ffffff;
  font-family: var(--store-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit:focus-visible {
box-shadow: inset 0 0 0 2px rgba(255,255,255,.45);
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav {
background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

@media (max-width: 980px) {
body.ui-runtime.store-page.route-user-index-php {
--store-page-gutter: 24px;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page.route-user-index-php .brand {
grid-area: brand;
}

body.ui-runtime.store-page.route-user-index-php .account-box {
grid-area: account; justify-content: flex-end;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search {
grid-area: search; max-width: none;
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page.route-user-index-php {
--store-page-gutter: 20px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 42px;
    padding: 3px;
}

body.ui-runtime.store-page.route-user-index-php .site-header .site-mainbar .site-mainbar-inner .user-store-search .user-store-search-box > input.user-store-search-input.user-store-search-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]) {
height: 36px;
    min-height: 36px;
    line-height: 36px;
    padding-inline: 12px;
    font-size: 13px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
min-width: 88px;
    max-width: 102px;
    height: 36px;
    min-height: 36px;
    padding: 0 16px;
    font-size: 13px;
}
}

body.ui-runtime.store-page {
--store-font: var(--font-sans);
  --store-bg: #f5f5f5;
  --store-panel: #ffffff;
  --store-text: #222222;
  --store-muted: #757575;
  --store-line: #e0e0e0;
  --store-line-strong: #d3d8df;
  --store-shadow: 0 1px 2px rgba(0,0,0,.06);
  --store-max: 1440px;
  --store-gutter: 32px;
  font-family: var(--store-font);
  color: var(--store-text);
  background: var(--store-bg);
}

body.ui-runtime.store-page .site-header {
border: 0;
  background: linear-gradient(-180deg, #f53d2d 0%, #ff6633 100%);
  box-shadow: none;
  color: #fff;
}

body.ui-runtime.store-page .site-mainbar {
border: 0;
  background: transparent;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .site-mainbar .site-nav {
display: none;
}

body.ui-runtime.store-page .global-search-placeholder {
display: block;
  min-width: 0;
}

body.ui-runtime.store-page .brand {
min-width: 176px;
  color: #fff;
}

body.ui-runtime.store-page .brand-mark {
width: 42px;
  height: 42px;
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 3px;
  background: rgba(255,255,255,.12);
  color: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .brand-text b {
color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.01em;
}

body.ui-runtime.store-page .brand-text small {
color: rgba(255,255,255,.86);
  font-weight: 400;
}

body.ui-runtime.store-page .account-box {
display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

body.ui-runtime.store-page .account-box > a.btn {
min-width: 94px;
  min-height: 36px;
  height: 36px;
  padding: 0 14px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
}

body.ui-runtime.store-page .account-box > a.btn.ghost {
border: 1px solid rgba(255,255,255,.7);
  background: transparent;
  color: #fff;
}

body.ui-runtime.store-page .account-box > a.btn.secondary {
border: 1px solid #fff;
  background: #fff;
  color: var(--store-brand);
}

body.ui-runtime.store-page .account-box > a.btn:hover {
transform: none;
  box-shadow: none;
}

body.ui-runtime.store-page .account-box > a.btn.ghost:hover {
background: rgba(255,255,255,.14);
  color: #fff;
}

body.ui-runtime.store-page .account-box > a.btn.secondary:hover {
background: #fff7f4;
  color: var(--store-brand-dark);
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page.route-user-index-php .user-store-search {
width: 100%;
  max-width: 760px;
  margin-inline: auto;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box {
height: 44px;
  padding: 3px;
  background: #fff;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  display: flex;
  overflow: hidden;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-box > input.user-store-search-input {
all: unset;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 0 15px;
  border: 0;
  box-shadow: none;
  background: #fff;
  color: var(--store-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  cursor: text;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
all: unset;
  box-sizing: border-box;
  flex: 0 0 auto;
  min-width: 126px;
  height: 38px;
  padding: 0 25px;
  border-radius: 2px;
  background: var(--store-brand);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-store-nav-inner {
width: min(100% - var(--store-gutter), var(--store-max));
  max-width: var(--store-max);
  min-height: 44px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

body.ui-runtime.store-page .user-store-nav-inner a {
position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 13px;
  color: #444;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-store-nav-inner a.active::after {
content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 2px;
  background: var(--store-brand);
}

body.ui-runtime.store-page .main-wrap {
width: min(100% - var(--store-gutter), var(--store-max));
  max-width: var(--store-max);
  padding-top: 20px;
}

body.ui-runtime.store-page .user-hero {
border: 1px solid var(--store-line);
  border-top: 3px solid var(--store-brand);
  border-radius: 2px;
  background: #fff;
  box-shadow: var(--store-shadow);
  padding: 18px 20px;
}

body.ui-runtime.store-page .user-hero .market-eyebrow {
color: var(--store-brand);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.ui-runtime.store-page .user-hero h1 {
margin: 4px 0 0;
  color: var(--store-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

body.ui-runtime.store-page .user-hero p {
color: var(--store-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.ui-runtime.store-page .user-hero-actions .btn,
body.ui-runtime.store-page .form-actions .btn,
body.ui-runtime.store-page .user-filter-actions .btn {
min-height: 36px;
  border-radius: 2px;
  font-weight: 500;
  box-shadow: none;
}

body.ui-runtime.store-page .card,
body.ui-runtime.store-page .ui-report-card,
body.ui-runtime.store-page .user-filter,
body.ui-runtime.store-page .table-wrap {
border-radius: 2px;
  border-color: var(--store-line);
  box-shadow: var(--store-shadow);
}

body.ui-runtime.store-page .ui-report-card.final-visual-metric::before {
content: none;
  display: none;
}

body.ui-runtime.store-page .ui-report-card.final-visual-metric {
border-top: 3px solid var(--store-brand);
  padding: 14px;
  background: #fff;
}

body.ui-runtime.store-page .ui-report-card.final-visual-metric .report-card-head span {
color: var(--store-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}

body.ui-runtime.store-page .ui-report-card.final-visual-metric > b {
color: var(--store-text);
  font-size: 22px;
  font-weight: 700;
}

body.ui-runtime.store-page :is(.user-filter,.ui-form,.card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea),
body.ui-runtime.store-page .user-filter-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea) {
border: 1px solid var(--store-line-strong);
  border-radius: 2px;
  background: #fff;
  color: var(--store-text);
  box-shadow: none;
}

body.ui-runtime.store-page :is(.user-filter,.ui-form,.card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):focus,
body.ui-runtime.store-page .user-filter-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):focus {
border-color: var(--store-brand);
  box-shadow: 0 0 0 2px rgba(238,77,45,.11);
  outline: 0;
}

body.ui-runtime.store-page .ui-smart-table th {
background: #fafafa;
  color: #555;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.ui-runtime.store-page .ui-smart-table td {
border-top: 1px solid #eeeeee;
  color: var(--store-text);
  font-size: 13px;
}

body.ui-runtime.store-page .ui-smart-table tbody tr:hover {
background: #fff9f6;
}

body.ui-runtime.store-page .user-table-action-stack,
body.ui-runtime.store-page .user-order-action-stack {
display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

body.ui-runtime.store-page .user-action-btn {
min-height: 30px;
  min-width: 68px;
  padding: 0 10px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}

body.ui-runtime.store-page .user-action-btn.is-primary,
body.ui-runtime.store-page .user-action-btn.is-download {
border: 1px solid var(--store-brand);
  background: var(--store-brand);
  color: #fff;
}

body.ui-runtime.store-page .user-action-btn.is-warning {
border: 1px solid #f59e0b;
  background: #fff7ed;
  color: #9a3412;
}

body.ui-runtime.store-page .user-action-btn.is-copy,
body.ui-runtime.store-page .user-action-btn.is-neutral {
border: 1px solid var(--store-line-strong);
  background: #fff;
  color: #444;
}

body.ui-runtime.store-page .user-action-btn:hover {
filter: brightness(.98);
  transform: none;
  box-shadow: none;
}

@media (max-width: 980px) {
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .account-box {
grid-area: account; justify-content: flex-end;
}

body.ui-runtime.store-page .global-search-placeholder,
body.ui-runtime.store-page .user-store-search {
grid-area: search; max-width: none;
}
}

@media (max-width: 640px) {

body.ui-runtime.store-page .brand-text small {
display: none;
}

body.ui-runtime.store-page .account-box :is(.wallet-menu > summary,.account-menu > summary) {
padding-inline: 6px;
}

body.ui-runtime.store-page .account-menu .account-role,
body.ui-runtime.store-page .wallet-menu .wallet-label {
display: none;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
min-width: 88px;
    padding: 0 16px;
    font-size: 13px;
}

body.ui-runtime.store-page .user-store-nav-inner a {
padding-inline: 10px;
}

body.ui-runtime.store-page .user-hero {
padding: 14px;
}

body.ui-runtime.store-page .user-hero h1 {
font-size: 19px;
}

body.ui-runtime.store-page .user-table-action-stack,
body.ui-runtime.store-page .user-order-action-stack {
justify-content: flex-start;
}
}

body.ui-runtime.store-page {
--store-font: var(--font-sans);
  --store-bg: #f5f5f5;
  --store-panel: #fff;
  --store-text: #222;
  --store-muted: #757575;
  --store-line: #e0e0e0;
  --store-line-strong: #cfd7e3;
  --store-max: 1440px;
  --store-gutter: 32px;
  --store-sidebar: 260px;
  --store-gap: 20px;
  font-family: var(--store-font);
}

body.ui-runtime.store-page .user-store-nav {
border-bottom: 1px solid #e8e8e8;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

body.ui-runtime.store-page .user-store-nav-inner {
width: min(100% - var(--store-gutter), var(--store-max));
  max-width: var(--store-max);
  min-height: 48px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

body.ui-runtime.store-page .user-store-nav-inner a {
position: relative;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 15px;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-store-nav-inner a.active::after {
content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 0;
  height: 2px;
  background: var(--store-brand);
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
box-sizing: border-box;
  padding-left: calc(var(--store-sidebar) + var(--store-gap));
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a:first-child {
padding-left: 0;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner a:first-child.active::after {
left: 0;
}

body.ui-runtime.store-page .user-detail-marketplace {
display: grid;
  grid-template-columns: minmax(0,1fr) 360px;
  gap: 20px;
  align-items: start;
}

body.ui-runtime.store-page .user-detail-main,
body.ui-runtime.store-page .user-detail-side {
min-width: 0;
  display: grid;
  gap: 16px;
}

body.ui-runtime.store-page .user-detail-side {
position: sticky;
  top: 14px;
}

body.ui-runtime.store-page .user-detail-breadcrumb {
display: flex;
  align-items: center;
  gap: 6px;
  color: var(--store-muted);
  font-size: 12px;
  margin-bottom: 8px;
}

body.ui-runtime.store-page .user-detail-breadcrumb a {
color: var(--store-brand);
  text-decoration: none;
}

body.ui-runtime.store-page .user-service-hero {
display: grid;
  grid-template-columns: 240px minmax(0,1fr) 260px;
  gap: 18px;
  align-items: stretch;
  border: 1px solid var(--store-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  overflow: hidden;
}

body.ui-runtime.store-page .user-service-media {
position: relative;
  min-height: 240px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f53d2d, #ff6633);
  color: #fff;
}

body.ui-runtime.store-page .user-service-hero.tone-facebook .user-service-media {
background: linear-gradient(135deg, #1877f2, #29487d);
}

body.ui-runtime.store-page .user-service-hero.tone-mail .user-service-media {
background: linear-gradient(135deg, #4285f4, #34a853);
}

body.ui-runtime.store-page .user-service-hero.tone-proxy .user-service-media {
background: linear-gradient(135deg, #0f766e, #14b8a6);
}

body.ui-runtime.store-page .user-service-hero.tone-token .user-service-media {
background: linear-gradient(135deg, #7c3aed, #db2777);
}

body.ui-runtime.store-page .user-service-hero.tone-tiktok .user-service-media {
background: linear-gradient(135deg, #111, #25f4ee, #fe2c55);
}

body.ui-runtime.store-page .user-service-media > span {
font-size: 76px;
  font-weight: 700;
  line-height: 1;
}

body.ui-runtime.store-page .user-service-media > b {
position: absolute;
  top: 0;
  left: 0;
  padding: 4px 9px;
  border-radius: 0 0 20px 0;
  background: #d0011b;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-service-copy {
min-width: 0;
  padding: 22px 0;
}

body.ui-runtime.store-page .user-service-copy h1 {
margin: 0;
  color: var(--store-text);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

body.ui-runtime.store-page .user-service-copy p {
margin: 10px 0 0;
  color: #555;
  font-size: 14px;
  line-height: 1.55;
}

body.ui-runtime.store-page .user-detail-tags {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}

body.ui-runtime.store-page .user-detail-tags span {
border: 1px solid #ffaa96;
  border-radius: 2px;
  background: #fff5f3;
  color: var(--store-brand);
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-detail-tags span:is(.is-ok,.is-success) {
border-color: #9ee6bd; background: #f0fdf4; color: #087443;
}

body.ui-runtime.store-page .user-detail-tags span.is-warn {
border-color: #f9d27a; background: #fff8e6; color: #92400e;
}

body.ui-runtime.store-page .user-detail-tags span.is-danger {
border-color: #fecaca; background: #fff1f2; color: #b91c1c;
}

body.ui-runtime.store-page .user-detail-tags span.is-info {
border-color: #bcd7ff; background: #eff6ff; color: #1d4ed8;
}

body.ui-runtime.store-page .user-detail-code {
max-width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 8px;
  border: 1px dashed #ffb199;
  border-radius: 2px;
  background: #fffafa;
}

body.ui-runtime.store-page .user-detail-code span {
color: var(--store-muted);
  font-size: 11px;
}

body.ui-runtime.store-page .user-detail-code code {
min-width: 0;
  color: #475569;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ui-runtime.store-page .user-detail-copy {
min-height: 24px;
  border: 1px solid #222;
  border-radius: 2px;
  background: #fff;
  color: #222;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-service-price {
display: grid;
  align-content: center;
  gap: 8px;
  padding: 22px 18px;
  border-left: 1px solid #f0f0f0;
  background: #fffaf8;
}

body.ui-runtime.store-page .user-service-price span,
body.ui-runtime.store-page .user-service-price small,
body.ui-runtime.store-page .user-service-price em,
body.ui-runtime.store-page .user-service-price strong {
color: var(--store-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

body.ui-runtime.store-page .user-service-price b {
color: var(--store-brand);
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}

body.ui-runtime.store-page .user-service-price strong {
display: inline-flex;
  width: fit-content;
  padding: 5px 8px;
  background: #fff;
  border: 1px solid #ffd3c6;
  color: var(--store-brand);
}

body.ui-runtime.store-page .user-detail-card,
body.ui-runtime.store-page .user-buy-panel,
body.ui-runtime.store-page .user-order-hero,
body.ui-runtime.store-page .user-order-summary > div {
border: 1px solid var(--store-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

body.ui-runtime.store-page .user-detail-card > header,
body.ui-runtime.store-page .user-buy-panel > header {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
}

body.ui-runtime.store-page .user-detail-card > header span,
body.ui-runtime.store-page .user-buy-panel > header span {
color: var(--store-brand);
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-detail-card > header h2,
body.ui-runtime.store-page .user-buy-panel > header h2 {
margin: 0;
  color: var(--store-text);
  font-size: 17px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-kv-list {
display: grid;
  padding: 6px 16px 16px;
}

body.ui-runtime.store-page .user-kv-list.is-grid {
grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

body.ui-runtime.store-page .user-kv-list > div {
display: grid;
  gap: 4px;
  padding: 11px 0;
  border-bottom: 1px solid #f1f1f1;
}

body.ui-runtime.store-page .user-kv-list.is-grid > div {
padding: 11px;
  border: 1px solid #f1f1f1;
  background: #fafafa;
}

body.ui-runtime.store-page .user-kv-list > div:last-child {
border-bottom: 0;
}

body.ui-runtime.store-page .user-kv-list span {
color: var(--store-muted);
  font-size: 12px;
}

body.ui-runtime.store-page .user-kv-list b {
color: var(--store-text);
  font-size: 14px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-rich-text {
padding: 16px;
  color: #444;
  font-size: 14px;
  line-height: 1.65;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-detail-note {
margin: 0 16px 16px;
  padding: 10px 12px;
  background: #fff8f5;
  border: 1px solid #ffd8cc;
  color: #7c2d12;
  font-size: 12px;
  line-height: 1.45;
}

body.ui-runtime.store-page .user-buy-panel {
padding-bottom: 16px;
}

body.ui-runtime.store-page .user-buy-panel > p,
body.ui-runtime.store-page .user-muted {
margin: 0;
  padding: 0 16px 14px;
  color: var(--store-muted);
  font-size: 13px;
  line-height: 1.5;
}

body.ui-runtime.store-page .user-buy-form {
display: grid;
  gap: 12px;
  padding: 16px;
}

body.ui-runtime.store-page .user-buy-form label {
display: grid;
  gap: 6px;
  color: #555;
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-buy-form :is(input,select) {
width: 100%;
  height: 40px;
  border: 1px solid var(--store-line-strong);
  border-radius: 2px;
  background: #fff;
  color: var(--store-text);
  padding: 0 10px;
  box-shadow: none;
}

body.ui-runtime.store-page .user-buy-age {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.ui-runtime.store-page .user-buy-total {
display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid #ffd8cc;
  background: #fff8f5;
}

body.ui-runtime.store-page .user-buy-total span {
color: var(--store-muted); font-size: 13px;
}

body.ui-runtime.store-page .user-buy-total b {
color: var(--store-brand); font-size: 20px; font-weight: 700;
}

body.ui-runtime.store-page .user-buy-form .market-buy {
height: 42px;
  border-radius: 2px;
  background: var(--store-brand);
  color: #fff;
  font-weight: 700;
  box-shadow: none;
}

body.ui-runtime.store-page .user-buy-form .market-buy:disabled {
opacity: .55; cursor: not-allowed;
}

body.ui-runtime.store-page .user-buy-form p {
margin: 0;
  color: var(--store-muted);
  font-size: 12px;
  line-height: 1.45;
}

body.ui-runtime.store-page .user-related .user-related-grid {
display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px;
  padding: 16px;
}

body.ui-runtime.store-page .user-order-hero {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  border-top: 3px solid var(--store-brand);
}

body.ui-runtime.store-page .user-order-hero h1 {
margin: 0;
  color: var(--store-text);
  font-size: 24px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-order-hero p {
margin: 6px 0 0;
  color: var(--store-muted);
  font-size: 13px;
}

body.ui-runtime.store-page .user-order-hero .order-code-copy {
display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime.store-page .user-order-hero .order-copy-btn {
min-height: 26px;
  border: 1px solid var(--store-line-strong);
  border-radius: 2px;
  background: #fff;
  color: #444;
}

body.ui-runtime.store-page .user-order-actions {
display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

body.ui-runtime.store-page .user-order-action {
min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

body.ui-runtime.store-page .user-order-action.is-primary,
body.ui-runtime.store-page .user-order-action.is-download {
border: 1px solid var(--store-brand);
  background: var(--store-brand);
  color: #fff;
}

body.ui-runtime.store-page .user-order-action.is-copy,
body.ui-runtime.store-page .user-order-action.is-neutral {
border: 1px solid var(--store-line-strong);
  background: #fff;
  color: #444;
}

body.ui-runtime.store-page .user-order-action.is-warning {
border: 1px solid #f59e0b;
  background: #fff7ed;
  color: #9a3412;
}

body.ui-runtime.store-page .user-order-summary {
display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}

body.ui-runtime.store-page .user-order-summary > div {
display: grid;
  gap: 6px;
  padding: 14px;
  border-top: 3px solid var(--store-brand);
}

body.ui-runtime.store-page .user-order-summary span,
body.ui-runtime.store-page .user-order-summary small {
color: var(--store-muted);
  font-size: 12px;
}

body.ui-runtime.store-page .user-order-summary b {
color: var(--store-text);
  font-size: 20px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-order-raw-card {
margin-top: 16px;
}

body.ui-runtime.store-page .user-order-raw-card > p {
margin: 0;
  padding: 12px 16px 0;
}

body.ui-runtime.store-page .user-detail-raw-table {
margin: 12px 16px 16px;
  box-shadow: none;
}

body.ui-runtime.store-page .user-raw-view {
width: 100%;
  min-height: 48px;
  border: 1px solid var(--store-line);
  border-radius: 2px;
  background: #fafafa;
  padding: 8px;
  color: #334155;
  resize: vertical;
}

body.ui-runtime.store-page .user-detail-pager {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 1180px) {
body.ui-runtime.store-page .user-service-hero {
grid-template-columns: 200px minmax(0,1fr);
}

body.ui-runtime.store-page .user-service-price {
grid-column: 1 / -1; border-left: 0; border-top: 1px solid #f0f0f0;
}

body.ui-runtime.store-page .user-order-summary {
grid-template-columns: repeat(3, minmax(0,1fr));
}
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--store-gutter: 24px;
}

body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
padding-left: 0;
}

body.ui-runtime.store-page .user-detail-marketplace {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-detail-side {
position: static;
}

body.ui-runtime.store-page .user-service-hero {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-service-media {
min-height: 180px;
}

body.ui-runtime.store-page .user-service-copy {
padding: 18px;
}

body.ui-runtime.store-page .user-kv-list.is-grid {
grid-template-columns: 1fr 1fr;
}

body.ui-runtime.store-page .user-order-hero {
align-items: flex-start; flex-direction: column;
}

body.ui-runtime.store-page .user-order-actions {
justify-content: flex-start;
}
}

@media (max-width: 640px) {

body.ui-runtime.store-page .user-service-copy h1,
body.ui-runtime.store-page .user-order-hero h1 {
font-size: 20px;
}

body.ui-runtime.store-page .user-service-price b {
font-size: 24px;
}

body.ui-runtime.store-page .user-kv-list.is-grid,
body.ui-runtime.store-page .user-order-summary {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-buy-age {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-order-action {
width: 100%;
}
}

body.ui-runtime.store-page {
--store-font: var(--font-sans);
  --store-bg: #f5f5f5;
  --store-panel: #fff;
  --store-text: #222;
  --store-muted: #757575;
  --store-line: #e0e0e0;
  --store-line-strong: #cfd7e3;
  --store-max: 1440px;
  --store-gutter: 32px;
  --store-sidebar: 260px;
  --store-gap: 20px;
  --store-nav-offset: 0px;
  --store-user-header-z: 2350;
  --store-buy-modal-z: 7600;
  font-family: var(--store-font);
}

body.ui-runtime.store-page :is(button,input,select,textarea,a,summary,table) {
font-family: var(--store-font);
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page .user-marketplace{
width: min(100% - var(--store-gutter), var(--store-max));
  max-width: var(--store-max);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-store-nav-inner {
padding-left: var(--store-nav-offset);
  padding-right: 0;
}

body.ui-runtime.store-page .user-store-nav-inner a {
font-size: 14px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-buy-panel {
display: grid;
  gap: 0;
  padding-bottom: 16px;
}

body.ui-runtime.store-page .user-buy-quick-meta {
display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 14px 16px;
}

body.ui-runtime.store-page .user-buy-quick-meta > div {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid #f0f0f0;
  background: #fafafa;
}

body.ui-runtime.store-page .user-buy-quick-meta span {
color: var(--store-muted);
  font-size: 12px;
}

body.ui-runtime.store-page .user-buy-quick-meta b {
color: var(--store-text);
  font-size: 13px;
  font-weight: 500;
  text-align: right;
}

body.ui-runtime.store-page .user-buy-modal-trigger {
width: calc(100% - 32px);
  min-height: 42px;
  margin: 0 16px;
  border-radius: 2px;
}

body.ui-runtime.store-page .user-buy-safe-note {
margin: 0;
  padding: 12px 16px 0;
  color: var(--store-muted);
  font-size: 12px;
  line-height: 1.5;
}

body.ui-runtime.store-page .buy-modal {
z-index: var(--store-buy-modal-z);
}

body.ui-runtime.store-page .buy-modal.open {
display: grid;
  place-items: center;
  padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
  overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime.store-page .buy-modal .buy-backdrop {
position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .52);
  backdrop-filter: blur(2px);
}

body.ui-runtime.store-page .buy-modal .buy-dialog {
position: relative;
  top: auto;
  right: auto;
  width: min(520px, calc(100vw - 24px));
  height: auto;
  max-height: min(720px, calc(100dvh - 24px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15,23,42,.28);
  padding: 0;
}

body.ui-runtime.store-page .buy-modal .buy-dialog-head {
flex: 0 0 auto;
  min-width: 0;
  margin: 0;
  padding: 18px 58px 14px 18px;
  border-bottom: 1px solid var(--store-line);
  background: #fff;
}

body.ui-runtime.store-page .buy-modal .buy-dialog-head h2 {
margin: 2px 0 0;
  color: var(--store-text);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

body.ui-runtime.store-page .buy-modal .buy-dialog-head p {
margin: 5px 0 0;
  color: var(--store-muted);
  font-size: 13px;
}

body.ui-runtime.store-page .buy-modal .buy-close {
top: 13px;
  right: 13px;
  z-index: 2;
  border-radius: 2px;
  box-shadow: none;
}

body.ui-runtime.store-page .buy-modal .buy-modal-form {
flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  display: grid;
  gap: 12px;
  padding: 16px 18px 18px;
}

body.ui-runtime.store-page .buy-modal .buy-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

body.ui-runtime.store-page .buy-modal .buy-grid label {
display: grid;
  gap: 6px;
  color: #555;
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .buy-modal .buy-grid :is(input,select) {
width: 100%;
  height: 40px;
  border: 1px solid var(--store-line-strong);
  border-radius: 2px;
  background: #fff;
  color: var(--store-text);
  padding: 0 10px;
  box-shadow: none;
}

body.ui-runtime.store-page .buy-modal .buy-note {
grid-column: 1 / -1;
  padding: 10px 12px;
  border: 1px solid #ffd8cc;
  background: #fff8f5;
  color: #7c2d12;
  font-size: 12px;
  line-height: 1.45;
}

body.ui-runtime.store-page .buy-modal .buy-total {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid #ffd8cc;
  background: #fff8f5;
}

body.ui-runtime.store-page .buy-modal .buy-total span {
color: var(--store-muted);
  font-size: 13px;
}

body.ui-runtime.store-page .buy-modal .buy-total b {
color: var(--store-brand);
  font-size: 22px;
  font-weight: 700;
}

body.ui-runtime.store-page .buy-modal .help-text {
margin: 0;
  color: var(--store-muted);
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 640px) {
body.ui-runtime.store-page {
--store-gutter: 20px;
}

body.ui-runtime.store-page .user-store-nav-inner a {
font-size: 13px; padding-inline: 11px;
}

body.ui-runtime.store-page .buy-modal.open {
place-items: start center;
}

body.ui-runtime.store-page .buy-modal .buy-dialog {
width: calc(100vw - 18px);
    max-height: calc(100dvh - 18px);
}

body.ui-runtime.store-page .buy-modal .buy-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .buy-modal .buy-dialog-head {
padding: 16px 52px 13px 15px;
}
}

body.ui-runtime.store-page {
--store-font: var(--font-sans);
  --store-shell-max: 1440px;
  --store-portal-max: 1080px;
  --store-gutter: 32px;
  --store-sidebar: 260px;
  --store-gap: 20px;
  --store-nav-offset: 0px;
  --store-text: #222;
  --store-muted: #757575;
  --store-line: #e5e7eb;
  --store-line-strong: #d6deea;
  --store-panel: #fff;
  --store-bg-soft: #fafafa;
  --store-modal-z: 9000;
  font-family: var(--store-font);
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.ui-runtime.store-page :is(button,input,select,textarea,a,summary,table,label) {
font-family: var(--store-font);
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page .user-store-nav-inner {
width: min(100% - var(--store-gutter), var(--store-portal-max));
  max-width: var(--store-portal-max);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page.route-user-index-php .main-wrap,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: min(100% - var(--store-gutter), var(--store-shell-max));
  max-width: var(--store-shell-max);
}

body.ui-runtime.store-page .user-store-nav,
body.ui-runtime.store-page .user-store-nav {
border-top: 0;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page .user-store-nav-inner {
min-height: 46px;
  padding-left: var(--store-nav-offset);
  padding-right: 0;
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

body.ui-runtime.store-page .user-store-nav-inner::-webkit-scrollbar {
display:none;
}

body.ui-runtime.store-page .user-store-nav-inner a {
min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 17px;
  color: #334155;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-decoration: none;
}

body.ui-runtime.store-page .user-store-nav-inner a.active::after {
content: "";
  position: absolute;
  left: 17px;
  right: 17px;
  bottom: 0;
  height: 2px;
  background: var(--store-brand);
}

body.ui-runtime.store-page :is(.user-hero h1,.user-service-hero h1,.user-order-hero h1,.user-detail-card h2,.user-buy-panel h2) {
font-family: var(--store-font);
  font-weight: 700;
  letter-spacing: -.01em;
}

body.ui-runtime.store-page :is(.btn,.small-btn,.market-buy,.market-btn,.user-action-btn,.user-order-action) {
font-weight: 500;
  letter-spacing: 0;
}

body.ui-runtime.store-page .buy-modal {
z-index: var(--store-modal-z);
}

body.ui-runtime.store-page .buy-modal.open {
display: grid;
  place-items: center;
  padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
  overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime.store-page .buy-modal .buy-backdrop {
position: fixed;
  inset: 0;
  background: rgba(15,23,42,.58);
  backdrop-filter: blur(2px);
}

body.ui-runtime.store-page .buy-dialog {
width: min(860px, calc(100vw - 28px));
  max-height: min(760px, calc(100dvh - 28px));
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(15,23,42,.14);
  box-shadow: 0 28px 90px rgba(15,23,42,.34);
}

body.ui-runtime.store-page .buy-dialog-head {
min-height: 82px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  align-items: center;
  gap: 13px;
  padding: 17px 58px 15px 18px;
  border-bottom: 1px solid var(--store-line);
  background: linear-gradient(180deg,#fff,#fff8f5);
}

body.ui-runtime.store-page .buy-service-avatar {
width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  background: linear-gradient(135deg,#ff704d,#ee4d2d);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}

body.ui-runtime.store-page .buy-service-heading {
min-width: 0;
}

body.ui-runtime.store-page .buy-service-heading h2 {
margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--store-text);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
}

body.ui-runtime.store-page .buy-service-heading p {
margin: 4px 0 0;
  color: var(--store-muted);
  font-size: 13px;
}

body.ui-runtime.store-page .buy-close {
top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

body.ui-runtime.store-page .buy-modal-form {
padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

body.ui-runtime.store-page .buy-modal-body {
flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px 18px;
  display: grid;
  gap: 14px;
}

body.ui-runtime.store-page .buy-modal-info {
display: grid;
  grid-template-columns: 132px minmax(0,1fr);
  gap: 14px;
  align-items: stretch;
}

body.ui-runtime.store-page .buy-modal-media {
min-height: 132px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid #ffd8cc;
  background: linear-gradient(135deg,#fff5f1,#ffffff 62%);
  color: var(--store-brand);
}

body.ui-runtime.store-page .buy-modal-media span {
font-size: 38px; line-height: 1;
}

body.ui-runtime.store-page .buy-modal-media b {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--store-brand);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

body.ui-runtime.store-page .buy-modal-desc {
min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
}

body.ui-runtime.store-page .buy-chip-row {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.ui-runtime.store-page .buy-chip-row span {
display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
  border: 1px solid var(--store-line);
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .buy-chip-row span.is-ok {
color:#138a43; border-color:#bbf7d0; background:#f0fdf4;
}

body.ui-runtime.store-page .buy-chip-row span.is-warn {
color:#a16207; border-color:#fde68a; background:#fffbeb;
}

body.ui-runtime.store-page .buy-chip-row span.is-danger {
color:#b91c1c; border-color:#fecaca; background:#fef2f2;
}

body.ui-runtime.store-page .buy-chip-row span.is-info {
color:#1d4ed8; border-color:#bfdbfe; background:#eff6ff;
}

body.ui-runtime.store-page .buy-modal-desc p {
margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
}

body.ui-runtime.store-page .buy-service-code {
display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px dashed #ffd8cc;
  background: #fffaf8;
}

body.ui-runtime.store-page .buy-service-code span {
color: var(--store-muted); font-size: 12px;
}

body.ui-runtime.store-page .buy-service-code code {
overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334155;
  font-size: 12px;
  background: transparent;
}

body.ui-runtime.store-page .buy-code-copy {
min-height: 26px;
  padding: 0 8px;
  border-radius: 2px;
}

body.ui-runtime.store-page .buy-kpi-grid {
display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}

body.ui-runtime.store-page .buy-kpi-grid > div {
min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--store-line);
  background: #fff;
  border-radius: 3px;
}

body.ui-runtime.store-page .buy-kpi-grid span,
body.ui-runtime.store-page .buy-kpi-grid small {
display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--store-muted);
  font-size: 12px;
}

body.ui-runtime.store-page .buy-kpi-grid b {
display: block;
  min-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--store-text);
  font-size: 15px;
  font-weight: 700;
}

body.ui-runtime.store-page .buy-order-box {
display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #ffd8cc;
  background: #fff8f5;
  border-radius: 4px;
}

body.ui-runtime.store-page .buy-qty-row {
display: grid;
  grid-template-columns: minmax(190px,240px) minmax(0,1fr);
  gap: 12px;
  align-items: end;
}

body.ui-runtime.store-page .buy-qty-row label,
body.ui-runtime.store-page .buy-age-grid label {
display: grid;
  gap: 6px;
  color: #555;
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .buy-qty-row input,
body.ui-runtime.store-page .buy-age-grid :is(input,select) {
width: 100%;
  height: 40px;
  border-radius: 2px;
  border: 1px solid var(--store-line-strong);
  background: #fff;
  color: var(--store-text);
  box-shadow: none;
}

body.ui-runtime.store-page .buy-qty-actions {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.ui-runtime.store-page .buy-qty-actions button {
min-height: 40px;
  min-width: 42px;
  border: 1px solid #ffd1c4;
  border-radius: 2px;
  background: #fff;
  color: var(--store-brand);
  font-weight: 700;
  cursor: pointer;
}

body.ui-runtime.store-page .buy-qty-actions button:hover {
background: #fff2ed;
}

body.ui-runtime.store-page .buy-age-grid {
display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}

body.ui-runtime.store-page .buy-total {
display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.ui-runtime.store-page .buy-total > div {
display: grid;
  gap: 2px;
  padding: 12px;
  border: 1px solid #ffd8cc;
  background: #fff;
  border-radius: 3px;
}

body.ui-runtime.store-page .buy-total span {
color: var(--store-muted); font-size: 12px;
}

body.ui-runtime.store-page .buy-total b {
color: var(--store-brand);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
}

body.ui-runtime.store-page .buy-total b.is-short {
color: #b91c1c;
}

body.ui-runtime.store-page .buy-note {
padding: 10px 12px;
  border: 1px solid #fed7aa;
  background: #fffbeb;
  color: #7c2d12;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
}

body.ui-runtime.store-page .buy-footer {
flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 13px 18px;
  border-top: 1px solid var(--store-line);
  background: #fff;
}

body.ui-runtime.store-page .buy-footer .btn {
min-height: 38px;
  border-radius: 2px;
  box-shadow: none;
}

body.ui-runtime.store-page .buy-footer .market-buy {
min-width: 150px;
}

body.ui-runtime.store-page .buy-disabled-help {
margin: 0;
  padding: 0 18px 14px;
  color: var(--store-muted);
  font-size: 12px;
  line-height: 1.45;
  background: #fff;
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--store-gutter: 24px;
    --store-nav-offset: 0px;
}

body.ui-runtime.store-page .buy-kpi-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}

body.ui-runtime.store-page .buy-modal-info {
grid-template-columns: 110px minmax(0,1fr);
}

body.ui-runtime.store-page .buy-modal-media {
min-height: 110px;
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page {
--store-gutter: 18px;
}

body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page .user-store-nav-inner {
min-height: 44px;
}

body.ui-runtime.store-page .buy-modal.open {
place-items: start center; padding: 9px;
}

body.ui-runtime.store-page .buy-dialog {
width: calc(100vw - 18px); max-height: calc(100dvh - 18px);
}

body.ui-runtime.store-page .buy-dialog-head {
grid-template-columns: 40px minmax(0,1fr); padding: 14px 52px 13px 14px;
}

body.ui-runtime.store-page .buy-service-avatar {
width: 40px; height: 40px; font-size: 20px;
}

body.ui-runtime.store-page .buy-service-heading h2 {
font-size: 18px;
}

body.ui-runtime.store-page .buy-modal-body {
padding: 13px;
}

body.ui-runtime.store-page .buy-modal-info {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .buy-modal-media {
min-height: 86px;
}

body.ui-runtime.store-page .buy-kpi-grid,
body.ui-runtime.store-page .buy-qty-row,
body.ui-runtime.store-page .buy-age-grid,
body.ui-runtime.store-page .buy-total {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .buy-footer {
align-items: stretch; flex-direction: column-reverse; padding: 12px 13px;
}

body.ui-runtime.store-page .buy-footer .btn {
width: 100%;
}
}

body.ui-runtime.store-page {
--store-portal-max: 1120px;
  --store-nav-offset: 0px;
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page .user-store-nav-inner {
width: min(100% - var(--store-gutter), var(--store-portal-max));
  max-width: var(--store-portal-max);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page.route-user-index-php .main-wrap,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: min(100% - var(--store-gutter), var(--store-shell-max));
  max-width: var(--store-shell-max);
}

body.ui-runtime.store-page.route-user-index-php {
--store-nav-offset: calc(var(--store-sidebar) + var(--store-gap));
}

body.ui-runtime.store-page .user-store-nav {
border-top: 0;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

body.ui-runtime.store-page .user-store-nav-inner {
min-height: 46px;
  padding-left: var(--store-nav-offset);
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-padding-left: var(--store-nav-offset);
}

body.ui-runtime.store-page .user-store-nav-inner::-webkit-scrollbar {
display: none;
}

body.ui-runtime.store-page .user-store-nav-inner a {
min-height: 46px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  position: relative;
  color: #334155;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-decoration: none;
}

body.ui-runtime.store-page .user-store-nav-inner a:first-child {
padding-left: 0;
}

body.ui-runtime.store-page .user-store-nav-inner a:hover,
body.ui-runtime.store-page .user-store-nav-inner a.active {
color: var(--store-brand);
  background: transparent;
}

body.ui-runtime.store-page .user-store-nav-inner a.active::after {
content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 2px;
  border-radius: 999px 999px 0 0;
  background: var(--store-brand);
}

body.ui-runtime.store-page .user-store-nav-inner a:first-child.active::after {
left: 0;
}

body.ui-runtime.store-page .user-buy-trigger {
min-height: 36px;
  border-radius: 2px;
  font-weight: 500;
  box-shadow: none;
}

body.ui-runtime.store-page .store-service-actions .user-buy-trigger {
min-width: 68px;
}

body.ui-runtime.store-page .market-product-actions .user-buy-trigger {
width: 100%;
}

body.ui-runtime.store-page .user-table-action-stack,
body.ui-runtime.store-page .user-order-action-stack,
body.ui-runtime.store-page .store-service-actions {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: nowrap;
  min-width: max-content;
}

body.ui-runtime.store-page .user-action-btn,
body.ui-runtime.store-page .user-order-action,
body.ui-runtime.store-page .copy-btn.user-action-btn {
min-height: 34px;
  padding: 0 11px;
  border-radius: 3px;
  border: 1px solid #d9e1ec;
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}

body.ui-runtime.store-page .user-action-btn.is-primary,
body.ui-runtime.store-page .user-order-action.is-primary {
border-color: var(--store-brand);
  background: var(--store-brand);
  color: #fff;
}

body.ui-runtime.store-page .user-action-btn.is-warning,
body.ui-runtime.store-page .user-order-action.is-warning {
border-color: #ffb08e;
  color: #d7441f;
  background: #fff8f3;
}

body.ui-runtime.store-page .user-action-btn.is-download {
border-color: var(--store-brand);
  background: var(--store-brand);
  color: #fff;
}

body.ui-runtime.store-page .buy-dialog {
width: min(920px, calc(100vw - 28px));
}

body.ui-runtime.store-page .buy-modal-form [hidden],
body.ui-runtime.store-page .buy-footer [hidden] {
display: none;
}

body.ui-runtime.store-page .buy-total {
grid-template-columns: repeat(3, minmax(0,1fr));
}

body.ui-runtime.store-page .buy-split-row b {
font-size: 14px;
  color: #0f172a;
}

body.ui-runtime.store-page .buy-note {
display: grid;
  gap: 5px;
  padding: 11px 12px;
  border-color: #ffd8c7;
  background: #fff8f4;
  color: #6b4b3a;
}

body.ui-runtime.store-page .buy-note b {
color: #c2410c;
  font-size: 12px;
}

body.ui-runtime.store-page .buy-note span {
display: block;
  font-size: 12px;
  line-height: 1.42;
}

body.ui-runtime.store-page .buy-footer {
gap: 8px;
}

body.ui-runtime.store-page .buy-footer .buy-topup-action:not([hidden]) {
border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

body.ui-runtime.store-page .buy-footer [data-buy-submit]:disabled:not([data-buy-stock-disabled]) {
opacity: .58;
  cursor: not-allowed;
}

body.ui-runtime.store-page :is(.user-hero,.user-portal-filter,.ui-report-card,.user-pager,.order-table,.user-detail-card) {
border-radius: 2px;
}

body.ui-runtime.store-page .user-hero {
border-top: 2px solid var(--store-brand);
  box-shadow: none;
}

body.ui-runtime.store-page .user-portal-filter {
box-shadow: none;
  border-color: #e3e8f0;
}

body.ui-runtime.store-page .ui-report-grid .ui-report-card {
box-shadow: none;
  border-top: 2px solid var(--store-brand);
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--store-gutter: 20px;
    --store-nav-offset: 0px;
}

body.ui-runtime.store-page.route-user-index-php {
--store-nav-offset: 0px;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .brand {
grid-area: brand; min-width: 0;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .account-box {
grid-area: account;
    justify-content: flex-end;
    min-width: 0;
}

body.ui-runtime.store-page .global-search-placeholder,
body.ui-runtime.store-page .user-store-search {
grid-area: search;
    max-width: none;
    width: 100%;
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page {
--store-gutter: 16px;
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page.route-user-index-php .main-wrap {
width: calc(100% - 16px);
}

body.ui-runtime.store-page .user-store-nav {
overflow: hidden;
}

body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    min-height: 44px;
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
    scroll-padding-left: max(10px, env(safe-area-inset-left));
}

body.ui-runtime.store-page .user-store-nav-inner a {
min-height: 44px;
    padding-inline: 12px;
    font-size: 13px;
}

body.ui-runtime.store-page .user-store-nav-inner a.active::after {
left: 12px;
    right: 12px;
}

body.ui-runtime.store-page .user-store-nav-inner a:first-child.active::after {
left: 0;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .account-box .account-name {
max-width: 72px;
}

body.ui-runtime.store-page .account-box :is(.wallet-menu,.account-role) {
display: none;
}

body.ui-runtime.store-page .buy-dialog {
width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
}

body.ui-runtime.store-page .buy-total {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-table-action-stack,
body.ui-runtime.store-page .user-order-action-stack,
body.ui-runtime.store-page .store-service-actions {
justify-content: flex-start;
    flex-wrap: wrap;
    min-width: 0;
}
}

body.ui-runtime.store-page {
--user-action-h: 34px;
  --user-action-radius: 3px;
  --user-action-border: #d9e1ec;
  --user-action-text: #334155;
  --user-action-brand: var(--store-brand, #ee4d2d);
  --user-action-brand-dark: var(--store-brand-dark, #d93f21);
  --user-card-border: #e3e8f0;
  --user-card-bg: #fff;
}

body.ui-runtime.store-page .site-mainbar,
body.ui-runtime.store-page .user-store-nav {
width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body.ui-runtime.store-page .user-store-nav-inner {
transform: none;
  justify-content: flex-start;
  text-align: left;
}

body.ui-runtime.store-page .user-portal-table,
body.ui-runtime.store-page :is(.order-table,.user-order-core-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-api-keys-table-wrap) {
border: 1px solid var(--user-card-border);
  border-radius: 3px;
  background: var(--user-card-bg);
  box-shadow: none;
  overflow: auto;
}

body.ui-runtime.store-page .ui-smart-table-head {
border-bottom: 1px solid #edf1f6;
  background: #fff;
}

body.ui-runtime.store-page .ui-smart-table-head b {
color: #1f2937;
  font-weight: 700;
}

body.ui-runtime.store-page .ui-smart-table-head span {
color: #64748b;
}

body.ui-runtime.store-page .ui-data-table th {
color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  background: #fafafa;
  border-bottom: 1px solid #e7edf5;
}

body.ui-runtime.store-page .ui-data-table td {
border-bottom: 1px solid #eef2f6;
  vertical-align: middle;
}

body.ui-runtime.store-page .ui-data-table tbody tr:last-child td {
border-bottom: 0;
}

body.ui-runtime.store-page .ui-data-table tbody tr:hover td {
background: #fffaf7;
}

body.ui-runtime.store-page .user-table-action-stack,
body.ui-runtime.store-page .user-order-actions.user-table-action-stack,
body.ui-runtime.store-page .smart-action-stack.user-table-action-stack {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: nowrap;
  min-width: max-content;
}

body.ui-runtime.store-page .user-table-action-form {
display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

body.ui-runtime.store-page .user-action-btn,
body.ui-runtime.store-page .copy-btn.user-action-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--user-action-h);
  height: var(--user-action-h);
  padding: 0 11px;
  border-radius: var(--user-action-radius);
  border: 1px solid var(--user-action-border);
  background: #fff;
  color: var(--user-action-text);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  cursor: pointer;
}

body.ui-runtime.store-page .user-action-btn:hover {
border-color: #ffb79e;
  color: var(--user-action-brand-dark);
  background: #fff7f2;
}

body.ui-runtime.store-page .user-action-btn.is-primary,
body.ui-runtime.store-page .user-action-btn.is-download {
border-color: var(--user-action-brand);
  background: var(--user-action-brand);
  color: #fff;
}

body.ui-runtime.store-page .user-action-btn.is-primary:hover,
body.ui-runtime.store-page .user-action-btn.is-download:hover {
border-color: var(--user-action-brand-dark);
  background: var(--user-action-brand-dark);
  color: #fff;
}

body.ui-runtime.store-page .user-action-btn.is-warning {
border-color: #ffb08e;
  background: #fff8f3;
  color: #d7441f;
}

body.ui-runtime.store-page .user-action-btn.is-copy,
body.ui-runtime.store-page .user-action-btn.is-neutral {
border-color: #d9e1ec;
  background: #fff;
  color: #334155;
}

body.ui-runtime.store-page .user-action-btn.is-danger {
border-color: #fecaca;
  background: #fff5f5;
  color: #dc2626;
}

body.ui-runtime.store-page .user-action-btn:disabled,
body.ui-runtime.store-page .user-action-btn[aria-disabled="true"] {
opacity: .55;
  cursor: not-allowed;
}

body.ui-runtime.store-page .user-detail-pager {
display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 980px) {
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .brand {
min-width: 0;
    overflow: hidden;
}

body.ui-runtime.store-page .brand-text {
min-width: 0;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .account-box {
justify-self: end;
    margin: 0;
    min-width: 0;
}
}

@media (max-width: 640px) {

body.ui-runtime.store-page .user-store-nav {
margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
}

body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: 100%;
    max-width: none;
    margin: 0;
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    scroll-padding-left: max(12px, env(safe-area-inset-left));
}

body.ui-runtime.store-page .user-table-action-stack,
body.ui-runtime.store-page .user-order-actions.user-table-action-stack,
body.ui-runtime.store-page .smart-action-stack.user-table-action-stack {
justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    min-width: 0;
}

body.ui-runtime.store-page .user-action-btn {
min-width: 0;
}
}

@media (max-width: 420px) {
body.ui-runtime.store-page .brand-text small {
display: none;
}

body.ui-runtime.store-page .account-box .account-name {
max-width: 58px;
}
}

body.ui-runtime.store-page {
--user-portal-line: #e3e8f0;
  --user-portal-soft: #fff7f2;
  --user-portal-text: #1f2937;
  --user-portal-muted: #64748b;
  --user-portal-brand: var(--store-brand, #ee4d2d);
  --user-portal-brand-dark: var(--store-brand-dark, #d93f21);
  --user-portal-radius: 3px;
}

body.ui-runtime.store-page .user-portal-shell {
display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-family: var(--font-sans);
}

body.ui-runtime.store-page .user-portal-grid {
display: grid;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.store-page .user-portal-grid.is-2 {
grid-template-columns: repeat(2, minmax(0,1fr));
}

body.ui-runtime.store-page .user-portal-grid.is-3 {
grid-template-columns: repeat(3, minmax(0,1fr));
}

body.ui-runtime.store-page .user-portal-grid.is-4 {
grid-template-columns: repeat(4, minmax(0,1fr));
}

body.ui-runtime.store-page .user-portal-card {
border: 1px solid var(--user-portal-line);
  border-radius: var(--user-portal-radius);
  background: #fff;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}

body.ui-runtime.store-page .user-portal-card-head {
display: grid;
  gap: 4px;
  padding: 15px 16px 12px;
  border-bottom: 1px solid #edf1f6;
  background: linear-gradient(180deg, #fff, #fffaf7);
}

body.ui-runtime.store-page .user-portal-card-head > span {
color: var(--user-portal-brand-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

body.ui-runtime.store-page .user-portal-card-head h2 {
margin: 0;
  color: var(--user-portal-text);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

body.ui-runtime.store-page .user-portal-card-head p {
margin: 0;
  color: var(--user-portal-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.ui-runtime.store-page .user-portal-card-body {
padding: 16px;
  min-width: 0;
}

body.ui-runtime.store-page .user-metric-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(174px, 1fr));
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.store-page .user-metric-card {
display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid var(--user-portal-line);
  border-top: 2px solid var(--user-portal-brand);
  border-radius: var(--user-portal-radius);
  background: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .user-metric-card span {
color: var(--user-portal-muted);
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-metric-card b {
min-width: 0;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.16;
}

body.ui-runtime.store-page .user-metric-card small {
color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

body.ui-runtime.store-page .user-metric-card.is-danger {
border-top-color: #ef4444;
}

body.ui-runtime.store-page .user-metric-card.is-warning {
border-top-color: #f97316;
}

body.ui-runtime.store-page .user-metric-card.is-primary {
border-top-color: var(--user-portal-brand);
}

body.ui-runtime.store-page .user-kv-list.is-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}

body.ui-runtime.store-page .user-kv-list > div {
min-width: 0;
  padding: 12px;
  border: 1px solid #edf1f6;
  border-radius: var(--user-portal-radius);
  background: #fff;
}

body.ui-runtime.store-page .user-kv-list span {
display: block;
  margin-bottom: 5px;
  color: var(--user-portal-muted);
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-kv-list b {
display: block;
  min-width: 0;
  color: var(--user-portal-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-kv-list.is-metadata b {
font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
}

body.ui-runtime.store-page .user-thread {
display: grid;
  gap: 12px;
}

body.ui-runtime.store-page .user-thread-message {
padding: 14px;
  border-radius: var(--user-portal-radius);
  box-shadow: none;
  border: 1px solid #edf1f6;
  margin: 0;
}

body.ui-runtime.store-page .user-thread-message.is-mine {
border-left: 3px solid var(--user-portal-brand);
  background: #fffaf7;
}

body.ui-runtime.store-page .user-thread-message.is-support {
border-left: 3px solid #94a3b8;
  background: #fff;
}

body.ui-runtime.store-page .user-thread-message-head {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

body.ui-runtime.store-page .user-thread-message-head b {
color: var(--user-portal-text);
  font-size: 14px;
}

body.ui-runtime.store-page .user-thread-message-head small {
color: var(--user-portal-muted);
  font-size: 12px;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-note-text {
margin: 0 0 12px;
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}

body.ui-runtime.store-page .user-note-box,
body.ui-runtime.store-page .user-portal-card .note-box {
max-width: 100%;
  overflow: auto;
  border-radius: var(--user-portal-radius);
  border-color: #e7edf5;
  background: #f8fafc;
  white-space: pre-wrap;
  word-break: break-word;
}

body.ui-runtime.store-page .user-timeline {
display: grid;
  gap: 10px;
}

body.ui-runtime.store-page .user-timeline-item {
padding: 12px;
  border: 1px solid #edf1f6;
  border-radius: var(--user-portal-radius);
  background: #fff;
}

body.ui-runtime.store-page .user-timeline-item b {
color: #1f2937;
}

body.ui-runtime.store-page .user-portal-card .ui-form,
body.ui-runtime.store-page .user-portal-card form.ui-form {
display: grid;
  gap: 13px;
}

body.ui-runtime.store-page .user-portal-card .form-actions {
display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

body.ui-runtime.store-page .user-portal-card .form-actions .user-table-action-form {
margin-left: 0;
}

body.ui-runtime.store-page .user-security-revoke,
body.ui-runtime.store-page .user-close-ticket {
margin-top: 12px;
  display: flex;
  justify-content: flex-start;
}

body.ui-runtime.store-page .user-link-actions {
justify-content: flex-start;
  flex-wrap: wrap;
}

body.ui-runtime.store-page :is(.wallet-shell,.wallet-tx-shell,.support-ticket-shell,.issue-detail-shell,.user-profile-shell,.user-security-shell) {
max-width: 100%;
  overflow-x: clip;
}

body.ui-runtime.store-page :is(.wallet-ledger-card,.security-session-history-card) .user-portal-card-body {
padding: 0;
}

body.ui-runtime.store-page :is(.wallet-ledger-card,.security-session-history-card) .user-portal-filter {
margin: 16px;
  width: auto;
}

body.ui-runtime.store-page :is(.wallet-ledger-card,.security-session-history-card) .user-portal-table {
border-left: 0;
  border-right: 0;
  border-radius: 0;
}

body.ui-runtime.store-page .wallet-pager {
margin: 16px;
  box-shadow: none;
}

@media (max-width: 980px) {
body.ui-runtime.store-page .user-portal-grid.is-2,
body.ui-runtime.store-page .user-portal-grid.is-3,
body.ui-runtime.store-page .user-portal-grid.is-4 {
grid-template-columns: 1fr;
}

}

@media (max-width: 640px) {
body.ui-runtime.store-page .user-portal-shell {
gap: 12px;
}

body.ui-runtime.store-page .user-portal-card-head {
padding: 13px 12px 10px;
}

body.ui-runtime.store-page .user-portal-card-body {
padding: 12px;
}

body.ui-runtime.store-page .user-metric-grid {
grid-template-columns: 1fr;
    gap: 10px;
}

body.ui-runtime.store-page .user-thread-message-head {
align-items: flex-start;
    flex-direction: column;
    gap: 3px;
}

body.ui-runtime.store-page .user-thread-message-head small {
white-space: normal;
}

body.ui-runtime.store-page .user-store-nav {
left: 0;
    right: auto;
    transform: none;
    overflow-x: hidden;
}

body.ui-runtime.store-page .user-store-nav-inner {
justify-content: flex-start;
    padding-left: max(12px, env(safe-area-inset-left));
    margin-left: 0;
}
}

body.ui-runtime.store-page {
--user-copy-size: 28px;
  --user-copy-brand: var(--store-brand, #ee4d2d);
  --user-copy-brand-dark: var(--store-brand-dark, #d93f21);
  --user-copy-line: #d9e1ec;
  --user-copy-text: #334155;
}

body.ui-runtime.store-page .user-store-nav {
width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  background: #fff;
}

body.ui-runtime.store-page .user-store-nav-inner {
transform: none;
  justify-content: flex-start;
  text-align: left;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-copy-icon-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: var(--user-copy-size);
  height: var(--user-copy-size);
  min-width: var(--user-copy-size);
  padding: 0 8px;
  border: 1px solid var(--user-copy-line);
  border-radius: 3px;
  background: #fff;
  color: var(--user-copy-text);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

body.ui-runtime.store-page .user-copy-icon-btn.is-icon-only {
width: var(--user-copy-size);
  padding: 0;
}

body.ui-runtime.store-page .user-copy-icon-btn.is-icon-only .user-copy-text {
position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.ui-runtime.store-page .user-copy-glyph {
font-size: 14px;
  line-height: 1;
}

body.ui-runtime.store-page .user-order-code-copy {
display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
}

body.ui-runtime.store-page .user-order-code-link {
min-width: 0;
  max-width: 206px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-order-copy-btn {
flex: 0 0 auto;
}

body.ui-runtime.store-page .api-key-prefix-cell {
display: grid;
  gap: 4px;
  min-width: 0;
}

body.ui-runtime.store-page .api-key-prefix-cell code {
width: max-content;
  max-width: 100%;
  padding: 4px 6px;
  border: 1px solid #e7edf5;
  border-radius: 3px;
  background: #f8fafc;
  color: #334155;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ui-runtime.store-page .api-key-prefix-cell small {
color: #64748b;
  font-size: 11px;
  line-height: 1.3;
}

body.ui-runtime.store-page .header-wallet-popover .wallet-dropdown-actions {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #edf1f6;
}

body.ui-runtime.store-page .header-wallet-popover .wallet-dropdown-actions > a {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  height: 34px;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}

body.ui-runtime.store-page .header-wallet-popover .wallet-dropdown-actions > a.market-btn {
border: 1px solid var(--user-copy-brand);
  background: var(--user-copy-brand);
  color: #fff;
}

body.ui-runtime.store-page .header-wallet-popover .wallet-dropdown-actions > a.secondary {
border: 1px solid #d9e1ec;
  background: #fff;
  color: #334155;
}

body.ui-runtime.store-page .header-wallet-popover .wallet-dropdown-actions > a:hover {
filter: brightness(.98);
}

@media (max-width: 980px) {
body.ui-runtime.store-page .site-mainbar{
max-width: 100%;
    overflow-x: clip;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .account-box {
grid-area: account; justify-self: end; min-width: 0; margin: 0;
}

}

@media (max-width: 640px) {
body.ui-runtime.store-page .user-store-nav,
body.ui-runtime.store-page.route-user-index-php .user-store-nav {
width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
}

body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page.route-user-index-php .user-store-nav-inner {
width: 100%;
    max-width: none;
    margin: 0;
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    scroll-padding-left: max(12px, env(safe-area-inset-left));
    justify-content: flex-start;
}

body.ui-runtime.store-page .user-store-nav-inner a:first-child {
padding-left: 0;
}

body.ui-runtime.store-page .user-order-code-link {
max-width: 174px;
}

body.ui-runtime.store-page .header-wallet-popover .wallet-dropdown-actions {
grid-template-columns: 1fr;
}
}

body.ui-runtime.store-page {
--user-table-scrollbar: #ffb79e;
  --user-table-scrollbar-track: #fff3ed;
  --user-copy-brand: var(--store-brand, #ee4d2d);
  --user-copy-brand-dark: var(--store-brand-dark, #d93f21);
  --user-copy-line: #d9e1ec;
  --user-copy-text: #334155;
}

body.ui-runtime.store-page .user-filter-search-note {
display: none;
}

body.ui-runtime.store-page :is(.main-wrap,.wbh-user-view,.user-portal-shell,.user-portal-card,.user-portal-card-body,.user-api-keys-shell) {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page :is(.ui-data-table-wrap,.ui-smart-table-wrap.user-portal-table,.order-table,.user-order-core-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-api-keys-table-wrap) {
scrollbar-color: var(--user-table-scrollbar) var(--user-table-scrollbar-track);
  padding-bottom: 2px;
}

body.ui-runtime.store-page :is(.ui-data-table-wrap,.order-table,.user-order-core-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-api-keys-table-wrap)::-webkit-scrollbar {
display: block;
  height: 10px;
}

body.ui-runtime.store-page :is(.ui-data-table-wrap,.order-table,.user-order-core-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-api-keys-table-wrap)::-webkit-scrollbar-track {
background: var(--user-table-scrollbar-track);
  border-radius: 999px;
}

body.ui-runtime.store-page :is(.ui-data-table-wrap,.order-table,.user-order-core-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-api-keys-table-wrap)::-webkit-scrollbar-thumb {
background: var(--user-table-scrollbar);
  border: 2px solid var(--user-table-scrollbar-track);
  border-radius: 999px;
}

body.ui-runtime.store-page.route-user-orders-php .order-table.user-order-core-table {
margin-top: 14px;
}

body.ui-runtime.store-page.route-user-orders-php .user-orders-table .col-order {
min-width: 250px;
}

body.ui-runtime.store-page.route-user-orders-php .user-orders-table .col-actions {
min-width: 176px;
}

body.ui-runtime.store-page .user-copy-icon-btn,
body.ui-runtime.store-page .user-copy-icon-btn.user-copy-icon-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0 9px;
  border: 1px solid var(--user-copy-line);
  border-radius: 4px;
  background: #fff;
  color: var(--user-copy-text);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

body.ui-runtime.store-page .user-copy-icon-btn:hover {
border-color: #ffb79e;
  background: #fff7f2;
  color: var(--user-copy-brand-dark);
}

body.ui-runtime.store-page .user-copy-icon-btn.is-icon-only {
width: 30px;
  padding: 0;
}

body.ui-runtime.store-page .user-copy-icon-btn.is-icon-only .user-copy-text,
body.ui-runtime.store-page .user-copy-icon-btn.is-icon-only .user-copy-text {
position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.ui-runtime.store-page .user-copy-svg {
width: 15px;
  height: 15px;
  flex: 0 0 auto;
  stroke: currentColor;
}

body.ui-runtime.store-page .user-order-copy-btn {
border-color: #cbd5e1;
  background: #ffffff;
}

body.ui-runtime.store-page .user-order-copy-btn:hover {
border-color: var(--user-copy-brand);
}

body.ui-runtime.store-page .api-key-copy-row {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

body.ui-runtime.store-page .api-key-plain-input {
width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #ffb79e;
  border-radius: 4px;
  background: #fffaf7;
  color: #1f2937;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  box-sizing: border-box;
}

body.ui-runtime.store-page .api-key-copy-fallback {
margin-top: 8px;
  color: #7c3a22;
  font-size: 12px;
  line-height: 1.4;
}

body.ui-runtime.store-page .api-key-prefix-actions {
display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

body.ui-runtime.store-page .api-key-prefix-actions code {
min-width: 0;
}

body.ui-runtime.store-page .api-key-prefix-copy {
height: 26px;
  min-height: 26px;
  min-width: 26px;
  padding-inline: 7px;
}

@media (max-width: 760px) {
body.ui-runtime.store-page .api-key-copy-row {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.store-page .api-key-copy-row .user-api-key-copy-btn {
width: 100%;
}
}

@media (max-width: 560px) {

body.ui-runtime.store-page.route-user-orders-php .order-table.user-order-core-table {
display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier {
display: grid;
  gap: 5px;
  min-width: 0;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier code {
width: max-content;
  max-width: 100%;
  padding: 5px 7px;
  border: 1px solid #e7edf5;
  border-radius: 4px;
  background: #f8fafc;
  color: #263244;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier small,
body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier em {
display: block;
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier small span {
font-family: var(--font-mono);
  font-weight: 700;
  color: #475569;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-prefix-actions .api-key-prefix-copy {
display: none;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier.is-hash-only em {
color: #b45309;
}

body.ui-runtime.store-page.route-user-api-keys-php .user-api-keys-table .col-prefix,
body.ui-runtime.store-page.route-user-api-keys-php .user-api-keys-table .col-scopes {
white-space: normal;
}

body.ui-runtime.store-page.route-user-api-keys-php .user-api-keys-table .api-scope-cell {
display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page.route-user-api-keys-php .api-key-identifier small span {
letter-spacing: .01em;
}

body.ui-runtime.store-page {
--user-wallet-brand: var(--store-brand, #ee4d2d);
  --user-wallet-brand-dark: var(--store-brand-dark, #d93f21);
  --user-wallet-line: #e5eaf2;
  --user-wallet-soft: #fff7f2;
  --user-wallet-text: #111827;
  --user-wallet-muted: #64748b;
}

body.ui-runtime.store-page .user-portal-table .smart-action-stack {
overflow: visible;
}

body.ui-runtime.store-page.route-user-topup-php .user-topup-summary-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body.ui-runtime.store-page.route-user-topup-php .user-topup-summary-grid .ui-stat-card {
border-top: 2px solid var(--user-wallet-brand);
}

body.ui-runtime.store-page .user-wallet-overview {
display: grid;
  grid-template-columns: minmax(0, 1.25fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--user-wallet-line);
  border-radius: 4px;
  background: linear-gradient(135deg, #fff 0%, #fffaf7 58%, #fff3ed 100%);
  box-shadow: none;
  overflow: hidden;
}

body.ui-runtime.store-page .user-wallet-overview-main {
display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.store-page .user-wallet-icon {
width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: inline-grid;
  place-items: center;
  color: var(--user-wallet-brand);
  border-radius: 14px;
  border: 1px solid #ffd6c8;
  background: #fff;
}

body.ui-runtime.store-page .user-wallet-icon-svg {
width: 30px;
  height: 30px;
}

body.ui-runtime.store-page .user-wallet-title {
display: grid;
  gap: 4px;
  min-width: 0;
}

body.ui-runtime.store-page .user-wallet-title span {
color: var(--user-wallet-brand-dark);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
}

body.ui-runtime.store-page .user-wallet-title b {
color: var(--user-wallet-text);
  font-size: clamp(24px, 4vw, 34px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-wallet-title small {
color: var(--user-wallet-muted);
  font-size: 13px;
  line-height: 1.35;
}

body.ui-runtime.store-page .user-wallet-actions {
display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime.store-page .user-wallet-breakdown {
grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.store-page .user-wallet-breakdown > div {
min-width: 0;
  padding: 12px;
  border: 1px solid #edf1f6;
  border-radius: 4px;
  background: rgba(255,255,255,.78);
}

body.ui-runtime.store-page .user-wallet-breakdown span {
display: block;
  margin-bottom: 5px;
  color: var(--user-wallet-muted);
  font-size: 12px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-wallet-breakdown b {
display: block;
  min-width: 0;
  color: var(--user-wallet-text);
  font-size: 15px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page :is(.user-account-shell,.user-notifications-shell,.user-issues-shell) > .card,
body.ui-runtime.store-page :is(.help-card,.support-panel,.notification-card) {
border-radius: 4px;
  border-color: #e5eaf2;
  box-shadow: none;
}

@media (max-width: 900px) {
body.ui-runtime.store-page .user-wallet-overview {
grid-template-columns: 1fr;
    padding: 15px;
}

body.ui-runtime.store-page .user-wallet-actions {
justify-content: flex-start;
}

body.ui-runtime.store-page .user-wallet-breakdown {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page.route-user-topup-php .user-topup-summary-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-wallet-overview-main {
align-items: flex-start;
}

body.ui-runtime.store-page .user-wallet-icon {
width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 12px;
}

body.ui-runtime.store-page .user-wallet-icon-svg {
width: 26px;
    height: 26px;
}

body.ui-runtime.store-page .user-wallet-breakdown {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-wallet-actions > * {
width: 100%;
}

}

body.ui-runtime.store-page {
--user-header-brand: var(--store-brand, #ee4d2d);
  --user-header-brand-dark: var(--store-brand-dark, #d93f21);
  --user-header-line: #e5eaf2;
  --user-header-text: #0f172a;
  --user-header-muted: #64748b;
  --user-wallet-main-soft: #fff7f2;
  --user-wallet-promo-soft: #f4f8ff;
}

@media (max-width: 980px) {
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .brand {
grid-area: brand;
    justify-self: start;
    min-width: 0;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page :is(.global-search-placeholder,.user-store-search) {
grid-area: search;
    width: 100%;
    max-width: none;
}

body.ui-runtime.store-page .user-store-nav-inner,
body.ui-runtime.store-page .user-store-nav-inner {
width: 100%;
    max-width: none;
    margin: 0;
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    justify-content: flex-start;
    scroll-padding-left: max(12px, env(safe-area-inset-left));
}
}

/* User header account ownership moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .user-topup-summary-grid {
margin-bottom: 16px;
}

body.ui-runtime.store-page .user-topup-summary-grid .user-metric-card {
border-radius: 14px;
  border: 1px solid var(--user-header-line);
  border-top: 3px solid var(--user-header-brand);
  box-shadow: none;
  background: #fff;
  min-height: 120px;
  align-content: start;
}

body.ui-runtime.store-page .user-topup-summary-grid .user-metric-card span {
color: var(--user-header-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 11px;
}

body.ui-runtime.store-page .user-topup-summary-grid .user-metric-card b {
color: var(--user-header-text);
  font-size: 32px;
  font-weight: 800;
  line-height: 1.05;
}

body.ui-runtime.store-page .user-topup-summary-grid .user-metric-card small {
color: var(--user-header-muted);
  font-size: 13px;
}

body.ui-runtime.store-page .user-wallet-overview {
border-radius: 18px;
  border: 1px solid #f2d6ca;
  background: linear-gradient(135deg, #fff 0%, #fff9f6 52%, #fff4ee 100%);
}

body.ui-runtime.store-page .user-wallet-pocket-grid {
grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

body.ui-runtime.store-page .user-wallet-pocket {
min-width: 0;
  padding: 14px 15px;
  border-radius: 14px;
  border: 1px solid #eceff5;
  background: #fff;
}

body.ui-runtime.store-page .user-wallet-pocket.is-main {
background: var(--user-wallet-main-soft);
  border-color: #ffd9c8;
}

body.ui-runtime.store-page .user-wallet-pocket.is-promo {
background: var(--user-wallet-promo-soft);
  border-color: #cfe0ff;
}

body.ui-runtime.store-page .user-wallet-pocket-head {
display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--user-header-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}

body.ui-runtime.store-page .user-wallet-pocket-head i {
font-style: normal;
  font-size: 16px;
}

body.ui-runtime.store-page .user-wallet-pocket > b {
display: block;
  margin-top: 10px;
  color: var(--user-header-text);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-wallet-pocket > small {
display: block;
  margin-top: 6px;
  color: var(--user-header-muted);
  font-size: 12px;
  line-height: 1.4;
}

body.ui-runtime.store-page .user-wallet-breakdown {
grid-template-columns: repeat(3, minmax(0,1fr));
}

body.ui-runtime.store-page .wallet-ledger-wrap .wallet-amount {
display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid #e5eaf2;
  background: #fff;
  font-size: 13px;
  font-weight: 800;
}

body.ui-runtime.store-page .wallet-ledger-wrap .wallet-amount.ok {
color: #15803d;
  background: #effcf3;
  border-color: #cdebd6;
}

body.ui-runtime.store-page .wallet-ledger-wrap .wallet-amount.warn,
body.ui-runtime.store-page .wallet-ledger-wrap .wallet-amount.danger {
color: #c2410c;
  background: #fff7ed;
  border-color: #fed7aa;
}

@media (max-width: 900px) {
body.ui-runtime.store-page .user-wallet-pocket-grid,
body.ui-runtime.store-page .user-wallet-breakdown {
grid-template-columns: 1fr;
}
}

body.ui-runtime.store-page {
--user-portal-brand: var(--store-brand, #ee4d2d);
  --user-portal-brand-dark: var(--store-brand-dark, #d93f21);
  --user-portal-line: #dfe7f1;
  --user-portal-soft: #fff7f2;
  --user-portal-text: #172033;
  --user-portal-muted: #65748b;
  --user-portal-card-radius: 4px;
}

body.ui-runtime.store-page .user-portal-hero,
body.ui-runtime.store-page .user-hero.user-portal-hero {
display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid var(--user-portal-line);
  border-top: 2px solid var(--user-portal-brand);
  border-radius: var(--user-portal-card-radius);
  background: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .user-portal-hero-copy,
body.ui-runtime.store-page .user-hero.user-portal-hero > div:first-child {
min-width: 0;
}

body.ui-runtime.store-page .user-hero.user-portal-hero .market-eyebrow {
margin-bottom: 6px;
  color: var(--user-portal-brand-dark);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

body.ui-runtime.store-page .user-hero.user-portal-hero h1 {
margin: 0;
  color: var(--user-portal-text);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
}

body.ui-runtime.store-page .user-hero.user-portal-hero p {
margin: 7px 0 0;
  color: var(--user-portal-muted);
  font-size: 14px;
  line-height: 1.42;
}

body.ui-runtime.store-page .user-portal-hero-actions,
body.ui-runtime.store-page .user-hero-actions {
display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: max-content;
}

body.ui-runtime.store-page .user-portal-hero-actions .btn,
body.ui-runtime.store-page .user-hero-actions .btn {
min-height: 38px;
  padding: 0 15px;
  border-radius: 4px;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
}

body.ui-runtime.store-page .user-portal-hero-actions .btn.secondary,
body.ui-runtime.store-page .user-hero-actions .btn.secondary {
border: 1px solid #ffb79e;
  background: var(--user-portal-soft);
  color: var(--user-portal-brand-dark);
}

body.ui-runtime.store-page .user-portal-hero-actions .btn.secondary:hover,
body.ui-runtime.store-page .user-hero-actions .btn.secondary:hover {
border-color: var(--user-portal-brand);
  background: #fff0e8;
}

body.ui-runtime.store-page .user-metric-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.store-page .user-metric-card,
body.ui-runtime.store-page .user-metric-grid .user-metric-card {
position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  min-height: 92px;
  padding: 14px 15px 14px 16px;
  border: 1px solid var(--user-portal-line);
  border-left: 3px solid var(--user-portal-brand);
  border-top: 1px solid var(--user-portal-line);
  border-radius: var(--user-portal-card-radius);
  background:
    linear-gradient(90deg, rgba(238,77,45,.045), rgba(255,255,255,0) 42%),
    #fff;
  box-shadow: none;
  align-content: start;
}

body.ui-runtime.store-page .user-metric-card::after {
content: "";
  position: absolute;
  right: 12px;
  top: 12px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--user-portal-soft);
  opacity: .85;
  pointer-events: none;
}

body.ui-runtime.store-page .user-metric-card > span,
body.ui-runtime.store-page .user-metric-grid .user-metric-card > span {
color: var(--user-portal-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .035em;
  text-transform: uppercase;
  padding-right: 34px;
}

body.ui-runtime.store-page .user-metric-card > b,
body.ui-runtime.store-page .user-metric-grid .user-metric-card > b {
min-width: 0;
  color: var(--user-portal-text);
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-metric-card > small,
body.ui-runtime.store-page .user-metric-grid .user-metric-card > small {
color: var(--user-portal-muted);
  font-size: 13px;
  line-height: 1.35;
}

body.ui-runtime.store-page .user-metric-card.is-warning,
body.ui-runtime.store-page .user-metric-grid .user-metric-card.is-warning {
border-left-color: #f97316;
  background: linear-gradient(90deg, rgba(249,115,22,.055), rgba(255,255,255,0) 42%), #fff;
}

body.ui-runtime.store-page .user-metric-card.is-danger,
body.ui-runtime.store-page .user-metric-grid .user-metric-card.is-danger {
border-left-color: #dc2626;
  background: linear-gradient(90deg, rgba(220,38,38,.05), rgba(255,255,255,0) 42%), #fff;
}

body.ui-runtime.store-page .user-metric-card.is-neutral,
body.ui-runtime.store-page .user-metric-grid .user-metric-card.is-neutral {
border-left-color: #64748b;
}

body.ui-runtime.store-page .user-topup-summary-grid .user-metric-card {
min-height: 92px;
}

body.ui-runtime.store-page :is(.topup-card,.method-card,.user-portal-card,.user-detail-card,.user-wallet-overview) {
border-radius: var(--user-portal-card-radius);
  border-color: var(--user-portal-line);
  box-shadow: none;
}

body.ui-runtime.store-page :is(.topup-card,.method-card) .section-head,
body.ui-runtime.store-page :is(.topup-card,.method-card) .admin-section-head {
border-bottom-color: #edf2f7;
}

@media (max-width: 720px) {
body.ui-runtime.store-page .user-portal-hero,
body.ui-runtime.store-page .user-hero.user-portal-hero {
grid-template-columns: 1fr;
    padding: 16px;
}

body.ui-runtime.store-page .user-portal-hero-actions,
body.ui-runtime.store-page .user-hero-actions {
justify-content: stretch;
    min-width: 0;
    width: 100%;
}

body.ui-runtime.store-page .user-portal-hero-actions .btn,
body.ui-runtime.store-page .user-hero-actions .btn {
width: 100%;
}

body.ui-runtime.store-page .user-metric-grid {
grid-template-columns: 1fr;
}
}

body.ui-runtime.store-page {
--user-action-black: #111827;
  --user-action-black-hover: #020617;
  --user-action-line: #e2e8f0;
  --user-action-muted: #64748b;
}

body.ui-runtime.store-page.route-user-api-keys-php .smart-action-stack {
justify-content: flex-end;
  overflow: visible;
}

@media (max-width: 760px) {

}

body.ui-runtime.store-page {
--user-footer-max: 1440px;
  --user-footer-gutter: 32px;
  --user-action-brand: var(--store-brand, #ee4d2d);
  --user-action-brand-dark: var(--store-brand-dark, #d93f21);
  --user-action-brand-soft: #fff7f2;
  --user-action-line: #ffd0bf;
}

body.ui-runtime.store-page > .app-footer.user-market-footer,
body.ui-runtime.store-page > .footer.user-market-footer {
width: 100%;
  max-width: none;
  margin: 42px 0 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  background: #fff;
  color: rgba(0,0,0,.56);
  display: block;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-line {
height: 4px;
  background: var(--user-action-brand);
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-grid,
body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom-inner {
width: min(calc(100% - var(--user-footer-gutter)), var(--user-footer-max));
  max-width: var(--user-footer-max);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-grid {
padding: 36px 0 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 34px;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-col {
min-width: 0;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-col a,
body.ui-runtime.store-page .user-market-footer .user-market-footer-col h3,
body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom-inner > div {
max-width: 100%;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom {
border-top: 1px solid rgba(0,0,0,.10);
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom-inner {
min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: rgba(0,0,0,.50);
  font-size: 12px;
}

body.ui-runtime.store-page {
overflow-x: clip;
}

@media (max-width: 900px) {
body.ui-runtime.store-page {
--user-footer-gutter: 24px;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 22px;
}

body.ui-runtime.store-page .user-market-footer .user-market-footer-bottom-inner {
min-height: 0;
    padding: 16px 0;
    align-items: flex-start;
    flex-direction: column;
}
}

@media (max-width: 640px) {
body.ui-runtime.store-page .user-market-footer .user-market-footer-grid {
grid-template-columns: 1fr;
    padding: 28px 0 22px;
}
}

body.ui-runtime.store-page {
--user-rail-max: 1120px;
  --user-shell-max: 1440px;
  --user-gutter: 32px;
  --user-brand: var(--store-brand, #ee4d2d);
  --user-brand-dark: var(--store-brand-dark, #d93f21);
  --user-brand-soft: #fff7f2;
  --user-line: #dfe7f1;
  --user-line-soft: #edf2f7;
  --user-text: #172033;
  --user-muted: #64748b;
  --user-surface: #fff;
  --user-radius: 4px;
}

body.ui-runtime.store-page .main-wrap {
width: min(calc(100% - var(--user-gutter)), var(--user-rail-max));
  max-width: var(--user-rail-max);
  margin-inline: auto;
  min-width: 0;
  box-sizing: border-box;
  padding-bottom: 0;
}

body.ui-runtime.store-page.route-user-index-php .main-wrap,
body.ui-runtime.store-page.route-user-index-php .user-marketplace {
width: min(calc(100% - var(--user-gutter)), var(--user-shell-max));
  max-width: var(--user-shell-max);
}

body.ui-runtime.store-page :is(.wbh-user-view,.user-portal-shell,.user-portal-card,.user-portal-card-body) {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page :is(.user-portal-card,.user-detail-card,.topup-card,.method-card,.api-key-help-card,.api-key-reveal,.user-wallet-overview,.user-hero.user-portal-hero) {
border-radius: var(--user-radius);
  border: 1px solid var(--user-line);
  background: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page :is(.user-portal-card-head,.user-detail-head,.section-head,.admin-section-head) {
border-bottom-color: var(--user-line-soft);
}

body.ui-runtime.store-page :is(.user-action-btn) {
min-height: 34px;
  border-radius: var(--user-radius);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
  text-decoration: none;
}

body.ui-runtime.store-page :is(.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download) {
border: 1px solid #ffb79e;
  background: #fff;
  color: var(--user-brand-dark);
}

body.ui-runtime.store-page :is(.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):hover {
border-color: var(--user-brand);
  background: var(--user-brand-soft);
  color: var(--user-brand-dark);
}

body.ui-runtime.store-page :is(.user-action-btn.is-primary,.user-action-btn.is-download) {
border-color: var(--user-brand);
  background: var(--user-brand);
  color: #fff;
}

body.ui-runtime.store-page :is(.user-action-btn.is-warning) {
border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}

body.ui-runtime.store-page .user-copy-icon-btn {
border-color: var(--user-line);
  color: #334155;
  background: #fff;
}

body.ui-runtime.store-page .user-copy-icon-btn:hover {
border-color: #ffb79e;
  color: var(--user-brand-dark);
  background: var(--user-brand-soft);
}

body.ui-runtime.store-page > .user-market-footer {
width: 100%;
  margin: 42px 0 0;
  overflow: hidden;
}

body.ui-runtime.store-page > .user-market-footer .user-market-footer-grid,
body.ui-runtime.store-page > .user-market-footer .user-market-footer-bottom-inner {
width: min(calc(100% - var(--user-gutter)), var(--user-shell-max));
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--user-gutter: 20px;
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page.route-user-index-php .main-wrap {
width: min(calc(100% - var(--user-gutter)), var(--user-rail-max));
}

body.ui-runtime.store-page.route-user-index-php .user-marketplace {
width: min(calc(100% - var(--user-gutter)), var(--user-shell-max));
}
}

@media (max-width: 760px) {
body.ui-runtime.store-page {
--user-gutter: 16px;
    overflow-x: clip;
}

@supports not (overflow: clip) {
body.ui-runtime.store-page {
overflow-x: hidden;
}
}

body.ui-runtime.store-page .user-metric-grid,
body.ui-runtime.store-page .user-portal-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-table-action-stack {
justify-content: flex-start;
    flex-wrap: wrap;
}

}

body.ui-runtime.store-page {
--user-smoke-rail-max: 1120px;
  --user-smoke-shell-max: 1440px;
  --user-smoke-gutter: 32px;
  --user-smoke-brand: var(--store-brand, #ee4d2d);
  --user-smoke-brand-dark: var(--store-brand-dark, #d93f21);
  --user-smoke-soft: #fff7f2;
  --user-smoke-line: #dfe7f1;
  --user-smoke-line-warm: #ffb79e;
  --user-smoke-text: #172033;
  --user-smoke-radius: 4px;
  overflow-x: clip;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer,
body.ui-runtime.store-page > footer.app-footer.user-market-footer,
body.ui-runtime.store-page > footer.app-footer.user-market-footer {
width: 100%;
  max-width: none;
  min-width: 0;
  margin: 42px 0 0;
  margin-inline: 0;
  padding: 0;
  left: auto;
  right: auto;
  transform: none;
  overflow-x: hidden;
  overflow-y: visible;
  box-sizing: border-box;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-grid,
body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-bottom-inner {
width: min(calc(100% - var(--user-smoke-gutter)), var(--user-smoke-shell-max));
  max-width: var(--user-smoke-shell-max);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-col,
body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-bottom-inner > div {
min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page :is(.user-action-btn,.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):not(.is-danger):not(.is-warning) {
min-height: 34px;
  height: auto;
  border: 1px solid var(--user-smoke-line-warm);
  border-radius: var(--user-smoke-radius);
  background: #fff;
  color: var(--user-smoke-brand-dark);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: none;
  text-decoration: none;
}

body.ui-runtime.store-page :is(.user-action-btn,.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):not(.is-danger):not(.is-warning):is(:hover,:focus-visible) {
border-color: var(--user-smoke-brand);
  background: var(--user-smoke-soft);
  color: var(--user-smoke-brand-dark);
  outline: none;
}

body.ui-runtime.store-page :is(.user-action-btn.is-primary,.user-action-btn.is-primary,.user-action-btn.is-download,.user-action-btn.is-download) {
border-color: var(--user-smoke-brand);
  background: var(--user-smoke-brand);
  color: #fff;
}

body.ui-runtime.store-page :is(.user-action-btn.is-danger,.user-action-btn.is-danger) {
border-color: #fecdd3;
  background: #fff1f2;
  color: #b91c1c;
}

body.ui-runtime.store-page :is(.user-portal-shell,.user-portal-card,.user-portal-card-body,.wbh-user-view) {
max-width: 100%;
  min-width: 0;
  overflow: visible;
  box-sizing: border-box;
}

body.ui-runtime.store-page :is(.user-table-action-stack,.user-table-action-stack,.smart-action-stack) {
min-width: 0;
  max-width: 100%;
  overflow: visible;
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--user-smoke-gutter: 20px;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page :is(.user-store-nav-inner,.user-store-nav-inner,.user-store-nav-inner,.user-store-nav-inner) {
justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    max-width: 100%;
}
}

@media (max-width: 760px) {
body.ui-runtime.store-page {
--user-smoke-gutter: 16px;
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page.route-user-index-php .main-wrap,
body.ui-runtime.store-page.route-user-index-php .user-marketplace {
width: min(calc(100% - var(--user-smoke-gutter)), var(--user-smoke-shell-max));
    max-width: var(--user-smoke-shell-max);
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-grid {
grid-template-columns: 1fr;
    padding: 28px 0 22px;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-bottom-inner {
min-height: 0;
    padding: 16px 0;
    align-items: flex-start;
    flex-direction: column;
}
}

body.ui-runtime.store-page {
--user-deep-brand: var(--store-brand, #ee4d2d);
  --user-deep-brand-dark: var(--store-brand-dark, #d93f21);
  --user-deep-soft: #fff7f2;
  --user-deep-line: #dfe7f1;
  --user-deep-line-soft: #edf2f7;
  --user-deep-text: #172033;
  --user-deep-muted: #64748b;
  --user-deep-radius: 4px;
}

body.ui-runtime.store-page :is(.user-portal-shell,.user-deep-page,.user-support-page,.user-account-page,.user-notifications-page,.user-help-page,.user-terms-page,.user-order-issue-page,.user-api-docs-page) {
width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  gap: 16px;
  box-sizing: border-box;
}

body.ui-runtime.store-page :is(.user-portal-card,.user-empty-state,.user-thread-message,.user-notification-card,.user-help-step-card,.user-legal-content-card,.user-deep-form-card) {
border: 1px solid var(--user-deep-line);
  border-radius: var(--user-deep-radius);
  background: #fff;
  box-shadow: none;
  min-width: 0;
  overflow: visible;
}

body.ui-runtime.store-page .user-portal-card-head {
padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--user-deep-line-soft);
}

body.ui-runtime.store-page .user-portal-card-head > span,
body.ui-runtime.store-page .user-table-toolbar > div > span {
color: var(--user-deep-brand-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.ui-runtime.store-page .user-portal-card-head h2,
body.ui-runtime.store-page .user-table-toolbar h2 {
color: var(--user-deep-text);
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.01em;
  margin: 4px 0 0;
}

body.ui-runtime.store-page .user-portal-card-head p,
body.ui-runtime.store-page .user-table-toolbar p {
color: var(--user-deep-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 5px 0 0;
}

body.ui-runtime.store-page .user-portal-card-body {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime.store-page .user-portal-grid {
align-items: stretch;
  gap: 16px;
}

body.ui-runtime.store-page .user-metric-card {
border: 1px solid var(--user-deep-line);
  border-radius: var(--user-deep-radius);
  background: #fff;
  box-shadow: none;
  padding: 14px 16px;
  min-height: 86px;
}

body.ui-runtime.store-page .user-metric-card span {
color: var(--user-deep-muted);
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-metric-card b {
color: var(--user-deep-text);
  display: block;
  font-size: 22px;
  line-height: 1.2;
  margin-top: 4px;
}

body.ui-runtime.store-page .user-metric-card small {
color: var(--user-deep-muted);
  display: block;
  margin-top: 5px;
}

body.ui-runtime.store-page .user-metric-card.is-primary,
body.ui-runtime.store-page .user-metric-card.is-good,
body.ui-runtime.store-page .user-metric-card.is-success {
border-color: #fed7aa;
  background: linear-gradient(180deg, #fff, var(--user-deep-soft));
}

body.ui-runtime.store-page .user-metric-card.is-warning {
border-color: #fde68a;
  background: #fffbeb;
}

body.ui-runtime.store-page .user-metric-card.is-danger {
border-color: #fecdd3;
  background: #fff1f2;
}

body.ui-runtime.store-page .user-kv-list {
display: grid;
  gap: 10px;
}

body.ui-runtime.store-page .user-kv-list.is-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-kv-list > div {
border: 1px solid var(--user-deep-line-soft);
  border-radius: var(--user-deep-radius);
  background: #fbfdff;
  padding: 11px 12px;
  min-width: 0;
}

body.ui-runtime.store-page .user-kv-list span {
color: var(--user-deep-muted);
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
}

body.ui-runtime.store-page .user-kv-list b {
color: var(--user-deep-text);
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page :is(.user-deep-form-card,.user-profile-form,.user-security-form,.support-create-form,.order-issue-form) :is(input,select,textarea) {
border: 1px solid #d7e0ea;
  border-radius: var(--user-deep-radius);
  background: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page :is(.user-deep-form-card,.support-create-form,.order-issue-form) .form-actions,
body.ui-runtime.store-page .user-table-toolbar-actions {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

body.ui-runtime.store-page .user-help-step-card .user-portal-card-body p,
body.ui-runtime.store-page .user-support-copy,
body.ui-runtime.store-page .user-legal-card-meta {
color: var(--user-deep-muted);
  line-height: 1.65;
}

body.ui-runtime.store-page .user-help-contact-card .contact-display-card,
body.ui-runtime.store-page .user-help-legal-actions,
body.ui-runtime.store-page .user-account-route-list,
body.ui-runtime.store-page .user-link-actions {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.ui-runtime.store-page .user-account-route-list .route-card {
flex: 1 1 220px;
  min-width: 0;
  border-color: var(--user-deep-line-soft);
  border-radius: var(--user-deep-radius);
}

body.ui-runtime.store-page .user-notification-list {
display: grid;
  gap: 12px;
}

body.ui-runtime.store-page .user-notification-card {
padding: 16px;
}

body.ui-runtime.store-page .user-notification-card.is-unread {
border-left: 4px solid var(--user-deep-brand);
  background: linear-gradient(90deg, var(--user-deep-soft), #fff 34%);
}

body.ui-runtime.store-page .user-notification-card .announcement-head,
body.ui-runtime.store-page .user-notification-actions {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

body.ui-runtime.store-page .user-notification-card h2 {
color: var(--user-deep-text);
  font-size: 17px;
  margin: 10px 0;
}

body.ui-runtime.store-page .user-table-toolbar {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--user-deep-line);
  border-radius: var(--user-deep-radius);
  background: #fff;
  padding: 14px 16px;
}

body.ui-runtime.store-page .user-table-shell-card .user-table-wrap {
padding-bottom: 0;
}

body.ui-runtime.store-page .user-copy-small-btn {
min-height: 30px;
}

body.ui-runtime.store-page .user-empty-state {
padding: 0;
}

body.ui-runtime.store-page .user-empty-state .ui-empty {
border: 0;
  background: transparent;
}

body.ui-runtime.store-page .user-api-docs-page .api-user-guide-card {
margin-top: 0;
}

body.ui-runtime.store-page .user-api-docs-page .api-doc-layout {
max-width: 100%;
  min-width: 0;
}

body.ui-runtime.store-page .user-legal-content-card .content-body {
max-width: none;
}

@media (max-width: 980px) {

body.ui-runtime.store-page .user-kv-list.is-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-table-toolbar,
body.ui-runtime.store-page .user-notification-card .announcement-head,
body.ui-runtime.store-page .user-notification-actions {
align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

body.ui-runtime.store-page .user-table-toolbar-actions,
body.ui-runtime.store-page :is(.user-deep-form-card,.support-create-form,.order-issue-form) .form-actions {
justify-content: flex-start;
    width: 100%;
}
}

body.ui-runtime.store-page.route-user-api-docs-php .user-api-docs-page,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-user,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-shell,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-content,
body.ui-runtime.store-page.route-user-api-docs-php .api-docs-endpoint {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-header {
min-width: 0;
  align-items: center;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route {
min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route code {
min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-user-guide-card {
min-width: 0;
  overflow: visible;
}

@media (max-width: 720px) {
body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-header {
align-items: flex-start;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route {
align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
}

}

body.ui-runtime.store-page {
--user-final-shell: 1440px;
  --user-final-rail: 1120px;
  --user-final-gutter: 32px;
  --user-final-brand: var(--store-brand, #ee4d2d);
  --user-final-brand-dark: var(--store-brand-dark, #d93f21);
  --user-final-soft: #fff7f2;
  --user-final-line: #dfe7f1;
  --user-final-warm-line: #ffb79e;
  --user-final-text: #172033;
  --user-final-muted: #64748b;
  --user-final-radius: 6px;
  font-family: var(--font-sans);
  overflow-x: clip;
}

body.ui-runtime.store-page :is(
  .user-store-nav-inner,
  .main-wrap,
  .wbh-user-view,
  .user-marketplace,
  .user-marketplace-main,
  .user-portal-shell,
  .user-portal-card,
  .user-portal-card-body,
  .user-api-docs-page,
  .api-docs-user
) {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page .main-wrap,
body.ui-runtime.store-page .user-store-nav-inner{
width: min(calc(100% - var(--user-final-gutter)), var(--user-final-shell));
  margin-inline: auto;
}

body.ui-runtime.store-page .user-portal-shell {
width: 100%;
  max-width: var(--user-final-rail);
  margin-inline: auto;
}

body.ui-runtime.store-page.route-user-index-php .user-portal-shell,
body.ui-runtime.store-page.route-user-service-php .user-portal-shell,
body.ui-runtime.store-page.route-user-order-detail-php .user-portal-shell {
max-width: var(--user-final-shell);
}

body.ui-runtime.store-page .site-header {
overflow: visible;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page :is(.wallet-menu,.account-menu) summary {
min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}

body.ui-runtime.store-page :is(.wallet-dropdown,.account-dropdown) {
z-index: 7800;
  max-width: min(94vw, 380px);
}

body.ui-runtime.store-page .user-store-nav {
position: sticky;
  top: 0;
  z-index: 2600;
  overflow: visible;
}

body.ui-runtime.store-page .user-store-nav-inner {
justify-content: flex-start;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer :is(.user-market-footer-grid,.user-market-footer-bottom-inner) {
width: min(calc(100% - var(--user-final-gutter)), var(--user-final-shell));
  max-width: var(--user-final-shell);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-col {
min-width: 0;
}

body.ui-runtime.store-page :is(.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):not(.is-danger):not(.is-warning) {
min-height: 34px;
  border: 1px solid var(--user-final-warm-line);
  border-radius: var(--user-final-radius);
  background: #fff;
  color: var(--user-final-brand-dark);
  box-shadow: none;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

body.ui-runtime.store-page :is(.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):not(.is-danger):not(.is-warning):is(:hover,:focus-visible) {
border-color: var(--user-final-brand);
  background: var(--user-final-soft);
  color: var(--user-final-brand-dark);
  outline: none;
}

body.ui-runtime.store-page :is(.user-action-btn.is-primary,.user-action-btn.is-download) {
border-color: var(--user-final-brand);
  background: var(--user-final-brand);
  color: #fff;
}

body.ui-runtime.store-page :is(.user-action-btn.is-danger) {
border-color: #fecdd3;
  background: #fff1f2;
  color: #b91c1c;
}

body.ui-runtime.store-page :is(.user-portal-card,.user-portal-card-body,.user-table-shell-card,.user-table-toolbar) {
border-color: var(--user-final-line);
  border-radius: var(--user-final-radius);
  box-shadow: none;
  overflow: visible;
}

body.ui-runtime.store-page :is(.user-table-action-stack) {
min-width: 0;
  max-width: 100%;
  overflow: visible;
}

body.ui-runtime.store-page .user-metric-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

body.ui-runtime.store-page .user-metric-card {
min-width: 0;
  border-radius: var(--user-final-radius);
}

body.ui-runtime.store-page.route-user-api-docs-php :is(.api-endpoint-route,.api-endpoint-route) {
min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route code {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--user-final-gutter: 20px;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .site-mainbar-inner > .site-nav {
display: none;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .user-store-nav-inner {
padding-inline: 0;
}

body.ui-runtime.store-page .user-portal-grid:is(.is-2,.is-3,.is-4) {
grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {
body.ui-runtime.store-page {
--user-final-gutter: 16px;
}

body.ui-runtime.store-page :is(.brand-text small,.account-meta,.wallet-chip-meta .wallet-label) {
display: none;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-grid,
body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-bottom-inner {
width: min(calc(100% - var(--user-final-gutter)), var(--user-final-shell));
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-grid {
grid-template-columns: 1fr;
    padding: 28px 0 22px;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer .user-market-footer-bottom-inner {
align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

body.ui-runtime.store-page.route-user-api-docs-php .api-endpoint-route code {
white-space: normal;
    overflow-wrap: anywhere;
}
}

body.ui-runtime.store-page {
--user-final-release-seal: 1;
  --user-final-release-shell: var(--user-final-shell, 1440px);
  --user-final-release-rail: var(--user-final-rail, 1120px);
  --user-final-release-gutter: var(--user-final-gutter, 32px);
  --user-final-release-brand: var(--user-final-brand, #ee4d2d);
  --user-final-release-brand-dark: var(--user-final-brand-dark, #d93f21);
  --user-final-release-line: var(--user-final-line, #dfe7f1);
  --user-final-release-soft: var(--user-final-soft, #fff7f2);
  overflow-x: clip;
}

body.ui-runtime.store-page :is(
  .user-store-nav-inner,
  .main-wrap,
  .wbh-user-view,
  .user-marketplace,
  .user-marketplace-main,
  .user-portal-shell,
  .user-portal-card,
  .user-portal-card-body,
  .api-docs-user
) {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page :is(.main-wrap,.site-mainbar-inner,.user-store-nav-inner) {
width: min(calc(100% - var(--user-final-release-gutter)), var(--user-final-release-shell));
  margin-inline: auto;
}

body.ui-runtime.store-page .user-portal-shell {
width: 100%;
  max-width: var(--user-final-release-rail);
  margin-inline: auto;
}

body.ui-runtime.store-page.route-user-index-php .user-portal-shell,
body.ui-runtime.store-page.route-user-service-php .user-portal-shell,
body.ui-runtime.store-page.route-user-order-detail-php .user-portal-shell {
max-width: var(--user-final-release-shell);
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page :is(.user-store-nav,.user-store-nav) {
overflow: visible;
}

body.ui-runtime.store-page .user-store-nav-inner {
justify-content: flex-start;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: thin;
}

body.ui-runtime.store-page .user-store-nav-inner a {
flex: 0 0 auto;
  white-space: nowrap;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer {
width: 100%;
  max-width: none;
  min-width: 0;
  margin: 42px 0 0;
  margin-inline: 0;
  padding: 0;
  left: auto;
  right: auto;
  transform: none;
  overflow-x: hidden;
  overflow-y: visible;
  box-sizing: border-box;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer :is(.user-market-footer-grid,.user-market-footer-bottom-inner) {
width: min(calc(100% - var(--user-final-release-gutter)), var(--user-final-release-shell));
  max-width: var(--user-final-release-shell);
  margin-inline: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page :is(.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):not(.is-danger):not(.is-warning) {
min-height: 34px;
  border: 1px solid var(--user-final-warm-line, #ffb79e);
  border-radius: var(--user-final-radius, 6px);
  background: #fff;
  color: var(--user-final-release-brand-dark);
  box-shadow: none;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

body.ui-runtime.store-page :is(.user-action-btn):not(.ui-copy-btn):not(.is-primary):not(.is-download):not(.is-danger):not(.is-warning):is(:hover,:focus-visible) {
border-color: var(--user-final-release-brand);
  background: var(--user-final-release-soft);
  color: var(--user-final-release-brand-dark);
}

body.ui-runtime.store-page :is(.user-action-btn.is-primary,.user-action-btn.is-download) {
border-color: var(--user-final-release-brand);
  background: var(--user-final-release-brand);
  color: #fff;
}

body.ui-runtime.store-page :is(.user-portal-card,.user-portal-card-body,.user-table-shell-card,.user-table-toolbar) {
overflow: visible;
  border-color: var(--user-final-release-line);
}

body.ui-runtime.store-page :is(.user-table-wrap,.user-portal-table,.order-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-api-keys-table-wrap,.user-detail-raw-table) {
width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  box-sizing: border-box;
  scrollbar-width: thin;
}

body.ui-runtime.store-page.route-user-api-docs-php :is(.api-endpoint-route,.api-endpoint-route,.api-endpoint-route) {
display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  min-width: 0;
}

body.ui-runtime.store-page.route-user-api-docs-php :is(.api-endpoint-route,.api-endpoint-route,.api-endpoint-route) code {
min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
body.ui-runtime.store-page {
--user-final-release-gutter: 20px;
}
/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

/* v425: user header structural rule moved to 59-user-header-breakpoint-core.css. */

}

@media (max-width: 560px) {
body.ui-runtime.store-page {
--user-final-release-gutter: 16px;
}

body.ui-runtime.store-page > footer.app-footer.user-market-footer :is(.user-market-footer-grid,.user-market-footer-bottom-inner) {
width: min(calc(100% - 16px), var(--user-final-release-shell));
}
}

body.ui-runtime.store-page .buy-modal {
z-index: var(--store-modal-z, 9000);
}

body.ui-runtime.store-page .buy-dialog {
width: min(900px, calc(100vw - 28px));
}

body.ui-runtime.store-page .buy-kpi-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.store-page .buy-order-box {
gap: 12px;
}

body.ui-runtime.store-page .buy-wallet-panel {
display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid #fed7aa;
  background: #fffaf6;
  border-radius: 4px;
}

body.ui-runtime.store-page .buy-wallet-head {
display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

body.ui-runtime.store-page .buy-wallet-head b {
color: #9a3412;
  font-size: 13px;
  line-height: 1.25;
}

body.ui-runtime.store-page .buy-wallet-head span {
color: #7c2d12;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

body.ui-runtime.store-page .buy-wallet-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.ui-runtime.store-page .buy-wallet-grid > div {
min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid #ffedd5;
  background: #fff;
  border-radius: 3px;
}

body.ui-runtime.store-page .buy-wallet-grid span,
body.ui-runtime.store-page .buy-wallet-grid small {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
}

body.ui-runtime.store-page .buy-wallet-grid b {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

body.ui-runtime.store-page .buy-wallet-grid em {
color: #0f172a;
  font-style: normal;
  font-weight: 700;
}

body.ui-runtime.store-page [data-buy-shortage].is-short {
color: #b91c1c; font-weight: 700;
}

body.ui-runtime.store-page [data-buy-shortage].is-ok {
color: #15803d; font-weight: 700;
}

body.ui-runtime.store-page .buy-total {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.ui-runtime.store-page .buy-total > div {
border-color: #ffd8cc;
}

body.ui-runtime.store-page .buy-total b {
font-size: 18px;
}

body.ui-runtime.store-page .buy-total [data-buy-main-use],
body.ui-runtime.store-page .buy-total [data-buy-promo-use] {
color: #0f172a;
}

body.ui-runtime.store-page .buy-total small[hidden] {
display: none;
}

body.ui-runtime.store-page .buy-note {
background: #fff7ed;
  border-color: #fed7aa;
  color: #7c2d12;
}

@media (max-width: 760px) {
body.ui-runtime.store-page .buy-kpi-grid,
body.ui-runtime.store-page .buy-wallet-grid,
body.ui-runtime.store-page .buy-total {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .buy-wallet-head {
display: grid;
    gap: 4px;
}

body.ui-runtime.store-page .buy-wallet-head span {
text-align: left;
}

body.ui-runtime.store-page .buy-wallet-grid b,
body.ui-runtime.store-page .buy-total b {
white-space: normal;
}
}

body.ui-runtime.store-page .user-raw-revoked-note {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(234, 88, 12, .18);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 247, 237, .92), rgba(255, 255, 255, .96));
  color: #9a3412;
  margin: 12px 0;
}

body.ui-runtime.store-page .user-raw-revoked-note b {
white-space: nowrap;
  color: #7c2d12;
}

body.ui-runtime.store-page .user-raw-revoked-note span {
display: block;
  color: #9a3412;
  line-height: 1.45;
}

body.ui-runtime.store-page .user-raw-revoked-inline,
body.ui-runtime.store-page .user-raw-revoked-pill {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-raw-revoked-inline {
width: 100%;
  border-radius: 12px;
  justify-content: flex-start;
}

@media (max-width: 640px) {
body.ui-runtime.store-page .user-raw-revoked-note {
display: block;
}

body.ui-runtime.store-page .user-raw-revoked-note b {
display: block;
    margin-bottom: 4px;
}
}

body.ui-runtime.store-page .topup-voucher-preview {
margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 12px;
  background: rgba(248, 250, 252, .92);
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
}

body.ui-runtime.store-page .topup-voucher-preview.is-good {
border-color: rgba(22, 163, 74, .25);
  background: rgba(240, 253, 244, .92);
  color: #166534;
}

body.ui-runtime.store-page .topup-voucher-preview.is-warn {
border-color: rgba(245, 158, 11, .28);
  background: rgba(255, 251, 235, .94);
  color: #92400e;
}

body.ui-runtime.store-page .topup-voucher-preview b,
body.ui-runtime.store-page .topup-voucher-preview .mono {
white-space: nowrap;
}

body.ui-runtime.store-page .user-topup-create-form input[name="voucher_code"] {
text-transform: uppercase;
  letter-spacing: .02em;
}

body.ui-runtime.store-page .buy-note,
body.ui-runtime.store-page .buy-note {
overflow-wrap: anywhere;
}

body.admin-page .provider-operation-stat small {
font-weight:700
}

body.admin-page .provider-card-badges {
display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end
}

body.admin-page .provider-op-badge {
white-space:nowrap
}

body.admin-page .provider-op-mini b {
white-space:nowrap
}

body.admin-page .provider-op-alert {
border:1px solid rgba(245,158,11,.28);background:rgba(255,247,237,.92);color:#7c2d12;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.45
}

@media (max-width: 720px) {
body.admin-page .provider-card-badges {
justify-content:flex-start
}
}

body.ui-runtime.store-page {
--ws-user-bg: #f5f5f5;
  --ws-user-brand: var(--store-brand);
  --ws-user-brand-2: var(--store-brand-light);
  --ws-user-text: #1f2937;
  --ws-user-muted: #64748b;
  --ws-user-line: #e2e8f0;
  --ws-user-card: #ffffff;
  --ws-user-rail: 1260px;
  --ws-user-store-sidebar: 250px;
  --ws-user-store-gap: 16px;
  --ws-user-gutter: 32px;
  background: var(--ws-user-bg);
  color: var(--ws-user-text);
  overflow-x: clip;
}

@supports not (overflow: clip) {
body.ui-runtime.store-page {
overflow-x: hidden;
}
}

body.ui-runtime.store-page .site-header {
background: linear-gradient(-180deg, #f43f2f 0%, var(--ws-user-brand-2) 100%);
  position: relative;
  z-index: 2000;
  overflow: visible;
}

body.ui-runtime.store-page .site-mainbar {
background: transparent;
}

body.ui-runtime.store-page main.main-wrap.wbh-user-view,
body.ui-runtime.store-page .user-nav-inner,
body.ui-runtime.store-page > footer.app-footer :is(.user-market-footer-grid,
.user-market-footer-bottom-inner){
width: min(calc(100% - var(--ws-user-gutter)), var(--ws-user-rail));
  max-width: var(--ws-user-rail);
  margin-inline: auto;
  box-sizing: border-box;
  min-width: 0;
}

body.ui-runtime.store-page main.main-wrap.wbh-user-view {
display: block;
  padding: 18px 0 34px;
  background: transparent;
}

body.ui-runtime.store-page .wbh-user-view > .alert {
width: 100%; box-sizing: border-box;
}

body.ui-runtime.store-page .user-nav {
position: relative;
  top: auto;
  z-index: 30;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e7edf5;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  overflow: visible;
}

body.ui-runtime.store-page .user-nav-inner {
display: flex;
  align-items: center;
  gap: 0;
  min-height: 48px;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

body.ui-runtime.store-page .user-nav-inner::-webkit-scrollbar {
display: none;
}

body.ui-runtime.store-page .user-nav-inner a {
flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 14px;
  color: #334155;
  text-decoration: none;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-nav-inner a:first-child {
padding-left: 0;
}

body.ui-runtime.store-page .user-nav-inner a.active,
body.ui-runtime.store-page .user-nav-inner a:hover {
color: var(--ws-user-brand);
  background: transparent;
}

body.ui-runtime.store-page .user-nav-inner a.active {
border-bottom-color: var(--ws-user-brand);
}

body.ui-runtime.store-page .user-nav-inner a::before,
body.ui-runtime.store-page .user-nav-inner a::after {
content: none; display: none;
}

body.ui-runtime.store-page .user-page-rail {
width: 100%;
  max-width: 100%;
  margin-inline: 0;
  display: grid;
  gap: 16px;
  min-width: 0;
  box-sizing: border-box;
  background: transparent;
}

body.ui-runtime.store-page .user-page-rail.is-portal-rail,
body.ui-runtime.store-page .user-page-rail.is-store-rail {
width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

body.ui-runtime.store-page[data-user-layout-mode="portal"] .user-page-rail :is( .user-hero,.user-portal-hero,.user-filter,.pro-user-filter,.ops-grid,.ui-report-grid, .user-portal-shell,.user-portal-shell,.user-portal-card,.user-portal-card,.user-portal-card-body,.user-portal-card-body, .user-portal-grid,.user-portal-grid,.ui-summary-grid,.wallet-filter-metrics-region, .card,.table-wrap,.user-table-wrap,.user-table-wrap, .ui-data-table-wrap,.ui-smart-table-wrap,.user-portal-table,.order-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-detail-raw-table, .api-doc-layout,.api-doc-shell,.api-doc-main,.api-docs-user,.api-docs-user,.api-docs-user,.api-docs-user, .wallet-shell,.wallet-overview-card,.wallet-ledger-card,.wallet-filter,.wallet-filter, .user-pager,.content-list-stack,.user-empty-state,.user-empty-state ) {
width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-portal-hero,
body.ui-runtime.store-page .user-portal-card,
body.ui-runtime.store-page .user-portal-filter,
body.ui-runtime.store-page .user-empty-state,
body.ui-runtime.store-page .ui-data-table-wrap,
body.ui-runtime.store-page .ui-smart-table-wrap {
background: var(--ws-user-card);
  border: 1px solid var(--ws-user-line);
  border-radius: 2px;
  box-shadow: none;
}

body.ui-runtime.store-page .user-portal-hero {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
}

body.ui-runtime.store-page .user-portal-hero-copy {
min-width: 0;
}

body.ui-runtime.store-page .user-portal-hero-copy h1 {
margin: 6px 0 6px;
  font-size: 26px;
  line-height: 1.18;
  font-weight: 700;
  color: #1f2937;
}

body.ui-runtime.store-page .user-portal-hero-copy p {
margin: 0;
  color: var(--ws-user-muted);
  font-size: 14px;
}

body.ui-runtime.store-page .user-portal-hero-actions,
body.ui-runtime.store-page .user-hero-actions {
display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime.store-page .market-eyebrow {
color: var(--ws-user-brand);
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-metric-grid,
body.ui-runtime.store-page .ops-grid.ui-report-grid,
body.ui-runtime.store-page .ui-report-grid {
display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.ui-runtime.store-page .user-metric-card,
body.ui-runtime.store-page .ui-report-grid .report-card,
body.ui-runtime.store-page .ui-report-grid .card {
min-width: 0;
  border-top: 3px solid var(--ws-user-brand);
}

body.ui-runtime.store-page .user-portal-filter,
body.ui-runtime.store-page .pro-user-filter,
body.ui-runtime.store-page .user-filter {
display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 300px) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
}

body.ui-runtime.store-page .user-filter-actions {
display: flex; gap: 8px; align-items: center;
}

body.ui-runtime.store-page .user-table-wrap,
body.ui-runtime.store-page :is(.ui-data-table-wrap,.ui-smart-table-wrap,.order-table,.wallet-ledger-wrap,.pay-table,.support-ticket-table,.user-issue-table,.user-detail-raw-table) {
overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: thin;
}

body.ui-runtime.store-page .user-portal-shell,
body.ui-runtime.store-page .user-portal-card {
padding: 0;
}

body.ui-runtime.store-page .user-portal-card-head {
padding: 18px 20px 0;
}

body.ui-runtime.store-page .user-portal-card-head h2 {
margin: 4px 0 4px; color: #1f2937;
}

body.ui-runtime.store-page .user-portal-card-head p {
margin: 0; color: var(--ws-user-muted);
}

body.ui-runtime.store-page .user-portal-card-body {
padding: 18px 20px 20px;
}

body.ui-runtime.store-page .user-portal-grid {
display: grid; gap: 14px;
}

body.ui-runtime.store-page .user-portal-grid.is-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-portal-grid.is-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-portal-grid.is-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 980px) {
body.ui-runtime.store-page {
--ws-user-gutter: 20px;
}

body.ui-runtime.store-page main.main-wrap.wbh-user-view,
body.ui-runtime.store-page .user-nav-inner,
body.ui-runtime.store-page > footer.app-footer :is(.user-market-footer-grid,
.user-market-footer-bottom-inner){
width: min(calc(100% - var(--ws-user-gutter)), var(--ws-user-rail));
}

body.ui-runtime.store-page .user-portal-hero {
align-items: flex-start; flex-direction: column;
}

body.ui-runtime.store-page .user-portal-hero-actions {
justify-content: flex-start;
}

body.ui-runtime.store-page .user-metric-grid,
body.ui-runtime.store-page .ops-grid.ui-report-grid,
body.ui-runtime.store-page .ui-report-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-portal-filter,
body.ui-runtime.store-page .pro-user-filter,
body.ui-runtime.store-page .user-filter {
grid-template-columns: 1fr;
}
}

@media (max-width: 560px) {
body.ui-runtime.store-page {
--ws-user-gutter: 18px;
}

body.ui-runtime.store-page .user-nav-inner a {
padding-inline: 12px; font-size: 12.5px;
}

body.ui-runtime.store-page .user-metric-grid,
body.ui-runtime.store-page .ops-grid.ui-report-grid,
body.ui-runtime.store-page .ui-report-grid,
body.ui-runtime.store-page .user-portal-grid.is-2,
body.ui-runtime.store-page .user-portal-grid.is-3,
body.ui-runtime.store-page .user-portal-grid.is-4 {
grid-template-columns: 1fr;
}
}

body.ui-runtime.store-page .user-metric-grid {
width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  gap: 12px;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="1"] {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="2"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="3"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="4"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-metric-card {
min-width: 0;
  height: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page .public-content-page {
width: 100%;
  max-width: 100%;
  display: grid;
  gap: 16px;
}

body.ui-runtime.store-page .legal-content-card .user-portal-card-body {
padding: 0;
}

body.ui-runtime.store-page .content-meta-line {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--ws-user-line);
  background: #fff7f3;
}

body.ui-runtime.store-page .content-meta-line span {
display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #ffd0c2;
  border-radius: 999px;
  background: #fff;
  color: #9a3412;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body.ui-runtime.store-page .legal-content-body {
padding: 24px 28px 28px;
  color: #243244;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.75;
}

body.ui-runtime.store-page .legal-section {
display: grid;
  gap: 10px;
  padding: 18px 0;
  border-bottom: 1px solid #eef2f7;
}

body.ui-runtime.store-page .legal-section:first-child {
padding-top: 0;
}

body.ui-runtime.store-page .legal-section:last-child {
border-bottom: 0; padding-bottom: 0;
}

body.ui-runtime.store-page .legal-section h2 {
display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 800;
}

body.ui-runtime.store-page .legal-section h2 span {
flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--ws-user-brand);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

body.ui-runtime.store-page .legal-section p,
body.ui-runtime.store-page .legal-content-body > p {
margin: 0;
  max-width: 82ch;
  color: #334155;
  font-size: 15px;
  line-height: 1.78;
}

body.ui-runtime.store-page .legal-section ul,
body.ui-runtime.store-page .legal-content-body > ul {
margin: 0;
  padding: 12px 16px 12px 34px;
  max-width: 82ch;
  border: 1px solid #e8eef6;
  border-radius: 2px;
  background: #f8fafc;
  color: #334155;
}

body.ui-runtime.store-page .legal-section li,
body.ui-runtime.store-page .legal-content-body li {
margin: 5px 0;
  line-height: 1.65;
}

body.ui-runtime.store-page .public-content-link-grid {
display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.store-page .public-content-link-card {
display: grid;
  gap: 4px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--ws-user-line);
  border-radius: 2px;
  background: #fff;
  color: #1f2937;
  text-decoration: none;
}

body.ui-runtime.store-page .public-content-link-card:hover,
body.ui-runtime.store-page .public-content-link-card.is-active {
border-color: var(--ws-user-brand);
  background: #fff7f3;
}

body.ui-runtime.store-page .public-content-link-card span {
color: var(--ws-user-brand);
  font-size: 12px;
  font-weight: 800;
}

body.ui-runtime.store-page .public-content-link-card b {
min-width: 0;
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
}

body.ui-runtime.store-page .public-content-link-card small {
color: var(--ws-user-muted);
  font-size: 12px;
}

@media (max-width: 980px) {
body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="3"],
body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="4"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .public-content-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .legal-content-body {
padding: 20px;
}
}

@media (max-width: 560px) {
body.ui-runtime.store-page .user-metric-grid,
body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="2"],
body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="3"],
body.ui-runtime.store-page .user-metric-grid[data-user-metric-count="4"],
body.ui-runtime.store-page .public-content-link-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .legal-section h2 {
font-size: 16px;
}
}

/* API-key creation uses the shared modal runtime. CTA contrast is owned globally. */
body.ui-runtime.store-page.route-user-api-keys-php .api-key-permission-card h2 {
  margin: 4px 0 7px;
}
body.ui-runtime.store-page.route-user-api-keys-php .api-key-permission-card p {
  margin: 0;
  color: var(--muted, #667085);
}
body.ui-runtime.store-page.route-user-api-keys-php #create-api-key-modal .ui-modal-dialog {
  width: min(780px, 100%);
}
body.ui-runtime.store-page.route-user-api-keys-php #create-api-key-modal .ui-modal-body {
  background: #fff;
}
body.ui-runtime.store-page.route-user-api-keys-php #create-api-key-modal .user-api-key-form {
  display: grid;
  gap: 15px;
}
body.ui-runtime.store-page.route-user-api-keys-php .api-key-create-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
  gap: 14px;
}
body.ui-runtime.store-page.route-user-api-keys-php .api-key-create-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
body.ui-runtime.store-page.route-user-api-keys-php .api-key-permission-card {
  padding: clamp(18px, 2.3vw, 28px);
  border-style: dashed;
}
@media (max-width: 720px) {
  body.ui-runtime.store-page.route-user-api-keys-php .api-key-create-grid {
    grid-template-columns: 1fr;
  }
  body.ui-runtime.store-page.route-user-api-keys-php .api-key-create-actions .btn {
    width: 100%;
  }
}

/* Batch 20: bounded storefront pagination and one compact shared purchase modal. */
body.ui-runtime.store-page .user-store-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 4px;
}
body.ui-runtime.store-page .user-store-pagination a,
body.ui-runtime.store-page .user-store-pagination .user-store-page-gap {
  min-width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 7px 11px;
  background: var(--surface);
  text-decoration: none;
}
body.ui-runtime.store-page .user-store-pagination a:hover,
body.ui-runtime.store-page .user-store-pagination a.active {
  border-color: var(--primary);
}
body.ui-runtime.store-page .user-store-pagination a.active {
  font-weight: 800;
  color: var(--primary);
}
body.ui-runtime.store-page .user-store-pagination .is-disabled {
  opacity: .45;
  pointer-events: none;
}
body.ui-runtime.store-page .user-store-page-summary {
  color: var(--muted);
  font-size: 13px;
  margin-left: 4px;
}
body.ui-runtime.store-page .buy-modal-shared .buy-dialog {
  width: min(850px, calc(100vw - 28px));
}
body.ui-runtime.store-page .buy-modal-shared .buy-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: grid;
  visibility: visible;
  opacity: 1;
}
body.ui-runtime.store-page .buy-modal-shared .buy-dialog-head {
  padding-top: 16px;
  padding-bottom: 14px;
}
body.ui-runtime.store-page .buy-modal-shared .buy-modal-body {
  padding: 14px 16px;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
}
body.ui-runtime.store-page .buy-modal-shared .buy-modal-body > * {
  min-width: 0;
  max-width: 100%;
}
body.ui-runtime.store-page .buy-modal-shared .buy-modal-info {
  grid-template-columns: minmax(0, 1fr);
  min-height: auto;
  min-block-size: max-content;
  align-items: start;
}
body.ui-runtime.store-page .buy-modal-shared .buy-modal-desc {
  min-height: auto;
  overflow: visible;
}
body.ui-runtime.store-page .buy-modal-shared .buy-kpi-grid,
body.ui-runtime.store-page .buy-modal-shared .buy-wallet-grid,
body.ui-runtime.store-page .buy-modal-shared .buy-total {
  gap: 8px;
}
body.ui-runtime.store-page .buy-modal-shared .buy-order-box,
body.ui-runtime.store-page .buy-modal-shared .buy-wallet-panel,
body.ui-runtime.store-page .buy-modal-shared .buy-note {
  padding: 12px;
}
body.ui-runtime.store-page .buy-modal-shared .buy-footer {
  padding: 11px 16px;
}
body.ui-runtime.store-page .buy-modal-shared .buy-disabled-help {
  margin: 0;
  padding: 8px 16px 12px;
}
@media (max-width: 640px) {
  body.ui-runtime.store-page .user-store-pagination {
    gap: 6px;
    margin-top: 16px;
  }
  body.ui-runtime.store-page .user-store-pagination a,
  body.ui-runtime.store-page .user-store-pagination .user-store-page-gap {
    min-width: 36px;
    min-height: 36px;
    padding: 6px 9px;
  }
  body.ui-runtime.store-page .user-store-page-summary {
    flex-basis: 100%;
    margin: 2px 0 0;
    text-align: center;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-dialog {
    width: calc(100vw - 14px);
    max-height: calc(100dvh - 14px);
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-dialog-head,
  body.ui-runtime.store-page .buy-modal-shared .buy-modal-body,
  body.ui-runtime.store-page .buy-modal-shared .buy-footer {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Batch 21A: canonical mobile purchase modal and service-detail flow. */
@media (max-width: 980px) {
  body.ui-runtime.store-page.route-user-service-php .user-nav {
    overflow: hidden;
  }
  body.ui-runtime.store-page.route-user-service-php .user-nav-inner {
    max-width: 100%;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-marketplace.is-service-detail {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-marketplace.is-service-detail > .user-detail-main {
    display: contents;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-marketplace.is-service-detail > .user-detail-main > .user-service-hero {
    order: 1;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-marketplace.is-service-detail > .user-detail-side {
    order: 2;
    width: 100%;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-marketplace.is-service-detail > .user-detail-main > :not(.user-service-hero) {
    order: 3;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-marketplace.is-service-detail > .user-detail-main > * {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  body.ui-runtime.store-page.route-user-service-php .user-service-hero {
    grid-template-columns: 170px minmax(0, 1fr);
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-media {
    min-height: 170px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-copy {
    padding: 18px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-price {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 7px 10px;
    padding: 14px 18px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-price > span {
    flex-basis: 100%;
  }
}

@media (max-width: 640px) {
  body.ui-runtime.store-page.route-user-service-php .user-service-media {
    min-height: 112px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-media > span {
    font-size: 50px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-copy {
    padding: 14px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-copy h1 {
    font-size: 19px;
    overflow-wrap: anywhere;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-copy p {
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  body.ui-runtime.store-page.route-user-service-php .user-detail-tags,
  body.ui-runtime.store-page.route-user-service-php .user-detail-code {
    margin-top: 10px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 9px;
    padding: 13px 14px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-price > span {
    flex-basis: 100%;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-price b {
    font-size: 23px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-service-price em,
  body.ui-runtime.store-page.route-user-service-php .user-service-price strong {
    margin-top: 2px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-buy-panel > header,
  body.ui-runtime.store-page.route-user-service-php .user-detail-card > header {
    padding: 12px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-buy-quick-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 10px 12px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-buy-quick-meta > div {
    min-width: 0;
    min-height: 0;
    display: grid;
    align-content: start;
    justify-content: stretch;
    gap: 4px;
    padding: 8px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-buy-quick-meta b {
    min-width: 0;
    text-align: left;
    overflow-wrap: anywhere;
  }
  body.ui-runtime.store-page.route-user-service-php .user-buy-modal-trigger {
    width: calc(100% - 24px);
    margin-inline: 12px;
  }
  body.ui-runtime.store-page.route-user-service-php .user-buy-safe-note {
    padding: 10px 12px 0;
  }

  body.ui-runtime.store-page .buy-modal-shared.open {
    display: grid;
    place-items: start center;
    padding: max(7px, env(safe-area-inset-top)) 7px max(7px, env(safe-area-inset-bottom));
    overflow: hidden;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-dialog {
    width: 100%;
    height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-dialog-head {
    flex: 0 0 auto;
    min-height: 0;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    padding: 10px 48px 10px 11px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-service-avatar {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-service-heading h2 {
    font-size: 16px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-service-heading p {
    margin-top: 2px;
    font-size: 12px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-close {
    top: 9px;
    right: 9px;
    width: 34px;
    height: 34px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-modal-form {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 10px;
    gap: 9px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-kpi-grid > div:last-child {
    grid-column: 1 / -1;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-order-box,
  body.ui-runtime.store-page .buy-modal-shared .buy-wallet-panel,
  body.ui-runtime.store-page .buy-modal-shared .buy-note {
    padding: 10px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-wallet-grid,
  body.ui-runtime.store-page .buy-modal-shared .buy-total {
    gap: 7px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-wallet-grid > div,
  body.ui-runtime.store-page .buy-modal-shared .buy-total > div {
    padding: 9px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-footer {
    flex: 0 0 auto;
    padding: 9px 10px;
    gap: 7px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-footer .btn {
    min-height: 40px;
  }
  body.ui-runtime.store-page .buy-modal-shared .buy-disabled-help {
    flex: 0 0 auto;
    padding: 0 10px 9px;
    font-size: 11px;
  }
}

/* UI owner: 30-admin-shared-before-status.css */
body.ui-runtime.admin-page .admin-alert-strip {
display: grid;
  gap: 12px;
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid #d9e3f0;
  border-left: 4px solid #f59e0b;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
}

body.ui-runtime.admin-page .admin-alert-strip-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-alert-strip-title {
display: grid;
  gap: 3px;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-alert-strip-title span {
color: #ef4427;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.2;
}

body.ui-runtime.admin-page .admin-alert-strip-title b {
color: #111827;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}

body.ui-runtime.admin-page .admin-alert-strip-meta {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-alert-strip-meta > span {
display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.admin-page .admin-alert-strip-items {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-alert-item {
display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #94a3b8;
  border-radius: 12px;
  background: #f8fafc;
  color: #334155;
  text-decoration: none;
}

body.ui-runtime.admin-page .admin-alert-item span,
body.ui-runtime.admin-page .admin-alert-item b {
min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .admin-alert-item span {
color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  line-height: 1.2;
}

body.ui-runtime.admin-page .admin-alert-item b {
color: #1f2937;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

body.ui-runtime.admin-page .admin-alert-item.is-warn {
border-color: #fde68a;
  border-left-color: #f59e0b;
  background: #fffbeb;
}

body.ui-runtime.admin-page .admin-alert-item.is-warn span,
body.ui-runtime.admin-page .admin-alert-item.is-warn b {
color: #92400e;
}

body.ui-runtime.admin-page .admin-alert-item.is-danger {
border-color: #fecaca;
  border-left-color: #ef4444;
  background: #fef2f2;
}

body.ui-runtime.admin-page .admin-alert-item.is-danger span,
body.ui-runtime.admin-page .admin-alert-item.is-danger b {
color: #991b1b;
}

body.ui-runtime.admin-page .admin-alert-item.is-info {
border-color: #bfdbfe;
  border-left-color: #3b82f6;
  background: #eff6ff;
}

body.ui-runtime.admin-page .admin-alert-item.is-info span,
body.ui-runtime.admin-page .admin-alert-item.is-info b {
color: #1d4ed8;
}

body.ui-runtime.admin-page .admin-alert-item.is-neutral {
border-color: #e2e8f0;
  border-left-color: #94a3b8;
  background: #f8fafc;
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .admin-alert-strip-head {
align-items: flex-start;
    flex-direction: column;
}

body.ui-runtime.admin-page .admin-alert-strip-meta {
justify-content: flex-start;
    white-space: normal;
}

body.ui-runtime.admin-page .admin-alert-strip-items {
grid-template-columns: 1fr;
}
}

body.ui-runtime {
--wbh-layer-page: 0;
  --wbh-layer-popover: 2147482000;
  --wbh-layer-modal: 2147482400;
  --wbh-layer-confirm: 2147483000;
  --wbh-modal-dialog-gap: clamp(10px, 2.6vw, 28px);
  --wbh-modal-dialog-radius: 18px;
  --wbh-buy-modal-width: min(900px, calc(100vw - 28px));
}

body.ui-runtime .ui-popover-layer-root,
body.ui-runtime .ui-modal-layer-root,
body.ui-runtime .ui-confirm-layer-root {
position: fixed;
  inset: 0;
  pointer-events: none;
  isolation: isolate;
  contain: layout style;
}

body.ui-runtime .ui-popover-layer-root {
z-index: var(--wbh-layer-popover);
}

body.ui-runtime .ui-modal-layer-root {
z-index: var(--wbh-layer-modal);
}

body.ui-runtime .ui-confirm-layer-root {
z-index: var(--wbh-layer-confirm);
}

body.ui-runtime .ui-popover-layer-root > *,
body.ui-runtime .ui-modal-layer-root > *,
body.ui-runtime .ui-confirm-layer-root > * {
pointer-events: auto;
}

body.ui-runtime.modal-lock {
overflow: hidden;
}

body.ui-runtime .ui-modal,
body.ui-runtime .ui-modal-scope,
body.ui-runtime .buy-modal,
body.ui-runtime .modal-backdrop.show,
body.ui-runtime .modal.show {
position: fixed;
  inset: 0;
  z-index: auto;
}

body.ui-runtime .ui-modal.open,
body.ui-runtime .ui-modal-scope.open,
body.ui-runtime .buy-modal.open {
display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--wbh-modal-dialog-gap);
  overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime .ui-modal-backdrop,
body.ui-runtime .buy-backdrop,
body.ui-runtime .modal-backdrop.show {
position: fixed;
  inset: 0;
  z-index: 0;
}

body.ui-runtime .ui-modal-dialog,
body.ui-runtime .modal-dialog,
body.ui-runtime .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog {
position: relative;
  z-index: 1;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  margin: auto;
  height: auto;
  max-height: calc(100dvh - (var(--wbh-modal-dialog-gap) * 2));
  overflow: hidden;
  border-radius: var(--wbh-modal-dialog-radius);
}

body.ui-runtime .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog,
body.ui-runtime.store-page .buy-modal .buy-dialog {
width: var(--wbh-buy-modal-width);
  display: flex;
  flex-direction: column;
  background: #fff;
}

body.ui-runtime .ui-modal-body,
body.ui-runtime .modal-body,
body.ui-runtime .buy-modal-body,
body.ui-runtime .buy-modal-body {
min-height: 0;
  overflow: auto;
}

body.ui-runtime .ui-modal-head,
body.ui-runtime .modal-head,
body.ui-runtime .buy-dialog-head,
body.ui-runtime .buy-dialog-head,
body.ui-runtime .buy-dialog-head {
flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 2;
}

body.ui-runtime .buy-modal-form,
body.ui-runtime .buy-modal-form,
body.ui-runtime .buy-modal-form,
body.ui-runtime .buy-modal-form {
min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.ui-runtime .buy-footer,
body.ui-runtime .buy-footer,
body.ui-runtime .modal-foot,
body.ui-runtime .ui-modal-foot {
flex: 0 0 auto;
}

body.ui-runtime .ui-popover-layer-root .ui-dropbutton-list.is-floating {
position: fixed;
  z-index: 1;
  box-sizing: border-box;
  max-width: min(320px, calc(100vw - 16px));
  max-height: calc(100dvh - 16px);
  overflow: auto;
  overscroll-behavior: contain;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .18), 0 0 0 1px rgba(148, 163, 184, .22);
}

body.ui-runtime .ui-popover-layer-root .ui-dropbutton-list[hidden] {
display: none;
}

body.ui-runtime .ui-confirm-layer-root .ui-confirm-backdrop {
position: fixed;
  inset: 0;
  z-index: 0;
  background: rgba(15, 23, 42, .32);
}

body.ui-runtime .ui-confirm-layer-root .ui-confirm-popover {
position: fixed;
  z-index: 1;
  width: min(360px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px);
  overflow: auto;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 14px;
  box-shadow: 0 24px 56px rgba(15, 23, 42, .24);
  padding: 14px;
}

body.ui-runtime .ui-confirm-layer-root .ui-confirm-title {
font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
}

body.ui-runtime .ui-confirm-layer-root .ui-confirm-message {
color: #475569;
  line-height: 1.45;
}

body.ui-runtime .ui-confirm-layer-root .ui-confirm-actions {
display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

body.ui-runtime.modal-lock :is(.site-header,.user-nav,.admin-sidebar,.admin-mobile-menu-backdrop,.site-nav-more-list,.wallet-dropdown,.account-dropdown) {
pointer-events: none;
}

@media (max-width: 720px) {
body.ui-runtime {
--wbh-modal-dialog-gap: 8px;
    --wbh-modal-dialog-radius: 16px;
    --wbh-buy-modal-width: calc(100vw - 16px);
}

body.ui-runtime .ui-modal.open,
body.ui-runtime .ui-modal-scope.open,
body.ui-runtime .buy-modal.open {
align-items: stretch;
}

body.ui-runtime .ui-modal-dialog,
body.ui-runtime .modal-dialog,
body.ui-runtime .buy-dialog {
width: 100%;
    max-height: calc(100dvh - 16px);
}

body.ui-runtime .ui-confirm-layer-root .ui-confirm-popover {
left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
}

body.ui-runtime :is(.money-control,.money-control) {
display: block;
  width: 100%;
  position: relative;
}

body.ui-runtime :is(.money-control,.money-control) input[data-money-input] {
width: 100%;
  text-align: right;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

body.ui-runtime input[data-money-component="273"] {
font-variant-numeric: tabular-nums;
}

body.ui-runtime .money-input-preview {
display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
}

body.ui-runtime .voucher-code-input {
width: 100%;
  text-transform: uppercase;
  letter-spacing: .02em;
}

body.ui-runtime .money-voucher-help {
display: grid;
  gap: 6px;
  margin-top: 6px;
}

body.ui-runtime .money-voucher-chip-row {
display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

body.ui-runtime .money-voucher-chip {
display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #9a3412;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-wallet-overview {
display: grid;
  grid-template-columns: minmax(0, 1.25fr) auto;
  gap: 16px;
  align-items: stretch;
}

body.ui-runtime.store-page .user-wallet-overview-main,
body.ui-runtime.store-page .user-wallet-actions,
body.ui-runtime.store-page .user-wallet-pocket-grid,
body.ui-runtime.store-page .user-wallet-breakdown {
min-width: 0;
}

body.ui-runtime.store-page .user-wallet-actions {
align-self: start;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

body.ui-runtime.store-page .user-wallet-pocket-grid,
body.ui-runtime.store-page .user-wallet-breakdown {
grid-column: 1 / -1;
}

body.ui-runtime.store-page .user-wallet-pocket-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

body.ui-runtime.store-page .user-wallet-pocket {
height: 100%;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body.ui-runtime.store-page .wallet-overview-card.user-wallet-overview {
margin-bottom: 16px;
}

body.ui-runtime.store-page .user-detail-kv-list {
display: grid;
  gap: 10px;
}

body.ui-runtime.store-page .user-detail-kv-list.wallet-tx-detail-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-detail-kv-row {
display: grid;
  grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
}

body.ui-runtime.store-page .user-detail-kv-label {
color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .035em;
}

body.ui-runtime.store-page .user-detail-kv-value {
min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #0f172a;
  font-weight: 700;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-detail-kv-value > span {
min-width: 0;
}

body.ui-runtime.store-page .user-detail-kv-copy {
flex: 0 0 auto;
  min-height: 30px;
  padding: 5px 9px;
  font-size: 12px;
}

body.ui-runtime.store-page .user-note-text {
padding: 12px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #334155;
  line-height: 1.6;
}

@media (max-width: 760px) {
body.ui-runtime.store-page .user-wallet-overview {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.store-page .user-wallet-actions {
justify-content: flex-start;
}

body.ui-runtime.store-page .user-wallet-pocket-grid,
body.ui-runtime.store-page .user-detail-kv-list.wallet-tx-detail-grid {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-detail-kv-row {
grid-template-columns: 1fr;
    gap: 6px;
}

body.ui-runtime.store-page .user-detail-kv-value {
align-items: flex-start;
}
}

body.ui-runtime.admin-page .money-input-align-left,
body.ui-runtime.admin-page :is(.money-control,.money-control) .money-input-align-left[data-money-input] {
text-align: left;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-form {
gap: 14px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-context {
display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #dbe3ef;
  border-radius: 16px;
  background: linear-gradient(180deg, #f8fafc, #fff);
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member {
display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-avatar {
width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: #111827;
  color: #fff;
  font-weight: 800;
  letter-spacing: .02em;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member small,
body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance span {
display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member b {
display: block;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member em {
display: block;
  margin-top: 2px;
  color: #475569;
  font-size: 12px;
  font-style: normal;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance {
min-width: 0;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #fff;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance b {
display: block;
  margin-top: 5px;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance.is-promo {
background: #fff7ed;
  border-color: #fed7aa;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-contact {
padding-top: 2px;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-grid {
grid-template-columns: 1fr;
}
}


body.ui-runtime.admin-page.route-admin-members-php .member-action-fields {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

body.ui-runtime.admin-page.route-admin-members-php .member-action-fields[disabled] {
  opacity: .68;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-preview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.admin-page.route-admin-members-php [data-member-wallet-preview-after].is-negative {
  color: #b91c1c;
}

@media (max-width: 760px) {
  body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-preview-grid {
    grid-template-columns: 1fr;
  }
}

body.ui-runtime.admin-page .admin-alert-corner {
position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 7050;
  width: min(360px, calc(100vw - 36px));
  pointer-events: none;
}

body.ui-runtime.admin-page .admin-alert-corner-details {
position: relative;
  pointer-events: auto;
}

body.ui-runtime.admin-page .admin-alert-corner-details > summary {
list-style: none;
}

body.ui-runtime.admin-page .admin-alert-corner-details > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.admin-page .admin-alert-corner-trigger {
min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 12px 8px 9px;
  border: 1px solid #fde68a;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
  color: #92400e;
  cursor: pointer;
  float: right;
  max-width: 100%;
}

body.ui-runtime.admin-page .admin-alert-corner-trigger span {
width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f59e0b;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

body.ui-runtime.admin-page .admin-alert-corner-trigger b {
color: #111827;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

body.ui-runtime.admin-page .admin-alert-corner-trigger em {
max-width: 150px;
  overflow: hidden;
  color: #92400e;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-alert-corner.is-danger .admin-alert-corner-trigger {
border-color: #fecaca;
  color: #991b1b;
}

body.ui-runtime.admin-page .admin-alert-corner.is-danger .admin-alert-corner-trigger span {
background: #ef4444;
}

body.ui-runtime.admin-page .admin-alert-corner.is-danger .admin-alert-corner-trigger em {
color: #991b1b;
}

body.ui-runtime.admin-page .admin-alert-corner-panel {
clear: both;
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(15, 23, 42, .2);
  transform-origin: bottom right;
}

body.ui-runtime.admin-page .admin-alert-corner-details:not([open]) .admin-alert-corner-panel {
display: none;
}

body.ui-runtime.admin-page .admin-alert-corner-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.ui-runtime.admin-page .admin-alert-corner-head span {
color: #ef4427;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.ui-runtime.admin-page .admin-alert-corner-head a {
color: #0f172a;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-alert-corner-list {
display: grid;
  gap: 8px;
  max-height: min(420px, 54vh);
  overflow: auto;
  padding-right: 2px;
}

body.ui-runtime.admin-page .admin-alert-corner-item {
display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #94a3b8;
  border-radius: 12px;
  background: #f8fafc;
  color: #334155;
  text-decoration: none;
}

body.ui-runtime.admin-page .admin-alert-corner-item span {
color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.ui-runtime.admin-page .admin-alert-corner-item b {
color: #1f2937;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .admin-alert-corner-item.is-warn {
border-color: #fde68a;
  border-left-color: #f59e0b;
  background: #fffbeb;
}

body.ui-runtime.admin-page .admin-alert-corner-item.is-warn span,
body.ui-runtime.admin-page .admin-alert-corner-item.is-warn b {
color: #92400e;
}

body.ui-runtime.admin-page .admin-alert-corner-item.is-danger {
border-color: #fecaca;
  border-left-color: #ef4444;
  background: #fef2f2;
}

body.ui-runtime.admin-page .admin-alert-corner-item.is-danger span,
body.ui-runtime.admin-page .admin-alert-corner-item.is-danger b {
color: #991b1b;
}

body.ui-runtime.admin-page .admin-alert-corner-item.is-info {
border-color: #bfdbfe;
  border-left-color: #3b82f6;
  background: #eff6ff;
}

body.ui-runtime.admin-page .admin-alert-corner-item.is-info span,
body.ui-runtime.admin-page .admin-alert-corner-item.is-info b {
color: #1d4ed8;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-form.is-submitting {
opacity: .86;
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .admin-alert-corner {
left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    width: auto;
    z-index: 7050;
}

body.ui-runtime.admin-page .admin-alert-corner-trigger {
float: none;
    width: 100%;
    justify-content: center;
}

body.ui-runtime.admin-page .admin-alert-corner-trigger em {
max-width: min(46vw, 190px);
}

body.ui-runtime.admin-page .admin-alert-corner-panel {
margin-bottom: 8px;
    border-radius: 14px;
    transform-origin: bottom center;
}
}

body.ui-runtime.route-admin-members-php .member-ledger-table {
--member-action-bg-hover: #fffaf7;
  --member-status-radius: 999px;
}

@media (min-width: 761px) {
body.ui-runtime.route-admin-members-php .member-ledger-table .admin-member-actions {
justify-content: flex-end;
}
}

body.ui-runtime.route-admin-members-php .member-status-stack {
gap: 7px;
  align-content: center;
  justify-items: start;
}

body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select, .member-status-readonly.admin-member-status-pill) {
--member-status-bg: #f8fafc;
  --member-status-text: #334155;
  --member-status-border: #cbd5e1;
  --member-status-dot: #64748b;
  --member-status-ring: rgba(100,116,139,.13);
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  min-width: 126px;
  max-width: 168px;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--member-status-radius);
  background: transparent;
  box-shadow: none;
}

body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select, .member-status-readonly.admin-member-status-pill)::before {
content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  z-index: 2;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--member-status-dot);
  box-shadow: 0 0 0 3px var(--member-status-ring);
  transform: translateY(-50%);
  pointer-events: none;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select::after {
content: "▾";
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 2;
  color: var(--member-status-text);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-52%);
  pointer-events: none;
  opacity: .72;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select select,
body.ui-runtime.route-admin-members-php .member-status-readonly.admin-member-status-pill .badge {
width: 100%;
  min-width: 126px;
  max-width: 168px;
  height: 30px;
  min-height: 30px;
  padding: 0 28px 0 27px;
  border: 1px solid var(--member-status-border);
  border-radius: var(--member-status-radius);
  background: var(--member-status-bg);
  color: var(--member-status-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.66), 0 1px 2px rgba(15,23,42,.045);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select select {
appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select select:hover {
filter: brightness(.99);
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select select:focus {
outline: 3px solid rgba(59,130,246,.12);
  outline-offset: 2px;
}

body.ui-runtime.route-admin-members-php .member-status-readonly.admin-member-status-pill .badge {
display: inline-flex;
  align-items: center;
  border: 1px solid var(--member-status-border);
}

body.ui-runtime.route-admin-members-php .member-status-readonly.admin-member-status-pill .muted {
display: none;
}

body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select.is-status-active, .inline-select-post.member-status-select.is-value-1, .inline-select-post.member-status-select.status-tone-active, .member-status-readonly.status-tone-active) {
--member-status-bg: #ecfdf5;
  --member-status-text: #047857;
  --member-status-border: #86efac;
  --member-status-dot: #10b981;
  --member-status-ring: rgba(16,185,129,.14);
}

body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select.is-status-disabled, .inline-select-post.member-status-select.is-value-0, .inline-select-post.member-status-select.status-tone-disabled, .member-status-readonly.status-tone-disabled) {
--member-status-bg: #f1f5f9;
  --member-status-text: #475569;
  --member-status-border: #cbd5e1;
  --member-status-dot: #64748b;
  --member-status-ring: rgba(100,116,139,.13);
}

body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select.is-status-pending, .inline-select-post.member-status-select.is-value-2, .inline-select-post.member-status-select.status-tone-pending, .member-status-readonly.status-tone-pending) {
--member-status-bg: #fffbeb;
  --member-status-text: #92400e;
  --member-status-border: #fcd34d;
  --member-status-dot: #f59e0b;
  --member-status-ring: rgba(245,158,11,.16);
}

body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select.is-status-banned, .inline-select-post.member-status-select.is-value-3, .inline-select-post.member-status-select.status-tone-banned, .member-status-readonly.status-tone-banned) {
--member-status-bg: #fef2f2;
  --member-status-text: #b91c1c;
  --member-status-border: #fca5a5;
  --member-status-dot: #ef4444;
  --member-status-ring: rgba(239,68,68,.14);
}

body.ui-runtime.route-admin-members-php .member-test-badge {
min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-members-php :is(.inline-select-post.member-status-select, .member-status-readonly.admin-member-status-pill) {
min-width: 132px;
    max-width: 100%;
}

body.ui-runtime.route-admin-members-php .inline-select-post.member-status-select select,
body.ui-runtime.route-admin-members-php .member-status-readonly.admin-member-status-pill .badge {
max-width: 100%;
}

body.ui-runtime.route-admin-members-php .member-ledger-table td.member-action-column {
border-left: 0;
    box-shadow: none;
}
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-form {
gap: 12px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-context {
gap: 9px;
  padding: 10px 11px;
  border-radius: 13px;
  border-color: #dfe7f2;
  background: linear-gradient(180deg, #fbfdff, #fff);
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member {
gap: 9px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-avatar {
width: 34px;
  height: 34px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 800;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member small,
body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance span {
font-size: 10.5px;
  letter-spacing: .025em;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member b {
font-size: 15.5px;
  line-height: 1.16;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-member em {
margin-top: 1px;
  font-size: 11.5px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-grid {
gap: 8px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance {
padding: 9px 10px;
  border-radius: 11px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance b {
margin-top: 3px;
  font-size: 16.5px;
  line-height: 1.12;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-contact {
padding-top: 0;
  font-size: 11.5px;
  line-height: 1.35;
}

@media (max-width: 640px) {
body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-context {
padding: 10px;
    gap: 8px;
}

body.ui-runtime.admin-page.route-admin-members-php .admin-wallet-adjust-balance {
padding: 8px 9px;
}
}

body.ui-runtime.admin-page {
--admin-status-radius: 999px;
  --admin-status-bg: #f8fafc;
  --admin-status-text: #334155;
  --admin-status-border: #cbd5e1;
  --admin-status-dot: #64748b;
  --admin-status-ring: rgba(100,116,139,.13);
}

body.ui-runtime.admin-page .admin-status-drop-pill {
--admin-status-bg: #f8fafc;
  --admin-status-text: #334155;
  --admin-status-border: #cbd5e1;
  --admin-status-dot: #64748b;
  --admin-status-ring: rgba(100,116,139,.13);
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  min-width: 126px;
  max-width: 176px;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--admin-status-radius);
  background: transparent;
  box-shadow: none;
}

body.ui-runtime.admin-page .admin-status-drop-pill::before {
content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  z-index: 2;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--admin-status-dot);
  box-shadow: 0 0 0 3px var(--admin-status-ring);
  transform: translateY(-50%);
  pointer-events: none;
}

body.ui-runtime.admin-page .admin-status-drop-pill::after {
content: "▾";
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 2;
  color: var(--admin-status-text);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-52%);
  pointer-events: none;
  opacity: .72;
}

body.ui-runtime.admin-page .admin-status-drop-pill select {
appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-width: 126px;
  max-width: 176px;
  height: 30px;
  min-height: 30px;
  padding: 0 28px 0 27px;
  border: 1px solid var(--admin-status-border);
  border-radius: var(--admin-status-radius);
  background: var(--admin-status-bg);
  color: var(--admin-status-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.66), 0 1px 2px rgba(15,23,42,.045);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-status-drop-pill select:focus {
outline: 3px solid rgba(59,130,246,.12);
  outline-offset: 2px;
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-active, .admin-status-drop-pill.is-status-selling, .admin-status-drop-pill.is-value-1, .admin-status-drop-pill.status-tone-active, .admin-status-drop-pill.status-tone-selling) {
--admin-status-bg: #ecfdf5;
  --admin-status-text: #047857;
  --admin-status-border: #86efac;
  --admin-status-dot: #10b981;
  --admin-status-ring: rgba(16,185,129,.14);
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-disabled, .admin-status-drop-pill.is-status-draft, .admin-status-drop-pill.is-status-archived, .admin-status-drop-pill.is-value-0, .admin-status-drop-pill.is-value-4, .admin-status-drop-pill.status-tone-disabled, .admin-status-drop-pill.status-tone-draft, .admin-status-drop-pill.status-tone-archived) {
--admin-status-bg: #f1f5f9;
  --admin-status-text: #475569;
  --admin-status-border: #cbd5e1;
  --admin-status-dot: #64748b;
  --admin-status-ring: rgba(100,116,139,.13);
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-pending, .admin-status-drop-pill.is-status-paused, .admin-status-drop-pill.is-value-2, .admin-status-drop-pill.status-tone-pending, .admin-status-drop-pill.status-tone-paused) {
--admin-status-bg: #fffbeb;
  --admin-status-text: #92400e;
  --admin-status-border: #fcd34d;
  --admin-status-dot: #f59e0b;
  --admin-status-ring: rgba(245,158,11,.16);
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-banned, .admin-status-drop-pill.is-status-error, .admin-status-drop-pill.is-value-3, .admin-status-drop-pill.status-tone-banned, .admin-status-drop-pill.status-tone-error) {
--admin-status-bg: #fef2f2;
  --admin-status-text: #b91c1c;
  --admin-status-border: #fca5a5;
  --admin-status-dot: #ef4444;
  --admin-status-ring: rgba(239,68,68,.14);
}

body.ui-runtime.admin-page .admin-status-badge {
display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 5px 9px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-status-badge::before {
content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #64748b;
  box-shadow: 0 0 0 3px rgba(100,116,139,.12);
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-success {
border-color: #86efac;
  background: #ecfdf5;
  color: #047857;
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-success::before {
background: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.14);
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-warning {
border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-warning::before {
background: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.16);
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-danger {
border-color: #fca5a5;
  background: #fef2f2;
  color: #b91c1c;
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-danger::before {
background: #ef4444; box-shadow: 0 0 0 3px rgba(239,68,68,.14);
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-info,
body.ui-runtime.admin-page .admin-status-badge.is-tone-primary {
border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

body.ui-runtime.admin-page .admin-status-badge.is-tone-info::before,
body.ui-runtime.admin-page .admin-status-badge.is-tone-primary::before {
background: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.14);
}

body.ui-runtime.admin-page .admin-status-pill-row {
display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

body.ui-runtime.admin-page .order-refund-source-panel {
border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
  padding: 14px;
  margin: 12px 0 16px;
}

body.ui-runtime.admin-page .order-refund-source-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.ui-runtime.admin-page .order-refund-source-head strong {
display: block;
  font-size: 13px;
  color: #111827;
}

body.ui-runtime.admin-page .order-refund-source-head span {
display: block;
  max-width: 520px;
  font-size: 12px;
  line-height: 1.45;
  color: #64748b;
  text-align: right;
}

body.ui-runtime.admin-page .order-refund-source-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime.admin-page .order-refund-source-tile {
min-width: 0;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 13px;
  background: #fff;
  padding: 10px 12px;
}

body.ui-runtime.admin-page .order-refund-source-tile span {
display: block;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .045em;
}

body.ui-runtime.admin-page .order-refund-source-tile b {
display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.15;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ui-runtime.admin-page .order-refund-source-tile.is-main {
background: linear-gradient(135deg, rgba(239,246,255,.92), rgba(255,255,255,.98));
  border-color: rgba(59, 130, 246, .18);
}

body.ui-runtime.admin-page .order-refund-source-tile.is-promo {
background: linear-gradient(135deg, rgba(255,247,237,.92), rgba(255,255,255,.98));
  border-color: rgba(249, 115, 22, .18);
}

body.ui-runtime.admin-page .order-refund-source-tile.is-total {
background: linear-gradient(135deg, rgba(240,253,244,.92), rgba(255,255,255,.98));
  border-color: rgba(34, 197, 94, .18);
}

body.ui-runtime.admin-page .order-refund-source-note {
margin-top: 10px;
  padding: 9px 10px;
  border-radius: 11px;
  background: rgba(255, 251, 235, .8);
  color: #92400e;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 720px) {
body.ui-runtime.admin-page .order-refund-source-head {
display: block;
}

body.ui-runtime.admin-page .order-refund-source-head span {
margin-top: 4px;
    text-align: left;
}

body.ui-runtime.admin-page .order-refund-source-grid {
grid-template-columns: 1fr;
}
}

body.ui-runtime.admin-page.route-admin-providers-php .provider-test-output .provider-test-summary {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.admin-page.route-admin-provider-templates-php .provider-template-map-preview {
display: grid;
  gap: 4px;
  align-items: start;
}

body.ui-runtime.admin-page.route-admin-provider-templates-php .provider-template-map-preview b {
width: max-content;
  border-radius: 999px;
  padding: 3px 8px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 11px;
}

body.ui-runtime.admin-page.route-admin-provider-templates-php .provider-template-map-preview span {
color: #475569;
  font-size: 12px;
  line-height: 1.4;
}

body.ui-runtime.admin-page.route-admin-provider-templates-php .provider-template-mapping-detail summary {
margin-top: 8px;
}

@media (max-width: 720px) {
body.ui-runtime.admin-page.route-admin-providers-php .provider-test-output .provider-test-summary {
grid-template-columns: 1fr;
}
}

/* UI owner: 31-admin-status-select.css */
body.ui-runtime.admin-page .admin-status-drop-pill {
--admin-status-bg: #f8fafc;
  --admin-status-text: #334155;
  --admin-status-border: #cbd5e1;
  --admin-status-dot: #64748b;
  --admin-status-ring: rgba(100,116,139,.12);
  --admin-status-shadow: rgba(15,23,42,.04);
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-width: var(--admin-status-min-width, 118px);
  max-width: min(100%, var(--admin-status-max-width, 148px));
  height: 24px;
  min-height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  vertical-align: middle;
}

body.ui-runtime.admin-page .admin-status-drop-pill.admin-status-kind-service {
--admin-status-min-width: 128px;
  --admin-status-max-width: 142px;
}

body.ui-runtime.admin-page .admin-status-drop-pill.admin-status-kind-member,
body.ui-runtime.admin-page .admin-status-drop-pill.admin-status-kind-payment,
body.ui-runtime.admin-page .admin-status-drop-pill.admin-status-kind-deposit {
--admin-status-min-width: 118px;
  --admin-status-max-width: 138px;
}

body.ui-runtime.admin-page .admin-status-drop-pill::before {
content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  z-index: 2;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--admin-status-dot);
  box-shadow: 0 0 0 3px var(--admin-status-ring);
  transform: translateY(-50%);
  pointer-events: none;
}

body.ui-runtime.admin-page .admin-status-drop-pill::after {
content: "▾";
  position: absolute;
  right: 8px;
  top: 50%;
  z-index: 2;
  color: var(--admin-status-text);
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-52%);
  pointer-events: none;
  opacity: .74;
}

body.ui-runtime.admin-page .admin-status-drop-pill select {
appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: auto;
  min-width: var(--admin-status-min-width, 118px);
  max-width: var(--admin-status-max-width, 148px);
  field-sizing: content;
  height: 24px;
  min-height: 24px;
  padding: 0 21px 0 21px;
  border: 1px solid var(--admin-status-border);
  border-radius: 999px;
  background-color: var(--admin-status-bg);
  background-image: none;
  color: var(--admin-status-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px var(--admin-status-shadow);
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.ui-runtime.admin-page .admin-status-drop-pill select:focus {
outline: 3px solid var(--admin-status-ring);
  outline-offset: 2px;
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-active, .admin-status-drop-pill.is-status-selling, .admin-status-drop-pill.is-visual-success) {
--admin-status-bg: #ecfdf5;
  --admin-status-text: #047857;
  --admin-status-border: #86efac;
  --admin-status-dot: #10b981;
  --admin-status-ring: rgba(16,185,129,.16);
  --admin-status-shadow: rgba(16,185,129,.08);
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-locked, .admin-status-drop-pill.is-status-pending, .admin-status-drop-pill.is-status-paused, .admin-status-drop-pill.is-visual-warning) {
--admin-status-bg: #fffbeb;
  --admin-status-text: #92400e;
  --admin-status-border: #f59e0b;
  --admin-status-dot: #f59e0b;
  --admin-status-ring: rgba(245,158,11,.18);
  --admin-status-shadow: rgba(245,158,11,.08);
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-banned, .admin-status-drop-pill.is-status-error, .admin-status-drop-pill.is-visual-danger) {
--admin-status-bg: #fef2f2;
  --admin-status-text: #b91c1c;
  --admin-status-border: #ef4444;
  --admin-status-dot: #ef4444;
  --admin-status-ring: rgba(239,68,68,.16);
  --admin-status-shadow: rgba(239,68,68,.08);
}

body.ui-runtime.admin-page :is(.admin-status-drop-pill.is-status-draft, .admin-status-drop-pill.is-status-archived, .admin-status-drop-pill.is-visual-neutral) {
--admin-status-bg: #f8fafc;
  --admin-status-text: #475569;
  --admin-status-border: #cbd5e1;
  --admin-status-dot: #64748b;
  --admin-status-ring: rgba(100,116,139,.13);
  --admin-status-shadow: rgba(15,23,42,.04);
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .admin-status-drop-pill,
body.ui-runtime.admin-page .admin-status-drop-pill select {
max-width: 100%;
}
}

body.ui-runtime.admin-page .admin-status-drop-pill.admin-status-readonly-pill {
width: auto;
  min-width: 112px;
  padding: 0 11px 0 21px;
  border: 1px solid var(--admin-status-border);
  background: var(--admin-status-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px var(--admin-status-shadow);
}

body.ui-runtime.admin-page .admin-status-drop-pill.admin-status-readonly-pill::after {
content: none;
}

body.ui-runtime.admin-page .admin-status-readonly-label {
overflow: hidden;
  color: var(--admin-status-text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* UI owner: 32-admin-shared-after-status.css */
body.ui-runtime.admin-page.route-admin-providers-php .provider-setup-card {
gap: 12px;
}

body.ui-runtime.admin-page.route-admin-providers-php .provider-setup-head-compact {
margin-bottom: 8px;
}

body.ui-runtime.admin-page.route-admin-providers-php .provider-setup-head-compact h3 {
margin-bottom: 2px;
}

body.ui-runtime.admin-page.route-admin-providers-php .provider-setup-head-compact p {
margin: 0;
  max-width: 620px;
}

body.ui-runtime.admin-page.route-admin-providers-php .provider-template-select-grid {
margin-top: 4px;
}

body.ui-runtime.admin-page.route-admin-providers-php [data-provider-template-select] {
font-weight: 800;
  letter-spacing: .01em;
}

body.ui-runtime.admin-page.route-admin-providers-php .provider-template-summary {
display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  padding: 6px 10px;
  margin-top: -2px;
}

@media (max-width: 720px) {
body.ui-runtime.admin-page.route-admin-providers-php .provider-template-summary {
width: 100%;
    border-radius: 12px;
}
}



body.ui-runtime.admin-page .provider-sync-preview-list {
display:grid;
  gap:8px;
  margin-top:12px;
}

body.ui-runtime.admin-page .provider-sync-preview-row {
display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
}

body.ui-runtime.admin-page .provider-sync-preview-row b {
font-size:13px;
  line-height:1.25;
}

body.ui-runtime.admin-page .provider-sync-preview-row span {
color:var(--text-muted);
  font-size:12px;
}

body.ui-runtime.admin-page .provider-sync-preview-row small {
color:var(--text);
  font-size:12px;
  line-height:1.35;
}



body.ui-runtime {
--wbh-layer-toast: 2147483300;
}

body.ui-runtime .ui-toast-stack {
z-index: var(--wbh-layer-toast);
}

body.ui-runtime.modal-lock .ui-toast-stack {
top: max(14px, env(safe-area-inset-top));
  right: max(14px, env(safe-area-inset-right));
}

body.ui-runtime.store-page .buy-success-panel {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid rgba(22, 163, 74, .28);
  border-radius: 14px;
  background: rgba(240, 253, 244, .98);
  color: #14532d;
}

body.ui-runtime.store-page .buy-success-panel > div:first-child {
display: grid;
  gap: 2px;
  min-width: 0;
}

body.ui-runtime.store-page .buy-success-panel b {
font-size: 13px;
  line-height: 1.25;
}

body.ui-runtime.store-page .buy-success-panel span {
font-size: 12px;
  color: #166534;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .buy-success-actions {
display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

body.ui-runtime.store-page .is-buy-success [data-buy-submit] {
opacity: .78;
  cursor: default;
}

body.ui-runtime.store-page .user-order-action-stack {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
  gap: 7px;
  align-items: stretch;
  min-width: 176px;
}

body.ui-runtime.store-page .user-order-action-stack > :is(a,button,form) {
width: 100%;
  min-width: 0;
}

body.ui-runtime.store-page .user-order-action-stack > :is(a,button),
body.ui-runtime.store-page .user-order-action-stack > form > :is(button,a) {
width: 100%;
  justify-content: center;
  min-height: 32px;
}

body.ui-runtime.store-page .user-order-action-stack.is-refunded {
grid-template-columns: 1fr;
}

body.ui-runtime.store-page .user-order-action-stack.is-refunded > :is(a,button) {
min-width: 118px;
}

body.ui-runtime.store-page.route-user-service-php .site-mainbar-inner > .global-search-placeholder,
body.ui-runtime.store-page.route-user-order-detail-php .site-mainbar-inner > .global-search-placeholder,
body.ui-runtime.store-page.route-user-orders-php .site-mainbar-inner > .global-search-placeholder {
display: none;
}

@media (max-width: 720px) {
body.ui-runtime .ui-toast-stack {
top: auto;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
}

body.ui-runtime.store-page .buy-success-panel {
align-items: stretch;
    flex-direction: column;
}

body.ui-runtime.store-page .buy-success-actions {
justify-content: stretch;
}

body.ui-runtime.store-page .buy-success-actions > a {
flex: 1 1 130px;
}

}



/* User utility topbar ownership moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .user-order-action-stack.is-refunded {
grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: stretch;
}

body.ui-runtime.store-page .user-order-action-stack.is-refunded > :is(a,button,span.user-order-action-placeholder) {
width: 100%;
  min-width: 0;
}

body.ui-runtime.store-page .user-order-action-placeholder {
visibility: hidden;
  min-height: 32px;
  border-radius: 9px;
  pointer-events: none;
}

@media (max-width: 720px) {
/* User header breakpoint ownership moved to 59-user-header-breakpoint-core.css. */

body.ui-runtime.store-page .user-sort-bar {
grid-template-columns: 1fr auto;
    gap: 9px;
    align-items: center;
}

body.ui-runtime.store-page .user-sort-actions {
grid-column: 1 / -1;
    width: 100%;
}

}

@media (max-width: 430px) {
body.ui-runtime.store-page.route-user-index-php .account-box {
max-width: 34vw;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
min-width: 74px;
    padding-inline: 10px;
}

body.ui-runtime.store-page .user-order-action-stack.is-refunded {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-order-action-stack.is-refunded .user-order-action-placeholder:last-child {
display: none;
}
}



body.ui-runtime .ui-caret-icon,
body.ui-runtime .header-caret-icon,
body.ui-runtime .user-caret-icon {
width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: inline-block;
  vertical-align: -2px;
  stroke: currentColor;
}

body.ui-runtime.store-page .wallet-caret {
display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.ui-runtime.store-page .user-topbar-notify,
body.ui-runtime.store-page .user-topbar-notify-link {
position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

body.ui-runtime.store-page .user-topbar-notify > summary {
display: inline-flex;
  align-items: center;
  gap: 5px;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

body.ui-runtime.store-page .user-topbar-notify > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.store-page .user-topbar-bell-icon {
width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

body.ui-runtime.store-page .user-topbar-notify-menu {
position: absolute;
  top: calc(100% + 9px);
  left: 0;
  z-index: 2147482500;
  width: min(320px, calc(100vw - 24px));
  padding: 8px;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15,23,42,.18);
  color: #111827;
}

body.ui-runtime.store-page .user-topbar-notify-menu a,
body.ui-runtime.store-page .user-topbar-notify-menu span,
body.ui-runtime.store-page .user-topbar-notify-menu b {
color: #111827;
}

body.ui-runtime.store-page .user-topbar-notify-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 6px 8px;
  border-bottom: 1px solid #eef2f7;
}

body.ui-runtime.store-page .user-topbar-notify-head a,
body.ui-runtime.store-page .user-topbar-notify-all {
color: #f53d2d;
  font-weight: 700;
}

body.ui-runtime.store-page .user-topbar-notify-item {
display: grid;
  gap: 3px;
  padding: 9px 8px;
  border-radius: 10px;
  text-decoration: none;
}

body.ui-runtime.store-page .user-topbar-notify-item:hover {
background: #f8fafc;
}

body.ui-runtime.store-page .user-topbar-notify-item.is-unread {
background: #fff7f5;
}

body.ui-runtime.store-page .user-topbar-notify-item span,
body.ui-runtime.store-page .user-topbar-notify-empty span {
color: #64748b; font-size: 12px; line-height: 1.35;
}

body.ui-runtime.store-page .user-topbar-notify-empty {
padding: 14px 8px;
  text-align: center;
}

body.ui-runtime.store-page .user-topbar-notify-all {
display: flex;
  justify-content: center;
  margin-top: 6px;
  padding: 9px 8px;
  border-top: 1px solid #eef2f7;
}

@media (max-width: 720px) {
body.ui-runtime.store-page .user-sort-bar {
display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px;
    border-radius: 10px;
}

body.ui-runtime.store-page .user-sort-summary {
min-width: 0;
    display: grid;
    gap: 1px;
}

body.ui-runtime.store-page .user-sort-summary b {
font-size: 13px;
    line-height: 1.15;
}

body.ui-runtime.store-page .user-sort-summary span {
font-size: 11.5px;
    line-height: 1.2;
}

body.ui-runtime.store-page .user-sort-actions {
grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    overflow: hidden;
}

body.ui-runtime.store-page .user-sort-actions > span {
font-size: 11.5px;
    color: #64748b;
    white-space: normal;
    line-height: 1.12;
}

body.ui-runtime.store-page .user-sort-actions > a {
min-height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
}

body.ui-runtime.store-page .user-sort-actions {
overflow-x: auto;
    scrollbar-width: none;
}

body.ui-runtime.store-page .user-sort-actions::-webkit-scrollbar {
display: none;
}

body.ui-runtime.store-page .user-view-switch {
grid-column: 1 / -1;
    justify-self: start;
}
}

body.ui-runtime.store-page .user-order-card .user-order-mobile-action-menu {
justify-self: end;
}

body.ui-runtime.store-page .user-metric-grid,
body.ui-runtime.store-page .user-metric-grid {
overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-metric-card,
body.ui-runtime.store-page .user-metric-card {
min-width: 0;
}

body.ui-runtime.store-page .user-metric-card > b,
body.ui-runtime.store-page .user-metric-card > b {
overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .service-price-grid {
align-items: start;
}

body.ui-runtime.admin-page .buy-limit-check {
min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 10px;
  background: #f8fafc;
  font-weight: 700;
}

body.ui-runtime.admin-page .buy-limit-check input[type="checkbox"] {
width: 18px;
  height: 18px;
  accent-color: #f53d2d;
}

body.ui-runtime .wallet-filter-more > summary::after,
body.ui-runtime .store-filter-more > summary::after,
body.ui-runtime details.wallet-filter-advanced > summary::after {
content: "";
  width: 7px;
  height: 7px;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: rotate(45deg);
  opacity: .72;
  margin-top: -3px;
}

body.ui-runtime details[open].wallet-filter-more > summary::after,
body.ui-runtime details[open].store-filter-more > summary::after,
body.ui-runtime details[open].wallet-filter-advanced > summary::after {
transform: rotate(225deg);
  margin-top: 4px;
}

body.ui-runtime .api-docs-shared-readable {
--api-doc-border: rgba(15, 23, 42, .10);
  --api-doc-soft: #f8fafc;
  --api-doc-text: #0f172a;
  --api-doc-muted: #64748b;
}

body.ui-runtime .api-docs-start,
body.ui-runtime .api-docs-search,
body.ui-runtime .api-docs-local-stock-note,
body.ui-runtime .api-docs-search-empty {
border: 1px solid var(--api-doc-border);
  border-radius: 14px;
  background: #fff;
}

body.ui-runtime .api-docs-start {
padding: 18px;
}

body.ui-runtime .api-docs-start-head {
display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

body.ui-runtime .api-docs-start-head span,
body.ui-runtime .api-docs-search label > span {
display: block;
  margin-bottom: 4px;
  color: var(--api-doc-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-start-head h3,
body.ui-runtime .api-docs-start-head p,
body.ui-runtime .api-docs-step-grid p,
body.ui-runtime .api-docs-local-stock-note p {
margin: 0;
}

body.ui-runtime .api-docs-start-head p {
max-width: 460px;
  color: var(--api-doc-muted);
}

body.ui-runtime .api-docs-step-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime .api-docs-step-grid article {
display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--api-doc-border);
  border-radius: 12px;
  background: var(--api-doc-soft);
}

body.ui-runtime .api-docs-step-grid article > span {
display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--api-doc-border);
  font-weight: 800;
  font-size: 12px;
}

body.ui-runtime .api-docs-step-grid b {
display: block;
  margin-bottom: 4px;
  color: var(--api-doc-text);
}

body.ui-runtime .api-docs-step-grid p {
color: var(--api-doc-muted);
  line-height: 1.55;
}

body.ui-runtime .api-docs-search {
display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
}

body.ui-runtime .api-docs-search label {
flex: 1 1 auto;
  min-width: 0;
}

body.ui-runtime .api-docs-search input[type="search"] {
width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(15, 23, 42, .16);
  border-radius: 10px;
  background: #fff;
}

body.ui-runtime .api-docs-search > b {
flex: 0 0 auto;
  padding-bottom: 10px;
  color: var(--api-doc-muted);
  font-size: 13px;
}

body.ui-runtime .api-docs-search-empty {
display: grid;
  gap: 4px;
  padding: 18px;
  text-align: center;
  color: var(--api-doc-muted);
}

body.ui-runtime .api-docs-search-empty[hidden],
body.ui-runtime [data-api-doc-group][hidden],
body.ui-runtime [data-api-endpoint][hidden],
body.ui-runtime [data-api-doc-link][hidden] {
display: none;
}

body.ui-runtime .api-docs-local-stock-note {
margin: 0 0 12px;
  padding: 13px 15px;
  background: #fff7ed;
  border-color: rgba(234, 88, 12, .22);
}

body.ui-runtime .api-docs-local-stock-note b {
display: block;
  margin-bottom: 4px;
  color: #9a3412;
}

body.ui-runtime .api-docs-local-stock-note p {
color: #7c2d12;
  line-height: 1.55;
}

body.ui-runtime .api-docs-shared-readable .api-docs-endpoint {
scroll-margin-top: 84px;
}

body.ui-runtime .api-docs-shared-readable .api-endpoint-route code,
body.ui-runtime .api-docs-shared-readable .api-endpoint-meta code,
body.ui-runtime .api-docs-shared-readable pre code {
overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 900px) {
body.ui-runtime .api-docs-step-grid {
grid-template-columns: 1fr;
}

body.ui-runtime .api-docs-start-head,
body.ui-runtime .api-docs-search {
align-items: stretch;
    flex-direction: column;
}

body.ui-runtime .api-docs-search > b {
padding-bottom: 0;
}
}

@media (max-width: 560px) {
body.ui-runtime .api-docs-step-grid {
grid-template-columns: 1fr;
}
}



body.ui-runtime .api-docs-core {
--api-core-line: #dbe5f0;
  --api-core-soft: #f8fafc;
  --api-core-ink: #0f172a;
  --api-core-muted: #64748b;
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  overflow: visible;
  box-sizing: border-box;
}

body.ui-runtime.route-admin-api-docs-php .admin-main,
body.ui-runtime.route-user-api-docs-php .wbh-user-view {
min-width: 0;
  overflow: visible;
}































body.ui-runtime .api-docs-core .api-method-badge {
width: auto;
  min-width: 46px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime .api-docs-core .api-method-badge.is-get {
border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

body.ui-runtime .api-docs-core .api-method-badge.is-post {
border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #b45309;
}

body.ui-runtime .api-docs-core > .api-doc-main {
min-width: 0;
  width: 100%;
  display: grid;
  gap: 14px;
}

body.ui-runtime .api-docs-core .api-docs-endpoint,
body.ui-runtime .api-docs-core .api-code-panel,
body.ui-runtime .api-docs-core pre,
body.ui-runtime .api-docs-core code {
min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.ui-runtime .api-docs-core .api-code-panel pre {
overflow: auto;
  overscroll-behavior: contain;
  white-space: pre;
}



@media (max-width: 960px) {
































body.ui-runtime .api-docs-core .api-docs-overview,
body.ui-runtime .api-docs-core .api-docs-quick-grid {
grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 560px) {






body.ui-runtime .api-docs-core .api-endpoint-header,
body.ui-runtime .api-docs-core .api-endpoint-route {
min-width: 0;
}

body.ui-runtime .api-docs-core .api-endpoint-route code {
font-size: 12px;
    overflow-wrap: anywhere;
    word-break: break-word;
}
}

body.ui-runtime .ui-overlay-close {
position: absolute;
  top: 12px;
  right: 12px;
  z-index: 8;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #dbe3ed;
  border-radius: 10px;
  background: rgba(255, 255, 255, .98);
  color: #334155;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .10);
  cursor: pointer;
}

body.ui-runtime .ui-overlay-close:hover {
border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
}

body.ui-runtime .ui-modal-head,
body.ui-runtime .buy-dialog-head,
body.ui-runtime .buy-dialog-head {
padding-right: 64px;
}

@media (max-width: 640px) {
body.ui-runtime.store-page .buy-modal.open {
padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
}

body.ui-runtime.store-page .buy-modal .buy-dialog {
width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
}

body.ui-runtime.store-page .buy-dialog-head,
body.ui-runtime.store-page .buy-dialog-head {
padding-right: 64px;
}
}

@media (max-width: 820px) {
body.ui-runtime.store-page .user-product-actions-core {
min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 8px;
    padding: 9px;
    border-top: 1px solid var(--store-line, #e5e7eb);
    background: #fff;
}

body.ui-runtime.store-page .user-product-actions-core .btn {
width: 100%;
    min-width: 0;
    min-height: 40px;
    margin: 0;
    padding: 8px 9px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

body.ui-runtime.store-page .user-product-actions-core .user-product-detail-action {
border: 1px solid #dbe3ed;
    background: #fff;
    color: #334155;
}

body.ui-runtime.store-page .user-product-actions-core .user-product-buy-action {
border: 1px solid var(--store-brand, #ee4d2d);
    background: var(--store-brand, #ee4d2d);
    color: #fff;
}

body.ui-runtime.store-page .user-product-actions-core .btn + .btn,
body.ui-runtime.store-page .user-product-actions-core .btn + button {
border-left-width: 1px;
    border-top-width: 1px;
}
}

@media (max-width: 340px) {
body.ui-runtime.store-page .user-product-actions-core {
grid-template-columns: minmax(0, 1fr);
}
}



body.ui-runtime.store-page .user-sort-actions-core {
min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.ui-runtime.store-page .user-sort-options-core {
min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

body.ui-runtime.store-page .user-sort-options-core > a {
min-width: 0;
}

@media (max-width: 720px) {
body.ui-runtime.store-page .user-sort-bar {
grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px;
}

body.ui-runtime.store-page .user-sort-actions-core {
grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    width: 100%;
    overflow: visible;
}

body.ui-runtime.store-page .user-sort-label-core {
display: block;
    color: #64748b;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
}

body.ui-runtime.store-page .user-sort-options-core {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
}

body.ui-runtime.store-page .user-sort-options-core > a {
width: 100%;
    min-height: 36px;
    padding: 7px 8px;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    background: #fff;
    color: #334155;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
}

body.ui-runtime.store-page .user-sort-options-core > a.active {
border-color: var(--store-brand, #ee4d2d);
    background: var(--store-brand, #ee4d2d);
    color: #fff;
}

body.ui-runtime.store-page .user-view-switch-core {
grid-column: 1 / -1;
    justify-self: end;
    margin-top: 0;
}
}

body.ui-runtime.store-page .user-product-actions-core .btn,
body.ui-runtime.store-page .user-product-actions-core button,
body.ui-runtime.store-page .user-product-actions-core a {
border-radius: 0;
}

body.ui-runtime.store-page .user-metric-grid-core {
width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  gap: 12px;
}

body.ui-runtime.store-page .user-metric-grid-core[data-user-metric-count="1"] {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.store-page .user-metric-grid-core[data-user-metric-count="2"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-metric-grid-core[data-user-metric-count="3"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-metric-grid-core[data-user-metric-count="4"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.ui-runtime.store-page .user-metric-card-core {
position: relative;
  min-width: 0;
  min-height: 112px;
  height: 100%;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 15px 16px;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #64748b;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
  box-sizing: border-box;
  overflow: hidden;
}

body.ui-runtime.store-page .user-metric-card-core > span {
color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

body.ui-runtime.store-page .user-metric-card-core > b {
min-width: 0;
  color: #0f172a;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .user-metric-card-core > small {
color: #64748b;
  font-size: 11.5px;
  line-height: 1.35;
}

body.ui-runtime.store-page .user-metric-card-core.is-primary {
border-top-color: var(--ws-user-brand, #ee4d2d);
}

body.ui-runtime.store-page .user-metric-card-core.is-warning {
border-top-color: #f59e0b;
}

body.ui-runtime.store-page .user-metric-card-core.is-danger {
border-top-color: #ef4444;
}

body.ui-runtime.store-page .user-metric-card-core.is-success,
body.ui-runtime.store-page .user-metric-card-core.is-good {
border-top-color: #22c55e;
}

body.ui-runtime.store-page .user-metric-card-core.is-neutral {
border-top-color: #64748b;
}

@media (max-width: 820px) {
body.ui-runtime.store-page .user-metric-grid-core[data-user-metric-count="3"],
body.ui-runtime.store-page .user-metric-grid-core[data-user-metric-count="4"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 520px) {
body.ui-runtime.store-page .user-metric-grid-core {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.store-page .user-metric-card-core {
min-height: 0;
}
}

body.ui-runtime.store-page .order-qty-total-core {
min-width: 0;
  display: grid;
  gap: 5px;
}

body.ui-runtime.store-page .order-qty-total-core > div {
min-width: 0;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
}

body.ui-runtime.store-page .order-qty-total-core span {
color: #64748b;
  font-size: 11.5px;
  font-weight: 600;
}

body.ui-runtime.store-page .order-qty-total-core b {
min-width: 0;
  color: #0f172a;
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 900px) {
body.ui-runtime.admin-page {
padding-bottom: 0;
}

body.ui-runtime.admin-page .admin-main {
min-width: 0;
    padding-bottom: 24px;
}

}

body.ui-runtime.route-admin-api-docs-php .admin-main,
body.ui-runtime.route-user-api-docs-php .wbh-user-view,
body.ui-runtime .api-docs-core > .api-doc-main {
min-width: 0;
  max-width: 100%;
}

body.ui-runtime .api-docs-core .api-docs-endpoint,
body.ui-runtime .api-docs-core .api-code-panel {
min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

body.ui-runtime .api-docs-core .api-code-panel pre {
width: 100%;
  max-width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
}

@media (max-width: 960px) {
body.ui-runtime.route-admin-api-docs-php .api-docs-core,
body.ui-runtime.route-user-api-docs-php .api-docs-core {
width: 100%;
    max-width: 100%;
    overflow: visible;
}
}



body.ui-runtime .api-docs-core .api-docs-overview {
position: relative;
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 16px;
  align-items: end;
  padding: 18px 20px;
  border: 1px solid #cfd9e8;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff 0%, #fbfdff 72%, #fff5ef 100%);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}

body.ui-runtime .api-docs-core .api-docs-overview-copy {
min-width: 0;
}

body.ui-runtime .api-docs-core .api-docs-overview-copy h2 {
margin: 3px 0 0;
  color: #0f172a;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.15;
  letter-spacing: -.02em;
}

body.ui-runtime .api-docs-core .api-docs-overview-copy p {
max-width: 820px;
  margin: 7px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.62;
}

body.ui-runtime .api-docs-core .api-docs-overview-stats {
grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime .api-docs-core .api-docs-overview-stats > div {
min-width: 0;
  padding: 11px 12px;
  border: 1px solid #dce5f0;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(15, 23, 42, .04);
}

body.ui-runtime .api-docs-core .api-docs-overview-stats span {
display: block;
  color: #64748b;
  font-size: 11.5px;
  font-weight: 700;
}

body.ui-runtime .api-docs-core .api-docs-overview-stats b {
display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

body.ui-runtime .api-docs-core .api-docs-actions {
justify-self: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 720px) {
body.ui-runtime .api-docs-core .api-docs-overview {
grid-template-columns: minmax(0, 1fr);
    padding: 16px;
}

body.ui-runtime .api-docs-core .api-docs-overview-stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

body.ui-runtime .api-docs-core .api-docs-overview-stats > div {
padding: 9px 8px;
}

body.ui-runtime .api-docs-core .api-docs-actions {
justify-self: start;
}
}

body.ui-runtime .api-docs-core .api-docs-section {
min-width: 0;
  display: grid;
  gap: 12px;
  scroll-margin-top: 104px;
}

body.ui-runtime .api-docs-core .api-docs-section-head {
min-width: 0;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 2px 0;
}

body.ui-runtime .api-docs-core .api-docs-section-head > div {
min-width: 0;
}

body.ui-runtime .api-docs-core .api-docs-section-head span {
display: block;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-core .api-docs-section-head h3 {
margin: 3px 0 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.25;
}

body.ui-runtime .api-docs-core .api-docs-section-head > b {
flex: 0 0 auto;
  padding: 5px 9px;
  border: 1px solid #dbe4f0;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-size: 11.5px;
}

body.ui-runtime .api-docs-core .api-docs-endpoint-core {
min-width: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  border: 1px solid #cfd9e8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
  scroll-margin-top: 104px;
  box-sizing: border-box;
}

body.ui-runtime .api-docs-core .api-endpoint-header-core {
min-width: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px;
  border-bottom: 1px solid #dce5f0;
  background: #fbfdff;
}

body.ui-runtime .api-docs-core .api-endpoint-route-core {
min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

body.ui-runtime .api-docs-core .api-endpoint-route-core .api-method-badge {
width: max-content;
  min-width: 54px;
  max-width: none;
  height: 24px;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

body.ui-runtime .api-docs-core .api-endpoint-route-core > code {
min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #0f172a;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .api-docs-core .api-anchor {
flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  text-decoration: none;
}

body.ui-runtime .api-docs-core .api-anchor:hover {
border-color: #dbe4f0;
  color: var(--brand, #ee4d2d);
}

body.ui-runtime .api-docs-core .api-endpoint-summary-core,
body.ui-runtime .api-docs-core .api-endpoint-meta-core,
body.ui-runtime .api-docs-core .api-param-list-core {
margin-inline: 15px;
}

body.ui-runtime .api-docs-core .api-endpoint-summary-core {
padding: 14px 0 10px;
}

body.ui-runtime .api-docs-core .api-endpoint-summary-core h4 {
margin: 0;
  color: #0f172a;
  font-size: 16.5px;
  line-height: 1.35;
  letter-spacing: -.01em;
}

body.ui-runtime .api-docs-core .api-endpoint-summary-core p {
margin: 5px 0 0;
  color: #64748b;
  font-size: 13.5px;
  line-height: 1.58;
}

body.ui-runtime .api-docs-core .api-endpoint-meta-core {
min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 9px;
  padding: 9px 10px;
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  background: #f8fafc;
}

body.ui-runtime .api-docs-core .api-endpoint-meta-core > span {
color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-core .api-endpoint-meta-core > code {
min-width: 0;
  max-width: 100%;
  padding: 4px 7px;
  border: 1px solid #dbe4f0;
  border-radius: 7px;
  background: #fff;
  color: #0f172a;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

body.ui-runtime .api-docs-core .api-param-list-core {
margin-top: 12px;
  padding: 10px;
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  background: #fbfdff;
}

body.ui-runtime .api-docs-core .api-param-title-core {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
}

body.ui-runtime .api-docs-core .api-param-title-core b {
color: #0f172a;
  font-size: 13.5px;
}

body.ui-runtime .api-docs-core .api-param-title-core span {
color: #64748b;
  font-size: 11.5px;
}

body.ui-runtime .api-docs-core .api-param-grid-core {
min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.ui-runtime .api-docs-core .api-param-grid-core > div {
min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 9px;
  border: 1px solid #dfe7f2;
  border-radius: 9px;
  background: #fff;
}

body.ui-runtime .api-docs-core .api-param-grid-core code {
min-width: 0;
  color: #0f172a;
  font-weight: 700;
  overflow-wrap: anywhere;
}

body.ui-runtime .api-docs-core .api-param-grid-core span {
color: #64748b;
  font-size: 11.5px;
  line-height: 1.35;
}

body.ui-runtime .api-docs-core .api-code-panel-core {
min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #cfd9e8;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

body.ui-runtime .api-docs-core .api-code-head-core {
min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border-bottom: 1px solid #dce5f0;
  background: #f8fafc;
}

body.ui-runtime .api-docs-core .api-code-head-core span {
flex: 0 0 auto;
  color: #475569;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-core .api-code-head-core b {
min-width: 0;
  overflow: hidden;
  color: #334155;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .api-docs-core .api-code-panel-core pre {
max-width: 100%;
  max-height: 360px;
  margin: 0;
  padding: 12px 13px;
  overflow: auto;
  overscroll-behavior: contain;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12.5px;
  line-height: 1.62;
  white-space: pre;
  tab-size: 2;
}

body.ui-runtime .api-docs-core .api-code-panel-core.is-request pre {
background: #f8fafc;
  color: #0f172a;
}

body.ui-runtime .api-docs-core .api-code-panel-core.is-response pre {
background: #172235;
  color: #e8f0fb;
}

@media (max-width: 720px) {
body.ui-runtime .api-docs-core .api-docs-section-head {
align-items: flex-start;
}

body.ui-runtime .api-docs-core .api-endpoint-header-core {
align-items: flex-start;
    padding: 11px 12px;
}

body.ui-runtime .api-docs-core .api-endpoint-route-core {
align-items: start;
    gap: 8px;
}

body.ui-runtime .api-docs-core .api-endpoint-route-core > code {
white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
}

body.ui-runtime .api-docs-core .api-endpoint-summary-core,
body.ui-runtime .api-docs-core .api-endpoint-meta-core,
body.ui-runtime .api-docs-core .api-param-list-core {
margin-inline: 12px;
}

body.ui-runtime .api-docs-core .api-param-grid-core {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime .api-docs-core .api-code-head-core {
align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}

body.ui-runtime .api-docs-core .api-code-head-core b {
width: 100%;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}
}

@media (max-width: 820px) {
body.ui-runtime.store-page .user-product-actions-core {
grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

body.ui-runtime.store-page .user-product-actions-core > .btn,
body.ui-runtime.store-page .user-product-actions-core > button,
body.ui-runtime.store-page .user-product-actions-core > a {
width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
}
}

@media (max-width: 340px) {
body.ui-runtime.store-page .user-product-actions-core {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}



body.ui-runtime .api-docs-core .api-code-panel.api-code-panel-core {
overflow: hidden;
  border-radius: 12px;
  isolation: isolate;
}

body.ui-runtime .api-docs-core .api-code-panel-core > .api-code-head-core {
border-radius: 0;
}

body.ui-runtime .api-docs-core .api-code-panel-core > .api-code-pre-core {
display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
  background-clip: padding-box;
  overflow-wrap: normal;
  word-break: normal;
}

body.ui-runtime .api-docs-core .api-code-panel-core > .api-code-pre-core > .api-code-content-core {
display: block;
  min-width: max-content;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  overflow: visible;
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 720px) {
body.ui-runtime .api-docs-core .api-code-panel-core > .api-code-pre-core {
padding: 11px 12px;
}
}



body.ui-runtime .api-docs-core {
--api-nav-ink: #172033;
  --api-nav-muted: #66758a;
  --api-nav-line: #dce4ee;
  --api-nav-soft: #f7f9fc;
  --api-nav-active: #fff4ef;
  --api-nav-brand: var(--brand, #ee4d2d);
  grid-template-columns: minmax(282px, 312px) minmax(0, 1fr);
  gap: 20px;
}















































@media (max-width: 960px) {
body.ui-runtime .api-docs-core {
grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}


















}





body.ui-runtime .notification-popover-core {
position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: #0f172a;
}

body.ui-runtime .notification-popover-core > summary {
list-style: none;
}

body.ui-runtime .notification-popover-core > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime .notification-popover-trigger-core,
body.ui-runtime .notification-popover-link-core {
min-width: 0;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

body.ui-runtime .notification-popover-trigger-core:hover,
body.ui-runtime .notification-popover-link-core:hover,
body.ui-runtime .notification-popover-core[open] > .notification-popover-trigger-core {
border-color: rgba(239,68,68,.34);
  background: #fff8f6;
  color: #e8462f;
  box-shadow: 0 8px 22px rgba(15,23,42,.07);
}

body.ui-runtime .notification-popover-trigger-core:focus-visible,
body.ui-runtime .notification-popover-link-core:focus-visible {
outline: 3px solid rgba(59,130,246,.2);
  outline-offset: 2px;
}

body.ui-runtime .notification-popover-bell-core {
width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

body.ui-runtime .notification-popover-caret-core {
width: 13px;
  height: 13px;
  flex: 0 0 13px;
  transition: transform .16s ease;
}

body.ui-runtime .notification-popover-core[open] .notification-popover-caret-core {
transform: rotate(180deg);
}

body.ui-runtime .notification-popover-trigger-label-core,
body.ui-runtime .notification-popover-link-label-core {
min-width: 0;
  color: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime .notification-popover-badge-core {
min-width: 19px;
  height: 19px;
  display: inline-grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: #ef442b;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

body.ui-runtime .notification-popover-panel-core {
position: absolute;
  top: calc(100% + 10px);
  z-index: 2147482500;
  width: min(390px, calc(100vw - 24px));
  display: grid;
  overflow: hidden;
  border: 1px solid #dbe3ee;
  border-radius: 14px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 24px 60px rgba(15,23,42,.22);
}

body.ui-runtime .notification-popover-core.is-user .notification-popover-panel-core {
left: 0;
}

body.ui-runtime .notification-popover-core.is-admin .notification-popover-panel-core {
right: 0;
}

body.ui-runtime .notification-popover-core:not([open]) .notification-popover-panel-core {
display: none;
}

body.ui-runtime .notification-popover-head-core {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px 12px;
  border-bottom: 1px solid #edf1f6;
  background: #fff;
}

body.ui-runtime .notification-popover-head-core > div {
min-width: 0;
  display: grid;
  gap: 3px;
}

body.ui-runtime .notification-popover-head-core b {
color: #111827;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

body.ui-runtime .notification-popover-head-core span {
color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

body.ui-runtime .notification-popover-head-core > a,
body.ui-runtime .notification-popover-section-head-core > a {
flex: 0 0 auto;
  color: #e8462f;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

body.ui-runtime .notification-popover-head-core > a:hover,
body.ui-runtime .notification-popover-section-head-core > a:hover {
text-decoration: underline;
}

body.ui-runtime .notification-popover-scroll-core {
max-height: min(62vh, 560px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.ui-runtime .notification-popover-section-core + .notification-popover-section-core {
border-top: 1px solid #edf1f6;
}

body.ui-runtime .notification-popover-section-head-core {
min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px 6px;
  background: #f8fafc;
}

body.ui-runtime .notification-popover-section-head-core > b {
color: #475569;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1;
  text-transform: uppercase;
}

body.ui-runtime .notification-popover-list-core {
display: grid;
  padding: 4px 7px 7px;
}

body.ui-runtime .notification-popover-item-core {
min-width: 0;
  display: grid;
  grid-template-columns: 9px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 8px;
  border-radius: 9px;
  color: #0f172a;
  text-decoration: none;
}

body.ui-runtime .notification-popover-item-core:hover {
background: #f8fafc;
}

body.ui-runtime .notification-popover-item-core.is-unread {
background: #fff9f7;
}

body.ui-runtime .notification-popover-item-core.is-unread:hover {
background: #fff4ef;
}

body.ui-runtime .notification-popover-tone-core {
width: 8px;
  height: 8px;
  margin-top: 4px;
  border-radius: 999px;
  background: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96,165,250,.14);
}

body.ui-runtime .notification-popover-item-core.is-error .notification-popover-tone-core {
background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239,68,68,.14);
}

body.ui-runtime .notification-popover-item-core.is-warn .notification-popover-tone-core {
background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245,158,11,.15);
}

body.ui-runtime .notification-popover-item-core.is-success .notification-popover-tone-core {
background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34,197,94,.14);
}

body.ui-runtime .notification-popover-item-core.is-neutral .notification-popover-tone-core {
background: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148,163,184,.14);
}

body.ui-runtime .notification-popover-item-copy-core {
min-width: 0;
  display: grid;
  gap: 3px;
}

body.ui-runtime .notification-popover-item-copy-core > b {
min-width: 0;
  color: #172033;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

body.ui-runtime .notification-popover-item-copy-core > span {
min-width: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

body.ui-runtime .notification-popover-item-copy-core > small {
color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
}

body.ui-runtime .notification-popover-empty-core {
padding: 16px 10px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}

body.ui-runtime .notification-popover-all-core {
min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #edf1f6;
  background: #fff;
  color: #e8462f;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

body.ui-runtime .notification-popover-all-core:hover {
background: #fff8f6;
}

body.ui-runtime.admin-page .ui-toast-stack-server {
top: 18px;
  right: 18px;
  z-index: 2147482600;
}

body.ui-runtime.admin-page .ui-toast-server-item {
border-radius: 10px;
}

body.ui-runtime.admin-page .admin-alert-corner {
display: none;
}

@media (max-width: 1024px) {
body.ui-runtime.admin-page .site-mainbar-inner {
grid-template-columns: 44px minmax(0,1fr) 92px;
}

body.ui-runtime.admin-page .account-box.header-account-zone {
width: 92px;
    max-width: 92px;
    min-width: 92px;
    gap: 6px;
}

body.ui-runtime.admin-page .notification-popover-core.is-admin {
width: 42px;
    flex: 0 0 42px;
}

body.ui-runtime.admin-page .notification-popover-trigger-core {
width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    border-radius: 14px;
}

body.ui-runtime.admin-page .notification-popover-trigger-label-core,
body.ui-runtime.admin-page .notification-popover-caret-core {
display: none;
}

body.ui-runtime.admin-page .notification-popover-badge-core {
position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border: 2px solid #fff;
    font-size: 9px;
}

body.ui-runtime.admin-page .notification-popover-panel-core {
position: fixed;
    top: 72px;
    left: 10px;
    right: 10px;
    width: auto;
    max-height: calc(100dvh - 86px);
}

body.ui-runtime.admin-page .notification-popover-scroll-core {
max-height: calc(100dvh - 210px);
}
}

@media (max-width: 720px) {
body.ui-runtime .notification-popover-panel-core {
border-radius: 12px;
}

body.ui-runtime .notification-popover-head-core {
padding: 12px;
}

body.ui-runtime .notification-popover-item-core {
padding: 10px 7px;
}

body.ui-runtime.admin-page .ui-toast-stack-server {
top: 10px;
    right: 10px;
    width: calc(100vw - 20px);
}

body.ui-runtime.store-page .notification-popover-core.is-user .notification-popover-panel-core {
left: 0;
    right: auto;
    width: min(360px, calc(100vw - 20px));
    max-height: min(72vh, 620px);
}
}

@media (max-width: 430px) {
body.ui-runtime.store-page .notification-popover-trigger-label-core {
display: none;
}

body.ui-runtime.store-page .notification-popover-core.is-user .notification-popover-panel-core {
position: fixed;
    top: 46px;
    left: 8px;
    right: 8px;
    width: auto;
    max-height: calc(100dvh - 58px);
}

body.ui-runtime.store-page .notification-popover-scroll-core {
max-height: calc(100dvh - 180px);
}
}



body.ui-runtime .notification-popover-structure {
position: relative;
  min-width: 0;
}

body.ui-runtime .notification-popover-structure > summary {
list-style: none;
}

body.ui-runtime .notification-popover-structure > summary::-webkit-details-marker {
display: none;
}

body.ui-runtime.store-page .notification-popover-user-skin {
color: inherit;
}

body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-trigger-core {
min-width: 0;
  min-height: 28px;
  height: 28px;
  gap: 5px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
}

body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-trigger-core:hover,
body.ui-runtime.store-page .notification-popover-user-skin[open] > .notification-popover-trigger-core {
border-color: transparent;
  background: transparent;
  color: #f0442f;
  box-shadow: none;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-bell-core {
width: 15px;
  height: 15px;
  flex-basis: 15px;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-caret-core {
width: 11px;
  height: 11px;
  flex-basis: 11px;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-trigger-label-core {
font-size: 12px;
  font-weight: 600;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-badge-core {
min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 999px;
  background: #f0442f;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
}

body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-panel-core {
top: calc(100% + 9px);
  left: 0;
  right: auto;
  width: min(320px, calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 12px;
  background: #fff;
  color: #111827;
  box-shadow: 0 18px 44px rgba(15,23,42,.18);
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-head-core {
min-height: 42px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #eef2f7;
  background: #fff;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-head-core b {
color: #111827;
  font-size: 14px;
  font-weight: 800;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-scroll-core {
max-height: min(56vh, 420px);
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-section-head-core {
min-height: 32px;
  padding: 8px 12px 6px;
  background: #fafbfc;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-section-head-core > b {
color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-list-core {
display: grid;
  gap: 0;
  padding: 4px 8px 8px;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-core {
grid-template-columns: 7px minmax(0,1fr);
  gap: 8px;
  padding: 10px 8px;
  border-radius: 8px;
  background: transparent;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-core + .notification-popover-item-core {
border-top: 1px solid #f1f4f8;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-core:hover {
background: #f8fafc;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-core.is-unread {
background: #fff8f6;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-tone-core {
width: 6px;
  height: 6px;
  margin-top: 5px;
  box-shadow: none;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-copy-core {
gap: 2px;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-copy-core > b {
color: #1f2937;
  font-size: 12px;
  line-height: 1.3;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-copy-core > span {
color: #64748b;
  font-size: 11px;
  line-height: 1.38;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-item-copy-core > small {
color: #94a3b8;
  font-size: 10px;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-all-core {
min-height: 40px;
  border-top: 1px solid #eef2f7;
  background: #fff;
  color: #f0442f;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-all-core:hover {
background: #fff8f6;
}

body.ui-runtime.admin-page .notification-popover-admin-skin > .notification-popover-trigger-core {
border-color: #dbe3ee;
  border-radius: 10px;
  background: #fff;
  color: #334155;
}

body.ui-runtime.admin-page .notification-popover-admin-skin > .notification-popover-panel-core {
width: min(390px, calc(100vw - 24px));
  border-color: #dbe3ee;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(15,23,42,.22);
}

body.ui-runtime.admin-page .notification-popover-admin-skin .notification-popover-section-head-core {
background: #f8fafc;
}

body.ui-runtime.admin-page .notification-popover-admin-skin .notification-popover-item-core.is-unread {
background: #fff9f7;
}

@media (max-width: 430px) {
body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-trigger-core {
height: 26px;
    min-height: 26px;
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-trigger-label-core,
body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-caret-core {
display: none;
}

body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-panel-core {
position: fixed;
    top: 46px;
    left: 8px;
    right: 8px;
    width: auto;
    max-height: calc(100dvh - 58px);
}

body.ui-runtime.store-page .notification-popover-user-skin .notification-popover-scroll-core {
max-height: calc(100dvh - 172px);
}
}



body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-trigger-core {
color: #fff;
}

body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-trigger-core:hover,
body.ui-runtime.store-page .notification-popover-user-skin[open] > .notification-popover-trigger-core {
border-color: transparent;
  background: rgba(255,255,255,.14);
  color: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .notification-popover-user-skin > .notification-popover-trigger-core:focus-visible {
outline-color: rgba(255,255,255,.72);
}

body.ui-runtime.store-page .user-utility-topbar .notification-popover-link-core.is-user {
min-height: 28px;
  padding: 0 4px;
  border-color: transparent;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .user-utility-topbar .notification-popover-link-core.is-user:hover,
body.ui-runtime.store-page .user-utility-topbar .notification-popover-link-core.is-user:focus-visible {
border-color: transparent;
  background: rgba(255,255,255,.14);
  color: #fff;
  box-shadow: none;
}



body.ui-runtime.admin-page .liveuid-page-toolbar > div:first-child {
min-width: 0;
}

body.ui-runtime.admin-page .liveuid-page-toolbar p {
max-width: 820px;
}

body.ui-runtime.admin-page .liveuid-config-form {
display: grid;
  gap: 14px;
}

body.ui-runtime.admin-page .liveuid-service-picker {
min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  background: var(--surface-soft);
}

body.ui-runtime.admin-page .liveuid-service-picker > legend {
padding: 0 6px;
  color: var(--text);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
}

body.ui-runtime.admin-page .liveuid-service-picker > p {
margin: 0 0 10px;
  font-size: var(--fs-xs);
}

body.ui-runtime.admin-page .liveuid-service-options {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 300px;
  overflow: auto;
  overscroll-behavior: contain;
}

body.ui-runtime.admin-page .liveuid-service-option {
display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  background: var(--surface);
  cursor: pointer;
}

body.ui-runtime.admin-page .liveuid-service-option:hover {
border-color: var(--control-line-hover);
  background: #fff;
}

body.ui-runtime.admin-page .liveuid-service-option input {
margin: 0;
  accent-color: var(--brand);
}

body.ui-runtime.admin-page .liveuid-service-option > span {
min-width: 0;
}

body.ui-runtime.admin-page .liveuid-service-option b,
body.ui-runtime.admin-page .liveuid-service-option small {
display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.admin-page .liveuid-service-option b {
color: var(--text);
  font-size: var(--fs-sm);
}

body.ui-runtime.admin-page .liveuid-service-option small {
margin-top: 2px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: var(--fs-2xs);
}

body.ui-runtime.admin-page .liveuid-service-option em {
color: var(--success);
  font-size: var(--fs-2xs);
  font-style: normal;
  font-weight: var(--fw-bold);
  white-space: nowrap;
}

body.ui-runtime.admin-page .liveuid-policy-note {
margin: 0;
}

@media (max-width: 760px) {
body.ui-runtime.admin-page .liveuid-service-options {
grid-template-columns: 1fr;
    max-height: 340px;
}

body.ui-runtime.admin-page .liveuid-service-option {
grid-template-columns: auto minmax(0, 1fr);
}

body.ui-runtime.admin-page .liveuid-service-option em {
grid-column: 2;
}
}



body.ui-runtime.admin-page .provider-workspace {
display:grid;
  gap:16px;
  min-width:0;
}

body.ui-runtime.admin-page .provider-summary-grid {
grid-template-columns:repeat(5,minmax(0,1fr));
  margin:0;
}

body.ui-runtime.admin-page .provider-summary-grid .admin-report-card {
min-width:0;
}

body.ui-runtime.admin-page .provider-guide {
border:1px solid rgba(15,23,42,.09);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  overflow:hidden;
}

body.ui-runtime.admin-page .provider-guide>summary {
list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 15px;
  cursor:pointer;
  user-select:none;
}

body.ui-runtime.admin-page .provider-guide>summary::-webkit-details-marker {
display:none;
}

body.ui-runtime.admin-page .provider-guide>summary span {
min-width:0;
}

body.ui-runtime.admin-page .provider-guide>summary b,
body.ui-runtime.admin-page .provider-guide>summary small {
display:block;
}

body.ui-runtime.admin-page .provider-guide>summary b {
font-size:14px;color:#0f172a;
}

body.ui-runtime.admin-page .provider-guide>summary small {
margin-top:2px;color:#64748b;font-size:12px;
}

body.ui-runtime.admin-page .provider-guide>summary em {
flex:0 0 auto;
  font-style:normal;
  font-size:12px;
  font-weight:700;
  color:#475569;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:5px 9px;
  background:#f8fafc;
}

body.ui-runtime.admin-page .provider-guide[open]>summary {
border-bottom:1px solid #e2e8f0;
}

body.ui-runtime.admin-page .provider-guide-steps {
display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:14px;
  background:#f8fafc;
}

body.ui-runtime.admin-page .provider-guide-step {
display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  padding:4px 14px;
  min-width:0;
  border-right:1px solid #e2e8f0;
}

body.ui-runtime.admin-page .provider-guide-step:last-child {
border-right:0;
}

body.ui-runtime.admin-page .provider-guide-step i {
width:28px;height:28px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;
  background:#0f172a;color:#fff;
  font-style:normal;font-size:12px;font-weight:800;
}

body.ui-runtime.admin-page .provider-guide-step b {
display:block;font-size:13px;color:#0f172a;
}

body.ui-runtime.admin-page .provider-guide-step span {
display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45;
}

body.ui-runtime.admin-page .provider-registry {
min-width:0;
  border:1px solid rgba(15,23,42,.09);
  border-radius:16px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  overflow:hidden;
}

body.ui-runtime.admin-page .provider-registry-head {
display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid #e2e8f0;
}

body.ui-runtime.admin-page .provider-registry-head h2 {
margin:0;font-size:17px;line-height:1.25;color:#0f172a;
}

body.ui-runtime.admin-page .provider-registry-head p {
margin:4px 0 0;color:#64748b;font-size:13px;
}

body.ui-runtime.admin-page .provider-registry-meta {
display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;
}

body.ui-runtime.admin-page .provider-registry-meta span {
display:inline-flex;align-items:center;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:5px 9px;
  background:#f8fafc;
  color:#475569;
  font-size:12px;font-weight:700;
}

body.ui-runtime.admin-page .provider-registry-list {
display:grid;
}

body.ui-runtime.admin-page .provider-registry-card {
min-width:0;padding:18px;border-bottom:1px solid #e2e8f0;background:#fff;
}

body.ui-runtime.admin-page .provider-registry-card:last-child {
border-bottom:0;
}

body.ui-runtime.admin-page .provider-registry-card.is-disabled {
background:#fbfcfd;
}

body.ui-runtime.admin-page .provider-registry-card-head {
display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
}

body.ui-runtime.admin-page .provider-identity {
display:flex;align-items:center;gap:11px;min-width:0;
}

body.ui-runtime.admin-page .provider-avatar {
width:40px;height:40px;flex:0 0 40px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:#0f172a;color:#fff;
  font-size:12px;font-weight:800;letter-spacing:.04em;
}

body.ui-runtime.admin-page .provider-identity h3 {
margin:0;color:#0f172a;font-size:16px;line-height:1.25;
}

body.ui-runtime.admin-page .provider-identity p {
margin:4px 0 0;color:#64748b;font-size:12px;overflow-wrap:anywhere;
}

body.ui-runtime.admin-page .provider-card-status {
display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;
}

body.ui-runtime.admin-page .provider-registry-body {
display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);
  gap:18px;
  margin-top:16px;
}

body.ui-runtime.admin-page .provider-connection,
body.ui-runtime.admin-page .provider-health {
min-width:0;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#f8fafc;
  padding:12px;
}

body.ui-runtime.admin-page .provider-block-label {
margin-bottom:8px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.ui-runtime.admin-page .provider-endpoint-row {
display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-width:0;
}

body.ui-runtime.admin-page .provider-method {
display:inline-flex;align-items:center;justify-content:center;
  min-width:72px;
  padding:6px 8px;
  border-radius:7px;
  background:#e2e8f0;
  color:#334155;
  font-size:10px;font-weight:800;letter-spacing:.03em;
}

body.ui-runtime.admin-page .provider-endpoint-row code {
display:block;min-width:0;overflow:auto;white-space:nowrap;
  border:0;border-radius:7px;background:#fff;color:#0f172a;
  box-shadow:inset 0 0 0 1px #e2e8f0;
  padding:7px 9px;
  font-size:12px;
}

body.ui-runtime.admin-page .provider-connection-meta {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;
}

body.ui-runtime.admin-page .provider-connection-meta span {
min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 9px;
}

body.ui-runtime.admin-page .provider-connection-meta small,
body.ui-runtime.admin-page .provider-connection-meta b {
display:block;
}

body.ui-runtime.admin-page .provider-connection-meta small {
color:#64748b;font-size:10px;
}

body.ui-runtime.admin-page .provider-connection-meta b {
margin-top:2px;color:#334155;font-size:12px;overflow-wrap:anywhere;
}

body.ui-runtime.admin-page .provider-health-metrics {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}

body.ui-runtime.admin-page .provider-health-metrics>div {
min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 9px;
}

body.ui-runtime.admin-page .provider-health-metrics span,
body.ui-runtime.admin-page .provider-health-metrics b {
display:block;
}

body.ui-runtime.admin-page .provider-health-metrics span {
color:#64748b;font-size:10px;
}

body.ui-runtime.admin-page .provider-health-metrics b {
margin-top:2px;color:#0f172a;font-size:13px;overflow-wrap:anywhere;
}

body.ui-runtime.admin-page .provider-health-metrics b.is-warn {
color:#b45309;
}

body.ui-runtime.admin-page .provider-capabilities {
display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;
}

body.ui-runtime.admin-page .provider-capabilities span {
display:inline-flex;align-items:center;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;font-weight:800;
}

body.ui-runtime.admin-page .provider-capabilities .is-ready {
background:#ecfdf5;color:#047857;
}

body.ui-runtime.admin-page .provider-capabilities .is-missing {
background:#fff7ed;color:#c2410c;
}

body.ui-runtime.admin-page .provider-health-message {
display:grid;gap:6px;margin-top:10px;
}

body.ui-runtime.admin-page .provider-health-message p {
display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;
  margin:0;padding:8px 10px;
  border-left:3px solid #f59e0b;
  border-radius:7px;
  background:#fffbeb;
  color:#92400e;
  font-size:12px;line-height:1.45;
}

body.ui-runtime.admin-page .provider-health-message p.is-danger {
border-left-color:#ef4444;background:#fef2f2;color:#991b1b;
}

body.ui-runtime.admin-page .provider-health-message b {
white-space:nowrap;
}

body.ui-runtime.admin-page .provider-registry-card-actions {
display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7;
}

body.ui-runtime.admin-page .provider-secondary-actions {
display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;
}

body.ui-runtime.admin-page .provider-registry-card-actions .inline-form {
margin:0;
}

body.ui-runtime.admin-page .provider-config-modal .ui-modal-dialog {
width:min(1180px,calc(100vw - 32px));
}

body.ui-runtime.admin-page .provider-config-modal .ui-modal-head {
border-bottom:1px solid #e2e8f0;
  background:#fff;
}

body.ui-runtime.admin-page .provider-config-modal .ui-modal-body {
padding:14px;background:#f8fafc;
}

body.ui-runtime.admin-page .provider-config-modal .provider-quick-form {
gap:12px;
}

body.ui-runtime.admin-page .provider-config-modal .provider-setup-card,
body.ui-runtime.admin-page .provider-config-modal .provider-test-card,
body.ui-runtime.admin-page .provider-config-modal .provider-advanced-card {
border-radius:12px;
  box-shadow:0 1px 2px rgba(15,23,42,.03);
}

body.ui-runtime.admin-page .provider-config-modal .provider-setup-head {
margin-bottom:10px;
}

body.ui-runtime.admin-page .provider-config-modal .provider-save-bar {
z-index:2;padding:10px 0 2px;
}

@media (max-width:1180px) {
body.ui-runtime.admin-page .provider-summary-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}

body.ui-runtime.admin-page .provider-registry-body {
grid-template-columns:1fr;
}
}

@media (max-width:820px) {
body.ui-runtime.admin-page .provider-summary-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}

body.ui-runtime.admin-page .provider-guide-steps {
grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}

body.ui-runtime.admin-page .provider-guide-step {
border-right:0;padding:4px;
}
}

@media (max-width:640px) {
body.ui-runtime.admin-page .provider-workspace {
gap:12px;
}

body.ui-runtime.admin-page .provider-summary-grid {
grid-template-columns:1fr 1fr;gap:8px;
}

body.ui-runtime.admin-page .provider-guide>summary {
padding:11px 12px;
}

body.ui-runtime.admin-page .provider-guide-steps {
grid-template-columns:1fr;padding:12px;
}

body.ui-runtime.admin-page .provider-registry-head {
display:block;padding:14px;
}

body.ui-runtime.admin-page .provider-registry-meta {
justify-content:flex-start;margin-top:10px;
}

body.ui-runtime.admin-page .provider-registry-card {
padding:14px;
}

body.ui-runtime.admin-page .provider-registry-card-head {
display:block;
}

body.ui-runtime.admin-page .provider-card-status {
justify-content:flex-start;margin-top:10px;
}

body.ui-runtime.admin-page .provider-registry-body {
gap:10px;margin-top:12px;
}

body.ui-runtime.admin-page .provider-endpoint-row {
grid-template-columns:1fr;
}

body.ui-runtime.admin-page .provider-method {
justify-self:start;min-width:0;
}

body.ui-runtime.admin-page .provider-connection-meta,
body.ui-runtime.admin-page .provider-health-metrics {
grid-template-columns:1fr;
}

body.ui-runtime.admin-page .provider-health-message p {
grid-template-columns:1fr;gap:2px;
}

body.ui-runtime.admin-page .provider-registry-card-actions {
display:grid;grid-template-columns:1fr;
}

body.ui-runtime.admin-page .provider-registry-card-actions>.btn {
width:100%;justify-content:center;
}

body.ui-runtime.admin-page .provider-secondary-actions {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}

body.ui-runtime.admin-page .provider-secondary-actions form,
body.ui-runtime.admin-page .provider-secondary-actions button {
width:100%;
}

body.ui-runtime.admin-page .provider-config-modal .ui-modal-dialog {
width:calc(100vw - 16px);
}

body.ui-runtime.admin-page .provider-config-modal .ui-modal-body {
padding:10px;
}
}

@media (max-width:640px) {
body.ui-runtime.admin-page .provider-summary-grid > :last-child:nth-child(odd) {
grid-column:1/-1;
}

body.ui-runtime.admin-page .provider-secondary-actions > form:last-child:nth-child(odd) {
grid-column:1/-1;
}
}



body.ui-runtime .ui-toast-stack {
align-content: start;
}

body.ui-runtime .ui-toast {
height: auto;
  min-height: 0;
  align-self: start;
}

@media (max-width: 720px) {
body.ui-runtime .ui-toast-stack,
body.ui-runtime.modal-lock .ui-toast-stack {
top: auto;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
    height: auto;
    max-height: min(52dvh, 380px);
    align-content: end;
    overflow-y: auto;
    overscroll-behavior: contain;
}

body.ui-runtime .ui-toast {
width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
}



@media (max-width: 720px) {
body.ui-runtime.modal-lock .ui-toast-stack {
top: max(12px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    bottom: auto;
    left: max(12px, env(safe-area-inset-left));
    width: auto;
    height: auto;
    max-height: min(42dvh, 320px);
    align-content: start;
    overflow-y: auto;
    overscroll-behavior: contain;
}

body.ui-runtime.modal-lock .ui-toast {
height: auto;
    min-height: 0;
    align-self: start;
}
}



body.ui-runtime .user-topup-layout,
body.ui-runtime .payment-settings-grid {
align-items: start;
}

body.ui-runtime .user-topup-card,
body.ui-runtime .user-method-card,
body.ui-runtime .deposit-payment-card,
body.ui-runtime .deposit-action-card {
min-width: 0;
}

body.ui-runtime .user-method-panel .kv {
display: grid;
  grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr);
  gap: 10px 14px;
}

body.ui-runtime .user-method-panel .kv > div:nth-child(odd) {
color: var(--muted);
}

body.ui-runtime .usdt-rate-preview {
display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}

body.ui-runtime .usdt-rate-preview span,
body.ui-runtime .usdt-rate-preview strong {
color: var(--muted);
  font-size: var(--fs-sm);
}

body.ui-runtime .usdt-rate-preview b {
font-size: clamp(18px, 2vw, 24px);
}

body.ui-runtime .deposit-address,
body.ui-runtime .deposit-alias {
overflow-wrap: anywhere;
  font-size: 1.02rem;
}

body.ui-runtime .deposit-countdown b {
font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}

body.ui-runtime .payment-settings-grid > .card {
height: 100%;
}

body.ui-runtime.route-admin-payment-settings-php .card + .card {
margin-top: 18px;
}

@media (max-width: 760px) {
body.ui-runtime .user-method-panel .kv {
grid-template-columns: 1fr;
    gap: 4px;
}

body.ui-runtime .user-method-panel .kv > div:nth-child(even) {
margin-bottom: 8px;
}
}



body.ui-runtime .payment-overview-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

body.ui-runtime .payment-summary-card {
min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.ui-runtime .payment-summary-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.ui-runtime .payment-summary-head h2,
body.ui-runtime .deposit-qr-panel h3 {
margin: 2px 0 0;
}

body.ui-runtime .payment-summary-kv {
display: grid;
  grid-template-columns: minmax(110px, .8fr) minmax(0, 1.2fr);
  gap: 8px 12px;
  padding: 12px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

body.ui-runtime .payment-summary-kv span {
color: var(--muted);
}

body.ui-runtime .payment-summary-kv b {
min-width: 0;
  overflow-wrap: anywhere;
}

body.ui-runtime .payment-rate-value {
font-size: clamp(17px, 2vw, 23px);
}

body.ui-runtime .payment-pool-legend {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

body.ui-runtime .payment-pool-legend span {
padding: 7px 10px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: var(--fs-sm);
}

body.ui-runtime .deposit-qr-panel {
display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  align-items: center;
  gap: 18px;
  margin: 14px 0 18px;
  padding: 16px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}

body.ui-runtime .deposit-qr-panel img {
grid-column: 2;
  grid-row: 1 / span 2;
  display: block;
  width: 100%;
  max-width: 320px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  justify-self: end;
  background: #fff;
}

body.ui-runtime .deposit-qr-panel > p {
margin: 0;
}

body.ui-runtime.route-admin-payment-settings-php .ui-modal-body .ui-form {
margin: 0;
}

@media (max-width: 980px) {
body.ui-runtime .payment-overview-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {
body.ui-runtime .deposit-qr-panel {
grid-template-columns: 1fr;
}

body.ui-runtime .deposit-qr-panel img {
grid-column: 1;
    grid-row: auto;
    justify-self: center;
}

body.ui-runtime .payment-summary-kv {
grid-template-columns: 1fr;
    gap: 4px;
}

body.ui-runtime .payment-summary-kv b {
margin-bottom: 6px;
}
}



body.ui-runtime.route-admin-payment-settings-php .payment-command-strip {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  margin-bottom: 14px;
  border: 1px solid var(--border);
  background: var(--surface);
}

body.ui-runtime .payment-command-summary {
display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 14px;
  min-width: 0;
  font-size: var(--fs-sm);
}

body.ui-runtime .payment-channel-board {
padding: 0; overflow: hidden;
}

body.ui-runtime .payment-section-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border);
}

body.ui-runtime .payment-section-head h2 {
margin: 2px 0 0;
}

body.ui-runtime .payment-section-head p {
margin: 4px 0 0; color: var(--muted);
}

body.ui-runtime .payment-channel-row {
display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border-bottom: 1px solid var(--border);
}

body.ui-runtime .payment-channel-row:last-child {
border-bottom: 0;
}

body.ui-runtime .payment-channel-icon {
width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: 20px;
  font-weight: 800;
}

body.ui-runtime .payment-channel-main {
min-width: 0;
}

body.ui-runtime .payment-channel-title {
display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

body.ui-runtime .payment-channel-title h3 {
margin: 0;
}

body.ui-runtime .payment-channel-main p {
margin: 5px 0 0;
}

body.ui-runtime .payment-channel-meta {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

body.ui-runtime .payment-channel-meta span {
padding: 4px 8px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  color: var(--muted);
  font-size: 12px;
}

body.ui-runtime .payment-channel-actions {
display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px;
}

body.ui-runtime .payment-ops-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

body.ui-runtime .payment-ops-card {
min-width: 0;
}

body.ui-runtime .payment-ops-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

body.ui-runtime .payment-ops-head h2 {
margin: 2px 0 0; font-size: 18px;
}

body.ui-runtime .payment-ops-kv {
display: grid;
  grid-template-columns: minmax(105px, .8fr) minmax(0, 1.2fr);
  gap: 7px 10px;
}

body.ui-runtime .payment-ops-kv span {
color: var(--muted);
}

body.ui-runtime .payment-ops-kv b {
min-width: 0; overflow-wrap: anywhere;
}

body.ui-runtime .payment-empty-inline {
padding: 14px;
  border: 1px dashed var(--border);
  background: var(--surface-subtle);
  color: var(--muted);
}

body.ui-runtime .payment-public-list {
display: grid; gap: 7px;
}

body.ui-runtime .payment-public-address {
display: grid;
  gap: 2px;
  padding: 9px 10px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  text-decoration: none;
}

body.ui-runtime .payment-public-address span {
overflow-wrap: anywhere;
}

body.ui-runtime .payment-public-address small {
color: var(--muted);
}

body.ui-runtime .payment-pool-legend {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

body.ui-runtime .payment-pool-legend span {
padding: 6px 9px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: var(--fs-sm);
}

body.ui-runtime .payment-inline-create {
margin-bottom: 14px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}

body.ui-runtime .payment-inline-create > summary {
cursor: pointer; padding: 10px 12px; font-weight: 700;
}

body.ui-runtime .payment-inline-create-body {
padding: 0 12px 12px;
}

body.ui-runtime .payment-token-create {
display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  margin-bottom: 14px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}

body.ui-runtime .payment-token-create label {
display: grid; gap: 6px;
}

body.ui-runtime .payment-modal-secondary-action {
margin-top: 12px;
}

body.ui-runtime .payment-review-attach input {
width: 150px;
}

body.ui-runtime .link-button {
appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--link, #2563eb);
  font: inherit;
  cursor: pointer;
  text-align: left;
}

body.ui-runtime .link-button:hover {
text-decoration: underline;
}

body.ui-runtime .deposit-modal-loading {
min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--muted);
}

body.ui-runtime .deposit-modal-layout {
display: grid;
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr);
  gap: 18px;
  align-items: start;
}

body.ui-runtime .deposit-modal-payment,
body.ui-runtime .deposit-modal-info {
min-width: 0;
}

body.ui-runtime .deposit-modal-countdown {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 9px 11px;
  margin-bottom: 10px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}

body.ui-runtime .deposit-modal-countdown span {
color: var(--muted);
}

body.ui-runtime .deposit-modal-countdown b {
font-size: 18px;
}

body.ui-runtime .deposit-modal-qr {
display: grid;
  justify-items: center;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--border);
  background: #fff;
  text-align: center;
}

body.ui-runtime .deposit-modal-qr img {
display: block;
  width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

body.ui-runtime .deposit-modal-qr span {
color: var(--muted); font-size: var(--fs-sm);
}

body.ui-runtime .deposit-modal-warning {
margin: 10px 0 0;
}

body.ui-runtime .deposit-modal-kv {
margin: 0;
}

body.ui-runtime .deposit-modal-instructions {
margin-top: 14px;
}

body.ui-runtime .deposit-modal-foot {
display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--border);
}

body.ui-runtime #deposit-detail-modal .ui-modal-dialog {
width: min(980px, 100%);
}

body.ui-runtime #deposit-detail-modal .ui-modal-body {
padding: 16px;
}

@media (max-width: 1100px) {
body.ui-runtime .payment-ops-grid {
grid-template-columns: 1fr 1fr;
}

body.ui-runtime .payment-ops-card:first-child {
grid-column: 1 / -1;
}
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-payment-settings-php .payment-command-strip,
body.ui-runtime .payment-channel-row,
body.ui-runtime .payment-ops-head {
align-items: stretch;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-strip {
flex-direction: column;
}

body.ui-runtime .payment-channel-row {
grid-template-columns: 40px minmax(0, 1fr);
}

body.ui-runtime .payment-channel-actions {
grid-column: 1 / -1; justify-content: stretch;
}

body.ui-runtime .payment-channel-actions .btn {
flex: 1;
}

body.ui-runtime .payment-ops-grid {
grid-template-columns: 1fr;
}

body.ui-runtime .payment-ops-card:first-child {
grid-column: auto;
}

body.ui-runtime .payment-token-create {
grid-template-columns: 1fr;
}

body.ui-runtime .deposit-modal-layout {
grid-template-columns: 1fr;
}

body.ui-runtime .deposit-modal-qr img {
width: min(82vw, 300px);
}

body.ui-runtime .deposit-modal-foot .btn,
body.ui-runtime .deposit-modal-foot form {
width: 100%;
}

body.ui-runtime .deposit-modal-foot form .btn {
width: 100%;
}
}



body.ui-runtime {
--wbh-layer-popover: 2147482700;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-status-action {
display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-status-action .btn {
min-width: 92px;
  justify-content: center;
}

body.ui-runtime.modal-lock .ui-popover-layer-root {
z-index: var(--wbh-layer-popover);
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-payment-settings-php .payment-token-status-action,
body.ui-runtime.route-admin-payment-settings-php .payment-token-status-action .btn {
width: 100%;
}
}



body.ui-runtime.route-admin-payment-settings-php .payment-token-modal {
display: grid;
  gap: 18px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-secret {
display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--success-border, #86d8a7);
  border-radius: 14px;
  background: var(--success-soft, #effbf3);
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-head,
body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head,
body.ui-runtime.route-admin-payment-settings-php .payment-token-endpoint,
body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-actions {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-head h3,
body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head h3,
body.ui-runtime.route-admin-payment-settings-php .payment-token-setup h3,
body.ui-runtime.route-admin-payment-settings-php .payment-token-create h3 {
margin: 3px 0 4px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-head p,
body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head p {
margin: 0;
  color: var(--muted);
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-field {
margin: 0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-field textarea {
width: 100%;
  min-height: 82px;
  margin-top: 7px;
  resize: none;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.55;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-copy-primary {
min-width: 148px;
  justify-content: center;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-setup,
body.ui-runtime.route-admin-payment-settings-php .payment-token-create {
display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-endpoint label {
flex: 1 1 auto;
  margin: 0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-endpoint .btn {
flex: 0 0 auto;
  margin-top: 22px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-create {
grid-template-columns: minmax(220px, 1fr) minmax(210px, .8fr) minmax(210px, .8fr) auto;
  align-items: end;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-create > div,
body.ui-runtime.route-admin-payment-settings-php .payment-token-create label {
margin: 0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head {
align-items: end;
  padding-top: 2px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head > p {
max-width: 520px;
  text-align: right;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-delete-action {
display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-delete-action .btn {
min-width: 104px;
  justify-content: center;
}

@media (max-width: 980px) {
body.ui-runtime.route-admin-payment-settings-php .payment-token-create {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 700px) {
body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-head,
body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head,
body.ui-runtime.route-admin-payment-settings-php .payment-token-endpoint,
body.ui-runtime.route-admin-payment-settings-php .payment-token-secret-actions {
align-items: stretch;
    flex-direction: column;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-create {
grid-template-columns: 1fr;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-list-head > p {
max-width: none;
    text-align: left;
}

body.ui-runtime.route-admin-payment-settings-php .payment-token-endpoint .btn,
body.ui-runtime.route-admin-payment-settings-php .payment-token-copy-primary,
body.ui-runtime.route-admin-payment-settings-php .payment-token-delete-action,
body.ui-runtime.route-admin-payment-settings-php .payment-token-delete-action .btn {
width: 100%;
    margin-top: 0;
}
}



.payment-token-create {
display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto;gap:12px;align-items:end
}

.payment-token-list-head {
display:flex;justify-content:space-between;gap:16px;align-items:end;margin:20px 0 10px
}

.payment-token-actions {
display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap
}

.payment-token-mask {
word-break:break-all
}

@media (max-width:760px) {
.payment-token-create {
grid-template-columns:1fr
}

.payment-token-list-head {
display:block
}

.payment-token-actions {
justify-content:flex-start
}
}

/* UI owner: 40-operations-before-pagination.css */
body.ui-runtime.store-page.route-user-topup-php .user-topup-create-form :is(.money-control,.money-control) input[data-topup-money-input="322"] {
text-align: left;
}



body.ui-runtime .ui-equal-actions {
--ui-equal-action-width: 132px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, var(--ui-equal-action-width));
  align-items: stretch;
  justify-content: end;
  gap: 8px;
}

body.ui-runtime .ui-equal-actions > :is(a.btn,button.btn,form) {
width: 100%; min-width: 0; height: 100%; margin: 0;
}

body.ui-runtime .ui-equal-actions > form {
display: flex; align-items: stretch;
}

body.ui-runtime .ui-equal-actions > :is(a.btn,button.btn),
body.ui-runtime .ui-equal-actions > form > :is(a.btn,button.btn) {
width: 100%; min-width: 0; min-height: 40px; height: 100%;
  justify-content: center; padding-inline: 12px; text-align: center;
}

body.ui-runtime .deposit-modal-foot.ui-equal-actions {
--ui-equal-action-width: 168px;
  padding-top: 14px; margin-top: 14px; border-top: 1px solid var(--border);
}

body.ui-runtime .payment-agent-guide {
display: grid; gap: 16px;
}

body.ui-runtime .payment-agent-flow,
body.ui-runtime .payment-agent-guide-grid > section,
body.ui-runtime .payment-agent-link-form,
body.ui-runtime .payment-agent-troubleshoot {
border: 1px solid var(--border); background: var(--surface-subtle); padding: 14px;
}

body.ui-runtime .payment-agent-flow h3,
body.ui-runtime .payment-agent-guide-grid h3 {
margin: 3px 0 8px;
}

body.ui-runtime .payment-agent-flow p {
margin: 0; line-height: 1.65;
}

body.ui-runtime .payment-agent-guide-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}

body.ui-runtime .payment-agent-guide-grid :is(ol,ul) {
margin: 0; padding-left: 20px; display: grid; gap: 9px;
}

body.ui-runtime .payment-agent-guide-grid li span {
display: block; margin-top: 2px; color: var(--muted);
}

body.ui-runtime .payment-agent-troubleshoot summary {
cursor: pointer; font-weight: 700;
}

body.ui-runtime .payment-agent-troubleshoot div {
margin-top: 10px;
}

body.ui-runtime .payment-agent-link-form {
display: grid; gap: 12px;
}

body.ui-runtime .payment-agent-link-form label {
display: grid; gap: 6px;
}

body.ui-runtime .payment-agent-guide-actions {
--ui-equal-action-width: 154px;
}

body.ui-runtime .topup-auto-match-note {
margin-top: 12px;
}

@media (max-width: 760px) {
body.ui-runtime .payment-agent-guide-grid {
grid-template-columns: 1fr;
}

body.ui-runtime .ui-equal-actions,
body.ui-runtime .deposit-modal-foot.ui-equal-actions {
width: 100%; grid-auto-flow: row; grid-template-columns: minmax(0,1fr); grid-auto-columns: auto; justify-content: stretch;
}
}



body.ui-runtime.admin-page .header-auth-actions .header-auth-btn {
min-width: 112px;
  min-height: 38px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime.admin-page .header-auth-actions .is-register {
border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.06);
  color: #f8fafc;
}

body.ui-runtime.admin-page .header-auth-actions .is-login {
border-color: #fff;
  background: #fff;
  color: #111827;
}

body.ui-runtime .brand-mark.has-generated-icon {
padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.ui-runtime .brand-mark.has-generated-icon img {
display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.ui-runtime .auth-brand-card .brand-mark.large,
body.ui-runtime .maintenance-public-card .brand-mark.large {
width: 58px;
  height: 58px;
  border-radius: 16px;
  font-size: 20px;
}

body.ui-runtime .domain-brand-card {
margin-bottom: 18px;
}

body.ui-runtime .domain-brand-layout {
display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr) auto;
  gap: 18px;
  align-items: center;
}

body.ui-runtime .domain-brand-preview {
min-height: 112px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(135deg, #fff, #f8fafc);
}

body.ui-runtime .domain-brand-preview img {
display: block;
  width: min(100%, 360px);
  max-height: 82px;
  object-fit: contain;
  object-position: left center;
}

body.ui-runtime .domain-brand-preview .brand-mark.large {
flex: 0 0 58px;
}

body.ui-runtime .domain-brand-meta {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime .domain-brand-meta > div {
min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-soft, #f8fafc);
}

body.ui-runtime .domain-brand-meta span,
body.ui-runtime .domain-brand-meta b {
display: block;
  overflow-wrap: anywhere;
}

body.ui-runtime .domain-brand-meta span {
color: var(--muted);
  font-size: 12px;
}

body.ui-runtime .domain-brand-meta b {
margin-top: 3px;
  color: var(--text);
  font-size: 14px;
}

body.ui-runtime .domain-brand-action {
min-width: 190px;
  display: grid;
  gap: 7px;
  justify-items: stretch;
}

@media (max-width: 960px) {
body.ui-runtime .domain-brand-layout {
grid-template-columns: 1fr 1fr;
}

body.ui-runtime .domain-brand-action {
grid-column: 1 / -1;
}
}

@media (max-width: 720px) {
body.ui-runtime.admin-page .header-auth-actions .header-auth-btn {
min-width: 96px;
    min-height: 36px;
    padding-inline: 11px;
    font-size: 13px;
}

body.ui-runtime .domain-brand-layout,
body.ui-runtime .domain-brand-meta {
grid-template-columns: 1fr;
}
}



body.ui-runtime.admin-page .site-mainbar .header-auth-actions {
display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(112px, 1fr);
  align-items: center;
  justify-content: end;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime.admin-page .site-mainbar .header-auth-actions > .header-auth-action {
box-sizing: border-box;
  min-width: 112px;
  width: 100%;
  min-height: 40px;
  height: 40px;
  margin: 0;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
}

body.ui-runtime.admin-page .site-mainbar .header-auth-actions > .is-secondary {
border-color: #cbd5e1;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}

body.ui-runtime.admin-page .site-mainbar .header-auth-actions > .is-primary {
border-color: var(--brand, #2563eb);
  background: var(--brand, #2563eb);
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(37, 99, 235, .18);
}

body.ui-runtime.admin-page .site-mainbar .header-auth-actions > .header-auth-action:hover {
transform: translateY(-1px);
  filter: brightness(.98);
}

body.ui-runtime .brand-mark.has-generated-icon {
padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 7px 18px rgba(15, 23, 42, .18);
  transform: translateZ(0);
}

body.ui-runtime .brand-mark.has-generated-icon > svg {
display: block;
  width: 100%;
  height: 100%;
}

body.ui-runtime .domain-brand-preview {
overflow: hidden;
}

body.ui-runtime .brand-generated-logo {
display: block;
  width: min(100%, 520px);
  min-width: 0;
}

body.ui-runtime .brand-generated-logo > svg {
display: block;
  width: 100%;
  height: auto;
  max-height: 88px;
}

@media (max-width: 720px) {
body.ui-runtime.admin-page .site-mainbar .header-auth-actions {
grid-auto-columns: minmax(96px, 1fr);
    gap: 6px;
}

body.ui-runtime.admin-page .site-mainbar .header-auth-actions > .header-auth-action {
min-width: 96px;
    min-height: 38px;
    height: 38px;
    padding-inline: 12px;
    font-size: 13px;
}
}

@media (max-width: 1024px) {
body.ui-runtime.admin-page.route-admin-login-php .site-mainbar-inner {
grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand account";
}

body.ui-runtime.admin-page.route-admin-login-php .account-box.header-auth-actions {
grid-area: account;
    width: auto;
    max-width: none;
    min-width: 0;
    overflow: visible;
}
}

@media (max-width: 620px) {
body.ui-runtime.admin-page.route-admin-login-php .site-mainbar-inner {
grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "brand"
      "account";
}

body.ui-runtime.admin-page.route-admin-login-php .account-box.header-auth-actions {
width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: initial;
    grid-auto-columns: initial;
}

body.ui-runtime.admin-page.route-admin-login-php .header-auth-action {
min-width: 0;
}
}



:root,
body.ui-runtime {
--font-ui: Roboto, Arial, sans-serif;
  --font: var(--font-ui);
  --font-sans: var(--font-ui);
  --ui-font: var(--font-ui);
  --store-font: var(--font-ui);
  --store-font: var(--font-ui);
  --store-font: var(--font-ui);
  --store-font: var(--font-ui);
  --store-font: var(--font-ui);
  --store-font: var(--font-ui);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --mono: var(--font-mono);
  --mono-font: var(--font-mono);
}

html,
body.ui-runtime {
font-family: var(--font-ui);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body.ui-runtime :where(*) {
font-family: inherit;
}

body.ui-runtime :where( button, input, select, textarea, option, optgroup, summary ) {
font-family: var(--font-ui);
}

body.ui-runtime :where(input, textarea)::placeholder,
body.ui-runtime :where(*)::before,
body.ui-runtime :where(*)::after {
font-family: inherit;
}

body.ui-runtime :is( code, pre, kbd, samp, .mono, .field-code, .raw-view, .api-idempotency-chip, .api-key-value, .api-key-plain, .api-endpoint-route, .api-code, .code-copy, .identifier-value ) {
font-family: var(--font-mono);
  font-variant-ligatures: none;
}



body.ui-runtime.admin-page .admin-account-chip {
position: relative;
  display: block;
  min-width: 0;
  flex: 0 1 auto;
}

body.ui-runtime.admin-page .admin-account-chip > .admin-account-chip-trigger {
list-style: none;
  width: auto;
  min-width: 0;
  max-width: min(300px, 30vw);
  min-height: 38px;
  height: 38px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  padding: 3px 8px 3px 4px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  color: #334155;
  box-shadow: none;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

body.ui-runtime.admin-page .admin-account-chip > .admin-account-chip-trigger::-webkit-details-marker {
display: none;
}

body.ui-runtime.admin-page .admin-account-chip > .admin-account-chip-trigger::after {
content: none; display: none;
}

body.ui-runtime.admin-page .admin-account-chip > .admin-account-chip-trigger:hover,
body.ui-runtime.admin-page .admin-account-chip[open] > .admin-account-chip-trigger {
border-color: rgba(239,68,68,.34);
  background: #fff8f6;
  color: #e8462f;
  box-shadow: 0 8px 22px rgba(15,23,42,.07);
}

body.ui-runtime.admin-page .admin-account-chip > .admin-account-chip-trigger:focus-visible {
outline: 3px solid rgba(59,130,246,.2);
  outline-offset: 2px;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-avatar {
width: 28px;
  height: 28px;
  min-width: 28px;
  flex: 0 0 28px;
  display: inline-grid;
  place-items: center;
  margin: 0;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff3ed;
  color: #e8462f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-meta {
min-width: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  overflow: hidden;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-name {
display: block;
  min-width: 0;
  max-width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-role {
width: auto;
  max-width: 90px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-caret {
width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: inline-grid;
  place-items: center;
  color: #64748b;
  transition: transform .16s ease;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-caret-icon {
width: 14px;
  height: 14px;
  display: block;
}

body.ui-runtime.admin-page .admin-account-chip[open] .admin-account-chip-caret {
transform: rotate(180deg);
}

@media (max-width: 1180px) and (min-width: 1025px) {
body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-role {
display: none;
}

body.ui-runtime.admin-page .admin-account-chip .admin-account-chip-name {
max-width: 104px;
}

body.ui-runtime.admin-page .admin-account-chip > .admin-account-chip-trigger {
max-width: 158px;
}
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-detail {
display: grid;
  gap: 10px;
  overflow: hidden;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head > div {
min-width: 0;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head b,
body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head span {
display: block;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head span {
margin-top: 3px;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head > .status-badge {
flex: 0 0 auto;
  margin-top: 0;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-raw {
min-width: 0;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-raw summary {
cursor: pointer;
  font-weight: 700;
}

body.ui-runtime.route-admin-service-detail-php .provider-guard-raw code {
display: block;
  max-width: 100%;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(153,27,27,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.72);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-service-detail-php .provider-guard-detail-head {
display: grid;
}
}



body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  background: #f0fdf4;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card.is-off {
border-color: #fed7aa;
  background: #fff7ed;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card > div {
display: grid;
  gap: 2px;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card span,
body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card small {
color: var(--muted);
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card {
align-items: stretch;
    display: grid;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card form,
body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-card button {
width: 100%;
}
}



body.ui-runtime.route-admin-services-php .service-status-cell,
body.ui-runtime.route-admin-services-php td[data-ui-col="status"] {
min-width: 196px;
  width: 196px;
  overflow: visible;
  white-space: normal;
}

body.ui-runtime.route-admin-services-php .service-status-stack {
display: grid;
  justify-items: start;
  align-content: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  overflow: visible;
}

body.ui-runtime .service-provider-health-chip {
display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid #fecaca;
  border-radius: 999px;
  background: #fff7f7;
  color: #991b1b;
  font-size: 10.75px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
}

body.ui-runtime .service-provider-health-chip.is-warning {
border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

body.ui-runtime .service-provider-health-dot {
flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(185,28,28,.10);
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr.has-provider-guard {
background: #fff7ed;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr.has-provider-guard td {
background: transparent;
}

body.ui-runtime.route-admin-services-php .admin-services-core-table tbody tr.has-provider-guard:hover {
background: #fff3df;
}

body.ui-runtime .cron-command-builder {
display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface-soft);
}

body.ui-runtime .cron-builder-intro {
display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
}

body.ui-runtime .cron-builder-intro h3,
body.ui-runtime .cron-builder-intro p {
margin:0;
}

body.ui-runtime .cron-builder-intro p {
margin-top:4px; color:var(--muted);
}

body.ui-runtime .cron-command-output {
display:grid; gap:10px;
}

body.ui-runtime .cron-command-output textarea {
min-height:92px; resize:vertical; overflow-wrap:anywhere; white-space:pre-wrap;
}

body.ui-runtime .cron-builder-help summary {
cursor:pointer; font-weight:700;
}

body.ui-runtime .cron-builder-help p {
margin:8px 0 0;
}

body.ui-runtime .ui-modal-head {
position: sticky;
  top: 0;
  padding-right: 64px;
}

body.ui-runtime .ui-modal-head > .ui-modal-x {
position: absolute;
  top: 12px;
  right: 12px;
  z-index: 8;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  display: grid;
  place-items: center;
}

@media (max-width: 760px) {
body.ui-runtime.route-admin-services-php .service-status-cell,
body.ui-runtime.route-admin-services-php td[data-ui-col="status"] {
width: auto;
    min-width: 0;
    overflow: visible;
}

body.ui-runtime .cron-builder-intro {
display:grid;
}

body.ui-runtime .cron-builder-grid {
grid-template-columns:1fr;
}

body.ui-runtime .ui-modal-head > .ui-modal-x {
top:10px; right:10px;
}
}



body.ui-runtime.route-admin-maintenance-php .maintenance-operation-grid {
align-items: start;
}

body.ui-runtime .maintenance-mode-form {
display: grid;
  gap: 14px;
}

body.ui-runtime .maintenance-attention-list,
body.ui-runtime .maintenance-health-summary-list {
display: grid;
  gap: 9px;
}

body.ui-runtime .maintenance-attention-row,
body.ui-runtime .maintenance-health-summary-list > div,
body.ui-runtime .system-health-workload > a {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-soft);
  color: var(--text);
  text-decoration: none;
}

body.ui-runtime .maintenance-attention-row.is-warning {
border-color:#fde68a; background:#fffbeb;
}

body.ui-runtime .maintenance-attention-row.is-danger {
border-color:#fecaca; background:#fef2f2;
}

body.ui-runtime .maintenance-attention-row b,
body.ui-runtime .system-health-workload b {
font-size: 1rem;
}

body.ui-runtime .maintenance-advanced,
body.ui-runtime .maintenance-technical {
padding: 0;
  overflow: hidden;
}

body.ui-runtime .maintenance-advanced > summary,
body.ui-runtime .maintenance-technical > summary {
display: grid;
  gap: 3px;
  padding: 16px;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
}

body.ui-runtime .maintenance-advanced > summary::-webkit-details-marker,
body.ui-runtime .maintenance-technical > summary::-webkit-details-marker {
display:none;
}

body.ui-runtime .maintenance-advanced > summary::after,
body.ui-runtime .maintenance-technical > summary::after {
content: "+";
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
  font-size: 22px;
  color: var(--muted);
}

body.ui-runtime .maintenance-advanced[open] > summary::after,
body.ui-runtime .maintenance-technical[open] > summary::after {
content:"−";
}

body.ui-runtime .maintenance-advanced > summary small,
body.ui-runtime .maintenance-technical > summary small {
color:var(--muted); font-weight:400;
}

body.ui-runtime .maintenance-advanced-body,
body.ui-runtime .maintenance-technical-body {
display: grid;
  gap: 14px;
  padding: 0 16px 16px;
  border-top: 1px solid var(--border);
}

body.ui-runtime .maintenance-advanced-links {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.ui-runtime .maintenance-advanced-link {
display: grid;
  gap: 5px;
  min-height: 86px;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-soft);
  color: var(--text);
  text-decoration: none;
}

body.ui-runtime .maintenance-advanced-link span {
color:var(--muted); font-size:var(--fs-sm); line-height:1.45;
}

body.ui-runtime .maintenance-advanced-link.is-danger {
border-color:#fecaca; background:#fef2f2;
}

body.ui-runtime .storage-cleanup-primary {
max-width: 860px;
}

body.ui-runtime .storage-cleanup-form {
max-width: 520px;
}

@media (max-width: 760px) {
body.ui-runtime .maintenance-advanced-links {
grid-template-columns: 1fr;
}

body.ui-runtime .maintenance-mode-form .actions {
display:grid; grid-template-columns:1fr;
}

body.ui-runtime .maintenance-mode-form .actions .btn {
width:100%;
}
}

/* UI owner: 41-table-pagination.css */
body.ui-runtime.admin-page .admin-workspace-tabs {
width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px;
  box-sizing: border-box;
}

body.ui-runtime.admin-page .admin-workspace-tab {
min-width: 0;
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--border, #dbe3ee);
  border-radius: 8px;
  background: var(--surface, #fff);
  color: var(--text, #172033);
  text-decoration: none;
  box-sizing: border-box;
}

body.ui-runtime.admin-page .admin-workspace-tab:hover {
border-color: var(--primary, #2563eb);
  background: #f8fbff;
}

body.ui-runtime.admin-page .admin-workspace-tab.is-active {
border-color: var(--primary, #2563eb);
  background: #eff6ff;
  box-shadow: inset 3px 0 0 var(--primary, #2563eb);
}

body.ui-runtime.admin-page .admin-workspace-tab b {
min-width: 0;
  font-size: 14px;
  line-height: 1.3;
}

body.ui-runtime.admin-page .admin-workspace-tab span {
min-width: 0;
  color: var(--muted, #64748b);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.ui-runtime [data-table-region-node="1"] {
position: relative;
  scroll-margin-top: 88px;
}

body.ui-runtime .table-toolbar-core,
body.ui-runtime .table-pager-core {
width: 100%;
  min-width: 0;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 8px;
  background: #f8fafc;
  box-sizing: border-box;
}

body.ui-runtime .table-toolbar-core {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 10px;
  padding: 10px 12px;
}

body.ui-runtime .table-pager-core {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding: 11px 12px;
}

body.ui-runtime .table-pager-info {
min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

body.ui-runtime .table-page-status {
min-width: 0;
  display: inline-grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

body.ui-runtime .table-page-state-icon {
width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #475569;
  box-sizing: border-box;
}

body.ui-runtime .table-page-status.is-first .table-page-state-icon {
border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

body.ui-runtime .table-page-status.is-middle .table-page-state-icon {
border-color: #fde68a;
  background: #fffbeb;
  color: #a16207;
}

body.ui-runtime .table-page-status.is-last .table-page-state-icon,
body.ui-runtime .table-page-status.is-single .table-page-state-icon {
border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

body.ui-runtime .table-page-state-icon svg,
body.ui-runtime .table-page-action svg {
width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.ui-runtime .table-page-status-copy {
min-width: 0;
  display: grid;
  gap: 2px;
}

body.ui-runtime .table-page-status-copy strong {
color: var(--text, #172033);
  font-size: 14px;
  line-height: 1.25;
}

body.ui-runtime .table-page-status-copy small {
color: var(--muted, #64748b);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.ui-runtime .table-page-size {
min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

body.ui-runtime .table-page-size label {
min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--muted, #64748b);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

body.ui-runtime .table-page-size select {
width: auto;
  min-width: 78px;

  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 7px 32px 7px 10px;
  box-sizing: border-box;
}

body.ui-runtime .table-page-size-submit {
min-height: 42px;
}

body.ui-runtime .table-page-size.is-enhanced .table-page-size-submit {
display: none;
}

body.ui-runtime .table-pager-actions {
min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, 42px) minmax(64px, auto) repeat(2, 42px);
  align-items: center;
  justify-content: end;
  gap: 7px;
}

body.ui-runtime .table-page-action {
width: 42px;
  min-width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease, transform .15s ease;
}

body.ui-runtime a.table-page-action:hover {
border-color: var(--primary, #2563eb);
  background: #eff6ff;
  color: var(--primary, #2563eb);
  transform: translateY(-1px);
}

body.ui-runtime a.table-page-action:focus-visible {
outline: 3px solid rgba(37, 99, 235, .22);
  outline-offset: 2px;
}

body.ui-runtime .table-page-action.is-disabled {
border-color: #e2e8f0;
  background: #f1f5f9;
  color: #94a3b8;
  cursor: not-allowed;
  opacity: .72;
}

body.ui-runtime .table-pager-inline-status {
min-width: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text, #172033);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

body.ui-runtime .table-pager-actions.is-mobile-top {
display: none;
}

body.ui-runtime.admin-page .admin-wallet-ledger-core-table .money-pair {
min-width: 0;
  display: grid;
  gap: 5px;
}

body.ui-runtime.admin-page .admin-wallet-ledger-core-table .money-pair > span {
min-width: 0;
  display: grid;
  grid-template-columns: minmax(42px, auto) minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
}

body.ui-runtime.admin-page .admin-wallet-ledger-core-table .money-pair > span > b {
min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

body.ui-runtime .table-region-is-loading {
pointer-events: none;
  user-select: none;
}

body.ui-runtime .table-toolbar-core.table-region-is-loading,
body.ui-runtime .table-pager-core.table-region-is-loading {
opacity: .62;
}

body.ui-runtime [data-table-region-node="1"].table-region-is-loading {
opacity: .56;
}

body.ui-runtime [data-table-region-node="1"].table-region-is-loading::after {
content: "Đang tải dữ liệu…";
  position: absolute;
  top: 12px;
  left: 50%;
  z-index: 8;
  transform: translateX(-50%);
  max-width: calc(100% - 24px);
  padding: 8px 12px;
  border: 1px solid var(--border, #dbe3ee);
  border-radius: 999px;
  background: var(--surface, #fff);
  color: var(--text, #172033);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

@media (max-width: 680px) {
body.ui-runtime.admin-page .admin-workspace-tabs {
grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime.admin-page .admin-workspace-tab {
min-height: 58px;
}

body.ui-runtime .table-toolbar-core {
display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    padding: 10px;
}

body.ui-runtime .table-page-size,
body.ui-runtime .table-page-size label {
width: 100%;
}

body.ui-runtime .table-page-size label {
justify-content: space-between;
}

body.ui-runtime .table-page-size select {
min-height: 48px;
    height: 48px;
}

body.ui-runtime .table-toolbar-core > .table-page-status {
padding: 8px 0 0;
    border-top: 1px solid #e2e8f0;
}

body.ui-runtime .table-pager-actions.is-mobile-top {
display: grid;
    grid-template-columns: 48px 48px minmax(0, 1fr) 48px 48px;
    justify-content: stretch;
    padding-top: 9px;
    border-top: 1px solid #e2e8f0;
}

body.ui-runtime .table-pager-actions.is-mobile-top .table-page-action,
body.ui-runtime .table-pager-core .table-page-action {
width: 48px;
    min-width: 48px;
    height: 48px;
}

body.ui-runtime .table-pager-core {
align-items: stretch;
    flex-direction: column;
    padding: 10px;
}

body.ui-runtime .table-pager-info {
display: block;
}

body.ui-runtime .table-pager-core .table-page-size {
display: none;
}

body.ui-runtime .table-pager-core .table-pager-actions {
grid-template-columns: 48px 48px minmax(0, 1fr) 48px 48px;
    justify-content: stretch;
}

body.ui-runtime .table-pager-inline-status {
min-width: 0;
}

body.ui-runtime.admin-page .admin-wallet-ledger-core-table .money-pair > span {
grid-template-columns: 52px minmax(0, 1fr);
}
}

@media (max-width: 430px) {
body.ui-runtime .table-page-size:not(.is-enhanced) {
align-items: stretch;
    flex-direction: column;
}

body.ui-runtime .table-page-size:not(.is-enhanced) .table-page-size-submit {
width: 100%;
    min-height: 48px;
}

body.ui-runtime .table-page-status-copy strong {
font-size: 13px;
}

body.ui-runtime .table-page-status-copy small {
font-size: 11px;
}
}

body.ui-runtime .table-pager-live {
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.catalog-classification-modal {
display: grid;
  gap: 16px;
}

.catalog-classification-create .card {
margin: 0;
}

.catalog-classification-create h3,
.catalog-classification-list h3 {
margin: 0 0 10px;
}

.catalog-classification-list {
padding-top: 2px;
}

.catalog-classification-tags {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 680px) {
.catalog-classification-modal .btn {
width: 100%;
    min-height: 48px;
}
}

/* UI owner: 42-operations-after-pagination.css */
body.admin-page.ui-runtime .provider-worker-card .metadata-list,
body.admin-page.ui-runtime .provider-order-detail-summary .metadata-list {
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

body.admin-page.ui-runtime .provider-worker-card .filter-grid {
align-items: end;
}

body.admin-page.ui-runtime .provider-order-inline {
display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.admin-page.ui-runtime .provider-attempt-timeline {
display: grid;
  gap: 12px;
}

body.admin-page.ui-runtime .provider-attempt-card {
border: 1px solid var(--border);
  background: var(--surface);
  padding: 16px;
  border-radius: var(--radius-md);
  min-width: 0;
}

body.admin-page.ui-runtime .provider-attempt-card pre,
body.admin-page.ui-runtime .provider-order-detail-summary pre {
max-width: 100%;
  max-height: 420px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.admin-page.ui-runtime .provider-attempt-head {
display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
body.admin-page.ui-runtime .provider-worker-card .filter-grid,
body.admin-page.ui-runtime .provider-order-detail-summary .metadata-list {
grid-template-columns: 1fr;
}

body.admin-page.ui-runtime .provider-worker-card .btn,
body.admin-page.ui-runtime .provider-order-inline .btn {
min-height: 48px;
}

body.admin-page.ui-runtime .provider-attempt-card {
padding: 14px;
}
}



body.ui-runtime input[data-money-input],
body.ui-runtime input[data-decimal-money-input] {
text-align: right;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

body.ui-runtime input[data-money-input][data-money-align="left"],
body.ui-runtime input[data-decimal-money-input][data-money-align="left"],
body.ui-runtime .money-input-align-left[data-money-input] {
text-align: left;
}

body.ui-runtime .money-control {
display: block;
  width: 100%;
  min-width: 0;
}

body.ui-runtime [data-destructive-execute][disabled] {
cursor: not-allowed;
  opacity: .48;
  filter: saturate(.55);
}

body.ui-runtime .destructive-preview-status {
flex-basis: 100%;
  display: block;
  margin-top: 2px;
  line-height: 1.4;
}


body.ui-runtime.admin-page .audit-storage-card .section-title {
align-items: end;
  gap: 18px;
}

body.ui-runtime.admin-page .audit-clear-form {
display: grid;
  grid-template-columns: minmax(220px, 300px) auto;
  align-items: end;
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.admin-page .audit-clear-form > label {
display: grid;
  gap: 6px;
  min-width: 0;
}

body.ui-runtime.admin-page .audit-clear-form > label > span {
color: var(--text-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
}

body.ui-runtime.admin-page .audit-clear-form select,
body.ui-runtime.admin-page .audit-clear-form .btn {
min-height: 42px;
}

body.ui-runtime.admin-page .audit-storage-grid {
margin-top: 16px;
}

body.ui-runtime.admin-page .audit-retention-help {
margin: 12px 0 0;
}

body.ui-runtime .domain-brand-preview .brand-mark.has-generated-icon,
body.ui-runtime .auth-brand-card .brand-mark.has-generated-icon,
body.ui-runtime .maintenance-public-card .brand-mark.has-generated-icon {
box-shadow: 0 14px 32px rgba(15, 23, 42, .22);
}

@media (max-width: 900px) {
body.ui-runtime.admin-page .audit-storage-card .section-title {
display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
}

body.ui-runtime.admin-page .audit-clear-form {
grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

body.ui-runtime.admin-page .audit-clear-form .btn {
width: 100%;
    min-height: 48px;
}
}



body.ui-runtime .brand-mark.brand-icon-first {
flex: 0 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 9px;
}

body.ui-runtime .brand-mark.brand-icon-first > svg,
body.ui-runtime .brand-mark.brand-icon-first > img {
display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.ui-runtime .brand-header-custom-logo {
display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 220px;
  height: 42px;
}

body.ui-runtime .brand-header-custom-logo > img {
display: block;
  width: auto;
  max-width: 100%;
  max-height: 42px;
  object-fit: contain;
}

body.ui-runtime .brand-horizontal-logo.has-custom-brand-logo > img {
display: block;
  width: auto;
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
}

body.ui-runtime.admin-page .brand-studio {
overflow: hidden;
}

body.ui-runtime.admin-page .brand-studio-layout {
display: grid;
  grid-template-columns: minmax(320px, .85fr) minmax(460px, 1.15fr);
  gap: 20px;
  align-items: start;
}

body.ui-runtime.admin-page .brand-preview-board {
display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--r3);
  background: var(--surface-soft);
}

body.ui-runtime.admin-page .brand-preview-header {
min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  overflow: hidden;
}

body.ui-runtime.admin-page .brand-preview-header.is-light {
background: #fff;
  color: #0f172a;
}

body.ui-runtime.admin-page .brand-preview-header.is-dark {
border-color: #263244;
  background: #111827;
  color: #f8fafc;
}

body.ui-runtime.admin-page .brand-preview-header .brand-mark {
width: 36px;
  height: 36px;
}

body.ui-runtime.admin-page .brand-preview-live-name {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 800;
}

body.ui-runtime.admin-page .brand-icon-scale {
display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 16px;
  padding: 14px;
  border: 1px dashed var(--line);
  border-radius: var(--r2);
  background: #fff;
}

body.ui-runtime.admin-page .brand-icon-scale > span {
display: grid;
  justify-items: center;
  gap: 6px;
  color: var(--text-2);
  font-size: 11px;
}

body.ui-runtime.admin-page .brand-scale-icon {
display: block;
  font-style: normal;
}

body.ui-runtime.admin-page .brand-scale-icon.size-16 {
width: 16px; height: 16px;
}

body.ui-runtime.admin-page .brand-scale-icon.size-24 {
width: 24px; height: 24px;
}

body.ui-runtime.admin-page .brand-scale-icon.size-32 {
width: 32px; height: 32px;
}

body.ui-runtime.admin-page .brand-scale-icon.size-48 {
width: 48px; height: 48px;
}

body.ui-runtime.admin-page .brand-scale-icon .brand-mark {
width: 100%; height: 100%; border-radius: 24%;
}

body.ui-runtime.admin-page .brand-horizontal-preview {
min-height: 92px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: #fff;
  overflow: hidden;
}

body.ui-runtime.admin-page .brand-horizontal-preview .brand-generated-logo {
width: min(100%, 480px);
}

body.ui-runtime.admin-page .brand-settings-form,
body.ui-runtime.admin-page .brand-upload-field {
min-width: 0;
}

body.ui-runtime.admin-page .brand-upload-field {
display: grid;
  align-content: start;
  gap: 9px;
}

body.ui-runtime.admin-page .brand-color-control {
display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

body.ui-runtime.admin-page .brand-color-control input[type="color"] {
width: 58px;
  min-width: 58px;
  height: 44px;
  padding: 4px;
  cursor: pointer;
}

body.ui-runtime.admin-page .brand-color-control code {
min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--r2);
  background: var(--surface-soft);
}

body.ui-runtime.admin-page .brand-meta-strip {
display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  color: var(--text-2);
  font-size: var(--fs-xs);
}

@media (max-width: 980px) {
body.ui-runtime.admin-page .brand-studio-layout {
grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 560px) {
body.ui-runtime .brand-header-custom-logo {
max-width: 150px; height: 36px;
}

body.ui-runtime .brand-header-custom-logo > img {
max-height: 36px;
}

body.ui-runtime.admin-page .brand-preview-board {
padding: 12px;
}

body.ui-runtime.admin-page .brand-icon-scale {
justify-content: center;
}

body.ui-runtime.admin-page .brand-meta-strip {
display: grid; gap: 6px;
}
}

body.ui-runtime .brand-horizontal-logo {
display: block;
  width: min(100%, 520px);
  min-width: 0;
}

body.ui-runtime .brand-horizontal-logo > svg {
display: block;
  width: 100%;
  height: auto;
  max-height: 80px;
}



body.ui-runtime.route-admin-members-php .member-test-warning {
display:flex; align-items:center; justify-content:space-between; gap:14px;
  margin-bottom:12px; padding:12px 14px; border:1px solid #fbbf24;
  border-left:4px solid #f59e0b; border-radius:10px; background:#fffbeb; color:#78350f;
}

body.ui-runtime.route-admin-members-php .member-test-warning > div {
display:grid; gap:3px;
}

body.ui-runtime.route-admin-members-php .member-test-warning span:not(.badge) {
font-size:12px; line-height:1.45;
}

body.ui-runtime.route-admin-members-php tr.is-test-member > td {
background:#fff8dc;
}

body.ui-runtime.route-admin-members-php tr.is-test-member > td:first-child {
box-shadow:inset 4px 0 0 #f59e0b;
}

body.ui-runtime.route-admin-members-php .member-test-badge {
border-color:#f59e0b; background:#fef3c7; color:#92400e;
}

body.ui-runtime .admin-switch {
display:inline-flex; align-items:center; gap:12px; min-width:0; cursor:pointer; user-select:none;
}

body.ui-runtime .admin-switch > input {
position:absolute; inline-size:1px; block-size:1px; opacity:0; pointer-events:none;
}

body.ui-runtime .admin-switch-track {
position:relative; flex:0 0 52px; width:52px; height:30px; border:1px solid #cbd5e1;
  border-radius:999px; background:#cbd5e1; transition:.18s ease;
}

body.ui-runtime .admin-switch-track i {
position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%;
  background:#fff; box-shadow:0 1px 4px rgba(15,23,42,.25); transition:.18s ease;
}

body.ui-runtime .admin-switch > input:checked + .admin-switch-track {
border-color:#16a34a; background:#16a34a;
}

body.ui-runtime .admin-switch > input:checked + .admin-switch-track i {
transform:translateX(22px);
}

body.ui-runtime .admin-switch > input:focus-visible + .admin-switch-track {
outline:3px solid rgba(37,99,235,.22); outline-offset:2px;
}

body.ui-runtime .admin-switch > span:last-child {
display:grid; gap:2px; min-width:0;
}

body.ui-runtime .admin-switch small {
color:var(--muted); font-weight:400; line-height:1.4;
}

body.ui-runtime.route-admin-maintenance-php .maintenance-file-source {
display:flex; justify-content:space-between; gap:10px; margin-bottom:12px; padding:9px 10px;
  border:1px solid var(--border); border-radius:8px; background:var(--surface-soft); color:var(--muted); font-size:12px;
}

body.ui-runtime.route-admin-maintenance-php .maintenance-file-source code {
color:var(--text); overflow-wrap:anywhere;
}

body.ui-runtime.route-admin-maintenance-php .maintenance-switch-form {
padding:14px; border:1px solid var(--border); border-radius:10px; background:#f8fafc;
}

body.ui-runtime.route-admin-maintenance-php .maintenance-message-form {
margin-top:14px;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-switch-form {
flex:0 0 auto;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-switch-form .admin-switch {
min-height:44px;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-service-options {
grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); max-height:420px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-center {
margin-bottom:14px; overflow:hidden; border:1px solid #dbe3ee; border-radius:14px;
  background:#fff; box-shadow:0 6px 18px rgba(15,23,42,.055);
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-head {
display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px;
  border-bottom:1px solid #e2e8f0; background:linear-gradient(135deg,#f8fafc,#fff);
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-head h2 {
margin:2px 0 0; font-size:20px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-head p {
margin:4px 0 0; color:var(--muted); font-size:12px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-actions {
display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metrics {
display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric {
position:relative; display:grid; gap:4px; min-width:0; padding:15px 16px 15px 20px; border-right:1px solid #e2e8f0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric:last-child {
border-right:0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric::before {
content:""; position:absolute; top:15px; bottom:15px; left:10px; width:3px; border-radius:99px; background:#94a3b8;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric > span {
color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric > b {
overflow:hidden; color:#0f172a; font-size:16px; text-overflow:ellipsis; white-space:nowrap;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric > small {
overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric.is-success::before {
background:#16a34a;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric.is-warning::before {
background:#f59e0b;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric.is-danger::before {
background:#dc2626;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric.is-info::before {
background:#2563eb;
}

@media (max-width:980px) {
body.ui-runtime.route-admin-payment-settings-php .payment-command-metrics {
grid-template-columns:repeat(2,minmax(0,1fr));
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric:nth-child(2) {
border-right:0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric:nth-child(-n+2) {
border-bottom:1px solid #e2e8f0;
}
}

@media (max-width:640px) {
body.ui-runtime.route-admin-members-php .member-test-warning,
body.ui-runtime.route-admin-payment-settings-php .payment-command-head {
align-items:stretch; display:grid;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-actions {
display:grid; grid-template-columns:1fr;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-actions .btn {
width:100%;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metrics {
grid-template-columns:1fr;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric {
border-right:0; border-bottom:1px solid #e2e8f0;
}

body.ui-runtime.route-admin-payment-settings-php .payment-command-metric:last-child {
border-bottom:0;
}

body.ui-runtime.route-admin-maintenance-php .maintenance-file-source {
display:grid;
}

body.ui-runtime.route-admin-live-uid-checker-php .liveuid-gate-switch-form {
justify-self:start;
}
}



body.admin-page .content-center-grid {
align-items:start
}

body.admin-page .content-center-row {
display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line,rgba(15,23,42,.1))
}

body.admin-page .content-center-row:last-child {
border-bottom:0
}

body.admin-page .content-center-row small {
display:block;margin-top:3px;color:var(--muted,#64748b)
}

body.admin-page .content-editor-layout {
grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);align-items:start
}

body.admin-page .announcement-preview {
margin-top:18px;padding-top:18px;border-top:1px solid var(--line,rgba(15,23,42,.1))
}

body.admin-page .compact-metrics {
margin:16px 0
}

body.admin-page .compact-metrics .metric {
min-height:96px
}

body.admin-page .broadcast-sample-grid {
display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0 18px
}

body.admin-page .broadcast-sample {
padding:10px 12px;border:1px solid var(--line,rgba(15,23,42,.1));border-radius:10px;background:var(--surface-soft,#f8fafc)
}

body.admin-page .broadcast-sample b,
body.admin-page .broadcast-sample small {
display:block
}

body.admin-page .broadcast-sample small {
margin-top:3px;color:var(--muted,#64748b)
}

body.admin-page .progress-track {
height:7px;margin:6px 0;border-radius:999px;overflow:hidden;background:rgba(100,116,139,.18)
}

body.admin-page .progress-track>span {
display:block;height:100%;border-radius:inherit;background:currentColor;min-width:0
}

body.admin-page .announcement-composer,
body.admin-page .broadcast-composer {
scroll-margin-top:92px
}

@media (max-width:900px) {
body.admin-page .content-editor-layout {
grid-template-columns:1fr
}

body.admin-page .content-center-grid {
grid-template-columns:1fr
}
}



.ui-runtime .cron-center-health .table-card-head,
.ui-runtime .cron-center-health .section-title {
align-items: flex-start;
}

.ui-runtime .cron-center-table .small.muted {
max-width: 48rem;
}

.ui-runtime .cron-center-local {
margin-bottom: 1rem;
}

.ui-runtime .cron-command-builder textarea,
.ui-runtime .cron-command-builder input.mono {
overflow-wrap: anywhere;
  word-break: break-word;
}

.ui-runtime .broadcast-help ol {
margin: .65rem 0 1rem;
  padding-left: 1.4rem;
}

.ui-runtime .broadcast-help li + li {
margin-top: .4rem;
}

@media (max-width: 720px) {
.ui-runtime .cron-center-health .table-card-head,
.ui-runtime .cron-center-health .section-title {
gap: .75rem;
}

.ui-runtime .broadcast-help .grid.grid-2 {
grid-template-columns: 1fr;
}
}



.access-denied-page {
min-height:100vh;background:linear-gradient(145deg,var(--bg,#f4f6f9),#eef2f7)
}

.access-denied-shell {
min-height:100vh;display:grid;place-items:center;padding:28px
}

.access-denied-card {
width:min(680px,100%);padding:34px;text-align:center;border-top:4px solid var(--danger,#dc3545);box-shadow:0 20px 55px rgba(15,23,42,.12)
}

.access-denied-icon {
width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:#fff0f0;font-size:30px
}

.access-denied-card h1 {
margin:8px 0 10px;font-size:clamp(28px,4vw,42px)
}

.access-denied-message {
font-size:16px;line-height:1.65;margin:0 auto 18px;max-width:560px
}

.access-denied-required {
display:inline-flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--border,#d7dee8);background:var(--surface-soft,#f8fafc);margin-bottom:16px
}

.access-denied-required span {
color:var(--muted,#64748b);font-size:13px
}

.access-denied-hint {
text-align:left;margin:0 auto 18px
}

.access-denied-actions {
justify-content:center;flex-wrap:wrap
}

.access-denied-foot {
margin:18px auto 0;max-width:560px;line-height:1.55
}

.supplier-report-filter .inline-filter {
align-items:flex-end;flex-wrap:wrap
}

.supplier-report-money {
white-space:nowrap;text-align:right
}

@media (max-width:640px) {
.access-denied-card {
padding:24px 18px
}

.access-denied-required {
display:flex;flex-direction:column;gap:4px
}

.access-denied-actions .btn {
width:100%
}
}



.service-owner-cell {
display:grid;gap:3px;min-width:150px
}

.service-owner-cell .mono {
font-size:12px;color:var(--muted,#64748b)
}

.service-platform-status {
display:inline-flex;align-items:center;gap:6px;white-space:nowrap
}

.service-foreign-readonly {
padding:10px 12px;border-left:3px solid var(--warning,#d97706);background:var(--surface-soft,#f8fafc)
}

.service-moderation-form {
display:grid;gap:14px
}

.service-moderation-history {
white-space:pre-wrap;overflow-wrap:anywhere
}

.inventory-ownership-readonly {
font-size:12px;color:var(--muted,#64748b);margin-top:4px
}

@media (max-width:640px) {
.service-owner-cell {
min-width:0
}

.service-platform-status {
white-space:normal
}
}

/* UI owner: 43-service-status-report-pager.css */
body.ui-runtime.admin-page .service-status-stack {
min-width: 0;
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 6px;
  width: 100%;
  overflow: visible;
}

body.ui-runtime.admin-page .service-lock-source,
body.ui-runtime.admin-page .service-lock-reason {
max-width: 210px;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page .supplier-sales-filter,
body.ui-runtime.admin-page .supplier-sales-metrics {
margin-bottom: 12px;
}

body.ui-runtime.admin-page .supplier-report-money {
display: block;
  white-space: nowrap;
  text-align: right;
}

body.ui-runtime.admin-page .supplier-service-report,
body.ui-runtime.admin-page .supplier-item-report {
margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.ui-runtime.admin-page .admin-data-panel > [data-table-region-node="1"] {
margin: 0;
}

body.ui-runtime .table-pager-core {
isolation: isolate;
}

body.ui-runtime.route-admin-services-php .service-hard-purge-modal .ui-modal-dialog {
  max-width: 980px;
}

body.ui-runtime.route-admin-services-php .service-purge-preview {
  display: grid;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.route-admin-services-php .service-purge-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ui-runtime.route-admin-services-php .service-purge-preview .modal-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 720px) {
  body.ui-runtime.route-admin-services-php .service-purge-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  body.ui-runtime.route-admin-services-php .service-purge-preview .modal-foot,
  body.ui-runtime.route-admin-services-php .service-purge-preview .modal-foot form,
  body.ui-runtime.route-admin-services-php .service-purge-preview .modal-foot .btn {
    width: 100%;
  }
}

/* UI owner: 44-admin-compact-select-filter.css */
body.ui-runtime.admin-page .admin-compact-select-filter {
min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

body.ui-runtime.admin-page .admin-compact-select-filter > label {
margin: 0;
  color: var(--muted, #64748b);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-compact-select-filter > select {
width: auto;
  min-width: 132px;
  max-width: 180px;
  min-height: 38px;
  margin: 0;
  padding-inline: 11px 34px;
  border-radius: 10px;
  background-color: #fff;
  font-weight: 650;
  white-space: nowrap;
}

body.ui-runtime.admin-page .admin-compact-select-filter[aria-busy="true"] > select,
body.ui-runtime.admin-page .admin-compact-select-filter[data-auto-submitting="1"] > select {
cursor: progress;
}

@media (max-width: 780px) {
body.ui-runtime.admin-page .admin-title-actions .admin-compact-select-filter {
width: 100%;
}

body.ui-runtime.admin-page .admin-compact-select-filter > label {
flex: 0 0 auto;
}

body.ui-runtime.admin-page .admin-compact-select-filter > select {
flex: 1 1 auto;
    width: 100%;
    max-width: none;
}
}

/* UI owner: 45-admin-role-capability.css */
.role-capability-picker {
margin-top:12px;padding:12px;border:1px solid var(--border,#dbe3ed);background:var(--surface-soft,#f8fafc);border-radius:8px
}

.role-capability-summary {
display:grid;gap:8px;margin-top:8px
}

.role-capability-summary.compact {
gap:5px
}

.role-capability-group {
display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:10px;font-size:13px;line-height:1.45
}

.role-capability-group b {
color:var(--text-strong,#0f172a)
}

.role-capability-group span {
color:var(--text-muted,#475569)
}

@media (max-width:700px) {
.role-capability-group {
grid-template-columns:1fr;gap:2px
}
}

/* Storefront filter layout owner.
 * Desktop: sticky sidebar. Tablet: inline horizontal filter panel.
 * Mobile: off-canvas drawer that never participates in marketplace flow.
 */
body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace {
  display: grid;
  grid-template-columns: var(--ws-user-store-sidebar, 250px) minmax(0, 1fr);
  align-items: start;
  gap: var(--ws-user-store-gap, 16px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-side {
  position: sticky;
  top: 12px;
  min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-main {
  min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page .user-filter-toggle,
body.ui-runtime.store-page .user-filter-mobile-head,
body.ui-runtime.store-page .user-filter-backdrop {
  display: none;
}

@media (min-width: 721px) and (max-width: 980px) {
  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace {
    grid-template-columns: minmax(0, 1fr);
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-side {
    position: static;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-filter-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-filter-head {
    grid-column: 1 / -1;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-filter-group {
    border-right: 1px solid var(--store-line, #e4e7ec);
    border-bottom: 0;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-filter-group:last-child {
    border-right: 0;
  }
}

@media (max-width: 720px) {
  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace {
    grid-template-columns: minmax(0, 1fr);
  }

  body.ui-runtime.store-page .user-filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(245, 61, 45, .28);
    border-radius: 999px;
    background: #fff7f5;
    color: #d93622;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }

  body.ui-runtime.store-page .user-filter-toggle b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #f53d2d;
    color: #fff;
    font-size: 11px;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-side {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 2147482400;
    width: min(86vw, 360px);
    max-width: 360px;
    min-width: 0;
    padding: 0 12px max(18px, env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    box-shadow: -24px 0 70px rgba(15, 23, 42, .26);
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
    pointer-events: none;
    transition: transform .22s ease, visibility 0s linear .22s;
    will-change: transform;
  }

  body.ui-runtime.store-page.user-filter-open {
    overflow: hidden;
  }

  body.ui-runtime.store-page.user-filter-open[data-user-layout-mode="store"] .user-marketplace-side {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
  }

  body.ui-runtime.store-page .user-filter-mobile-head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin: 0 -12px 10px;
    padding: 0 14px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
  }

  body.ui-runtime.store-page .user-filter-mobile-head button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f8fafc;
    color: #111827;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
  }

  body.ui-runtime.store-page .user-filter-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2147482300;
    background: rgba(15, 23, 42, .42);
  }

  body.ui-runtime.store-page.user-filter-open .user-filter-backdrop {
    display: block;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-side .user-filter-card {
    display: block;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-side .user-filter-head {
    display: none;
  }

  body.ui-runtime.store-page[data-user-layout-mode="store"] .user-marketplace-side .user-filter-group {
    border-right: 0;
    border-bottom: 1px solid #eef2f7;
  }
}

/* UI owner: 50-storefront-service-card.css */
.shopee-grid {
  display: grid;
  /* Product grid contract: full rows consume the available content width, while
     auto-fill keeps empty tracks on the last row so 1-2 trailing cards do not
     stretch into oversized tiles. */
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  align-items: stretch;
  justify-content: stretch;
  gap: 12px;
  width: 100%;
  min-width: 0;
}


.shopee-card {
  width: 100%;
  min-width: 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.2s ease, border 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
}

.shopee-card:hover {
  border-color: #ee4d2d;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.1);
  z-index: 2;
}


.shopee-card:hover .sp-icon {
  transform: scale(1.15);
}


.sp-img-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  position: relative;
  background: linear-gradient(180deg, #4A65A5, #293e6b);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.bg-green { background: linear-gradient(180deg, #10b981, #047857); }
.bg-purple { background: linear-gradient(180deg, #8b5cf6, #5b21b6); }

.sp-icon {
  font-size: 60px;
  color: rgba(255, 255, 255, 0.9);
  font-family: serif;
  font-weight: bold;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.sp-cat-ribbon {
  position: absolute;
  top: 10px;
  left: -4px;
  background-color: #f25220;
  color: white;
  font-size: 11px;
  font-weight: 900;
  padding: 4px 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
  z-index: 2;
  text-transform: uppercase;


  min-width: 55px;
  text-align: center;
  letter-spacing: 0.5px;
}

.sp-cat-ribbon::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  border-top: 4px solid #9c2e0e;
  border-left: 4px solid transparent;
}


.sp-stock-status {
  position: absolute;
  top: 10px;
  right: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  padding: 4px 7px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.sp-stock-status.is-ready { background: rgba(5, 150, 105, .94); }
.sp-stock-status.is-low { background: rgba(217, 119, 6, .95); }

.sp-stock-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 2px rgba(255,255,255,.22);
}

/* Out-of-stock is a single modifier on the shared card wrapper. */
.shopee-card.is-out-of-stock {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}

.shopee-card.is-out-of-stock > :not(.sp-out-of-stock-ribbon) {
  opacity: .85;
  filter: grayscale(.35);
}

.shopee-card.is-out-of-stock .sp-out-of-stock-ribbon {
  position: absolute;
  top: 20px;
  right: -42px;
  z-index: 10;
  width: 150px;
  padding: 7px 0;
  background: #475569;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
  transform: rotate(45deg);
  transform-origin: center;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .2);
}

.shopee-card.is-out-of-stock:hover {
  border-color: #cbd5e1;
  transform: none;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
  z-index: auto;
}

.shopee-card.is-out-of-stock:hover .sp-icon {
  transform: none;
}



.sp-info-area {
  padding: 10px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}


.sp-title-wrapper {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 34px;
  margin-bottom: 10px;
  line-height: 17px;
  text-overflow: ellipsis;
}

.sp-id-badge {
  display: inline-block;
  background: #f1f5f9;
  color: #64748b;
  font-size: 10px;
  font-weight: bold;
  padding: 1px 4px;
  border-radius: 3px;
  margin-right: 4px;
  vertical-align: bottom;
}

.sp-title {
  font-size: 12px;
  color: #222;
  overflow-wrap: anywhere;
}

.sp-title-name {
  color: #222;
  font-weight: 500;
}

.sp-title-separator,
.sp-title-description {
  color: #7b8492;
  font-weight: 400;
}


.sp-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.sp-price {
  color: #ee4d2d;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
}
.sp-currency {
  font-size: 11px;
  margin-top: 2px;
  margin-right: 2px;
  text-decoration: underline;
}

.sp-sold {
  font-size: 11px;
  color: #757575;
}


.sp-stats-box {
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 4px;
  padding: 6px;
  margin-bottom: auto;
}

.sp-stat-line {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #64748b;
  margin-bottom: 4px;
}
.sp-stat-line:last-child {
  margin-bottom: 0;
}
.sp-stat-val {
  font-weight: bold;
  color: #333;
}
.stock-ready { color: #059669; }
.stock-empty { color: #dc2626; }


.sp-buy-btn {
  width: 100%;
  background: linear-gradient(90deg, #f25220, #ee4d2d);
  color: white;
  border: none;
  padding: 8px 0;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(238, 77, 45, 0.2);
  transition: background 0.2s;
}
.sp-buy-btn:hover {
  background: linear-gradient(90deg, #d73a1c, #d73a1c);
}


.sp-buy-btn:disabled,
.shopee-card.is-out-of-stock .sp-buy-btn {
  background: #e5e7eb;
  color: #94a3b8;
  box-shadow: none;
  cursor: not-allowed;
}
.sp-buy-btn:disabled:hover,
.shopee-card.is-out-of-stock .sp-buy-btn:hover {
  background: #e5e7eb;
}

/* Mobile storefront grid is owned here, beside the card component. Generic
   .market-grid mobile rules must not collapse the canonical Shopee grid. */
@media (max-width: 640px) {
  body.ui-runtime.store-page.route-user-index-php .shopee-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: 8px;
  }

  body.ui-runtime.store-page.route-user-index-php .shopee-card {
    width: 100%;
    min-width: 0;
  }

  body.ui-runtime.store-page.route-user-index-php .sp-img-container {
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

/* Admin inventory filter/report workspace. Route-scoped to avoid leaking into other admin pages. */
body.route-admin-inventory-php .inventory-filter-card {
  display: grid;
  gap: 14px;
}

body.route-admin-inventory-php .inventory-query-form {
  gap: 14px;
}

body.route-admin-inventory-php .inventory-preset-row {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  min-width: 0;
  padding: 10px 0 2px;
  border-top: 1px solid var(--line, #e2e8f0);
}

body.route-admin-inventory-php .inventory-preset-label {
  color: var(--text, #0f172a);
  font-size: 12px;
  font-weight: 750;
  margin-right: 2px;
}

body.route-admin-inventory-php .inventory-preset-row small {
  color: var(--muted, #64748b);
  margin-left: 2px;
}

body.route-admin-inventory-php .inventory-preset-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 999px;
  background: var(--surface, #fff);
  color: var(--text, #0f172a);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

body.route-admin-inventory-php .inventory-preset-button:hover {
  border-color: color-mix(in srgb, var(--brand, #2563eb) 42%, var(--line, #e2e8f0));
}

body.route-admin-inventory-php .inventory-preset-button.is-active {
  border-color: color-mix(in srgb, var(--brand, #2563eb) 55%, transparent);
  background: color-mix(in srgb, var(--brand, #2563eb) 11%, var(--surface, #fff));
  color: var(--brand, #2563eb);
}

body.route-admin-inventory-php .inventory-search-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 12px;
  align-items: end;
}

body.route-admin-inventory-php .inventory-search-row .actions {
  margin: 0;
  flex-wrap: nowrap;
}

body.route-admin-inventory-php .inventory-advanced-filter {
  margin: 0;
}

body.route-admin-inventory-php .inventory-query-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-height: 38px;
}

body.route-admin-inventory-php .inventory-query-menu {
  flex: 0 0 auto;
}

body.route-admin-inventory-php .inventory-query-summary-panel {
  padding: 0;
  overflow: hidden;
}

body.route-admin-inventory-php .inventory-query-summary {
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(0, 1.58fr);
  min-width: 0;
}

body.route-admin-inventory-php .inventory-query-summary-count {
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  padding: 14px 16px;
  border-right: 1px solid var(--line, #e2e8f0);
  background: color-mix(in srgb, var(--brand, #2563eb) 7%, var(--surface, #fff));
}

body.route-admin-inventory-php .inventory-query-summary-count span,
body.route-admin-inventory-php .inventory-query-summary-detail > span {
  color: var(--muted, #64748b);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

body.route-admin-inventory-php .inventory-query-summary-count strong {
  color: var(--text, #0f172a);
  font-size: clamp(24px, 2.7vw, 34px);
  line-height: 1;
}

body.route-admin-inventory-php .inventory-query-summary-count small,
body.route-admin-inventory-php .inventory-query-summary-detail > small {
  color: var(--muted, #64748b);
  font-size: 11px;
}

body.route-admin-inventory-php .inventory-query-summary-detail {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
  padding: 12px 16px;
}

body.route-admin-inventory-php .inventory-query-scope-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

body.route-admin-inventory-php .inventory-query-scope-chip {
  display: inline-flex;
  gap: 4px;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 999px;
  background: var(--surface-muted, #f8fafc);
  color: var(--text, #0f172a);
  font-size: 11px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.route-admin-inventory-php .inventory-query-scope-chip b {
  font-weight: 750;
}

body.route-admin-inventory-php .inventory-query-scope-chip.is-all {
  border-color: color-mix(in srgb, var(--brand, #2563eb) 28%, var(--line, #e2e8f0));
  color: var(--brand, #2563eb);
}

@media (max-width: 760px) {
  body.route-admin-inventory-php .inventory-query-summary {
    grid-template-columns: 1fr;
  }

  body.route-admin-inventory-php .inventory-query-summary-count {
    border-right: 0;
    border-bottom: 1px solid var(--line, #e2e8f0);
  }
}

@media (max-width: 900px) {
  body.route-admin-inventory-php .inventory-search-row {
    grid-template-columns: 1fr;
  }

  body.route-admin-inventory-php .inventory-query-menu,
  body.route-admin-inventory-php .inventory-query-menu {
    width: 100%;
  }
}

@media (max-width: 520px) {
  body.route-admin-inventory-php .inventory-search-row .actions,
  body.route-admin-inventory-php .inventory-search-row .btn {
    width: 100%;
  }

  body.route-admin-inventory-php .inventory-search-row .actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.route-admin-inventory-php .inventory-preset-label,
  body.route-admin-inventory-php .inventory-preset-row small {
    flex-basis: 100%;
  }

}


body.route-admin-inventory-php .inventory-uid-delete-modal .ui-modal-dialog {
  width: min(1080px, calc(100vw - 28px));
  max-height: min(900px, calc(100dvh - 28px));
}

body.route-admin-inventory-php .inventory-uid-delete-modal .ui-modal-body {
  padding: 16px;
}

body.route-admin-inventory-php .inventory-uid-delete-workspace {
  display: grid;
  gap: 16px;
  min-width: 0;
}

body.route-admin-inventory-php .inventory-uid-delete-form {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 14px;
  background: var(--surface, #fff);
}

body.route-admin-inventory-php .inventory-uid-input-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(240px, .7fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

body.route-admin-inventory-php .inventory-uid-delete-form textarea[data-inventory-uid-raw] {
  min-height: 190px;
  resize: vertical;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 12px;
  line-height: 1.45;
}

body.route-admin-inventory-php .inventory-uid-file-row {
  min-width: 0;
  padding: 12px;
  border: 1px dashed color-mix(in srgb, var(--brand, #2563eb) 30%, var(--line, #e2e8f0));
  border-radius: 12px;
  background: color-mix(in srgb, var(--brand, #2563eb) 4%, var(--surface, #fff));
}

body.route-admin-inventory-php .inventory-uid-client-status {
  min-width: 0;
  padding: 9px 11px;
  border-radius: 10px;
  background: var(--surface-muted, #f8fafc);
  color: var(--muted, #64748b);
  font-size: 12px;
  overflow-wrap: anywhere;
}

body.route-admin-inventory-php .inventory-uid-delete-form[aria-busy="true"] .inventory-uid-client-status {
  color: var(--brand, #2563eb);
}

body.route-admin-inventory-php .inventory-uid-delete-actions,
body.route-admin-inventory-php .inventory-uid-delete-confirm-actions {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.route-admin-inventory-php .inventory-uid-delete-confirm-actions {
  position: sticky;
  bottom: -16px;
  z-index: 2;
  margin: 0 -16px -16px;
  padding: 12px 16px;
  border-top: 1px solid var(--line, #e2e8f0);
  background: color-mix(in srgb, var(--surface, #fff) 96%, transparent);
  backdrop-filter: blur(8px);
}

body.route-admin-inventory-php .inventory-uid-delete-confirm-actions form {
  margin: 0;
}

body.route-admin-inventory-php .inventory-uid-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

body.route-admin-inventory-php .inventory-uid-result-head h3,
body.route-admin-inventory-php .inventory-uid-result-head p {
  margin: 0;
}

body.route-admin-inventory-php .inventory-uid-result-head p {
  margin-top: 3px;
  color: var(--muted, #64748b);
  font-size: 12px;
}

body.route-admin-inventory-php .inventory-uid-delete-notes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  background: var(--surface-muted, #f8fafc);
  color: var(--muted, #64748b);
  font-size: 12px;
}

body.route-admin-inventory-php .inventory-uid-delete-notes b {
  color: var(--text, #0f172a);
}

body.route-admin-inventory-php .inventory-uid-delete-details {
  margin: 0;
  min-width: 0;
}

body.route-admin-inventory-php .inventory-uid-delete-details .prebox {
  max-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.route-admin-inventory-php .inventory-uid-preview-table {
  margin-top: 2px;
  max-height: min(46vh, 520px);
  overflow: auto;
}

@media (max-width: 760px) {
  body.route-admin-inventory-php .inventory-uid-delete-modal .ui-modal-dialog {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
  }

  body.route-admin-inventory-php .inventory-uid-delete-modal .ui-modal-body {
    padding: 12px;
  }

  body.route-admin-inventory-php .inventory-uid-input-grid {
    grid-template-columns: 1fr;
  }

  body.route-admin-inventory-php .inventory-uid-delete-form textarea[data-inventory-uid-raw] {
    min-height: 160px;
  }

  body.route-admin-inventory-php .inventory-uid-result-head {
    display: grid;
  }

  body.route-admin-inventory-php .inventory-uid-delete-confirm-actions {
    bottom: -12px;
    margin: 0 -12px -12px;
    padding: 10px 12px;
  }
}

@media (max-width: 620px) {
  body.route-admin-inventory-php .inventory-uid-delete-actions,
  body.route-admin-inventory-php .inventory-uid-delete-confirm-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.route-admin-inventory-php .inventory-uid-delete-actions .btn,
  body.route-admin-inventory-php .inventory-uid-delete-confirm-actions .btn,
  body.route-admin-inventory-php .inventory-uid-delete-confirm-actions form {
    width: 100%;
  }
}

/* Canonical first-install UI owner. Scope: body.install-page only. */
body.ui-runtime.install-page {
  --install-ink: #0f172a;
  --install-muted: #64748b;
  --install-line: #dbe3ee;
  --install-surface: #ffffff;
  --install-accent: #c93f09;
  min-height: 100dvh;
  background:
    radial-gradient(circle at 15% 10%, rgba(37, 99, 235, .10), transparent 30%),
    radial-gradient(circle at 88% 88%, rgba(201, 63, 9, .08), transparent 28%),
    #f4f7fb;
}

body.ui-runtime.install-page .install-page-main {
  width: 100%;
  min-height: 100dvh;
  padding: clamp(18px, 4vw, 48px);
  display: grid;
  place-items: center;
  box-sizing: border-box;
}

body.ui-runtime.install-page .install-page-main > .alert {
  width: min(1080px, 100%);
  margin: 0 auto 12px;
}

body.ui-runtime.install-page .install-setup-shell {
  width: min(1080px, 100%);
  display: grid;
  grid-template-columns: minmax(320px, .82fr) minmax(460px, 1.18fr);
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .30);
  border-radius: 24px;
  background: var(--install-surface);
  box-shadow: 0 28px 80px rgba(15, 23, 42, .14);
}

body.ui-runtime.install-page .install-setup-overview {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
  padding: clamp(28px, 4vw, 46px);
  color: #e8eef8;
  background:
    radial-gradient(circle at 85% 8%, rgba(59, 130, 246, .25), transparent 32%),
    linear-gradient(145deg, #172a4a 0%, #0f1b31 58%, #0b1424 100%);
}

body.ui-runtime.install-page .install-setup-overview::after {
  content: "";
  position: absolute;
  inset: auto -80px -100px auto;
  width: 240px;
  height: 240px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  pointer-events: none;
}

body.ui-runtime.install-page .install-setup-brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 14px;
}

body.ui-runtime.install-page .install-setup-brand .brand-mark,
body.ui-runtime.install-page .install-setup-brand .brand-generated-mark {
  flex: 0 0 auto;
}

body.ui-runtime.install-page .install-setup-brand > div:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.ui-runtime.install-page .install-setup-brand span {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.ui-runtime.install-page .install-setup-brand b {
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.install-page .install-setup-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
}

body.ui-runtime.install-page .install-setup-kicker,
body.ui-runtime.install-page .install-form-heading > span {
  width: max-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-runtime.install-page .install-setup-kicker {
  color: #bfdbfe;
  background: rgba(59, 130, 246, .16);
  border: 1px solid rgba(147, 197, 253, .18);
}

body.ui-runtime.install-page .install-setup-copy h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.12;
}

body.ui-runtime.install-page .install-setup-copy p {
  max-width: 42ch;
  margin: 0;
  color: #b8c5d9;
  line-height: 1.6;
}

body.ui-runtime.install-page .install-status-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
}

body.ui-runtime.install-page .install-status-row {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 13px;
  background: rgba(255, 255, 255, .055);
}

body.ui-runtime.install-page .install-status-row > span {
  color: #93a4bc;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.install-page .install-status-row > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.ui-runtime.install-page .install-status-row b,
body.ui-runtime.install-page .install-status-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.install-page .install-status-row b {
  color: #f8fafc;
  font-size: 13px;
}

body.ui-runtime.install-page .install-status-row small {
  color: #94a3b8;
  font-size: 11px;
}

body.ui-runtime.install-page .install-status-row i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: #86efac;
  background: rgba(34, 197, 94, .12);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

body.ui-runtime.install-page .install-setup-note {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: auto;
  padding-top: 4px;
  color: #9fb0c8;
}

body.ui-runtime.install-page .install-setup-note p {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

body.ui-runtime.install-page .install-setup-form-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(28px, 4vw, 48px);
  background: #fff;
}

body.ui-runtime.install-page .install-form-heading {
  display: grid;
  gap: 8px;
  margin-bottom: 22px;
}

body.ui-runtime.install-page .install-form-heading > span {
  color: #9a3412;
  background: #fff1eb;
}

body.ui-runtime.install-page .install-form-heading h2 {
  margin: 0;
  color: var(--install-ink);
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.18;
}

body.ui-runtime.install-page .install-form-heading p {
  margin: 0;
  color: var(--install-muted);
  line-height: 1.55;
}

body.ui-runtime.install-page .install-owner-form {
  display: grid;
  gap: 14px;
}

body.ui-runtime.install-page .install-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.ui-runtime.install-page .install-form-row {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body.ui-runtime.install-page .install-form-row label {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime.install-page .install-form-row label .ui-required-mark {
  display: inline;
  flex: 0 0 auto;
  color: #dc2626;
  line-height: 1;
}

body.ui-runtime.install-page .install-form-row input {
  width: 100%;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid #cbd5e1;
  border-radius: 11px;
  background: #fff;
  color: var(--install-ink);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
  box-sizing: border-box;
}

body.ui-runtime.install-page .install-form-row input:focus {
  border-color: #2563eb;
  outline: 3px solid rgba(37, 99, 235, .12);
}

body.ui-runtime.install-page .install-field-hint {
  margin-top: -7px;
  color: var(--install-muted);
  font-size: 11px;
}

body.ui-runtime.install-page .install-submit {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 4px;
  border-radius: 11px;
  font-weight: 800;
}

@media (max-width: 860px) {
  body.ui-runtime.install-page .install-page-main {
    place-items: start center;
    padding: 14px;
  }

  body.ui-runtime.install-page .install-setup-shell {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }

  body.ui-runtime.install-page .install-setup-form-panel {
    order: -1;
    padding: 24px;
  }

  body.ui-runtime.install-page .install-setup-overview {
    gap: 20px;
    padding: 24px;
  }

  body.ui-runtime.install-page .install-status-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.ui-runtime.install-page .install-status-row {
    grid-template-columns: 1fr 24px;
  }

  body.ui-runtime.install-page .install-status-row > span {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  body.ui-runtime.install-page .install-page-main {
    padding: 8px;
  }

  body.ui-runtime.install-page .install-setup-form-panel,
  body.ui-runtime.install-page .install-setup-overview {
    padding: 20px 16px;
  }

  body.ui-runtime.install-page .install-form-grid,
  body.ui-runtime.install-page .install-status-list {
    grid-template-columns: 1fr;
  }

  body.ui-runtime.install-page .install-status-row {
    grid-template-columns: 82px minmax(0, 1fr) 24px;
  }

  body.ui-runtime.install-page .install-status-row > span {
    grid-column: auto;
  }
}

@media (max-height: 720px) and (min-width: 861px) {
  body.ui-runtime.install-page .install-page-main {
    place-items: start center;
    padding-block: 14px;
  }

  body.ui-runtime.install-page .install-setup-overview,
  body.ui-runtime.install-page .install-setup-form-panel {
    padding-block: 26px;
  }

  body.ui-runtime.install-page .install-status-row {
    padding-block: 9px;
  }
}

body.ui-runtime.install-page .install-status-row.is-warn i {
  color: #fcd34d;
  background: rgba(245, 158, 11, .14);
}

/* UI owner: 53-auth-surface.css
 * Canonical login/register surface shared by user and admin auth routes.
 */
body.ui-runtime.route-login-php,
body.ui-runtime.route-register-php,
body.ui-runtime.route-admin-login-php {
  background:
    radial-gradient(circle at 8% 10%, rgba(var(--brand-rgb, 238, 77, 45), .10), transparent 28%),
    radial-gradient(circle at 92% 82%, rgba(15, 23, 42, .08), transparent 30%),
    #f4f7fb;
}

body.ui-runtime .auth-surface {
  width: min(100%, 1040px);
  margin: 20px auto 34px;
  display: grid;
  grid-template-columns: minmax(300px, .88fr) minmax(420px, 1.12fr);
  overflow: hidden;
  border: 1px solid #d9e2ee;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(15, 23, 42, .14);
}

body.ui-runtime .auth-register-surface {
  width: min(100%, 1120px);
  grid-template-columns: minmax(300px, .78fr) minmax(500px, 1.22fr);
}

body.ui-runtime .auth-surface-overview {
  position: relative;
  isolation: isolate;
  min-width: 0;
  padding: clamp(30px, 4vw, 52px);
  display: flex;
  flex-direction: column;
  color: #e8eef8;
  background:
    linear-gradient(145deg, rgba(var(--brand-rgb, 238, 77, 45), .28), transparent 38%),
    linear-gradient(160deg, #172b4d 0%, #0f172a 72%);
}

body.ui-runtime .auth-surface-overview::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 250px;
  height: 250px;
  right: -90px;
  bottom: -90px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
}

body.ui-runtime .auth-surface-brand {
  display: flex;
  align-items: center;
  gap: 13px;
}

body.ui-runtime .auth-surface-brand .brand-mark,
body.ui-runtime .auth-surface-brand .brand-generated-mark {
  flex: 0 0 auto;
}

body.ui-runtime .auth-surface-brand > div:last-child {
  display: grid;
  gap: 2px;
}

body.ui-runtime .auth-surface-brand span {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.ui-runtime .auth-surface-brand b {
  color: #fff;
  font-size: 20px;
}

body.ui-runtime .auth-overview-copy {
  margin-top: clamp(42px, 8vh, 78px);
}

body.ui-runtime .auth-surface-heading > span {
  display: inline-flex;
  width: max-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.ui-runtime .auth-overview-copy h2 {
  margin-top: 0;
  color: #fff;
  font-size: clamp(30px, 3.3vw, 42px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

body.ui-runtime .auth-overview-copy p {
  margin-top: 12px;
  max-width: 460px;
  color: #cbd5e1;
  line-height: 1.65;
}

body.ui-runtime .auth-overview-points {
  margin-top: 28px;
  display: grid;
  gap: 10px;
}

body.ui-runtime .auth-overview-points > div {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #e2e8f0;
  font-size: 13px;
}

body.ui-runtime .auth-overview-points i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(34, 197, 94, .15);
  color: #86efac;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

body.ui-runtime .auth-overview-note {
  margin-top: auto;
  padding-top: 30px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #bfdbfe;
  font-size: 12px;
}

body.ui-runtime .auth-overview-note p {
  line-height: 1.55;
}

body.ui-runtime .auth-surface-panel {
  min-width: 0;
  padding: clamp(30px, 4vw, 54px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}

body.ui-runtime .auth-surface-heading > span {
  color: var(--brand-hover);
  background: var(--brand-soft);
  border: 1px solid var(--brand-line);
}

body.ui-runtime .auth-surface-heading h1 {
  margin-top: 12px;
  color: #0f172a;
  font-size: clamp(28px, 3vw, 38px);
  letter-spacing: -.025em;
}

body.ui-runtime .auth-surface-heading p {
  margin-top: 8px;
  color: #64748b;
  line-height: 1.55;
}

body.ui-runtime .auth-context-switch {
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 5px;
  border: 0;
  background: transparent;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

body.ui-runtime .auth-context-switch .auth-context-link {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--brand-hover);
  font-weight: 800;
  line-height: inherit;
  text-decoration: none;
  text-underline-offset: 3px;
}

body.ui-runtime .auth-context-switch .auth-context-link:hover,
body.ui-runtime .auth-context-switch .auth-context-link:focus-visible {
  background: transparent;
  color: var(--brand);
  text-decoration: underline;
  outline: none;
}

body.ui-runtime .auth-core-form {
  margin-top: 22px;
  display: grid;
  gap: 15px;
}

body.ui-runtime .auth-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.ui-runtime .auth-form-row {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body.ui-runtime .auth-form-row label {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

body.ui-runtime .auth-form-row input {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid #b8c6d8;
  border-radius: 11px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
}

body.ui-runtime .auth-form-row input:hover {
  border-color: #94a3b8;
}

body.ui-runtime .auth-form-row input:focus {
  border-color: var(--brand);
  outline: 3px solid rgba(var(--brand-rgb, 238, 77, 45), .14);
}

body.ui-runtime .auth-primary-action {
  width: 100%;
  min-height: 48px;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--brand-hover);
  border-radius: 11px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-hover) 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(var(--brand-rgb, 238, 77, 45), .28);
}

body.ui-runtime .auth-primary-action:hover,
body.ui-runtime .auth-primary-action:focus-visible {
  border-color: #9a3412;
  background: linear-gradient(135deg, var(--brand-hover) 0%, #9a3412 100%);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 13px 26px rgba(var(--brand-rgb, 238, 77, 45), .34);
}

body.ui-runtime .auth-primary-action:active {
  transform: translateY(0);
}

body.ui-runtime .auth-surface-note {
  margin-top: 15px;
  color: #64748b;
  font-size: 12px;
  text-align: center;
}

body.ui-runtime .auth-register-form .checkbox-row,
body.ui-runtime .auth-register-form .ui-checkbox-row {
  padding: 12px 13px;
  border: 1px solid #dbe4ef;
  border-radius: 11px;
  background: #f8fafc;
}

body.ui-runtime .auth-register-form a {
  color: var(--brand-hover);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.ui-runtime .auth-disabled-actions {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.ui-runtime .auth-secondary-action,
body.ui-runtime .auth-tertiary-action {
  min-height: 42px;
  padding-inline: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: 800;
}

body.ui-runtime .auth-secondary-action {
  border: 1px solid var(--brand);
  background: var(--brand-soft);
  color: var(--brand-hover);
}

body.ui-runtime .auth-tertiary-action {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
}

@media (max-width: 920px) {
  body.ui-runtime .auth-surface,
  body.ui-runtime .auth-register-surface {
    grid-template-columns: 1fr;
    width: min(100%, 680px);
  }

  body.ui-runtime .auth-surface-overview {
    min-height: auto;
    padding: 28px 30px;
  }

  body.ui-runtime .auth-overview-copy {
    margin-top: 28px;
  }

  body.ui-runtime .auth-overview-copy h2 {
    font-size: 30px;
  }

  body.ui-runtime .auth-overview-note {
    margin-top: 24px;
    padding-top: 0;
  }
}

@media (max-width: 620px) {
  body.ui-runtime .auth-surface,
  body.ui-runtime .auth-register-surface {
    margin: 8px auto 22px;
    border-radius: 16px;
  }

  body.ui-runtime .auth-surface-overview,
  body.ui-runtime .auth-surface-panel {
    padding: 24px 20px;
  }

  body.ui-runtime .auth-form-grid {
    grid-template-columns: 1fr;
  }

}

/* UI owner: 54-import-job.css
 * Import job progress and control-state contract.
 */
body.ui-runtime.admin-page .import-job-progress-track {
  position: relative;
  width: 100%;
  height: 12px;
  margin-top: 7px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #e9eef5;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.08);
}

body.ui-runtime.admin-page .import-job-progress-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--brand-hover));
  box-shadow: 0 0 0 1px rgba(255,255,255,.22) inset;
  transition: width .24s ease;
}

body.ui-runtime.admin-page .import-job-control-panel[aria-busy="true"] .import-job-progress-fill {
  background-size: 36px 36px;
  background-image: linear-gradient(
    135deg,
    rgba(255,255,255,.20) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255,255,255,.20) 50%,
    rgba(255,255,255,.20) 75%,
    transparent 75%,
    transparent
  ), linear-gradient(90deg, var(--brand), var(--brand-hover));
  animation: import-job-progress-stripes .9s linear infinite;
}

body.ui-runtime.admin-page .import-job-busy-note {
  min-height: 18px;
  margin-top: 7px;
  color: #64748b;
  font-size: 12px;
}

body.ui-runtime.admin-page .import-job-busy-note[hidden] {
  display: none;
}

body.ui-runtime.admin-page .admin-job-controls button:disabled {
  cursor: not-allowed;
  opacity: .52;
  box-shadow: none;
  transform: none;
}

@keyframes import-job-progress-stripes {
  from { background-position: 0 0, 0 0; }
  to { background-position: 36px 0, 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.ui-runtime.admin-page .import-job-progress-fill {
    transition: none;
    animation: none;
  }
}

/* Canonical final cascade owner for interactive action contrast. */
body.ui-runtime {
  --ui-primary-bg: var(--brand, #d13f20);
  --ui-primary-hover: var(--brand-hover, #b8321a);
  --ui-primary-fg: var(--brand-on, #fff);
  --ui-warning-bg: #92400e;
  --ui-warning-hover: #78350f;
  --ui-warning-fg: #fff;
  --ui-success-bg: #166534;
  --ui-success-hover: #14532d;
  --ui-success-fg: #fff;
}

body.ui-runtime :is(a.btn,button.btn,input.btn):not(.secondary):not(.danger):not(.warn):not(.ok):not(.ghost):not(.ui-copy-btn):not(.user-action-btn):not(.ui-action-trigger):not(.ui-action-item):not(.auth-secondary-action):not(.auth-tertiary-action):not(.ui-table-action-btn):not(.ui-table-download-btn) {
  border-color: var(--ui-primary-bg);
  background: var(--ui-primary-bg);
  color: var(--ui-primary-fg);
}

body.ui-runtime :is(a.btn,button.btn,input.btn):not(.secondary):not(.danger):not(.warn):not(.ok):not(.ghost):not(.ui-copy-btn):not(.user-action-btn):not(.ui-action-trigger):not(.ui-action-item):not(.auth-secondary-action):not(.auth-tertiary-action):not(.ui-table-action-btn):not(.ui-table-download-btn):is(:hover,:focus-visible) {
  border-color: var(--ui-primary-hover);
  background: var(--ui-primary-hover);
  color: var(--ui-primary-fg);
}

body.ui-runtime.store-page :is(.user-action-btn.is-primary,.user-action-btn.is-download) {
  border-color: var(--ui-primary-bg);
  background: var(--ui-primary-bg);
  color: var(--ui-primary-fg);
}

body.ui-runtime.store-page :is(.user-order-action.is-primary,.user-order-action.is-download),
body.ui-runtime.store-page .sp-buy-btn:not(:disabled),
body.ui-runtime.store-page .user-store-search-box button,
body.ui-runtime .global-search button,
body.ui-runtime.store-page :is(.user-sort-actions a.active,.user-view-switch a.active) {
  border-color: var(--ui-primary-bg);
  background: var(--ui-primary-bg);
  color: var(--ui-primary-fg);
}

body.ui-runtime.store-page :is(.user-order-action.is-primary,.user-order-action.is-download):is(:hover,:focus-visible),
body.ui-runtime.store-page .sp-buy-btn:not(:disabled):is(:hover,:focus-visible),
body.ui-runtime.store-page .user-store-search-box button:is(:hover,:focus-visible),
body.ui-runtime .global-search button:is(:hover,:focus-visible),
body.ui-runtime.store-page :is(.user-sort-actions a.active,.user-view-switch a.active):is(:hover,:focus-visible) {
  border-color: var(--ui-primary-hover);
  background: var(--ui-primary-hover);
  color: var(--ui-primary-fg);
}

body.ui-runtime .btn.warn {
  border-color: var(--ui-warning-bg);
  background: var(--ui-warning-bg);
  color: var(--ui-warning-fg);
}

body.ui-runtime .btn.warn:is(:hover,:focus-visible) {
  border-color: var(--ui-warning-hover);
  background: var(--ui-warning-hover);
  color: var(--ui-warning-fg);
}

body.ui-runtime .btn.ok {
  border-color: var(--ui-success-bg);
  background: var(--ui-success-bg);
  color: var(--ui-success-fg);
}

body.ui-runtime .btn.ok:is(:hover,:focus-visible) {
  border-color: var(--ui-success-hover);
  background: var(--ui-success-hover);
  color: var(--ui-success-fg);
}

body.ui-runtime :is(a.btn,button.btn,input.btn):focus-visible {
  outline: 3px solid rgba(209, 63, 32, .28);
  outline: 3px solid color-mix(in srgb, var(--ui-primary-bg) 28%, transparent);
  outline-offset: 2px;
}

/*
 * Final component contracts.
 *
 * This file loads after all legacy/page layers. Copy controls and user metrics
 * are rendered by shared PHP helpers, so their visual semantics must not depend
 * on route-specific button or historical metric selectors.
 */
body.ui-runtime {
  --ui-copy-line: #cbd5e1;
  --ui-copy-line-hover: #94a3b8;
  --ui-copy-fg: #334155;
  --ui-copy-hover-bg: #f8fafc;
}

body.ui-runtime .ui-copy-btn.ui-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  min-width: 32px;
  min-height: 32px;
  height: auto;
  padding: 6px 10px;
  border: 1px solid var(--ui-copy-line);
  border-radius: 5px;
  background: #fff;
  color: var(--ui-copy-fg);
  font-family: var(--font-sans, system-ui, sans-serif);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  filter: none;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}

body.ui-runtime .ui-copy-btn.ui-copy-btn:is(:hover,:focus-visible) {
  border-color: var(--ui-copy-line-hover);
  background: var(--ui-copy-hover-bg);
  color: #1f2937;
  filter: none;
}

body.ui-runtime .ui-copy-btn.ui-copy-btn:disabled {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #94a3b8;
  cursor: not-allowed;
}

body.ui-runtime .ui-copy-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  fill: none;
  stroke: currentColor;
}

body.ui-runtime .ui-copy-label {
  min-width: 0;
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .ui-copy-btn.is-icon-only {
  flex: 0 0 32px;
  width: 32px;
  max-width: 32px;
  padding: 0;
}

body.ui-runtime .ui-copy-btn.is-icon-only .ui-copy-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/*
 * Text-only dropbutton contract. The list keeps its own class when the dropdown
 * controller portals it to the document layer, so table overflow cannot change
 * either its geometry or its visual skin.
 */
body.ui-runtime {
  --ui-dropbutton-fg: #1f2937;
  --ui-dropbutton-line: #cbd5e1;
  --ui-dropbutton-hover-fg: var(--brand-hover, #b8321a);
  --ui-dropbutton-hover-line: var(--brand-line, #ffd6c9);
  --ui-dropbutton-hover-bg: var(--brand-soft, #fff3ee);
  --ui-dropbutton-active-bg: #ffe7df;
  --ui-dropbutton-hover-accent: var(--brand, #d13f20);
  --ui-dropbutton-focus-ring: var(--brand, #d13f20);
}

body.ui-runtime .ui-dropbutton {
  position: relative;
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  vertical-align: middle;
}

body.ui-runtime .ui-table-dropbutton {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-dropbutton-trigger.ui-action-trigger {
  min-width: 92px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid var(--ui-dropbutton-line);
  border-radius: 9px;
  background: #fff;
  color: var(--ui-dropbutton-fg);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease;
}

body.ui-runtime .ui-dropbutton-trigger.ui-action-trigger:hover {
  border-color: var(--ui-dropbutton-hover-line);
  background: var(--ui-dropbutton-hover-bg);
  color: var(--ui-dropbutton-hover-fg);
  box-shadow: 0 3px 10px rgba(209, 63, 32, .12);
}

body.ui-runtime .ui-dropbutton-trigger.ui-action-trigger[aria-expanded="true"] {
  border-color: var(--ui-dropbutton-hover-line);
  background: var(--ui-dropbutton-active-bg);
  color: var(--ui-dropbutton-hover-fg);
  box-shadow: inset 0 0 0 1px rgba(209, 63, 32, .14);
}

body.ui-runtime .ui-dropbutton-trigger.ui-action-trigger:focus-visible {
  outline: 2px solid var(--ui-dropbutton-focus-ring);
  outline-offset: 2px;
}

body.ui-runtime .ui-dropbutton-trigger.ui-action-trigger:active {
  background: var(--ui-dropbutton-active-bg);
  color: var(--ui-dropbutton-hover-fg);
  box-shadow: none;
}

body.ui-runtime .ui-dropbutton-list.ui-action-list {
  position: absolute;
  z-index: 7300;
  top: calc(100% + 6px);
  right: 0;
  width: max-content;
  min-width: 210px;
  max-width: min(320px, calc(100vw - 16px));
  display: grid;
  gap: 3px;
  padding: 6px;
  border: 1px solid var(--ui-dropbutton-line);
  border-radius: 12px;
  background: #fff;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, .16),
    0 0 0 1px rgba(148, 163, 184, .08);
  box-sizing: border-box;
  text-align: left;
}

body.ui-runtime .ui-dropbutton-list.ui-action-list[hidden] {
  display: none;
}

body.ui-runtime .ui-dropbutton-form {
  display: block;
  width: 100%;
  margin: 0;
}

body.ui-runtime .ui-dropbutton-list.ui-action-list .ui-action-item {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 11px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ui-dropbutton-fg);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  box-shadow: none;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  white-space: normal;
  cursor: pointer;
  transition:
    background-color 140ms ease,
    box-shadow 140ms ease,
    color 140ms ease;
}

body.ui-runtime .ui-dropbutton-list.ui-action-list .ui-action-item:is(:hover,:focus-visible) {
  background: var(--ui-dropbutton-hover-bg);
  color: var(--ui-dropbutton-hover-fg);
  box-shadow: inset 3px 0 0 var(--ui-dropbutton-hover-accent);
}

body.ui-runtime .ui-dropbutton-list.ui-action-list .ui-action-item:focus-visible {
  outline: 2px solid var(--ui-dropbutton-focus-ring);
  outline-offset: -2px;
}

body.ui-runtime .ui-dropbutton-list.ui-action-list .ui-action-item:active {
  background: var(--ui-dropbutton-active-bg);
  color: var(--ui-dropbutton-hover-fg);
  box-shadow: inset 3px 0 0 var(--ui-dropbutton-hover-accent);
}

body.ui-runtime .ui-dropbutton-list.ui-action-list .ui-action-item:is(:disabled,[aria-disabled="true"]) {
  background: transparent;
  color: #94a3b8;
  box-shadow: none;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  body.ui-runtime .ui-dropbutton-trigger.ui-action-trigger,
  body.ui-runtime .ui-dropbutton-list.ui-action-list .ui-action-item {
    transition: none;
  }
}

body.ui-runtime .api-key-copy-row .ui-copy-btn {
  min-height: 42px;
}

body.ui-runtime [data-table-empty-region="1"] {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

body.ui-runtime.store-page .store-service-core-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  box-sizing: border-box;
}

body.ui-runtime.store-page .store-service-actions.store-service-actions {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
  overflow: hidden;
}

body.ui-runtime.store-page .store-service-actions.store-service-actions > * {
  min-width: 0;
}

body.ui-runtime.store-page .store-service-actions .store-service-copy-btn {
  flex: 0 0 32px;
}

body.ui-runtime.store-page .store-service-actions :is(.btn,.ui-copy-btn) {
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 980px) {
  body.ui-runtime.store-page .store-service-actions.store-service-actions {
    justify-content: stretch;
    overflow: visible;
  }

  body.ui-runtime.store-page .store-service-actions.store-service-actions > :not(.store-service-copy-btn) {
    flex: 1 1 0;
  }
}


/* Member command bar composition. Search field visuals are owned by
   58-table-filter-action-core.css through Ui::listSearchField. */
body.ui-runtime.admin-page .member-list-command-bar .wbh-command-actions {
  min-width: 0;
  flex-wrap: nowrap;
}

@media (max-width: 1100px) {
  body.ui-runtime.admin-page .member-list-command-bar .wbh-command-actions {
    flex-wrap: wrap;
  }

  body.ui-runtime.admin-page .member-list-command-bar [data-ui-list-search="1"] {
    flex: 1 1 520px;
  }
}

@media (max-width: 620px) {
  body.ui-runtime.admin-page .member-list-command-bar .wbh-command-actions > .btn {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* Shared asynchronous attachment state. The download controller owns behavior;
 * this component only exposes a consistent busy affordance. */
body.ui-runtime a[data-download-response].is-loading,
body.ui-runtime a[data-download-response][aria-busy="true"] {
  pointer-events: none;
  opacity: .64;
  cursor: wait;
}

/* Compact icon-only POST action. Used by dense list tables where a frequent,
 * unambiguous operation must remain reachable before horizontal scrolling. */
body.ui-runtime {
  --ui-icon-action-line: #cbd5e1;
  --ui-icon-action-fg: #475569;
  --ui-icon-action-bg: #fff;
  --ui-icon-action-focus: var(--brand, #d13f20);
  --ui-icon-action-danger-line: #fecaca;
  --ui-icon-action-danger-fg: #b91c1c;
  --ui-icon-action-danger-bg: #fff7f7;
  --ui-icon-action-danger-hover: #fee2e2;
}

body.ui-runtime .ui-icon-action-form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  margin: 0;
}

body.ui-runtime .ui-icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid var(--ui-icon-action-line);
  border-radius: 10px;
  background: var(--ui-icon-action-bg);
  color: var(--ui-icon-action-fg);
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body.ui-runtime .ui-icon-action :is(svg,.ui-trash-icon) {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  stroke: currentColor;
}

body.ui-runtime .ui-icon-action:is(:hover,:focus-visible) {
  border-color: #94a3b8;
  background: #f8fafc;
  color: #1f2937;
}

body.ui-runtime .ui-icon-action:focus-visible {
  outline: 2px solid var(--ui-icon-action-focus);
  outline-offset: 2px;
}

body.ui-runtime .ui-icon-action.is-danger {
  border-color: var(--ui-icon-action-danger-line);
  background: var(--ui-icon-action-danger-bg);
  color: var(--ui-icon-action-danger-fg);
}

body.ui-runtime .ui-icon-action.is-danger:is(:hover,:focus-visible) {
  border-color: #fca5a5;
  background: var(--ui-icon-action-danger-hover);
  color: #991b1b;
  box-shadow: 0 3px 10px rgba(185, 28, 28, .12);
}

body.ui-runtime .ui-icon-action:disabled {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #94a3b8;
  box-shadow: none;
  cursor: not-allowed;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table :is(th.table-compact-action-head,td.table-compact-action-cell) {
  width: 52px;
  min-width: 52px;
  max-width: 52px;
  padding-inline: 8px;
  text-align: center;
}

body.ui-runtime .ui-icon-action-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-height: 36px;
}

@media (prefers-reduced-motion: reduce) {
  body.ui-runtime .ui-icon-action { transition: none; }
}


/* Shared modal context block for short operator workflows opened from dense tables. */
body.ui-runtime .ui-modal-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 11px 12px;
  border: 1px solid var(--line, #d9e0ea);
  border-radius: 10px;
  background: #f8fafc;
  min-width: 0;
}
body.ui-runtime .ui-modal-context > * {
  min-width: 0;
}
body.ui-runtime .supplier-pending-settlement-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--line, #d9e0ea);
  border-radius: 10px;
  background: #fff;
}
body.ui-runtime .supplier-settlement-modal-actions {
  align-items: start;
}
@media (max-width: 720px) {
  body.ui-runtime .ui-modal-context,
  body.ui-runtime .supplier-pending-settlement-summary {
    align-items: flex-start;
    flex-direction: column;
  }
  body.ui-runtime .supplier-settlement-modal-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Canonical icon-only search control for the user storefront header. */
body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
  all: unset;
  box-sizing: border-box;
  flex: 0 0 42px;
  width: 42px;
  min-width: 42px;
  max-width: 42px;
  height: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  display: grid;
  place-items: center;
  background: var(--store-brand);
  color: #fff;
  cursor: pointer;
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit:hover {
  background: var(--store-brand-dark);
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-submit:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.48);
}

body.ui-runtime.store-page.route-user-index-php .user-store-search-icon {
  width: 19px;
  height: 19px;
  color: inherit;
  pointer-events: none;
}

@media (max-width: 620px) {
  body.ui-runtime.store-page.route-user-index-php .user-store-search-submit {
    flex-basis: 40px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 36px;
    min-height: 36px;
  }
}

/*
 * Canonical summary/report cards.
 *
 * The grid owns responsive sizing. Pages only supply semantic data and an
 * optional scope class; they must not reimplement card width or breakpoints.
 */
body.ui-runtime .ui-summary-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  grid-auto-rows: 1fr;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  justify-self: stretch;
}

body.ui-runtime .ui-summary-grid.is-cols-1{ grid-template-columns: minmax(0, 1fr); }
body.ui-runtime .ui-summary-grid.is-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.ui-runtime .ui-summary-grid.is-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.ui-runtime .ui-summary-grid.is-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.ui-runtime .ui-summary-grid.is-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.ui-runtime .ui-summary-grid.is-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
body.ui-runtime .ui-summary-grid.is-count-1{ grid-template-columns: minmax(0, 1fr); }

body.ui-runtime .ui-summary-grid > *{
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-summary-card{
  --ui-summary-accent: #64748b;
  position: relative;
  display: grid;
  align-content: start;
  gap: 7px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 104px;
  height: 100%;
  margin: 0;
  padding: 14px 15px;
  border: 1px solid #dfe6ef;
  border-left: 3px solid var(--ui-summary-accent);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .035);
  box-sizing: border-box;
  overflow: hidden;
}

body.ui-runtime .ui-summary-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

body.ui-runtime .ui-summary-card-head > span{
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.ui-runtime .ui-summary-card-head > i{
  flex: 0 0 auto;
  color: var(--ui-summary-accent);
  font-style: normal;
  font-size: 14px;
  line-height: 1;
}

body.ui-runtime .ui-summary-card > b{
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: #0f172a;
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.015em;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.ui-runtime .ui-summary-card > small{
  min-width: 0;
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

body.ui-runtime .ui-summary-card.tone-primary{ --ui-summary-accent: var(--ws-user-brand, var(--brand, #ee4d2d)); }
body.ui-runtime .ui-summary-card.tone-info{ --ui-summary-accent: #2563eb; }
body.ui-runtime .ui-summary-card.tone-success{ --ui-summary-accent: #16a34a; }
body.ui-runtime .ui-summary-card.tone-warning{ --ui-summary-accent: #d97706; }
body.ui-runtime .ui-summary-card.tone-danger{ --ui-summary-accent: #dc2626; }
body.ui-runtime .ui-summary-card.tone-neutral{ --ui-summary-accent: #64748b; }

/* Parent-grid containment for user pages and AJAX wallet fragments. */
body.ui-runtime.store-page .user-page-rail > .ui-summary-grid,
body.ui-runtime.store-page .user-page-rail > .wallet-filter-metrics-region,
body.ui-runtime.store-page .user-portal-shell > .ui-summary-grid,
body.ui-runtime.store-page .wallet-filter-metrics-region,
body.ui-runtime.store-page .wallet-filter-metrics-region > .ui-summary-grid{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
  box-sizing: border-box;
  justify-self: stretch;
}

@media (max-width: 520px) {
  body.ui-runtime .ui-summary-grid{
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.ui-runtime .ui-summary-card{
    min-height: 0;
    padding: 13px 14px;
  }
}

/* Canonical owner: compact list/filter bars and table action components.
 * Responsive table layout belongs exclusively to 60-responsive-table-core.css.
 */

/* Shared compact search field and form.
   Ui::listSearchField owns the field markup for admin list search, user list
   search and multi-filter bars. Owner-specific classes are compatibility hooks,
   not separate visual implementations. */
body.ui-runtime .ui-list-search {
  display: grid;
  grid-template-columns: minmax(240px, 390px) auto;
  align-items: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}

body.ui-runtime .ui-list-search-field {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
}

body.ui-runtime .ui-list-search-input {
  display: block;
  width: 100%;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--control-line, #b7c2d0);
  border-radius: 8px;
  background: #fff;
  color: var(--text, #162033);
  box-shadow: none;
  font: inherit;
  line-height: 1.2;
  outline: 0;
  box-sizing: border-box;
}

body.ui-runtime .ui-list-search-field.has-submit .ui-list-search-input {
  padding-right: 46px;
}

body.ui-runtime .ui-list-search-input:focus {
  border-color: var(--brand, #d13f20);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #d13f20) 14%, transparent);
}

body.ui-runtime .ui-list-search-submit {
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: var(--surface-muted, #f1f5f9);
  color: var(--text-2, #334155);
  cursor: pointer;
}

body.ui-runtime .ui-list-search-submit:is(:hover,:focus-visible) {
  background: var(--brand-soft, #fff3ee);
  color: var(--brand-hover, #b8321a);
}

body.ui-runtime .ui-list-search-submit:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand, #d13f20) 45%, #fff);
  outline-offset: 1px;
}

body.ui-runtime .ui-list-search-icon {
  position: static;
  width: 16px;
  height: 16px;
  transform: none;
  pointer-events: none;
}

body.ui-runtime .ui-list-search-reset {
  width: auto;
  height: 40px;
  min-height: 40px;
  margin: 0;
  white-space: nowrap;
}

/* Canonical user list filter bar. New semantic classes intentionally avoid the
   old pro-user-filter/user-portal-filter/wallet-filter hooks, whose historical
   breakpoint rules were the source of cross-page alignment conflicts. */
body.ui-runtime.store-page .ui-filter-bar {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 12px 0;
  padding: 10px;
  border: 1px solid var(--line, #d7dee8);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .ui-filter-bar-row {
  display: grid;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime.store-page .user-list-filter-bar .user-filter-bar-main {
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 250px) auto;
}

body.ui-runtime.store-page .wallet-filter-bar .user-filter-bar-primary {
  grid-template-columns: minmax(260px, 1fr) auto auto;
}

/* Wallet toolbar has one explicit desktop row. The disclosure panel remains in
   the same grid for smooth expansion, but it owns row 2 instead of affecting
   auto-placement of the submit/reset actions. */
body.ui-runtime.store-page .wallet-filter-bar .ui-filter-bar-search {
  grid-column: 1;
  grid-row: 1;
}

body.ui-runtime.store-page .wallet-filter-bar .ui-filter-disclosure-toggle {
  grid-column: 2;
  grid-row: 1;
}

body.ui-runtime.store-page .wallet-filter-bar .user-filter-bar-actions {
  grid-column: 3;
  grid-row: 1;
}

body.ui-runtime.store-page .wallet-filter-bar .ui-filter-disclosure-panel {
  grid-column: 1 / span 3;
  grid-row: 2;
}

body.ui-runtime.store-page .ui-filter-bar-search,
body.ui-runtime.store-page .ui-filter-select {
  min-width: 0;
  margin: 0;
}

body.ui-runtime.store-page .ui-filter-select {
  display: block;
}

body.ui-runtime.store-page .ui-filter-select select,
body.ui-runtime.store-page .ui-filter-disclosure-panel :is(input,select) {
  width: 100%;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 34px 0 11px;
  border: 1px solid var(--control-line, #b7c2d0);
  border-radius: 8px;
  background: #fff;
  color: var(--text, #162033);
  box-shadow: none;
  font: inherit;
  outline: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page .ui-filter-disclosure-panel input:not([type="date"]) {
  padding-right: 11px;
}

body.ui-runtime.store-page .ui-filter-select select:focus,
body.ui-runtime.store-page .ui-filter-disclosure-panel :is(input,select):focus {
  border-color: var(--brand, #d13f20);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #d13f20) 12%, transparent);
}

body.ui-runtime.store-page .ui-filter-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
  margin: 0;
}

body.ui-runtime.store-page .ui-filter-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 68px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding-inline: 12px;
  white-space: nowrap;
}

/* The disclosure wrapper does not own a layout box. Its focusable state input,
   toolbar label and full-width panel participate directly in the parent grid,
   so the component needs no JavaScript, absolute positioning or duplicated
   mobile markup. */
body.ui-runtime.store-page .ui-filter-disclosure {
  display: contents;
}

body.ui-runtime.store-page .ui-filter-disclosure-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: 104px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 11px;
  border: 1px solid var(--control-line, #b7c2d0);
  border-radius: 8px;
  background: #fff;
  color: var(--text-2, #334155);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
  box-sizing: border-box;
}

body.ui-runtime.store-page .ui-filter-disclosure-state:focus-visible + .ui-filter-disclosure-toggle {
  border-color: var(--brand, #d13f20);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #d13f20) 12%, transparent);
  outline: 0;
}

body.ui-runtime.store-page .ui-filter-disclosure-caret {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  transition: transform .16s ease;
}

body.ui-runtime.store-page .ui-filter-disclosure-state:checked + .ui-filter-disclosure-toggle .ui-filter-disclosure-caret {
  transform: rotate(180deg);
}

body.ui-runtime.store-page .ui-filter-disclosure-panel {
  display: grid;
  grid-column: 1 / span 3;
  grid-template-rows: 0fr;
  min-width: 0;
  margin: 0 -10px -10px;
  padding: 0 10px;
  border-top: 1px solid transparent;
  opacity: 0;
  overflow: hidden;
  transition: grid-template-rows .2s ease, opacity .16s ease, padding-block .2s ease, border-color .2s ease, margin-top .2s ease;
}

body.ui-runtime.store-page .ui-filter-disclosure-panel-inner {
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

body.ui-runtime.store-page .ui-filter-disclosure-state:checked ~ .ui-filter-disclosure-panel {
  grid-template-rows: 1fr;
  margin-top: 1px;
  padding-block: 10px;
  border-top-color: var(--line-soft, #e8edf4);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  body.ui-runtime.store-page .ui-filter-disclosure-panel,
  body.ui-runtime.store-page .ui-filter-disclosure-caret {
    transition: none;
  }
}

body.ui-runtime.store-page .ui-filter-advanced-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 9px;
  min-width: 0;
}

body.ui-runtime.store-page .ui-filter-advanced-grid > label {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  margin: 0;
}

body.ui-runtime.store-page .ui-filter-advanced-grid .filter-label {
  color: var(--muted, #64748b);
  font-size: 12px;
  font-weight: 700;
}

/* Direct table actions use a dedicated class, not the historical
   `.user-action-btn` class. This isolates the component from legacy portal
   selectors and guarantees one semantic tone per action. */
body.ui-runtime.store-page .ui-table-action-btn {
  --ui-table-action-color: #475569;
  --ui-table-action-border: #cbd5e1;
  --ui-table-action-bg: #fff;
  --ui-table-action-hover-color: #334155;
  --ui-table-action-hover-border: #94a3b8;
  --ui-table-action-hover-bg: #f8fafc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: auto;
  min-width: 72px;
  min-height: 32px;
  margin: 0;
  padding: 6px 11px;
  border: 1px solid var(--ui-table-action-border);
  border-radius: 6px;
  background: var(--ui-table-action-bg);
  color: var(--ui-table-action-color);
  box-shadow: none;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

body.ui-runtime.store-page .ui-table-action-btn:is(:hover,:focus-visible) {
  border-color: var(--ui-table-action-hover-border);
  background: var(--ui-table-action-hover-bg);
  color: var(--ui-table-action-hover-color);
  transform: translateY(-1px);
  outline: none;
}

/* Primary table action: the brand-filled control shown for "Chi tiết". */
body.ui-runtime.store-page .ui-table-action-btn.is-primary {
  --ui-table-action-color: #fff;
  --ui-table-action-border: var(--brand, #ee4d2d);
  --ui-table-action-bg: var(--brand, #ee4d2d);
  --ui-table-action-hover-color: #fff;
  --ui-table-action-hover-border: var(--brand-hover, #d93f21);
  --ui-table-action-hover-bg: var(--brand-hover, #d93f21);
}

/* Warning stays outlined so it is visible without competing with the primary action. */
body.ui-runtime.store-page .ui-table-action-btn.is-warning {
  --ui-table-action-color: #d9482b;
  --ui-table-action-border: #f08b76;
  --ui-table-action-bg: #fff;
  --ui-table-action-hover-color: #b93820;
  --ui-table-action-hover-border: #d9482b;
  --ui-table-action-hover-bg: #fff5f2;
}

/* Copy is a separate blue primary action, making its destructive-neutral purpose
   visually distinct from navigation and issue reporting. */
body.ui-runtime.store-page .ui-table-action-btn.is-copy {
  --ui-table-action-color: #fff;
  --ui-table-action-border: #2563eb;
  --ui-table-action-bg: #2563eb;
  --ui-table-action-hover-color: #fff;
  --ui-table-action-hover-border: #1d4ed8;
  --ui-table-action-hover-bg: #1d4ed8;
}

body.ui-runtime.store-page .ui-table-action-btn.is-success {
  --ui-table-action-color: #166534;
  --ui-table-action-border: #86efac;
  --ui-table-action-bg: #f0fdf4;
  --ui-table-action-hover-color: #14532d;
  --ui-table-action-hover-border: #4ade80;
  --ui-table-action-hover-bg: #dcfce7;
}

body.ui-runtime.store-page .ui-table-action-btn.is-danger {
  --ui-table-action-color: #b91c1c;
  --ui-table-action-border: #fca5a5;
  --ui-table-action-bg: #fff;
  --ui-table-action-hover-color: #991b1b;
  --ui-table-action-hover-border: #ef4444;
  --ui-table-action-hover-bg: #fef2f2;
}

body.ui-runtime.store-page .ui-table-action-btn.is-info,
body.ui-runtime.store-page .ui-table-action-btn.is-download {
  --ui-table-action-color: #0369a1;
  --ui-table-action-border: #7dd3fc;
  --ui-table-action-bg: #f0f9ff;
  --ui-table-action-hover-color: #075985;
  --ui-table-action-hover-border: #38bdf8;
  --ui-table-action-hover-bg: #e0f2fe;
}

body.ui-runtime.store-page .ui-table-action-btn > :is(svg,.ui-copy-icon) {
  display: none;
}

/* Compact download utility mirrors the copy-icon utility but remains a link. */
body.ui-runtime.store-page [data-table-core="1"] .ui-table-download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #2563eb;
  box-shadow: none;
  text-decoration: none;
}

body.ui-runtime.store-page [data-table-core="1"] .ui-table-download-btn:is(:hover,:focus-visible) {
  border-color: transparent;
  background: #eff6ff;
  color: #1d4ed8;
  outline: none;
}

body.ui-runtime.store-page [data-table-core="1"] .ui-table-download-icon {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

body.ui-runtime.store-page.route-user-orders-php .user-orders-table .table-action-cell > .user-table-action-stack {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 7px;
  width: 100%;
  min-width: 236px;
}

@media (max-width: 760px) {
  body.ui-runtime .ui-list-search {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.ui-runtime.store-page .user-list-filter-bar .user-filter-bar-main {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 210px);
  }

  body.ui-runtime.store-page .user-list-filter-bar .user-filter-bar-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  body.ui-runtime.store-page .wallet-filter-bar .user-filter-bar-primary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.ui-runtime.store-page .wallet-filter-bar .ui-filter-bar-search {
    grid-column: 1;
    grid-row: 1;
  }

  body.ui-runtime.store-page .wallet-filter-bar .ui-filter-disclosure-toggle {
    grid-column: 2;
    grid-row: 1;
  }

  body.ui-runtime.store-page .wallet-filter-bar .user-filter-bar-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
  }

  body.ui-runtime.store-page .wallet-filter-bar .ui-filter-disclosure-panel {
    grid-column: 1 / span 2;
    grid-row: 3;
  }
}

@media (max-width: 520px) {
  body.ui-runtime .ui-list-search {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.ui-runtime.store-page .user-list-filter-bar .user-filter-bar-main {
    grid-template-columns: minmax(0, 1fr);
  }

  body.ui-runtime.store-page .user-filter-bar-actions {
    grid-column: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  body.ui-runtime.store-page .user-filter-bar-actions > .btn {
    width: 100%;
    min-width: 0;
  }
}

/* Compact list filter: a command-bar sized sibling of AdminUi::filterPanel().
   It deliberately has no card shell or visible stacked labels. Search/select
   controls remain owned by FormComponents and 58-form-control-core.css. */
body.ui-runtime .ui-compact-list-filter-region {
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime .ui-compact-list-filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}

body.ui-runtime .ui-compact-list-filter-fields {
  display: grid;
  grid-template-columns: minmax(260px, 380px) minmax(150px, 210px);
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime .ui-compact-list-filter-fields > * {
  min-width: 0;
  margin: 0;
}

body.ui-runtime .ui-compact-list-filter-fields .ui-list-search-input,
body.ui-runtime .ui-compact-list-filter-fields .ui-filter-select-control {
  width: 100%;
  min-width: 0;
  height: 40px;
  min-height: 40px;
}

body.ui-runtime .ui-compact-list-filter-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  min-width: 0;
}

body.ui-runtime .ui-compact-list-filter-actions .btn {
  min-height: 40px;
  margin: 0;
  white-space: nowrap;
}

body.ui-runtime.admin-page .member-list-command-bar .member-search-region {
  flex: 0 1 680px;
  width: min(680px, 100%);
  min-width: 0;
}

@media (max-width: 1100px) {
  body.ui-runtime.admin-page .member-list-command-bar .member-search-region {
    flex: 1 1 620px;
    width: 100%;
  }
}

@media (max-width: 700px) {
  body.ui-runtime .ui-compact-list-filter {
    align-items: stretch;
    flex-direction: column;
  }

  body.ui-runtime .ui-compact-list-filter-fields {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  body.ui-runtime .ui-compact-list-filter-actions {
    width: 100%;
  }

  body.ui-runtime .ui-compact-list-filter-actions .btn {
    flex: 1 1 0;
    justify-content: center;
  }
}

/* Command-bar primary action follows the same 40px control rhythm as the
   compact filter beside it. */
body.ui-runtime.admin-page .member-list-command-bar .wbh-command-actions > .btn {
  min-height: 40px;
}

/* 21D: Members has two independent controls: a quick Role selector and a
   username/email/phone search. Keep them visually grouped without coupling
   their submit lifecycle. */
body.ui-runtime.admin-page .member-list-command-bar .member-search-region {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
}

body.ui-runtime.admin-page .member-list-command-bar .member-role-filter-region {
  flex: 0 0 210px;
  min-width: 0;
}

body.ui-runtime.admin-page .member-list-command-bar .member-query-filter-region {
  flex: 1 1 430px;
  min-width: 0;
}

body.ui-runtime.admin-page .member-list-command-bar .member-role-quick-filter,
body.ui-runtime.admin-page .member-list-command-bar .member-role-quick-filter select,
body.ui-runtime.admin-page .member-list-command-bar .member-search-only-filter {
  width: 100%;
  min-width: 0;
}

body.ui-runtime.admin-page .member-list-command-bar .member-search-only-filter .ui-compact-list-filter-fields {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 700px) {
  body.ui-runtime.admin-page .member-list-command-bar .member-search-region {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  body.ui-runtime.admin-page .member-list-command-bar .member-role-filter-region,
  body.ui-runtime.admin-page .member-list-command-bar .member-query-filter-region {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media (max-width: 700px) {
  body.ui-runtime.admin-page .member-list-command-bar .member-role-quick-filter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  body.ui-runtime.admin-page .member-list-command-bar .member-role-quick-filter > label {
    width: 100%;
  }
  body.ui-runtime.admin-page .member-list-command-bar .member-role-quick-filter > select {
    width: 100%;
    max-width: none;
    min-height: 40px;
  }
}

/* Canonical form-control appearance and state owner.
 *
 * Layout layers may size controls, but they must not color their boundaries.
 * Keeping the visual contract here prevents generic fields, password wrappers
 * and disabled fields from showing three different border strengths in one
 * Admin form. Component-owned borderless controls still win through their
 * more-specific wrapper selectors.
 */
body.ui-runtime {
  --control-line: #9eabba;
  --control-line-hover: #748399;
  --ui-control-line: var(--control-line);
  --ui-control-line-hover: var(--control-line-hover);
  --ui-field-border: var(--ui-control-line);
  --ui-field-border-hover: var(--ui-control-line-hover);
  --ui-field-border-focus: var(--brand, #d13f20);
  --ui-field-border-disabled: #a8b3c1;
  --ui-field-bg: #ffffff;
  --ui-field-bg-disabled: #f1f5f9;
  --ui-field-bg-readonly: #f8fafc;
  --ui-field-ring: rgba(var(--brand-rgb, 209, 63, 32), .16);
}

body.ui-runtime.admin-page {
  /* Strong enough to remain visible on common Windows displays and low-quality panels. */
  --ui-field-border: #64748b;
  --ui-field-border-hover: #475569;
  --ui-field-border-disabled: #8493a6;
}

body.ui-runtime.store-page {
  --store-line-strong: var(--ui-control-line);
}

body.ui-runtime :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
  select,
  textarea
) {
  border: 1px solid var(--ui-field-border);
  background-color: var(--ui-field-bg);
  color: var(--text);
  box-shadow: 0 1px 1px rgba(15, 23, 42, .035);
}

body.ui-runtime :is(.ui-list-search-input,.ui-filter-select-control),
body.ui-runtime.store-page .ui-filter-disclosure-panel :is(input,select),
body.ui-runtime.store-page :is(.user-deep-form-card,.user-profile-form,.user-security-form,.support-create-form,.order-issue-form) :is(input,select,textarea) {
  border-color: var(--ui-control-line);
  box-shadow: inset 0 1px 0 rgba(15,23,42,.035);
}

body.ui-runtime :is(.ui-list-search-input,.ui-filter-select-control):hover,
body.ui-runtime.store-page .ui-filter-disclosure-panel :is(input,select):hover,
body.ui-runtime.store-page :is(.user-deep-form-card,.user-profile-form,.user-security-form,.support-create-form,.order-issue-form) :is(input,select,textarea):hover {
  border-color: var(--ui-control-line-hover);
}

body.ui-runtime :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
  select,
  textarea
):hover {
  border-color: var(--ui-field-border-hover);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .055);
}

body.ui-runtime :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]),
  select,
  textarea
):focus {
  border-color: var(--ui-field-border-focus);
  outline: 3px solid var(--ui-field-ring);
  outline-offset: 0;
  box-shadow: 0 0 0 1px rgba(var(--brand-rgb, 209, 63, 32), .08);
}

body.ui-runtime input::placeholder,
body.ui-runtime textarea::placeholder {
  color: #7c8797;
  opacity: 1;
}

body.ui-runtime input:disabled,
body.ui-runtime select:disabled,
body.ui-runtime textarea:disabled {
  border-color: var(--ui-field-border-disabled);
  background-color: var(--ui-field-bg-disabled);
  color: #64748b;
  opacity: 1;
}

body.ui-runtime input[readonly],
body.ui-runtime textarea[readonly] {
  border-color: var(--ui-field-border-disabled);
  background-color: var(--ui-field-bg-readonly);
}

body.ui-runtime.admin-page :is(.password-control,.money-control) input {
  border-color: var(--ui-field-border);
}

body.ui-runtime.admin-page .filter-control {
  border-color: var(--ui-field-border);
}

body.ui-runtime.admin-page .filter-control:hover {
  border-color: var(--ui-field-border-hover);
}

body.ui-runtime.admin-page .filter-control:focus-within {
  border-color: var(--ui-field-border-focus);
  box-shadow: 0 0 0 3px var(--ui-field-ring);
}

/* Canonical checkbox/radio line. Generic `label` is grid-based in the form shell,
 * so checkbox controls must explicitly own their two-column inline layout.
 * All standard checkbox call sites should use FormComponents::checkboxLine(). */
body.ui-runtime .ui-checkbox-control {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  justify-content: start;
  justify-items: start;
  column-gap: 8px;
  row-gap: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  text-align: left;
  line-height: 1.4;
  cursor: pointer;
}

body.ui-runtime .ui-checkbox-control > input[type="checkbox"],
body.ui-runtime .ui-checkbox-control > input[type="radio"] {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  align-self: center;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  margin: 0;
  padding: 0;
}

body.ui-runtime .ui-checkbox-control > .ui-checkline-text {
  grid-column: 2;
  grid-row: 1;
  display: block;
  min-width: 0;
  width: auto;
  margin: 0;
  text-align: left;
}

body.ui-runtime .ui-checkbox-control:has(> input:disabled) {
  cursor: not-allowed;
  opacity: .68;
}

body.ui-runtime .api-scope-option > .ui-checkline-text,
body.ui-runtime .rbac-permission-check > .ui-checkline-text {
  display: grid;
  gap: 2px;
}

body.ui-runtime .api-scope-option > .ui-checkline-text em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

body.ui-runtime .rbac-permission-check > .ui-checkline-text small {
  color: var(--muted);
  font-weight: var(--fw-regular);
  line-height: 1.35;
}

@media (max-width: 520px) {
  body.ui-runtime .ui-checkbox-control {
    min-height: 44px;
  }
}


/* Responsive admin filter layout. The component owns field alignment while
 * 58-form-control-core remains the single visual boundary owner. */
body.ui-runtime.admin-page .admin-filter-contract.is-responsive {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive > :is(.admin-filter-head,.admin-filter-fields,.admin-filter-actions) {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  align-items: start;
  gap: 10px 12px;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-field {
  display: grid;
  grid-template-rows: auto minmax(40px, auto);
  grid-auto-rows: auto;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-field > .help-text {
  margin-top: 0;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-field > label {
  margin: 0;
  line-height: 1.25;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-control {
  display: flex;
  align-items: stretch;
  min-width: 0;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-control > :is(input,select,textarea) {
  min-height: 40px;
  height: 40px;
}

body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-actions {
  margin-top: 2px;
}

@media (max-width: 720px) {
  body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  body.ui-runtime.admin-page .admin-filter-contract.is-responsive .admin-filter-actions .btn {
    width: 100%;
    min-height: 42px;
  }
}


body.ui-runtime .ui-checkbox-selection-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}
body.ui-runtime .ui-checkbox-selection-buttons {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
body.ui-runtime [data-ui-checkbox-selection-scope] .ui-checkbox-list {
  min-width: 0;
}

/* Canonical /user/wallet.php composition.
 * Current balances and filtered history are different scopes and must never be
 * rendered as a flat set of similarly weighted metric cards.
 */
body.ui-runtime.store-page .wallet-shell {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.ui-runtime.store-page .wallet-balance-panel,
body.ui-runtime.store-page .wallet-activity-report,
body.ui-runtime.store-page .wallet-filter-metrics-region {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.ui-runtime.store-page .wallet-balance-panel {
  margin: 0;
  padding: 0;
  border: 1px solid #d8e0e9;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(15,23,42,.045);
  overflow: hidden;
}

body.ui-runtime.store-page .wallet-balance-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 16px 18px;
  border-bottom: 1px solid #e3e8ef;
  background: #fbfcfe;
}

body.ui-runtime.store-page .wallet-balance-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.store-page .wallet-balance-heading > div {
  min-width: 0;
}

body.ui-runtime.store-page .wallet-balance-heading > div > span,
body.ui-runtime.store-page .wallet-activity-report-head > div > span {
  display: block;
  margin-bottom: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.ui-runtime.store-page .wallet-balance-heading h2,
body.ui-runtime.store-page .wallet-activity-report-head h2 {
  color: #172033;
  font-size: 18px;
  line-height: 1.3;
}

body.ui-runtime.store-page .wallet-balance-heading p,
body.ui-runtime.store-page .wallet-activity-report-head p {
  margin-top: 3px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

body.ui-runtime.store-page .wallet-balance-icon {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #ffd4c7;
  border-radius: 10px;
  background: #fff4ef;
  color: var(--store-brand, #ee4d2d);
}

body.ui-runtime.store-page .wallet-balance-icon-svg {
  width: 23px;
  height: 23px;
}

body.ui-runtime.store-page .wallet-balance-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

body.ui-runtime.store-page .wallet-balance-panel-body {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr);
  min-width: 0;
}

body.ui-runtime.store-page .wallet-balance-total {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
  padding: 24px 22px;
  border-right: 1px solid #e3e8ef;
  background: linear-gradient(135deg, #fff8f5 0%, #fff 72%);
}

body.ui-runtime.store-page .wallet-balance-total > span {
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime.store-page .wallet-balance-total > b {
  min-width: 0;
  color: #b8321a;
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 800;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .wallet-balance-total > small {
  max-width: 520px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

body.ui-runtime.store-page .wallet-account-list {
  display: grid;
  align-content: center;
  min-width: 0;
  padding: 7px 18px;
  background: #fff;
}

body.ui-runtime.store-page .wallet-account-row {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) minmax(120px, auto);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 13px 0;
  border-bottom: 1px solid #edf1f5;
}

body.ui-runtime.store-page .wallet-account-row:last-child {
  border-bottom: 0;
}

body.ui-runtime.store-page .wallet-account-marker,
body.ui-runtime.store-page .wallet-flow-marker {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #64748b;
}

body.ui-runtime.store-page .wallet-account-row.is-main .wallet-account-marker { background: #2563eb; }
body.ui-runtime.store-page .wallet-account-row.is-promo .wallet-account-marker { background: #d97706; }
body.ui-runtime.store-page .wallet-account-row.is-hold .wallet-account-marker { background: #7c3aed; }

body.ui-runtime.store-page .wallet-account-row > div {
  min-width: 0;
}

body.ui-runtime.store-page .wallet-account-row > div > span,
body.ui-runtime.store-page .wallet-flow-row > div > span {
  display: block;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime.store-page .wallet-account-row small,
body.ui-runtime.store-page .wallet-flow-row small {
  display: block;
  margin-top: 2px;
  color: #718096;
  font-size: 11px;
  line-height: 1.4;
}

body.ui-runtime.store-page .wallet-account-row > b {
  min-width: 0;
  color: #172033;
  font-size: 16px;
  font-weight: 800;
  text-align: right;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .wallet-filter-metrics-region {
  margin: 0;
}

body.ui-runtime.store-page .wallet-activity-report {
  margin: 0;
  border: 1px solid #d8e0e9;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 9px rgba(15,23,42,.035);
  overflow: hidden;
}

body.ui-runtime.store-page .wallet-activity-report-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 15px 18px;
  border-bottom: 1px solid #e3e8ef;
}

body.ui-runtime.store-page .wallet-activity-report-head > div {
  min-width: 0;
}

body.ui-runtime.store-page .wallet-activity-report-head > strong {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid #cfd8e4;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  white-space: nowrap;
}

body.ui-runtime.store-page .wallet-activity-report-body {
  min-width: 0;
  padding: 16px 18px;
  background: #fff;
}

body.ui-runtime.store-page .wallet-flow-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

body.ui-runtime.store-page .wallet-flow-row {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) minmax(130px, auto);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid #e1e7ee;
  border-radius: 10px;
  background: #fbfcfe;
}

body.ui-runtime.store-page .wallet-flow-row.is-credit {
  border-color: #bbdfc7;
  background: #f4fbf6;
}

body.ui-runtime.store-page .wallet-flow-row.is-debit {
  border-color: #efc2c2;
  background: #fff7f7;
}

body.ui-runtime.store-page .wallet-flow-row.is-credit .wallet-flow-marker { background: #15803d; }
body.ui-runtime.store-page .wallet-flow-row.is-debit .wallet-flow-marker { background: #b91c1c; }

body.ui-runtime.store-page .wallet-flow-row > b {
  min-width: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  text-align: right;
  overflow-wrap: anywhere;
}

body.ui-runtime.store-page .wallet-flow-row.is-credit > b { color: #15803d; }
body.ui-runtime.store-page .wallet-flow-row.is-debit > b { color: #b91c1c; }

body.ui-runtime.store-page .wallet-activity-report-foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 14px;
  min-width: 0;
  padding: 10px 18px;
  border-top: 1px solid #e3e8ef;
  background: #fbfcfe;
  color: #64748b;
  font-size: 12px;
}

body.ui-runtime.store-page .wallet-activity-report-foot b {
  color: #334155;
  font-weight: 700;
}

body.ui-runtime.store-page .wallet-activity-report-foot b.is-credit {
  color: #15803d;
}

@media (max-width: 760px) {
  body.ui-runtime.store-page .wallet-balance-panel-head,
  body.ui-runtime.store-page .wallet-activity-report-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body.ui-runtime.store-page .wallet-balance-actions {
    width: 100%;
    justify-content: stretch;
  }

  body.ui-runtime.store-page .wallet-balance-actions > * {
    flex: 1 1 0;
  }

  body.ui-runtime.store-page .wallet-balance-panel-body {
    grid-template-columns: minmax(0, 1fr);
  }

  body.ui-runtime.store-page .wallet-balance-total {
    border-right: 0;
    border-bottom: 1px solid #e3e8ef;
  }

  body.ui-runtime.store-page .wallet-flow-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  body.ui-runtime.store-page .wallet-balance-panel-head,
  body.ui-runtime.store-page .wallet-activity-report-head,
  body.ui-runtime.store-page .wallet-balance-total {
    padding: 14px;
  }

  body.ui-runtime.store-page .wallet-account-list {
    padding-inline: 14px;
  }

  body.ui-runtime.store-page .wallet-activity-report-body {
    padding: 12px 14px;
  }

  body.ui-runtime.store-page .wallet-account-row,
  body.ui-runtime.store-page .wallet-flow-row {
    grid-template-columns: 9px minmax(0, 1fr);
  }

  body.ui-runtime.store-page .wallet-account-row > b,
  body.ui-runtime.store-page .wallet-flow-row > b {
    grid-column: 2;
    margin-top: 2px;
    text-align: left;
  }

  body.ui-runtime.store-page .wallet-activity-report-foot {
    align-items: flex-start;
    flex-direction: column;
    padding-inline: 14px;
  }
}

/* Canonical brand asset composition for the shared User/Admin header.
 * The square icon is independent from the optional horizontal logo and must
 * remain visible on every portal surface after administrators upload it.
 */
body.ui-runtime .brand > .brand-header-icon {
  flex: 0 0 auto;
}

body.ui-runtime .brand > .brand-header-custom-logo {
  flex: 0 0 auto;
  width: min(190px, 24vw);
  max-width: min(190px, 24vw);
  min-width: 0;
  height: 38px;
}

body.ui-runtime .brand > .brand-header-custom-logo > img {
  width: auto;
  max-width: 100%;
  max-height: 38px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 720px) {
  body.ui-runtime .brand > .brand-header-custom-logo {
    width: min(112px, 30vw);
    max-width: min(112px, 30vw);
    height: 32px;
  }

  body.ui-runtime .brand > .brand-header-custom-logo > img {
    max-height: 32px;
  }
}

@media (max-width: 360px) {
  body.ui-runtime .brand > .brand-header-custom-logo {
    width: 72px;
    max-width: 72px;
  }
}

/*
 * User header breakpoint core.
 *
 * Ownership contract:
 * - Desktop (> 720px): wallet and account live only in .user-topbar-right.
 * - Mobile authenticated (<= 720px): the main header owns one compact avatar.
 * - Mobile guest (<= 720px): the main header owns one compact auth cluster.
 * - Desktop/mobile and guest/authenticated variants never compete in one grid.
 */

body.ui-runtime.store-page {
  --user-header-breakpoint: 720px;
  --user-header-brand: var(--store-brand, #ee4d2d);
  --user-header-brand-dark: var(--store-brand-dark, #d93f21);
  --user-header-brand-light: var(--store-brand-light, #ff6533);
  --user-header-brand-soft: var(--store-brand-soft, #fff5f1);
  --user-header-text: #1f2937;
  --user-header-muted: #64748b;
  --user-header-line: #e5e7eb;
  --user-header-surface: #fff;
  --user-header-topbar-height: 28px;
  --user-header-main-height: 64px;
  --user-header-nav-height: 40px;
  --user-header-shadow: 0 2px 8px rgba(15,23,42,.10);
}

/* One canonical sticky owner for the complete User header composition. */
body.ui-runtime.store-page .user-header-stack {
  position: sticky;
  top: 0;
  z-index: 3400;
  width: 100%;
  isolation: isolate;
  background: var(--user-header-surface);
  box-shadow: var(--user-header-shadow);
}

body.ui-runtime.store-page .user-header-stack > .site-header {
  position: relative;
  z-index: 2;
  overflow: visible;
  border: 0;
  background: linear-gradient(180deg, var(--user-header-brand) 0%, var(--user-header-brand-light) 100%);
  color: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .user-header-stack > .site-header .site-mainbar {
  border: 0;
  background: transparent;
}

/* Desktop utility strip */
body.ui-runtime.store-page .user-utility-topbar {
  position: relative;
  z-index: 3;
  display: block;
  border: 0;
  background: var(--user-header-brand);
  color: #fff;
  box-shadow: none;
  font-size: 12px;
  line-height: 1;
}

body.ui-runtime.store-page .user-utility-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: var(--user-header-topbar-height);
}

body.ui-runtime.store-page .user-topbar-left,
body.ui-runtime.store-page .user-topbar-right {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: var(--user-header-topbar-height);
}

body.ui-runtime.store-page .user-topbar-left {
  gap: 16px;
}

body.ui-runtime.store-page .user-topbar-right {
  gap: 10px;
  margin-left: auto;
  justify-content: flex-end;
}

body.ui-runtime.store-page .user-utility-topbar :is(a,span,b,small) {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

body.ui-runtime.store-page .user-topbar-item,
body.ui-runtime.store-page .user-topbar-auth,
body.ui-runtime.store-page .user-topbar-language {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: var(--user-header-topbar-height);
  color: #fff;
  font-weight: 600;
}

body.ui-runtime.store-page a.user-topbar-item:is(:hover,:focus-visible),
body.ui-runtime.store-page a.user-topbar-auth:is(:hover,:focus-visible) {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}

body.ui-runtime.store-page .user-topbar-item-icon {
  display: block;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

body.ui-runtime.store-page .user-topbar-language-switcher {
  position: relative;
  align-self: stretch;
}

body.ui-runtime.store-page .user-topbar-language-switcher > summary {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: var(--user-header-topbar-height);
  padding: 0 3px;
  border-radius: 6px;
  color: #fff;
  list-style: none;
  cursor: pointer;
}

body.ui-runtime.store-page .user-topbar-language-switcher > summary::-webkit-details-marker,
body.ui-runtime.store-page .user-mobile-language-switcher > summary::-webkit-details-marker {
  display: none;
}

body.ui-runtime.store-page .user-topbar-language-switcher > summary:is(:hover,:focus-visible),
body.ui-runtime.store-page .user-topbar-language-switcher[open] > summary {
  background: rgba(255,255,255,.12);
  outline: none;
}

body.ui-runtime.store-page .user-locale-caret {
  width: 12px;
  height: 12px;
}

body.ui-runtime.store-page .user-locale-popover {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 3700;
  display: none;
  width: 240px;
  max-width: calc(100vw - 24px);
  padding: 8px;
  border: 1px solid var(--user-header-line);
  border-radius: 10px;
  background: var(--user-header-surface);
  color: var(--user-header-text);
  box-shadow: 0 16px 38px rgba(15,23,42,.18);
}

body.ui-runtime.store-page :is(.user-topbar-language-switcher,.user-mobile-language-switcher)[open] > .user-locale-popover {
  display: block;
}

body.ui-runtime.store-page .user-locale-form {
  display: grid;
  gap: 6px;
  margin: 0;
}

body.ui-runtime.store-page .user-locale-form-title {
  display: block;
  padding: 3px 7px 5px;
  color: var(--user-header-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

body.ui-runtime.store-page .user-locale-option-list {
  display: grid;
  gap: 3px;
}

body.ui-runtime.store-page .user-locale-option {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 2px 8px;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 7px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--user-header-text);
  text-align: left;
  font: inherit;
  cursor: pointer;
}

body.ui-runtime.store-page .user-locale-option > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--user-header-text);
  font-size: 13px;
  font-weight: 700;
}

body.ui-runtime.store-page .user-locale-option > small {
  grid-column: 1;
  color: var(--user-header-muted);
  font-size: 10px;
  font-weight: 500;
}

body.ui-runtime.store-page .user-locale-option > b {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: var(--user-header-brand);
  font-size: 13px;
}

body.ui-runtime.store-page .user-locale-option:is(:hover,:focus-visible),
body.ui-runtime.store-page .user-locale-option.is-active {
  background: var(--user-header-brand-soft);
  color: var(--user-header-brand-dark);
  outline: none;
}

body.ui-runtime.store-page .user-topbar-divider {
  width: 1px;
  height: 14px;
  flex: 0 0 1px;
  margin: 0 2px;
  background: rgba(255,255,255,.42);
}

body.ui-runtime.store-page .user-topbar-auth {
  font-weight: 700;
}

body.ui-runtime.store-page .user-topbar-auth + .user-topbar-auth::before {
  content: "";
  width: 1px;
  height: 13px;
  margin-right: 10px;
  background: rgba(255,255,255,.42);
}

body.ui-runtime.store-page .user-topbar-right > .notification-popover-core {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  min-height: var(--user-header-topbar-height);
}

body.ui-runtime.store-page .user-topbar-right .notification-popover-user-skin > .notification-popover-trigger-core {
  min-height: var(--user-header-topbar-height);
  height: var(--user-header-topbar-height);
  padding: 0;
  color: #fff;
}

body.ui-runtime.store-page .user-topbar-right .notification-popover-user-skin > .notification-popover-trigger-core:is(:hover,:focus-visible),
body.ui-runtime.store-page .user-topbar-right .notification-popover-user-skin[open] > .notification-popover-trigger-core {
  background: transparent;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}

body.ui-runtime.store-page .user-topbar-right .notification-popover-user-skin > .notification-popover-panel-core {
  right: 0;
  left: auto;
}

body.ui-runtime.store-page .user-topbar-badge,
body.ui-runtime.store-page .user-topbar-right .menu-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 999px;
  background: #fff;
  color: var(--user-header-brand-dark);
  font-size: 10px;
  font-weight: 800;
}

body.ui-runtime.store-page .user-topbar-wallet {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  gap: 5px;
  height: var(--user-header-topbar-height);
  min-height: var(--user-header-topbar-height);
  padding: 0 2px;
  font-weight: 600;
  line-height: 1;
}

body.ui-runtime.store-page .user-topbar-wallet > :is(span,b,small) {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  line-height: 1;
}

body.ui-runtime.store-page .user-topbar-wallet > :is(span,small) {
  opacity: .92;
}

body.ui-runtime.store-page .user-topbar-wallet > b {
  font-size: 12px;
  font-weight: 800;
}

body.ui-runtime.store-page .user-topbar-account {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  height: var(--user-header-topbar-height);
  min-height: var(--user-header-topbar-height);
  min-width: 0;
}

body.ui-runtime.store-page .user-topbar-account > summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: var(--user-header-topbar-height);
  min-height: var(--user-header-topbar-height);
  padding: 0 4px 0 2px;
  border-radius: 6px;
  line-height: 1;
  cursor: pointer;
  list-style: none;
}

body.ui-runtime.store-page .user-topbar-account > summary::-webkit-details-marker,
body.ui-runtime.store-page .user-mobile-account-menu > summary::-webkit-details-marker {
  display: none;
}

body.ui-runtime.store-page .user-topbar-account > summary:is(:hover,:focus-visible),
body.ui-runtime.store-page .user-topbar-account[open] > summary {
  background: rgba(255,255,255,.12);
  outline: none;
}

body.ui-runtime.store-page .user-topbar-avatar {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

body.ui-runtime.store-page .user-topbar-account > summary b {
  font-weight: 700;
}

body.ui-runtime.store-page .user-topbar-account-menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 3600;
  display: none;
  width: 210px;
  padding: 7px;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 10px;
  background: #fff;
  color: var(--user-header-text);
  box-shadow: 0 16px 38px rgba(15,23,42,.18);
}

body.ui-runtime.store-page .user-topbar-account[open] > .user-topbar-account-menu {
  display: grid;
}

body.ui-runtime.store-page .user-topbar-account-menu > a {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 7px;
  color: var(--user-header-text);
  font-weight: 600;
}

body.ui-runtime.store-page .user-topbar-account-menu > a:is(:hover,:focus-visible) {
  background: #f8fafc;
  color: var(--user-header-brand-dark);
  outline: none;
}

body.ui-runtime.store-page .user-topbar-account-menu > a.user-topbar-logout {
  margin-top: 3px;
  border-top: 1px solid #eef2f7;
  color: #b91c1c;
}

/* Main header desktop structure. User account does not live here. */
body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner {
  display: grid;
  grid-template-columns: var(--user-header-grid-columns, auto minmax(0,1fr) auto);
  grid-template-areas: var(--user-header-grid-areas, "brand search nav");
  align-items: center;
  gap: 18px;
  width: min(calc(100% - var(--user-header-gutter, 32px)), var(--user-header-rail, 1260px));
  min-height: var(--user-header-main-height);
  margin-inline: auto;
  padding: 6px 0;
  overflow: visible;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner > .brand {
  grid-area: brand;
  justify-self: start;
  min-width: 0;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner > :is(.user-store-search,.global-search-placeholder) {
  grid-area: search;
  min-width: 0;
  width: 100%;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner > .site-nav {
  grid-area: nav;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .brand-mark {
  width: 36px;
  height: 36px;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .brand-text b {
  color: #fff;
  font-size: 17px;
  line-height: 1.1;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .brand-text small {
  color: rgba(255,255,255,.84);
  font-size: 11px;
  line-height: 1.15;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .brand > .brand-header-custom-logo {
  height: 34px;
}

body.ui-runtime.store-page [data-user-header-shell="1"] .brand > .brand-header-custom-logo > img {
  max-height: 34px;
}

/* Canonical account navigation rail under the orange Shopee-style header. */
body.ui-runtime.store-page .user-header-stack > .user-nav {
  position: relative;
  top: auto;
  z-index: 1;
  width: 100%;
  overflow: visible;
  border-bottom: 1px solid #e7e7e7;
  background: #fff;
  box-shadow: none;
}

body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner {
  display: flex;
  align-items: center;
  gap: 0;
  width: min(calc(100% - var(--user-header-gutter, 32px)), var(--user-header-rail, 1260px));
  max-width: var(--user-header-rail, 1260px);
  min-height: var(--user-header-nav-height);
  margin-inline: auto;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner::-webkit-scrollbar {
  display: none;
}

body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner > a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--user-header-nav-height);
  padding: 0 13px;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner > a:first-child {
  padding-left: 0;
}

body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner > a:is(:hover,:focus-visible),
body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner > a.active {
  background: transparent;
  color: var(--user-header-brand);
  outline: none;
}

body.ui-runtime.store-page .user-header-stack > .user-nav .user-nav-inner > a.active {
  border-bottom-color: var(--user-header-brand);
}

body.ui-runtime.store-page .user-mobile-nav-trigger,
body.ui-runtime.store-page .user-mobile-account-zone,
body.ui-runtime.store-page .user-mobile-guest-auth {
  display: none;
}

/*
 * Batch 21A.2: compact tablet utility composition.
 * Keep the desktop information architecture, but bound dynamic wallet/account
 * content before the mobile breakpoint so 721-1023px never expands the page.
 */
@media (min-width: 721px) and (max-width: 1023px) {
  body.ui-runtime.store-page .user-utility-topbar-inner {
    gap: 12px;
  }

  body.ui-runtime.store-page .user-topbar-left {
    flex: 0 1 auto;
    gap: 12px;
  }

  body.ui-runtime.store-page .user-topbar-right {
    min-width: 0;
    gap: 8px;
  }

  body.ui-runtime.store-page .user-topbar-language-switcher .user-locale-current-label,
  body.ui-runtime.store-page .user-topbar-language-switcher .user-locale-caret {
    display: none;
  }

  body.ui-runtime.store-page .user-topbar-language-switcher > summary {
    width: 28px;
    justify-content: center;
    padding-inline: 0;
  }

  body.ui-runtime.store-page .user-topbar-divider {
    margin-inline: 0;
  }

  body.ui-runtime.store-page .user-topbar-wallet {
    min-width: 0;
    max-width: 120px;
  }

  body.ui-runtime.store-page .user-topbar-wallet > span,
  body.ui-runtime.store-page .user-topbar-wallet > small {
    display: none;
  }

  body.ui-runtime.store-page .user-topbar-wallet > b {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-runtime.store-page .user-topbar-account {
    min-width: 0;
    max-width: 92px;
  }

  body.ui-runtime.store-page .user-topbar-account > summary {
    min-width: 0;
    max-width: 92px;
  }

  body.ui-runtime.store-page .user-topbar-account > summary b {
    display: block;
    min-width: 0;
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* Mobile authenticated and guest variants */
@media (max-width: 720px) {
  body.ui-runtime.store-page .user-header-stack {
    box-shadow: 0 3px 12px rgba(15,23,42,.14);
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] {
    position: relative;
    top: auto;
    z-index: auto;
    overflow: visible;
    isolation: auto;
    box-shadow: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar,
  body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner {
    overflow: visible;
  }

  body.ui-runtime.store-page .user-utility-topbar {
    display: none;
  }

  body.ui-runtime.store-page .user-header-stack > .user-nav {
    display: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner {
    gap: 7px;
    width: calc(100% - 16px);
    min-height: 54px;
    padding: 6px 0;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"][data-user-auth-state="authenticated"] .site-mainbar-inner {
    --user-header-grid-columns: 38px minmax(0,1fr) 38px;
    --user-header-grid-areas:
      "menu brand account"
      "search search search";
  }

  body.ui-runtime.store-page [data-user-header-shell="1"][data-user-auth-state="guest"] .site-mainbar-inner {
    --user-header-grid-columns: minmax(0,1fr) auto;
    --user-header-grid-areas:
      "brand auth"
      "search search";
  }

  body.ui-runtime.store-page [data-user-header-shell="1"][data-user-auth-state="guest"][data-user-guest-header-mode="auth-surface"] .site-mainbar-inner {
    --user-header-grid-columns: minmax(0,1fr) 38px;
    --user-header-grid-areas: "brand auth";
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .user-mobile-nav-trigger {
    display: grid;
    grid-area: menu;
    place-items: center;
    justify-self: start;
    align-self: center;
    width: 38px;
    min-width: 38px;
    max-width: 38px;
    height: 38px;
    min-height: 38px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 10px;
    background: rgba(255,255,255,.15);
    color: #fff;
    box-shadow: none;
    cursor: pointer;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .user-mobile-nav-trigger:is(:hover,:focus-visible),
  body.ui-runtime.store-page [data-user-header-shell="1"] .user-mobile-nav-trigger[aria-expanded="true"] {
    border-color: rgba(255,255,255,.58);
    background: rgba(255,255,255,.24);
    outline: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .user-mobile-nav-icon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    transform: none;
    pointer-events: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .user-mobile-nav-trigger > b {
    display: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner > .brand {
    grid-area: brand;
    justify-self: start;
    max-width: 100%;
    overflow: hidden;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .brand-text small {
    display: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .brand-mark {
    width: 32px;
    height: 32px;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .brand > .brand-header-custom-logo {
    height: 30px;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .brand > .brand-header-custom-logo > img {
    max-height: 30px;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner > .site-nav {
    display: none;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .site-mainbar-inner > :is(.user-store-search,.global-search-placeholder) {
    grid-area: search;
    width: 100%;
    max-width: 100%;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"] .global-search-placeholder:empty {
    display: none;
  }

  body.ui-runtime.store-page .user-mobile-guest-auth {
    position: relative;
    display: inline-flex;
    grid-area: auth;
    align-items: center;
    justify-self: end;
    align-self: center;
    gap: 6px;
    min-width: 0;
    margin-left: auto;
  }

  body.ui-runtime.store-page .user-mobile-language-switcher {
    position: relative;
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  body.ui-runtime.store-page .user-mobile-language-switcher > summary {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 10px;
    background: rgba(255,255,255,.12);
    color: #fff;
    list-style: none;
    cursor: pointer;
  }

  body.ui-runtime.store-page .user-mobile-language-switcher > summary:is(:hover,:focus-visible),
  body.ui-runtime.store-page .user-mobile-language-switcher[open] > summary {
    border-color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.22);
    outline: none;
  }

  body.ui-runtime.store-page .user-mobile-language-icon {
    width: 19px;
    height: 19px;
  }

  body.ui-runtime.store-page .user-mobile-language-switcher > summary .user-locale-current-label,
  body.ui-runtime.store-page .user-mobile-language-switcher > summary .user-locale-caret {
    display: none;
  }

  body.ui-runtime.store-page .user-mobile-language-switcher > .user-locale-popover {
    top: calc(100% + 8px);
    right: 0;
    width: min(250px, calc(100vw - 16px));
  }

  body.ui-runtime.store-page .user-mobile-guest-auth-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
  }

  body.ui-runtime.store-page .user-mobile-guest-auth-link.is-register {
    background: rgba(255,255,255,.12);
  }

  body.ui-runtime.store-page .user-mobile-guest-auth-link.is-login {
    border-color: rgba(255,255,255,.92);
    background: #fff;
    color: var(--user-header-brand-dark);
  }

  body.ui-runtime.store-page .user-mobile-guest-auth-link:is(:hover,:focus-visible) {
    filter: brightness(.98);
    outline: 2px solid rgba(255,255,255,.72);
    outline-offset: 2px;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"][data-user-auth-state="guest"] .brand-text {
    min-width: 0;
    overflow: hidden;
  }

  body.ui-runtime.store-page [data-user-header-shell="1"][data-user-auth-state="guest"] .brand-text > b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-runtime.store-page .user-mobile-account-zone {
    display: flex;
    grid-area: account;
    justify-self: end;
    align-self: center;
    width: 38px;
    min-width: 38px;
    max-width: 38px;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 3500;
  }

  body.ui-runtime.store-page .user-mobile-account-menu {
    position: relative;
    width: 38px;
    min-width: 38px;
  }

  body.ui-runtime.store-page .user-mobile-account-menu > summary {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    list-style: none;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 10px;
    background: rgba(255,255,255,.15);
    color: #fff;
    box-shadow: none;
  }

  body.ui-runtime.store-page .user-mobile-account-menu > summary:is(:hover,:focus-visible),
  body.ui-runtime.store-page .user-mobile-account-menu[open] > summary {
    background: rgba(255,255,255,.24);
    border-color: rgba(255,255,255,.58);
    outline: none;
  }

  body.ui-runtime.store-page .user-mobile-account-avatar {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: rgba(255,255,255,.18);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
  }

  body.ui-runtime.store-page .user-mobile-account-popover {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 3700;
    display: none;
    width: min(370px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 72px);
    padding: 10px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(15,23,42,.14);
    border-radius: 0;
    background: #fff;
    color: var(--user-header-text);
    box-shadow: 0 20px 50px rgba(15,23,42,.22);
  }

  body.ui-runtime.store-page .user-mobile-account-menu[open] > .user-mobile-account-popover {
    display: block;
  }

  body.ui-runtime.store-page .user-mobile-account-head {
    display: grid;
    gap: 4px;
    padding: 0 10px 12px;
    border-bottom: 1px solid #eef2f7;
  }

  body.ui-runtime.store-page .user-mobile-account-head > b {
    font-size: 14px;
    color: var(--user-header-text);
  }

  body.ui-runtime.store-page .user-mobile-account-head > span {
    color: #475569;
    font-size: 12px;
  }

  body.ui-runtime.store-page .user-mobile-wallet-summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px 12px;
    align-items: center;
    margin: 10px 0;
    padding: 12px;
    border: 1px solid #fed7cc;
    border-radius: 14px;
    background: #fffaf8;
  }

  body.ui-runtime.store-page .user-mobile-wallet-summary > span {
    color: #374151;
    font-size: 12px;
    font-weight: 700;
  }

  body.ui-runtime.store-page .user-mobile-wallet-summary > b {
    color: #1f2937;
    font-size: 13px;
    text-align: right;
  }

  body.ui-runtime.store-page .user-mobile-locale-section {
    margin: 10px 0;
    padding: 8px;
    border: 1px solid var(--user-header-line);
    border-radius: 12px;
    background: var(--user-header-surface);
  }

  body.ui-runtime.store-page .user-mobile-locale-section .user-locale-form-title {
    padding-inline: 2px;
  }

  body.ui-runtime.store-page .user-mobile-account-links {
    display: grid;
  }

  body.ui-runtime.store-page .user-mobile-account-links > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 0 10px;
    border-radius: 8px;
    color: #2f3337;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
  }

  body.ui-runtime.store-page .user-mobile-account-links > a:is(:hover,:focus-visible) {
    background: #f8fafc;
    color: var(--user-header-brand-dark);
    outline: none;
  }

  body.ui-runtime.store-page .user-mobile-account-links .menu-badge {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #fff1ed;
    color: var(--user-header-brand-dark);
    font-size: 11px;
    font-weight: 800;
  }

  body.ui-runtime.store-page .user-mobile-account-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin-top: 8px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff;
    color: #dc2626;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
  }
}

@media (min-width: 721px) {
  body.ui-runtime.store-page .user-mobile-nav-trigger,
  body.ui-runtime.store-page .user-mobile-account-zone,
  body.ui-runtime.store-page .user-mobile-guest-auth {
    display: none;
  }
}

/* Canonical TableUi layout owner.
 *
 * - scroll (default): keep semantic table layout and scroll the complete table.
 * - cards (explicit opt-in): convert standalone records into mobile cards.
 * - action columns always stay in normal table flow; fixed/sticky action rails are
 *   intentionally unsupported because they cover sibling columns and look detached.
 *
 * Other CSS may style content inside cells, but must not change the display,
 * positioning or sizing contract of table/action cells.
 */
body.ui-runtime [data-table-region-node="1"][data-smart-table="1"] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.ui-runtime [data-table-region-node="1"][data-smart-table="1"] > table {
  width: max(100%, var(--ui-table-min-width, 100%));
  min-width: var(--ui-table-min-width, 100%);
  max-width: none;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table.ui-table-layout-auto,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table.ui-table-layout-balanced {
  table-layout: auto;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table.ui-table-layout-fixed {
  table-layout: fixed;
}

/* Table action contract. Width is supplied by TableUi colgroup/column schema;
 * this owner only protects semantic flow and action alignment.
 */
body.ui-runtime [data-ui-component="table"] > table.ui-core-table col.ui-action-col {
  min-width: 0;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table th.table-action-head,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table td.table-action-cell,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table td.smart-action-cell,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table td[data-mobile-role="actions"] {
  position: static;
  inset: auto;
  min-width: 0;
  max-width: none;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  border-inline-start: 0;
  border-inline-end: 0;
  box-shadow: none;
}

/* Action cells are ordinary cells, not a detached rail. Their background follows
 * the row in every interaction state and no pseudo-element may draw a separator.
 */
body.ui-runtime [data-ui-component="table"] > table.ui-core-table td.table-action-cell,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table td.smart-action-cell,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table td[data-mobile-role="actions"] {
  background-color: inherit;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table :is(
  th.table-action-head,
  td.table-action-cell,
  td.smart-action-cell,
  td[data-mobile-role="actions"]
)::before,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table :is(
  th.table-action-head,
  td.table-action-cell,
  td.smart-action-cell,
  td[data-mobile-role="actions"]
)::after {
  content: none;
  display: none;
  border: 0;
  box-shadow: none;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table > tbody > tr:hover > td,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table > tbody > tr:focus-within > td {
  background-color: var(--ui-table-row-interactive-bg, #fffaf7);
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table :is(
  td.table-action-cell,
  td.smart-action-cell,
  td[data-mobile-role="actions"]
) > .smart-action-stack,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table .ui-table-dropbutton,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table .admin-table-action-stack,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table .table-action-grid,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table .services-action-menu,
body.ui-runtime [data-ui-component="table"] > table.ui-core-table .user-order-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
}

body.ui-runtime [data-ui-component="table"] > table.ui-core-table :is(
  td.table-action-cell,
  td.smart-action-cell,
  td[data-mobile-role="actions"]
) .ui-dropbutton {
  display: inline-flex;
  justify-content: flex-end;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

body.ui-runtime.admin-page [data-ui-component="table"] > table.ui-core-table .admin-table-action-stack > :is(.btn, a.btn, button.btn) {
  min-height: 32px;
  padding-inline: 10px;
  border-radius: 10px;
  white-space: nowrap;
}

/* Default mobile policy: the wrapper scrolls, while every table element keeps
 * native table semantics. The action column travels with the same scroll plane.
 */
body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, .58) rgba(226, 232, 240, .72);
  touch-action: pan-x pan-y;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap::-webkit-scrollbar {
  height: 9px;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(226, 232, 240, .72);
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap::-webkit-scrollbar-thumb {
  border: 2px solid rgba(226, 232, 240, .72);
  border-radius: 999px;
  background: rgba(100, 116, 139, .58);
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap:focus-visible {
  outline: 2px solid var(--store-primary, #2563eb);
  outline-offset: 2px;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll {
  display: table;
  width: max(100%, var(--ui-table-min-width, 760px));
  min-width: var(--ui-table-min-width, 760px);
  max-width: none;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll > thead {
  display: table-header-group;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll > tbody {
  display: table-row-group;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll tr {
  display: table-row;
}

body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll th,
body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td {
  display: table-cell;
}

@media (max-width: 780px) {
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap {
    border: 1px solid var(--wbh-line, rgba(15, 23, 42, .12));
    border-radius: 14px;
    background: var(--wbh-card, #fff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > .ui-smart-table-head {
    position: sticky;
    left: 0;
    width: min(100%, 100vw);
    min-width: 0;
    padding: 10px 12px;
    border-bottom: 1px solid var(--wbh-line, rgba(15, 23, 42, .12));
    background: var(--wbh-card, #fff);
    z-index: 4;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll {
    border: 0;
    border-radius: 0;
    font-size: 12.5px;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll th,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td {
    min-width: revert;
    padding: 9px 10px;
    vertical-align: top;
    white-space: normal;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll th.nowrap,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td.nowrap,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll th.table-action-head,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td.table-action-cell,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td.smart-action-cell,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td[data-mobile-role="actions"] {
    white-space: nowrap;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll th.table-action-head,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td.table-action-cell,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td.smart-action-cell,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td[data-mobile-role="actions"] {
    position: static;
    inset: auto;
    z-index: auto;
    box-shadow: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap [data-mobile-hide="1"] {
    display: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap .smart-action-stack,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap .table-action-grid {
    flex-wrap: nowrap;
  }
}

@media (max-width: 460px) {
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll th,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-scroll-wrap > table.ui-table-mobile-scroll td {
    padding: 8px 9px;
    font-size: 12px;
  }
}

/* Explicit card mode is owned here as part of the same TableUi contract.
 * No legacy layout file may transform a table into cards.
 */
@media (max-width: 780px){
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > colgroup,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > thead {
    display: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody {
    display: grid;
    gap: 10px;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr {
    display: block;
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--wbh-line, rgba(15, 23, 42, .12));
    border-radius: 14px;
    background: var(--wbh-card, #fff);
    box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td {
    display: grid;
    grid-template-columns: minmax(88px, 30%) minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 0;
    border: 0;
    border-bottom: 1px solid rgba(226, 232, 240, .86);
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td::before {
    content: attr(data-label);
    min-width: 0;
    color: var(--wbh-muted, #64748b);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .035em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td:first-child,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td[data-mobile-role="primary"] {
    display: block;
    padding-top: 0;
    font-weight: 700;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td:first-child::before,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td[data-mobile-role="primary"]::before,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td[data-mobile-role="actions"]::before,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td.table-action-cell::before {
    display: none;
    content: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td[data-mobile-role="actions"],
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td.table-action-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 9px 0 0;
    border-bottom: 0;
    text-align: right;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td:last-child {
    border-bottom: 0;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap [data-mobile-hide="1"] {
    display: none;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap .smart-action-stack,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap .table-action-grid,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap .user-order-actions {
    display: flex;
    width: auto;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap .raw-line,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap .raw-view,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap code,
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap pre {
    min-width: 0;
    max-width: 100%;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 460px){
  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr {
    padding: 10px;
  }

  body.ui-runtime [data-ui-component="table"].ui-table-mobile-cards-wrap > table.ui-table-mobile-cards > tbody > tr > td {
    grid-template-columns: minmax(76px, 32%) minmax(0, 1fr);
    gap: 7px;
    padding: 6px 0;
    font-size: 12px;
  }
}


/* Reusable bounded operational table: keeps long item lists inside one keyboard-scrollable
 * viewport while preserving real table semantics. The header remains visible during review. */
body.ui-runtime [data-ui-component="table"][data-table-bounded="1"] {
  max-height: var(--ui-table-max-height, 420px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.ui-runtime [data-ui-component="table"][data-table-bounded="1"] > table.ui-core-table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #f7f9fc;
  box-shadow: 0 1px 0 var(--line, #d9e0ea);
}

/* Operational/report variant: stronger row tracking for dense money/status tables. */
body.ui-runtime [data-ui-component="table"].ui-table-variant-operations > table.ui-core-table > tbody > tr > td {
  transition: background-color 120ms ease, box-shadow 120ms ease;
}

body.ui-runtime [data-ui-component="table"].ui-table-variant-operations > table.ui-core-table > tbody > tr:nth-child(even) > td {
  background-color: #f8fafc;
}

body.ui-runtime [data-ui-component="table"].ui-table-variant-operations > table.ui-core-table > tbody > tr:hover > td,
body.ui-runtime [data-ui-component="table"].ui-table-variant-operations > table.ui-core-table > tbody > tr:focus-within > td {
  background-color: #fff0e9;
}

body.ui-runtime [data-ui-component="table"].ui-table-variant-operations > table.ui-core-table > tbody > tr:hover > td:first-child,
body.ui-runtime [data-ui-component="table"].ui-table-variant-operations > table.ui-core-table > tbody > tr:focus-within > td:first-child {
  box-shadow: inset 3px 0 0 var(--brand, #d13f20);
}

/* Admin mobile header owner.
 *
 * Admin has its own mobile information architecture. The grid reserves fixed
 * touch targets for menu/notification/account and gives every remaining pixel
 * to the brand. The mobile brand name is independent from optional horizontal
 * logo assets, so it is truncated only when the viewport is genuinely full.
 */
body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-brand-name {
  display: none;
}

@media (max-width: 1024px) {
  body.ui-runtime.admin-page [data-admin-header-shell="1"] .site-utility {
    display: none;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .site-mainbar {
    min-height: 60px;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-grid {
    width: min(calc(100% - 16px), 760px);
    max-width: 760px;
    min-width: 0;
    min-height: 60px;
    margin-inline: auto;
    padding: 8px 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-template-areas: "admin-leading admin-brand admin-actions";
    align-items: center;
    column-gap: 8px;
    overflow: visible;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"][data-admin-auth-state="guest"] .admin-mobile-header-grid {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "admin-brand admin-actions";
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-grid > .global-search-placeholder,
  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-grid > .desktop-site-nav {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-menu {
    grid-area: admin-leading;
    justify-self: start;
    align-self: center;
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    min-height: 42px;
    margin: 0;
    padding: 0;
    display: inline-grid;
    place-items: center;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-menu > b {
    display: none;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-brand {
    grid-area: admin-brand;
    justify-self: stretch;
    align-self: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 42px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-brand :is(
    .brand-mark,
    .brand-generated-mark,
    .brand-generated-icon,
    .brand-header-icon
  ) {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    flex: 0 0 34px;
    margin: 0;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-brand :is(
    .brand-text,
    .brand-header-custom-logo,
    .brand-generated-logo,
    .brand-horizontal-logo
  ) {
    display: none;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-brand .admin-mobile-brand-name {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: var(--wbh-ink, #172033);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-actions {
    grid-area: admin-actions;
    justify-self: end;
    align-self: center;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    overflow: visible;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-actions > :is(
    .notification-popover-core,
    .admin-account-chip
  ) {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    min-height: 42px;
    margin: 0;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-actions :is(
    .notification-popover-trigger-core,
    .admin-account-chip-trigger
  ) {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    justify-content: center;
    gap: 0;
    border-radius: 13px;
    line-height: 1;
    overflow: visible;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-actions :is(
    .notification-popover-trigger-label-core,
    .notification-popover-caret-core,
    .admin-account-chip-meta,
    .admin-account-chip-name,
    .admin-account-chip-role,
    .admin-account-chip-caret
  ) {
    display: none;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-account-chip-avatar {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    margin: 0;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    border-radius: 8px;
    line-height: 1;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-actions :is(
    .notification-popover-panel-core,
    .account-dropdown
  ) {
    position: fixed;
    top: 68px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 80px);
    overflow: auto;
    z-index: 2220;
  }
}

@media (max-width: 420px) {
  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-grid {
    width: calc(100% - 12px);
    column-gap: 7px;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-brand {
    gap: 7px;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-brand .admin-mobile-brand-name {
    font-size: 14px;
  }

  body.ui-runtime.admin-page [data-admin-header-shell="1"] .admin-mobile-header-actions :is(
    .notification-popover-panel-core,
    .account-dropdown
  ) {
    right: 7px;
    left: 7px;
  }
}

/* Admin operational footer owner.
 *
 * The footer is a static operational summary, never a compressed fixed bar.
 * Desktop stays compact; mobile becomes a readable status grid followed by
 * touch-sized navigation. User footer remains independently owned.
 */
body.ui-runtime.admin-page [data-admin-footer-shell="1"] {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 20px 0 0;
  padding: 16px;
  border: 1px solid #dbe5f0;
  border-radius: 16px;
  background: #f8fafc;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  color: #475569;
  text-align: left;
  position: static;
  inset: auto;
  box-shadow: none;
  backdrop-filter: none;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-overview {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-identity {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-eyebrow,
body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-links-title {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.25;
  text-transform: uppercase;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-brand {
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-identity time {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health {
  min-width: 0;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item {
  min-width: 0;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #dbe5f0;
  border-radius: 9px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item b {
  min-width: 0;
  color: #172033;
  font-size: 11px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item.is-ok {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item.is-warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item.is-bad {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px 10px;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-links-title {
  flex-basis: 100%;
  text-align: right;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links a {
  min-height: 32px;
  padding: 6px 0;
  display: inline-flex;
  align-items: center;
  color: #334155;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links a:hover,
body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links a:focus-visible {
  color: #2563eb;
}

@media (max-width: 1024px) {
  body.ui-runtime.admin-page [data-admin-footer-shell="1"] {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 14px;
    margin-top: 18px;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-overview {
    grid-template-columns: minmax(140px, .45fr) minmax(0, 1fr);
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links {
    justify-content: flex-start;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-links-title {
    text-align: left;
  }
}

@media (max-width: 640px) {
  body.ui-runtime.admin-page [data-admin-footer-shell="1"] {
    margin: 18px 0 calc(12px + env(safe-area-inset-bottom, 0px));
    padding: 14px;
    border-radius: 14px;
    gap: 16px;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-overview {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-identity {
    padding-bottom: 11px;
    border-bottom: 1px solid #e2e8f0;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-brand {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item {
    width: 100%;
    min-height: 50px;
    padding: 8px 10px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 3px;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item.is-wide {
    grid-column: 1 / -1;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-links-title {
    grid-column: 1 / -1;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links a {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 380px) {
  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health,
  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-ops-footer-links {
    grid-template-columns: 1fr;
  }

  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-health-item.is-wide,
  body.ui-runtime.admin-page [data-admin-footer-shell="1"] .admin-footer-links-title {
    grid-column: auto;
  }
}

/* Canonical API documentation navigation owner.
 *
 * ApiDocsUi renders one navigation tree for desktop and mobile. This file owns
 * the complete visual/scroll contract for that tree so route and legacy CSS do
 * not compete over icons, endpoint spacing or touch scrolling.
 */
body.ui-runtime .api-docs-core {
  --api-nav-ink: #172033;
  --api-nav-muted: #66758a;
  --api-nav-line: #dce4ee;
  --api-nav-brand: var(--brand, #d13f20);
  --api-nav-hover-fg: var(--brand-hover, #b8321a);
  --api-nav-hover-line: var(--brand-line, #ffd6c9);
  --api-nav-hover: var(--brand-soft, #fff3ee);
  --api-nav-pressed: #ffe7df;
  --api-nav-hover-accent: var(--api-nav-brand);
  --api-nav-active-line: #ffbba5;
  --api-nav-active: #ffe9e1;
}

body.ui-runtime .api-docs-core > .api-docs-sidebar-core {
  position: sticky;
  top: 88px;
  display: block;
  min-width: 0;
  max-height: calc(100dvh - 104px);
  overflow: hidden;
  border: 1px solid var(--api-nav-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}

body.ui-runtime .api-docs-core .api-docs-sidebar-head {
  display: grid;
  gap: 4px;
  padding: 16px 17px 14px;
  border-bottom: 1px solid var(--api-nav-line);
  background: #fff;
}

body.ui-runtime .api-docs-core .api-docs-sidebar-head > span,
body.ui-runtime .api-docs-mobile-menu-core > summary > span {
  color: var(--api-nav-brand);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .085em;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-core .api-docs-sidebar-head > b,
body.ui-runtime .api-docs-mobile-menu-core > summary > b {
  min-width: 0;
  overflow: hidden;
  color: var(--api-nav-ink);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.012em;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .api-docs-core .api-docs-sidebar-head > small,
body.ui-runtime .api-docs-mobile-menu-core > summary > small {
  min-width: 0;
  overflow: hidden;
  color: var(--api-nav-muted);
  font-size: 11.5px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .api-docs-core .api-docs-nav-core {
  display: block;
  max-height: calc(100dvh - 204px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 9px 10px 12px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
  overscroll-behavior-y: contain;
}

body.ui-runtime .api-docs-core [data-api-doc-nav] a {
  color: #334155;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core {
  min-height: 58px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  transition:
    background-color .14s ease,
    border-color .14s ease,
    box-shadow .14s ease,
    color .14s ease;
}

body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core:hover,
body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core:focus-visible {
  border-color: var(--api-nav-hover-line);
  background: var(--api-nav-hover);
  color: var(--api-nav-hover-fg);
  box-shadow: inset 3px 0 0 var(--api-nav-hover-accent);
}

body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core:active:not(.is-active) {
  background: var(--api-nav-pressed);
}

body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core.is-active {
  border-color: var(--api-nav-active-line);
  background: var(--api-nav-active);
  box-shadow: inset 3px 0 0 var(--api-nav-brand);
}

body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core:is(:hover,:focus-visible,.is-active) .api-docs-nav-copy-core > b {
  color: var(--api-nav-hover-fg);
}

body.ui-runtime .api-docs-nav-icon-core {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dde5ef;
  border-radius: 9px;
  background: #f8fafc;
  color: #526176;
}

body.ui-runtime .api-docs-nav-icon-core > svg {
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
}

body.ui-runtime .api-docs-nav-copy-core {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body.ui-runtime .api-docs-nav-copy-core > b {
  min-width: 0;
  overflow: hidden;
  color: var(--api-nav-ink);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .14s ease;
}

body.ui-runtime .api-docs-nav-copy-core > small,
body.ui-runtime .api-docs-nav-copy-core > code {
  min-width: 0;
  overflow: hidden;
  color: var(--api-nav-muted);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui-runtime .api-docs-nav-copy-core > code {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 11px 0 4px;
  border-top: 1px solid #edf1f5;
}

body.ui-runtime .api-docs-core .api-docs-nav-group-head-core {
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 9px 5px;
}

body.ui-runtime .api-docs-core .api-docs-nav-group-head-core > span {
  min-width: 0;
  color: #526176;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .065em;
  line-height: 1.25;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-core .api-docs-nav-group-head-core > small {
  min-width: 22px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border: 1px solid #dfe6ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core {
  min-height: 57px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  column-gap: 13px;
  row-gap: 3px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  transition:
    background-color .14s ease,
    border-color .14s ease,
    box-shadow .14s ease,
    color .14s ease;
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core:is(:hover,:focus-visible) {
  border-color: var(--api-nav-hover-line);
  background: var(--api-nav-hover);
  color: var(--api-nav-hover-fg);
  box-shadow: inset 3px 0 0 var(--api-nav-hover-accent);
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core:active:not(.is-active) {
  background: var(--api-nav-pressed);
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core.is-active {
  border-color: var(--api-nav-active-line);
  background: var(--api-nav-active);
  box-shadow: inset 3px 0 0 var(--api-nav-brand);
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core:is(:hover,:focus-visible,.is-active) .api-docs-nav-copy-core > b {
  color: var(--api-nav-hover-fg);
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core:focus-visible,
body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core:focus-visible {
  outline: 2px solid var(--api-nav-brand);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  body.ui-runtime .api-docs-core [data-api-doc-nav] .api-docs-nav-overview-core,
  body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core {
    transition: none;
  }
}

body.ui-runtime .api-docs-core .api-docs-nav-group-core .api-method-badge {
  min-width: 46px;
  width: 46px;
  height: 24px;
  box-sizing: border-box;
  justify-self: start;
  min-height: 24px;
  padding: 0 5px;
  border-radius: 6px;
  font-size: 9.5px;
  letter-spacing: .015em;
}

body.ui-runtime .api-docs-mobile-menu-core {
  display: none;
}

@media (max-width: 960px) {
  body.ui-runtime .api-docs-core > .api-docs-sidebar-core {
    display: none;
  }

  body.ui-runtime .api-docs-mobile-menu-core {
    position: relative;
    z-index: 4;
    display: block;
    min-width: 0;
    max-width: 100%;
    border: 1px solid var(--api-nav-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
    overflow: clip;
  }

  body.ui-runtime .api-docs-mobile-menu-core > summary {
    min-height: 66px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "eyebrow arrow"
      "title arrow"
      "meta arrow";
    align-items: center;
    gap: 2px 12px;
    padding: 11px 12px 11px 14px;
    cursor: pointer;
    list-style: none;
    background: #fff;
    touch-action: manipulation;
  }

  body.ui-runtime .api-docs-mobile-menu-core > summary::-webkit-details-marker {
    display: none;
  }

  body.ui-runtime .api-docs-mobile-menu-core > summary > span { grid-area: eyebrow; }
  body.ui-runtime .api-docs-mobile-menu-core > summary > b { grid-area: title; }
  body.ui-runtime .api-docs-mobile-menu-core > summary > small { grid-area: meta; }

  body.ui-runtime .api-docs-mobile-menu-core > summary > i {
    grid-area: arrow;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #dce4ee;
    border-radius: 9px;
    background: #f8fafc;
  }

  body.ui-runtime .api-docs-mobile-menu-core > summary > i::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #475569;
    border-bottom: 2px solid #475569;
    transform: rotate(45deg) translate(-1px, -1px);
    transition: transform .18s ease;
  }

  body.ui-runtime .api-docs-mobile-menu-core[open] > summary {
    border-bottom: 1px solid var(--api-nav-line);
  }

  body.ui-runtime .api-docs-mobile-menu-core[open] > summary > i::before {
    transform: rotate(225deg) translate(-1px, -1px);
  }

  body.ui-runtime .api-docs-mobile-nav-core {
    display: grid;
    gap: 0;
    width: 100%;
    min-width: 0;
    max-height: min(68dvh, 620px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 10px 12px;
    border-top: 0;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
  }

  body.ui-runtime .api-docs-mobile-nav-core .api-docs-nav-overview-core {
    margin: 0;
  }

  body.ui-runtime .api-docs-mobile-nav-core .api-docs-nav-group-core {
    gap: 3px;
    margin: 0;
    padding: 12px 0 4px;
    border: 0;
    border-top: 1px solid #edf1f5;
    border-radius: 0;
    background: transparent;
  }

  body.ui-runtime .api-docs-mobile-nav-core .api-docs-nav-group-head-core {
    padding-inline: 7px;
  }

  body.ui-runtime .api-docs-mobile-nav-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core {
    min-height: 58px;
    padding: 7px;
    background: transparent;
  }
}

@media (max-width: 560px) {
  body.ui-runtime .api-docs-mobile-menu-core > summary {
    min-height: 64px;
    padding: 10px 11px 10px 13px;
  }

  body.ui-runtime .api-docs-mobile-nav-core {
    max-height: min(70dvh, 640px);
    padding-inline: 8px;
  }

  body.ui-runtime .api-docs-core .api-docs-nav-group-core > .api-docs-nav-endpoint-core {
    grid-template-columns: 45px minmax(0, 1fr);
    column-gap: 12px;
  }

  body.ui-runtime .api-docs-core .api-docs-nav-copy-core > b {
    font-size: 12px;
  }

  body.ui-runtime .api-docs-core .api-docs-nav-copy-core > code,
  body.ui-runtime .api-docs-core .api-docs-nav-copy-core > small {
    font-size: 10px;
  }

  body.ui-runtime .api-docs-core .api-docs-nav-group-core .api-method-badge {
    min-width: 43px;
    width: 43px;
    font-size: 9px;
  }
}

/*
 * Canonical request/response example layout for both Admin and User API Docs.
 * ApiDocsUi renders request and response as separate semantic sections; this
 * file owns their reading order, horizontal response row and mobile fallback.
 */
body.ui-runtime .api-docs-core .api-example-flow-core {
  min-width: 0;
  display: grid;
  gap: 16px;
  margin: 14px 15px 15px;
}

body.ui-runtime .api-docs-core .api-request-example-core,
body.ui-runtime .api-docs-core .api-response-examples-core {
  min-width: 0;
  display: grid;
  gap: 9px;
}

body.ui-runtime .api-docs-core .api-example-section-head-core {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 20px;
  padding: 0 2px;
}

body.ui-runtime .api-docs-core .api-example-section-head-core > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body.ui-runtime .api-docs-core .api-example-section-head-core span {
  color: var(--brand-hover, #b8321a);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.ui-runtime .api-docs-core .api-example-section-head-core b {
  color: #172033;
  font-size: 14px;
  line-height: 1.3;
}

body.ui-runtime .api-docs-core .api-example-section-head-core p {
  max-width: 620px;
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

body.ui-runtime .api-docs-core .api-request-example-core > .api-code-panel-core {
  width: 100%;
}

body.ui-runtime .api-docs-core .api-request-example-core .api-code-pre-core {
  max-height: 240px;
}

body.ui-runtime .api-docs-core .api-response-row-core {
  min-width: 0;
  display: grid;
  gap: 10px;
}

body.ui-runtime .api-docs-core .api-response-row-core.is-single {
  grid-template-columns: minmax(0, 1fr);
}

body.ui-runtime .api-docs-core .api-response-row-core.has-multiple {
  grid-auto-flow: column;
  grid-auto-columns: minmax(390px, 1fr);
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 7px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #b9c5d4 transparent;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
}

body.ui-runtime .api-docs-core .api-response-row-core.has-multiple:focus-visible {
  border-radius: 12px;
  outline: 3px solid rgba(238, 77, 45, .24);
  outline-offset: 3px;
}

body.ui-runtime .api-docs-core .api-response-row-core > .api-code-panel-core {
  min-width: 0;
  scroll-snap-align: start;
}

body.ui-runtime .api-docs-core .api-response-row-core.has-multiple > .api-code-panel-core {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-self: stretch;
  width: 100%;
}

body.ui-runtime .api-docs-core .api-response-row-core.has-multiple .api-code-pre-core {
  height: 360px;
  max-height: 360px;
}

body.ui-runtime .api-docs-core .api-docs-error-contract > .api-response-examples-core {
  margin-top: 12px;
}

@media (max-width: 720px) {
  body.ui-runtime .api-docs-core .api-example-flow-core {
    margin-inline: 12px;
  }

  body.ui-runtime .api-docs-core .api-example-section-head-core {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  body.ui-runtime .api-docs-core .api-example-section-head-core p {
    max-width: none;
    text-align: left;
  }

  body.ui-runtime .api-docs-core .api-response-row-core.has-multiple {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr);
    overflow-x: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
  }

  body.ui-runtime .api-docs-core .api-response-row-core.has-multiple > .api-code-panel-core {
    display: block;
    width: 100%;
  }

  body.ui-runtime .api-docs-core .api-response-row-core.has-multiple .api-code-pre-core {
    height: auto;
    max-height: 360px;
  }
}

/*
 * Canonical Admin metric cards + Dashboard live monitor.
 *
 * Report cards use a tonal surface rather than a thin colored stripe so status
 * remains visible at a glance without sacrificing text contrast. This file is
 * the final Admin report-card owner; legacy compatibility rules stay earlier in
 * the cascade only for historical routes.
 */
body.ui-runtime.ui-admin .admin-report-card{
  --admin-card-accent: #64748b;
  --admin-card-bg: #f8fafc;
  --admin-card-border: #e2e8f0;
  position: relative;
  min-width: 0;
  min-height: 116px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 15px 16px;
  border: 1px solid var(--admin-card-border);
  border-radius: 14px;
  background: var(--admin-card-bg);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .065), 0 1px 2px rgba(15, 23, 42, .04);
  overflow: hidden;
  isolation: isolate;
}

body.ui-runtime.ui-admin .admin-report-card::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--admin-card-accent);
  opacity: .92;
}

body.ui-runtime.ui-admin .admin-report-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.ui-admin .admin-report-card-head span{
  min-width: 0;
  color: #475569;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .045em;
}

body.ui-runtime.ui-admin .admin-report-card-head i{
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 9px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 2px 8px rgba(15,23,42,.06);
  color: var(--admin-card-accent);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

body.ui-runtime.ui-admin .admin-report-card > b{
  min-width: 0;
  color: #0f172a;
  font-size: clamp(21px, 1.7vw, 27px);
  line-height: 1.12;
  font-weight: 850;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

body.ui-runtime.ui-admin .admin-report-card > small{
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  overflow-wrap: anywhere;
}

body.ui-runtime.ui-admin .admin-report-card.tone-brand,
body.ui-runtime.ui-admin .admin-report-card.tone-primary{
  --admin-card-accent: var(--brand, #ee4d2d);
  --admin-card-bg: #fff5f1;
  --admin-card-border: #ffd8cc;
}
body.ui-runtime.ui-admin .admin-report-card.tone-blue,
body.ui-runtime.ui-admin .admin-report-card.tone-info{
  --admin-card-accent: #2563eb;
  --admin-card-bg: #eff6ff;
  --admin-card-border: #bfdbfe;
}
body.ui-runtime.ui-admin .admin-report-card.tone-green,
body.ui-runtime.ui-admin .admin-report-card.tone-ok,
body.ui-runtime.ui-admin .admin-report-card.tone-success{
  --admin-card-accent: #16a34a;
  --admin-card-bg: #f0fdf4;
  --admin-card-border: #bbf7d0;
}
body.ui-runtime.ui-admin .admin-report-card.tone-amber,
body.ui-runtime.ui-admin .admin-report-card.tone-yellow,
body.ui-runtime.ui-admin .admin-report-card.tone-orange,
body.ui-runtime.ui-admin .admin-report-card.tone-warn,
body.ui-runtime.ui-admin .admin-report-card.tone-warning{
  --admin-card-accent: #d97706;
  --admin-card-bg: #fffbeb;
  --admin-card-border: #fde68a;
}
body.ui-runtime.ui-admin .admin-report-card.tone-red,
body.ui-runtime.ui-admin .admin-report-card.tone-danger{
  --admin-card-accent: #dc2626;
  --admin-card-bg: #fef2f2;
  --admin-card-border: #fecaca;
}
body.ui-runtime.ui-admin .admin-report-card.tone-purple{
  --admin-card-accent: #7c3aed;
  --admin-card-bg: #f5f3ff;
  --admin-card-border: #ddd6fe;
}
body.ui-runtime.ui-admin .admin-report-card.tone-dark,
body.ui-runtime.ui-admin .admin-report-card.tone-neutral{
  --admin-card-accent: #475569;
  --admin-card-bg: #f8fafc;
  --admin-card-border: #cbd5e1;
}


/* Revenue is the primary Dashboard scan target: use four confident color blocks
 * while operational/status cards stay tonal. This mirrors mature commerce
 * dashboards without turning every card into a saturated tile. */
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card{
  --admin-revenue-from: #334155;
  --admin-revenue-to: #0f172a;
  min-height: 126px;
  border: 0;
  color:#fff;
  background: linear-gradient(135deg,var(--admin-revenue-from),var(--admin-revenue-to));
  box-shadow: 0 14px 30px rgba(15,23,42,.14), 0 2px 5px rgba(15,23,42,.08);
}
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card::before{ display:none; }
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card.tone-blue{
  --admin-revenue-from:#3b82f6;
  --admin-revenue-to:#2563eb;
}
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card.tone-purple{
  --admin-revenue-from:#8b5cf6;
  --admin-revenue-to:#6d28d9;
}
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card.tone-green{
  --admin-revenue-from:#22b989;
  --admin-revenue-to:#0f9f75;
}
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card.tone-brand{
  --admin-revenue-from:#ff9f1a;
  --admin-revenue-to:#ee4d2d;
}
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card-head span,
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card > b,
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card > small{
  color:#fff;
}
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card > small{ color:rgba(255,255,255,.86); }
body.ui-runtime.ui-admin .admin-dashboard-revenue .admin-report-card-head i{
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:none;
}

/* Dashboard section composition. Strong outer boundaries + a single header line
 * make activity/report groups easy to scan while keeping their inner widgets light. */
body.ui-runtime.ui-admin .admin-dashboard-section-card{
  margin:16px 0;
  border:1px solid #d9e2ec;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.055), 0 1px 2px rgba(15,23,42,.035);
  overflow:hidden;
}
body.ui-runtime.ui-admin .admin-dashboard-section-card > .section-title,
body.ui-runtime.ui-admin .admin-dashboard-section-card > .admin-section-head{
  position:relative;
  min-height:48px;
  padding:12px 14px 12px 17px;
  border-bottom:1px solid #dfe7ef;
  background:#fff;
}
body.ui-runtime.ui-admin .admin-dashboard-section-card > .section-title::before,
body.ui-runtime.ui-admin .admin-dashboard-section-card > .admin-section-head::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:3px;
  height:18px;
  border-radius:999px;
  background:#38bdf8;
  transform:translateY(-50%);
}
body.ui-runtime.ui-admin .admin-dashboard-section-card > .section-title h2,
body.ui-runtime.ui-admin .admin-dashboard-section-card > .admin-section-head h2{
  margin:0;
  color:#0f172a;
  font-size:14px;
  font-weight:850;
  letter-spacing:.005em;
}
body.ui-runtime.ui-admin .admin-dashboard-section-body{
  min-width:0;
  padding:14px;
}
body.ui-runtime.ui-admin .admin-dashboard-section-body > .admin-report-grid,
body.ui-runtime.ui-admin .admin-dashboard-section-body > .admin-summary-bar{
  margin:0;
}
body.ui-runtime.ui-admin .admin-dashboard-section-body > .admin-summary-bar{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
body.ui-runtime.ui-admin .grid > .admin-dashboard-section-card{ margin-block:0; }
body.ui-runtime.ui-admin .admin-dashboard-support-queue{ margin-top:16px; }

@media (hover:hover) and (pointer:fine){
  body.ui-runtime.ui-admin .admin-report-card{
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  }
  body.ui-runtime.ui-admin .admin-report-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 13px 30px rgba(15,23,42,.09), 0 2px 4px rgba(15,23,42,.05);
  }
}

body.ui-runtime.ui-admin .admin-dashboard-section-label{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0 9px;
}
body.ui-runtime.ui-admin .admin-dashboard-section-label > div{
  display: flex;
  align-items: baseline;
  gap: 9px;
  min-width: 0;
}
body.ui-runtime.ui-admin .admin-dashboard-section-label span{
  color: var(--brand, #ee4d2d);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .065em;
  text-transform: uppercase;
}
body.ui-runtime.ui-admin .admin-dashboard-section-label b{
  color: #0f172a;
  font-size: 15px;
}
body.ui-runtime.ui-admin .admin-dashboard-revenue{
  grid-template-columns: repeat(4, minmax(0,1fr));
}
body.ui-runtime.ui-admin .admin-dashboard-summary{
  grid-template-columns: repeat(3, minmax(0,1fr));
}

body.ui-runtime.ui-admin .admin-live-monitor{
  padding: 0;
}
body.ui-runtime.ui-admin .admin-live-monitor-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 50px;
  padding: 11px 14px;
  border-bottom: 1px solid #dfe7ef;
  background: #fff;
}
body.ui-runtime.ui-admin .admin-live-title{
  display: flex;
  align-items: center;
  gap: 8px;
}
body.ui-runtime.ui-admin .admin-live-title h2{
  margin: 0;
  color: #0f172a;
  font-size: 16px;
}
body.ui-runtime.ui-admin .admin-live-dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22,163,74,.12);
}
body.ui-runtime.ui-admin .admin-live-updated{
  flex: 0 0 auto;
  color: #64748b;
  font-size: 11px;
  white-space: nowrap;
}
body.ui-runtime.ui-admin .admin-live-monitor.is-live-error .admin-live-dot{
  background: #d97706;
  box-shadow: 0 0 0 4px rgba(217,119,6,.12);
}
body.ui-runtime.ui-admin .admin-live-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  padding: 14px;
  background: #f8fafc;
}
body.ui-runtime.ui-admin .admin-live-panel{
  min-width: 0;
  border: 1px solid #dbe3ec;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15,23,42,.07);
  overflow: hidden;
}
body.ui-runtime.ui-admin .admin-live-panel > header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 11px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
body.ui-runtime.ui-admin .admin-live-panel > header > div{
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
body.ui-runtime.ui-admin .admin-live-panel > header b{
  color: #0f172a;
  font-size: 13px;
}
body.ui-runtime.ui-admin .admin-live-panel > header a{
  flex: 0 0 auto;
  color: var(--brand, #ee4d2d);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
body.ui-runtime.ui-admin .admin-live-panel-icon{
  display: inline-grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 8px;
  background: #fff5f1;
  color: var(--brand, #ee4d2d);
}
body.ui-runtime.ui-admin .admin-live-list{
  display: grid;
  min-width: 0;
}
body.ui-runtime.ui-admin .admin-live-row{
  display: block;
  min-width: 0;
  padding: 11px 12px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: background-color .15s ease, box-shadow .15s ease;
}
body.ui-runtime.ui-admin .admin-live-row:last-child{ border-bottom: 0; }
body.ui-runtime.ui-admin .admin-live-row:hover{
  background: #f8fafc;
  box-shadow: inset 3px 0 0 rgba(37,99,235,.22);
}
body.ui-runtime.ui-admin .admin-live-row-main{
  display: grid;
  gap: 6px;
  min-width: 0;
}
body.ui-runtime.ui-admin .admin-live-sentence{
  min-width: 0;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.ui-runtime.ui-admin .admin-live-sentence b{
  color: #0f172a;
  font-weight: 800;
}
body.ui-runtime.ui-admin .admin-live-row-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 7px;
  min-width: 0;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
}
body.ui-runtime.ui-admin .admin-live-row-meta > *:not(:first-child)::before{
  content: '·';
  margin-right: 7px;
  color: #cbd5e1;
}
body.ui-runtime.ui-admin .admin-live-row-meta .badge{
  font-size: 9px;
  line-height: 1.3;
  padding: 1px 5px;
}
body.ui-runtime.ui-admin .admin-live-row-meta .badge::before{ content: none !important; }
body.ui-runtime.ui-admin .admin-live-relative{
  color: #475569;
  font-weight: 700;
}
body.ui-runtime.ui-admin .admin-live-empty{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 84px;
  padding: 12px;
  color: #94a3b8;
  text-align: center;
}
body.ui-runtime.ui-admin .admin-live-empty p{ margin: 0; font-size: 12px; }

@media (max-width: 1180px){
  body.ui-runtime.ui-admin .admin-dashboard-revenue{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.ui-runtime.ui-admin .admin-dashboard-summary{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.ui-runtime.ui-admin .admin-live-grid{ grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 640px){
  body.ui-runtime.ui-admin .admin-dashboard-revenue,
  body.ui-runtime.ui-admin .admin-dashboard-summary{ grid-template-columns: minmax(0,1fr); }
  body.ui-runtime.ui-admin .admin-dashboard-section-label{ align-items: flex-start; flex-direction: column; }
  body.ui-runtime.ui-admin .admin-live-monitor-head{ align-items: center; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce){
  body.ui-runtime.ui-admin .admin-report-card{ transition: none; }
  body.ui-runtime.ui-admin .admin-report-card:hover{ transform: none; }
}

/* Dashboard section anchors used by legacy redirects and drill-down navigation. */
body.ui-runtime.ui-admin .admin-dashboard-anchor-section,
body.ui-runtime.ui-admin .admin-drilldown-anchor{
  scroll-margin-top: 18px;
}
body.ui-runtime.ui-admin .admin-dashboard-section-label-with-action{
  align-items: center;
}
body.ui-runtime.ui-admin .admin-dashboard-section-label-with-action > .btn{
  flex: 0 0 auto;
}

/* Admin notification inbox owner. */
body.ui-runtime.ui-admin.route-admin-notifications-php .admin-notifications-page {
  display: grid;
  gap: 14px;
  min-width: 0;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .admin-notification-summary {
  margin-bottom: 0;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .admin-notification-stack {
  gap: 10px;
  min-width: 0;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card {
  position: relative;
  padding: 14px 16px;
  border: 1px solid #dbe5f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15,23,42,.045);
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card.is-unread {
  border-color: #93c5fd;
  background: #f8fbff;
  box-shadow: 0 8px 22px rgba(37,99,235,.09);
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card.is-unread::before {
  content: '';
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: #2563eb;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card.is-read {
  border-color: #e2e8f0;
  background: #fbfcfe;
  box-shadow: none;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card.is-read h2,
body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card.is-read .content-body {
  color: #64748b;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .admin-notification-head {
  gap: 12px;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .admin-notification-head-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-read-badge.is-unread-state {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-read-badge.is-read-state {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #64748b;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .notification-read-state {
  font-size: 12px;
}

body.ui-runtime.ui-admin.route-admin-notifications-php [data-admin-notification-mark-all]:disabled {
  opacity: .55;
  cursor: default;
}

body.ui-runtime.ui-admin.route-admin-notifications-php .table-pager-core {
  margin-top: 0;
}

@media (max-width: 640px) {
  body.ui-runtime.ui-admin.route-admin-notifications-php .notification-card {
    padding: 13px 14px;
  }

  body.ui-runtime.ui-admin.route-admin-notifications-php .admin-notification-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* UI owner: 60-utilities.css
 * Small, presentation-only primitives shared by components.
 * Utilities load last and intentionally keep low specificity.
 */
.ui-inline-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 1em;
  pointer-events: none;
}

.ui-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}