.profile-menu {
  position: relative;
  border-top: 1px solid #63252d;
  margin-top: auto;
  padding-top: 12px;
}

.profile-menu > .profile {
  width: 100%;
  margin: 0;
  padding: 10px 5px 4px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  text-align: left;
}

.profile-menu > .profile:hover,
.profile-menu > .profile:focus-visible {
  background: #ffffff0d;
  outline: none;
}

.profile-copy { min-width: 0; }
.profile-copy strong { overflow: hidden; text-overflow: ellipsis; }
.profile-chevron { margin-left: auto; color: #cfabb0; font-size: 18px; }

.profile-dropdown {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  padding: 7px;
  background: #fff;
  color: var(--ink);
  border: 1px solid #7b171f;
  border-radius: 11px;
  box-shadow: 0 14px 34px #0006;
  opacity: 0;
  visibility: hidden;
  transform: translateY(7px);
  transition: opacity .15s, transform .15s, visibility .15s;
}

.profile-menu:hover .profile-dropdown,
.profile-menu:focus-within .profile-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.profile-dropdown a,
.profile-dropdown button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 11px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  text-align: left;
}

.profile-dropdown a:hover,
.profile-dropdown a:focus-visible,
.profile-dropdown button:hover,
.profile-dropdown button:focus-visible {
  background: #fff0f1;
  color: #c9000d;
  outline: none;
}

.profile-dropdown span { width: 18px; text-align: center; }

.admin-stats { margin-bottom: 22px; }
.admin-stats .stat small { display: block; margin-top: 7px; color: var(--muted); }

.rules-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.rules-grid .panel { margin: 0; }
.rules-card h2 { margin-top: 8px; }
.rules-card ul { margin: 18px 0 0; padding-left: 20px; color: #45383c; line-height: 1.65; }
.rules-card li + li { margin-top: 7px; }
.rules-card > p { line-height: 1.65; }
.rules-card .notice-card { margin-top: 18px; }
.bonus-table { margin-top: 20px; padding: 16px; border-radius: 9px; background: #fff5f6; border: 1px solid #efc8cc; }
.bonus-table > b { display: block; margin-bottom: 10px; }
.bonus-table > div { display: flex; justify-content: space-between; gap: 15px; padding: 7px 0; border-top: 1px solid #efdadd; }
.bonus-table strong { color: #c9000d; }
.bonus-preview { display: grid; grid-template-columns: 1fr auto; gap: 3px 15px; margin-top: 15px; padding: 15px; border: 1px solid #efc8cc; border-radius: 9px; background: #fff5f6; }
.bonus-preview span { font-weight: 800; }
.bonus-preview b { color: #c9000d; font-size: 22px; }
.bonus-preview small { grid-column: 1 / -1; color: var(--muted); }
.rules-editor { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; margin-top: 5px; }
.rules-editor textarea { min-height: 150px; }
.rules-editor .form-actions { grid-column: 1 / -1; }
.superuser-tabs { display: flex; gap: 8px; margin: 20px 0; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.superuser-tabs button { background: #fff; color: #5b4a4f; border: 1px solid #d7c9cc; }
.superuser-tabs button.active { background: #c9000d; color: #fff; border-color: #c9000d; }
.payment-status { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; padding: 14px; border-left: 3px solid #c9000d; background: #f7f4f5; }
.payment-status b { display: block; margin-top: 5px; }
.payment-checks { display: grid; gap: 10px; align-content: center; margin-top: 15px; padding: 14px; border: 1px solid var(--line); background: #faf8f9; }
.payment-checks label { font-size: 13px; font-weight: 750; }
.payment-checks small { color: var(--muted); }
.code-editor textarea{min-height:260px;font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.55;tab-size:2;white-space:pre}
#custom-site-html:empty{display:none}
.currency-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 7px; }
.currency-picker label { display: flex; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--line); background: #fff; cursor: pointer; }
.currency-picker label:has(input:checked) { border-color: #c9000d; background: #fff4f5; }
.currency-picker input { width: auto; height: auto; margin: 0; }
.currency-picker span { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 8px; }
.currency-picker small { color: var(--muted); font-size: 10px; }
.insights-panel { margin-bottom: 22px; }
.insight-controls { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0 12px; }
.insight-controls button.active { background: #c9000d; color: #fff; border-color: #c9000d; }
.insight-chart { padding: 14px; border: 1px solid var(--line); background: #faf9f9; }
.insight-total { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; }
.insight-total span { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.insight-total b { font-size: 24px; }
.insight-chart svg { display: block; width: 100%; height: 250px; margin-top: 8px; overflow: visible; }
.insight-chart svg path { fill: none; stroke: #d7ced1; stroke-width: 1; }
.insight-chart svg polyline { fill: none; stroke: #c9000d; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.insight-chart svg circle { fill: #fff; stroke: #c9000d; stroke-width: 2; }
.insight-dates { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; }
.access-panel { margin-bottom: 22px; }
.catalog-admin { margin-bottom: 22px; }
.config-editor { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.config-editor .form-actions { grid-column: 1 / -1; }
.fixed-filter-settings-head { margin-top: 16px; }
.search-setting { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 12px; border-left: 3px solid #a9a1a4; background: #f8f6f7; }
.search-setting .form-field { margin-top: 0; }
.config-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.config-section-head b, .config-section-head small { display: block; }
.config-section-head small { margin-top: 4px; color: var(--muted); line-height: 1.4; }
.config-list, .seller-field-list { display: grid; gap: 7px; }
.config-row, .seller-field-row { display: grid; grid-template-columns: minmax(115px,1fr) minmax(105px,1fr) auto; gap: 7px; align-items: center; padding: 7px; border: 1px solid var(--line); background: #faf8f9; }
.seller-field-row { grid-template-columns: minmax(100px,1fr) minmax(120px,1fr) minmax(105px,.8fr) auto auto; }
.config-row select, .config-row input, .seller-field-row input:not([type="checkbox"]), .seller-field-row select { width: 100%; height: 34px; padding: 0 8px; border: 1px solid #d3c9cc; background: #fff; }
.config-row-actions { display: flex; gap: 3px; }
.config-row-actions button { min-width: 29px; padding: 6px; }
.filter-config-row { grid-template-columns: minmax(95px,.75fr) minmax(110px,1fr) minmax(105px,.8fr) minmax(160px,1.35fr) auto; }
.filter-config-row select, .filter-config-row input { width: 100%; min-width: 0; }
.catalog-admin [data-config-mode], .catalog-admin [data-choice-toggle] { display: none !important; }
.filter-checkbox-toggle { display: none; }
.price-range { min-width: 230px; order: 99; }
.price-inputs { display: grid; grid-template-columns: 58px 1fr 58px; align-items: center; gap: 0; margin: 0 0 3px; }
.price-inputs input { width: 58px; min-width: 0; height: 25px; padding: 0 5px; font-size: 11px; }
.price-inputs input:last-child { justify-self: end; }
.price-inputs span { display: none; }
.range-track { position: relative; height: 22px; }
.range-track input[type="range"] { position: absolute; inset: 0; width: 100%; margin: 0; appearance: none; pointer-events: none; background: transparent; }
.range-track input[data-price-min-range] { z-index: 2; }
.range-track input[data-price-max-range] { z-index: 1; }
.range-track input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: #e10613; }
.range-track input[type="range"]::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; margin-top: -6px; border: 2px solid #fff; border-radius: 50%; background: #e10613; box-shadow: 0 0 0 1px #8e0008; pointer-events: auto; }
.range-track input[type="range"]::-moz-range-track { height: 4px; background: #e10613; }
.range-track input[type="range"]::-moz-range-thumb { width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; background: #e10613; box-shadow: 0 0 0 1px #8e0008; pointer-events: auto; }
.filter-checks { display: flex; flex-wrap: wrap; gap: 7px 12px; padding-top: 3px; }
.filter-checks label { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--ink); }
.filter-checks input { accent-color: #e10613; }
.amount-positive { color: #0c7444; }
.amount-negative { color: #c20a18; }
.checkbox-choice-editor { margin-top: 7px; }
.choice-chip-list { display: flex; flex-wrap: wrap; gap: 6px; min-height: 26px; }
.choice-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 6px 4px 8px; border: 1px solid #d7c5ca; background: #fff7f8; color: #5f2028; font-size: 11px; }
.choice-chip button { min-width: 16px; padding: 0; border: 0; background: transparent; color: #b40010; font-size: 15px; line-height: 1; }
.choice-add { display: flex; gap: 6px; margin-top: 7px; }
.choice-add input { min-width: 0; height: 31px; flex: 1; padding: 0 8px; font-size: 12px; }
.choice-add button { padding: 6px 9px; }
.listing-checkbox { display: flex; align-items: center; gap: 8px; margin-top: 15px; padding: 10px; border: 1px solid #d6c7cb; background: #fff8f9; font-size: 13px; font-weight: 700; }
.listing-checkbox input { width: 16px; height: 16px; accent-color: #e10613; }
.required-toggle { display: flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 12px; font-weight: 750; }
.required-toggle input { width: auto; height: auto; }
.seller-requirements { margin-bottom: 22px; }
.member-data { margin-bottom: 22px; }
.seller-requirements textarea { width: 100%; min-height: 230px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.55; }
.seller-requirements small { display: block; margin-top: 7px; color: var(--muted); }
.catalog-editor { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.catalog-editor textarea { min-height: 235px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.55; }
.catalog-editor small { display: block; margin-top: 7px; color: var(--muted); line-height: 1.45; }
.catalog-editor .form-actions { grid-column: 1 / -1; }
.role-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 18px 0; }
.role-guide > div { padding: 12px; border-left: 3px solid #aaa3a6; background: #f8f6f7; }
.role-guide b, .role-guide small { display: block; }
.role-guide small { margin-top: 6px; color: var(--muted); line-height: 1.45; }
.access-panel select { min-width: 120px; padding: 7px; border: 1px solid var(--line); background: #fff; }
.permission-copy { max-width: 390px; color: var(--muted); line-height: 1.45; }
.you-badge { margin-left: 8px; padding: 2px 5px; background: #eee9eb; color: #756a6e; font-size: 9px; text-transform: uppercase; }

@media (max-width: 760px) {
  .search-setting { grid-template-columns: 1fr; }
  .role-guide { grid-template-columns: 1fr; }
  .catalog-editor { grid-template-columns: 1fr; }
  .catalog-editor .form-actions { grid-column: auto; }
  .config-editor { grid-template-columns: 1fr; }
  .config-editor .form-actions { grid-column: auto; }
  .config-row, .seller-field-row { grid-template-columns: 1fr 1fr; }
  .filter-config-row { grid-template-columns: 1fr 1fr; }
  .config-row-actions, .required-toggle { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  .rules-grid { grid-template-columns: 1fr; }
  .rules-editor { grid-template-columns: 1fr; }
  .rules-editor .form-actions { grid-column: auto; }
}

/* Sharper club UI: restrained corners instead of the original rounded treatment. */
button, .btn,
.side-nav a,
.wallet,
.online,
.panel,
.hero,
.notice-card,
.stat,
.inventory,
.status,
.alert,
.modal,
.toast,
.profile,
.profile-dropdown,
.profile-dropdown a,
.profile-dropdown button,
.bonus-table,
.bonus-preview,
.auth-logo {
  border-radius: 4px;
}

.field input,
.field select,
.field textarea,
.form-field input,
.form-field select,
.form-field textarea {
  border-radius: 3px;
}

/* Compact sizing and flatter navigation/profile treatment. */
#sidebar {
  display: none;
}

.brand-logo { padding-bottom: 10px; }
.brand-logo img { width: 170px; height: 112px; }
.brand-logo + .side-nav { margin-top: 12px; }
.side-nav { gap: 5px; }
.side-nav a { padding: 10px 11px; font-size: 12px; border-radius: 2px; }
.side-nav a .nav-icon { display: inline-grid; place-items: center; width: 24px; margin-right: 8px; color: #aaa3a6; }
.side-nav a .nav-icon svg { display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.side-nav a.active .nav-icon, .side-nav a:hover .nav-icon { color: #d2cdcf; }

button, .btn { padding: 8px 11px; font-size: 12px; border-radius: 2px; box-shadow: none; }
button:hover, .btn:hover { transform: none; }
.buy { padding: 7px 10px; font-size: 12px; }
.topbar { min-height: 62px; padding: 6px 22px; background: linear-gradient(110deg, #1d181b, #080708 58%, #250006); border-bottom: 3px solid #e10613; box-shadow: 0 4px 16px #26000626; }
.mobile-brand { display: block; margin-right: 17px; }
.top-brand img { display: block; width: 122px; height: 48px; object-fit: contain; }
.auth-register { width: min(400px, 100%); }
.auth-register .login-emblem { height: 175px; margin-bottom: -8px; }
.top-nav { display: flex; align-items: center; gap: 3px; margin-right: auto; }
.top-nav a { padding: 9px 10px; border: 1px solid transparent; color: #aaa3a6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .35px; }
.top-nav a:hover { color: #eee9eb; border-color: #4e4145; background: #ffffff0a; }
.top-nav a.active { color: #fff; border-color: #ff4450; background: linear-gradient(90deg, #e10613, #7f0009); box-shadow: inset 3px 0 #fff; }
.top-nav a.has-notification{color:#ff5762}
.wallet, .online { padding: 8px 11px; border-radius: 2px; }
.topbar .wallet { height:32px; padding:0 7px; border:0; border-left:0; border-radius:0; background:transparent; color:#c9c1c4; box-shadow:none; display:flex; flex-direction:column; justify-content:center; }
.topbar .wallet b { color: #fff; }
.notification-bell{position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:#b9b1b4;line-height:1;display:grid;place-items:center}
.notification-bell svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-bell:hover,.notification-bell:focus-visible{color:#fff;background:transparent}
.notification-count{position:absolute;top:0;right:0;min-width:14px;height:14px;padding:0 3px;border:1px solid #171417;border-radius:8px;background:#e10613;color:#fff;font-size:8px;font-weight:900;line-height:12px;text-align:center}
#account{position:relative}.notification-popover{position:absolute;z-index:20;top:calc(100% + 9px);right:0;width:min(380px,calc(100vw - 24px));padding:10px;border:1px solid #4b3a40;background:#181214;box-shadow:0 10px 25px #0008}.notification-popover:before{content:'';position:absolute;top:-6px;right:62px;width:10px;height:10px;border-top:1px solid #4b3a40;border-left:1px solid #4b3a40;background:#181214;transform:rotate(45deg)}.notification-popover-head{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 9px;color:#fff;font-size:12px}.notification-popover-head button{padding:0;background:transparent;color:#aaa3a6;font-size:17px}.notification-list{display:grid;gap:6px;max-height:360px;overflow:auto}.notification-item{display:block;padding:10px;border:1px solid #4b3a40;background:#251c20;color:#f4edef}.notification-item.unread{border-left:3px solid #e10613;background:#302124}.notification-item b,.notification-item span,.notification-item small{display:block}.notification-item span{margin-top:3px;font-size:12px;color:#d0c5c9}.notification-item small{margin-top:6px;font-size:10px;color:#aaa0a4}.notification-empty{margin:0;padding:18px 8px;color:#aaa0a4;text-align:center;font-size:12px}
.topbar .online { border: 1px solid #44383c; background: #201b1e; color: #d8d0d3; }

.profile-menu { padding-top: 7px; }
.profile-menu > .profile { padding: 7px 4px; border-radius: 2px; }
.avatar { width: 36px; height: 36px; font-size: 12px; }
.profile strong { font-size: 12px; }
.profile small { font-size: 10px; }
.profile-dropdown { bottom: calc(100% + 5px); padding: 3px; border-radius: 2px; box-shadow: 0 7px 16px #0004; }
.profile-dropdown a, .profile-dropdown button { padding: 8px; border-radius: 1px; font-size: 12px; }
.top-profile { margin: 0 0 0 2px; padding: 0 0 0 8px; border: 0; }
.top-profile .profile { min-width: 145px; color: var(--ink); }
.top-profile .profile strong { color: #fff; }
.top-profile .profile small { color: #aaa3a6; }
.top-profile .profile-chevron { color: #aaa3a6; }
.top-profile .profile-dropdown { top: calc(100% + 5px); right: 0; bottom: auto; left: auto; width: 220px; }
body:has(#sidebar:empty):has(#topnav:not(:empty)) main { min-height: 0; display: block; }
body:has(#topnav:not(:empty)) .topbar { display: flex; }
body:has(#topnav:not(:empty)) .workspace { min-height: 100vh; background: var(--paper); }
#app.page-shop .filter-grid { grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 13px 15px; margin-top: 18px; align-items: start; }
#app.page-shop .filter-grid .field { min-width: 0; }
#app.page-shop .filter-grid .field > label { display: flex; align-items: center; height: 15px; margin: 0 0 5px; color: #4a3c41; font-size: 10px; line-height: 15px; }
#app.page-shop .filter-grid .field input,
#app.page-shop .filter-grid .field select { height: 38px; padding: 0 10px; border-radius: 3px; font-size: 12px; font-weight: 600; }
#app.page-shop .filter-grid .field input::placeholder { color: #a89ca0; font-weight: 500; opacity: 1; }
#app.page-shop .filter-grid .price-range { min-width: 175px; align-self: start; background: transparent; border: 0; padding: 0; }
#app.page-shop .filter-grid .price-inputs { position: relative; display: block; width: 100%; height: 22px; margin: 0; }
#app.page-shop .filter-grid .price-inputs input { position: absolute; top: 0; width: 54px; height: 22px; padding: 0 4px; border: 1px solid #d8cdd1; background: #fff; font-size: 10px; text-align: center; box-shadow: none; transform: translateX(-50%); }
#app.page-shop .filter-grid .price-inputs input { top:-16px; width:46px; height:20px; border:0; border-radius:10px; background:#e10613; color:#fff; font-weight:800; pointer-events:none; box-shadow:0 2px 5px #6b000533; }
#app.page-shop .filter-grid .price-inputs input { opacity: 0; transition: opacity .12s ease; }
#app.page-shop .filter-grid .price-range.show-min [data-price-min],
#app.page-shop .filter-grid .price-range.show-max [data-price-max] { opacity: 1; }
#app.page-shop .filter-grid .price-inputs input::-webkit-inner-spin-button,
#app.page-shop .filter-grid .price-inputs input::-webkit-outer-spin-button { appearance: none; margin: 0; }
#app.page-shop .filter-grid .range-track { height: 18px; margin-top: 0; }
#app.page-shop .filter-grid .dual-range { position: relative; width: 100%; height: 18px; margin: -10px 0 0; cursor: pointer; touch-action: none; }
#app.page-shop .filter-grid .dual-range::before,
#app.page-shop .filter-grid .dual-range-fill { position: absolute; top: 8px; height: 4px; border-radius: 0; content: ''; }
#app.page-shop .filter-grid .dual-range::before { right: 0; left: 0; background: #e8c4c7; }
#app.page-shop .filter-grid .dual-range-fill { background: #e10613; }
#app.page-shop .filter-grid .dual-range-dot { position: absolute; top: 2px; z-index: 2; width: 16px; height: 16px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #e10613; box-shadow: 0 0 0 1px #8e0008; transform: translateX(-50%); }
#app.page-shop .filter-grid .checkbox-filter { grid-column: span 2; min-width: 0; }
#app.page-shop .filter-grid .filter-checks { display: flex; min-height: 38px; align-items: center; gap: 6px 14px; padding: 6px 9px; border: 1px solid #d7cdd0; background: #fff; }
#app.page-shop .filter-grid .filter-checks label { display: inline-flex; align-items: center; gap: 5px; margin: 0; font-size: 11px; line-height: 1; white-space: nowrap; }
#app.page-shop .filter-grid .filter-checks input { width: 14px; height: 14px; min-width: 14px; margin: 0; padding: 0; accent-color: #e10613; }
#app.page-shop .catalog-footer { margin-top: 15px; padding-top: 11px; }
#app { width: 100%; max-width: 1050px; }
#app.page-shop { max-width: 1350px; }
main:has(> .form-card) > .form-card { margin-left: auto; margin-right: auto; }
main:has(> .form-card) > .page-kicker,
main:has(> .form-card) > .page-title { width: min(630px, 100%); margin-left: auto; margin-right: auto; }

@media (max-width: 760px) {
  #menu { display: none; }
  .topbar { flex-wrap: wrap; padding: 7px 10px; }
  .top-nav { order: 3; display: flex; width: 100%; overflow-x: auto; border-top: 1px solid var(--line); }
  .top-nav a { flex: 0 0 auto; }
  .top-profile .profile { min-width: 42px; }
  .top-profile .profile-copy, .top-profile .profile-chevron { display: none; }
}
#app.page-shop .catalog-footer{align-items:center}
#app.page-shop .catalog-footer>span{display:none}
#app.page-shop .panel-head h2{display:none}
#app.page-shop>.page-kicker{display:none}
#app.page-shop>.page-title{margin-bottom:16px;font-size:0}
#app.page-shop>.page-title::after{content:'Shop';font-size:28px}
#app.page-shop .filter-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
#app.page-shop .filter-actions button{padding:6px 10px;font-size:11px;line-height:1.15}
#app.page-shop .filter-actions .filter-search{background:#e10613;color:#fff;border:1px solid #e10613}
#app.page-shop .filter-actions .filter-clear{color:#7f0009;border-color:#d9b9bd;background:#fff}
#account>.online{display:none}
#site-status-footer{position:fixed;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:14px;min-height:25px;padding:3px 12px;border-top:1px solid #49383d;background:#120d0f;color:#d8cfd2}
#site-status-footer .online{padding:0;background:transparent;color:#d8cfd2;font-size:0}
#site-status-footer .online::before{font-size:10px}
#site-status-footer .online::after{content:'Club Status: Live';font-size:10px}
#site-status-footer .online.maintenance::after{content:'Club Status: Maintenance mode'}
#site-status-footer .footer-stat{font-size:10px;color:#aaa0a4}
#site-status-footer .footer-stat b{color:#fff}
#account .online:before,#site-status-footer .online:before{color:#35c56e}
#account .online.maintenance:before,#site-status-footer .online.maintenance:before{color:#e10613}
.status-switch{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700}
.status-switch input{width:16px;height:16px;accent-color:#e10613}
.maintenance-notice{max-width:620px;margin:0 auto;text-align:center}
.review-table small{display:block;margin-top:5px;color:#8d8186;font-weight:500}
.review-table input,.review-table textarea{width:100%;margin:0 0 6px;font-size:11px}
.review-table textarea{height:48px;padding:7px;resize:vertical}
.review-actions,.review-release-list{display:flex;gap:6px;flex-wrap:wrap}
.review-actions button,.review-release-list button{padding:6px 8px;font-size:11px}
#app.page-seller .form-card{max-width:none}
#app.page-seller #listing{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;align-items:end}
#app.page-seller #listing .form-field{margin-top:0}
#app.page-seller #listing .form-field input,#app.page-seller #listing .form-field select{height:36px}
#app.page-seller #listing .form-field:has(textarea),#app.page-seller #listing .form-actions{grid-column:1/-1}
#app.page-seller #listing .form-field textarea{min-height:72px;height:72px}
#app.page-seller #listing .form-actions{margin-top:0}
@media(max-width:600px){#app.page-seller #listing{grid-template-columns:1fr}}
.user-oversight-panel select{height:30px;padding:0 7px;font-size:11px}
.user-oversight-panel .buy{padding:5px 7px;font-size:10px}
.user-oversight-panel .oversight-role-save{margin-right:5px}
.user-oversight-panel .maintenance-access{display:inline-flex;align-items:center;gap:4px;margin-right:5px;font-size:10px;white-space:nowrap}
.user-oversight-panel .maintenance-access input{width:13px;height:13px;margin:0;accent-color:#e10613}
.seller-panel-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 14px;margin-top:20px;padding-top:16px;border-top:1px solid #d9cdd1}
.seller-panel-settings .config-section-head,.seller-panel-settings .status-switch,.seller-panel-settings .form-actions{grid-column:1/-1}
.core-seller-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 14px;margin-top:20px;padding-top:16px;border-top:1px solid #d9cdd1}
.core-seller-fields .config-section-head,.core-seller-fields .status-switch,.core-seller-fields .form-actions{grid-column:1/-1}
#app.page-admin .panel{padding:18px}
body:has(#app.page-admin) main{padding-top:14px}
#admin-section-menu{position:sticky;top:6px;z-index:4;display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding:8px;background:#181214;border:1px solid #4b3a40;box-shadow:0 4px 12px #0003}
#admin-section-menu button{padding:6px 8px;border:1px solid #574349;background:#251c20;color:#d8cfd2;font-size:10px}
#admin-section-menu button.active{border-color:#e10613;background:#e10613;color:#fff}
#admin-section-menu [data-admin-section="member-access"]{font-size:0}
#admin-section-menu [data-admin-section="member-access"]::after{content:'Roles and users';font-size:10px}
.admin-panel-hidden{display:none!important}
@media(max-width:760px){#app.page-shop .catalog-footer{flex-wrap:wrap}#app.page-shop .filter-actions{width:100%;justify-content:flex-end;margin-left:0}}

/* Keep every application page aligned to the full workspace width. */
#app, #app.page-shop { max-width: none; width: 100%; }