/* Management extends the approved blue storefront with the same spacing and type. */
.app-body{--canvas:#f4f6fc;--danger:#b3334a;--positive:#2a58ca}
.app-scroll,.theme-cobalt .app-scroll,.theme-cobalt .screen-deposit,.theme-cobalt .screen-withdraw{background:var(--canvas)}
.screen-products,.screen-finance,.screen-analytics,.screen-staff,.screen-staff-edit,.screen-earnings,.screen-promos,.screen-promo-edit,.screen-growth,.screen-rewards,.screen-support-inbox{padding-bottom:40px}
.section-intro{font-size:13px;line-height:1.7;color:var(--muted);margin:-4px 0 24px}
.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}
.admin-masthead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}.admin-masthead .simple-title{margin:0}.admin-mark{display:grid;place-items:center;height:48px;width:48px;border:1px solid var(--line);border-radius:16px;color:var(--accent);background:var(--surface2)}
.admin-stats>div{background:var(--surface)}.admin-stats span{font-size:11px}.admin-stats strong{font-variant-numeric:tabular-nums}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}.admin-tile{position:relative;display:flex;flex-direction:column;gap:7px;padding:20px 16px;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-height:150px}.admin-tile>.icon:first-child{color:var(--accent);width:25px;height:25px;margin-bottom:10px}.admin-tile strong{font-size:15px;font-weight:600}.admin-tile small{font-size:11px;color:var(--muted)}.admin-tile>.icon:last-child{position:absolute;right:16px;top:20px;width:16px;height:16px;color:var(--muted)}
.menu-card{padding:0 15px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.menu-card>.settings-row:last-child{border-bottom:0}.settings-row small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--muted)}
.profile-preferences{margin-top:22px;padding:18px 16px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.profile-preferences h2{font-size:14px;font-weight:600;margin-bottom:10px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;font-size:12px}.segmented{display:flex;gap:3px;background:var(--input);border-radius:13px;padding:4px;border:1px solid var(--line)}.segmented button{min-height:44px;padding:7px 12px;font-size:12px;border-radius:10px;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 6px #0a164010;color:var(--text);font-weight:600}.period-picker{margin:24px 0 18px}.period-picker>button{flex:1}
.analytics-primary{padding:24px 22px 18px;background:var(--cta);color:var(--oncta);border-radius:24px;margin-bottom:16px}.analytics-primary>span{font-size:12px;opacity:.8}.analytics-primary>strong{display:block;font-size:42px;letter-spacing:-1.5px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums}.analytics-primary>small{font-size:11px;opacity:.8}.revenue-chart{height:112px;display:flex;align-items:flex-end;gap:3px;margin-top:28px;border-bottom:1px solid #ffffff40}.revenue-chart i{display:block;flex:1;height:var(--bar);min-height:0;background:#c6d5ff;border-radius:3px 3px 0 0}.chart-axis{display:flex;justify-content:space-between;font-size:10px;opacity:.7;margin-top:10px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric-grid>div{padding:17px 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.metric-grid span{display:block;font-size:11px;color:var(--muted)}.metric-grid strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.6px;margin-top:7px;font-variant-numeric:tabular-nums}.ranking-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.ranking-row>span{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.ranking-row>div{flex:1;min-width:0}.ranking-row strong{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere}.ranking-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.ranking-row b{font-size:13px;font-weight:600;white-space:nowrap}.summary-list{margin:0;font-size:12px}.summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:13px 0}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.data-details{font-size:12px;margin:24px 0}.data-details summary{min-height:44px;cursor:pointer}.data-details table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.data-details th,.data-details td{padding:10px 4px;border-bottom:1px solid var(--line);text-align:right}.data-details th:first-child,.data-details td:first-child{text-align:left}
.team-card,.earning-card{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:18px;margin:16px 0}.team-person{display:flex;align-items:center;gap:11px}.person-initial{width:43px;height:43px;background:var(--surface2);color:var(--accent);border:1px solid var(--line);border-radius:15px;display:grid;place-items:center;font-size:18px;font-weight:600;flex-shrink:0}.team-person>div{flex:1;min-width:0}.team-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.team-person small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.team-stats span{font-size:10px;color:var(--muted)}.team-stats b{display:block;font-weight:600;font-size:17px;color:var(--text);margin-top:5px;overflow-wrap:anywhere}.team-card .wide{margin:0}.earning-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-bottom:12px}.earning-card>strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.earning-card>small{font-size:11px;color:var(--muted)}.earning-amount{display:flex;align-items:baseline;gap:14px;margin:15px 0}.earning-amount>b{font-size:28px;letter-spacing:-.5px;font-weight:600}.earning-amount>small{font-size:11px;color:var(--muted)}.earning-card .wide{margin-bottom:0}.status-chip{display:inline-flex;padding:4px 9px;line-height:1.4;border:1px solid var(--line);border-radius:20px;font-size:10px;background:var(--input);color:var(--muted)}
.promo-card{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:20px 16px;text-align:left;margin:14px 0}.promo-card>span{flex:1;min-width:0}.promo-card strong{font-size:16px;letter-spacing:.8px;overflow-wrap:anywhere}.promo-card small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.promo-card>b{font-size:22px;font-weight:600;color:var(--accent)}.promo-card>.icon{height:17px;width:17px;color:var(--muted)}.date-fields{grid-template-columns:1fr;margin-top:18px}.date-fields input{max-width:100%;min-width:0;appearance:none}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 17px 5px;margin:22px 0}.settings-section h2{font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:22px}.settings-section h3{font-size:13px;margin:26px 0 16px;font-weight:600}.settings-section .form-help{font-size:11px;margin:16px 0 24px}.admin-form .tier-row{border:1px solid var(--line);padding:12px;border-radius:15px;margin:20px 0;background:var(--input)}.tier-row legend{padding:0 5px;color:var(--muted);font-size:11px}.tier-row .form-two{gap:8px}.tier-row input{min-width:0}.text-danger{color:var(--danger);font-size:12px;min-height:44px;padding:8px 0}.danger-button{display:flex;align-items:center;gap:8px;justify-content:center;border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);background:color-mix(in srgb,var(--danger) 6%,var(--surface));color:var(--danger);border-radius:15px;padding:13px;min-height:48px;font-size:13px;margin:10px 0 18px}.danger-button .icon{width:18px;height:18px}
.cart-benefits{padding-top:22px}.promo-apply{display:flex;gap:8px}.promo-apply input{flex:1;min-width:0;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:12px;font-size:16px}.promo-apply .secondary{font-size:12px;padding:10px 14px}.benefit-line{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--accent)}.benefit-line>span{flex:1}.benefit-line>strong{font-weight:600}.benefit-line .icon-button{width:36px;min-height:44px}.benefit-line .icon{width:16px;height:16px}.bonus-toggle{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px;margin-top:12px;font-size:12px}.bonus-toggle input{accent-color:var(--accent);width:18px;height:18px}.bonus-toggle>span{flex:1}.bonus-toggle small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.bonus-toggle strong{color:var(--accent);font-size:12px;font-weight:600}
.rewards-hero{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--surface);margin-top:24px}.rewards-hero>span{font-size:12px;color:var(--muted)}.rewards-hero>strong{font-size:44px;letter-spacing:-1.6px;font-weight:600;display:block;margin:8px 0 24px}.rewards-hero>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.rewards-hero b{font-weight:600;color:var(--accent)}.rewards-hero progress{height:5px;width:100%;border:0;border-radius:5px;overflow:hidden;margin:16px 0 8px;background:var(--input);appearance:none}.rewards-hero progress::-webkit-progress-bar{background:var(--input)}.rewards-hero progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.rewards-hero progress::-moz-progress-bar{background:var(--accent)}.rewards-hero>small{font-size:10px;color:var(--muted)}.invite-section{margin:32px 0;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--surface2)}.invite-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--surface);color:var(--accent);margin-bottom:22px}.invite-section h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:600;max-width:270px}.invite-section p{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}.invite-section small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 16px}.invite-section .wide{margin-bottom:0;font-size:12px}
.support-ticket{display:flex;align-items:center;gap:12px;width:100%;padding:19px 0;border-bottom:1px solid var(--line);text-align:left}.support-ticket>span:nth-child(2){flex:1;min-width:0}.support-ticket strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.support-ticket small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);margin-top:5px}.support-ticket>.icon{width:17px;height:17px;color:var(--muted)}.unread-badge{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:10px;border-radius:20px;background:var(--cta);color:var(--oncta)}.screen-support-chat{padding-bottom:135px}.support-empty{text-align:center;padding:55px 12px 35px}.support-empty>.icon{width:44px;height:44px;margin:0 auto 20px;color:var(--accent);stroke-width:1.3}.support-empty h2{font-size:24px;letter-spacing:-.6px;font-weight:600}.support-empty p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.screen-support-chat .seller-heading .status-chip{margin-top:10px}.assignment-form{padding:16px;border:1px solid var(--line);border-radius:17px;margin:16px 0;background:var(--surface)}.assignment-form label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.assignment-form>div{display:flex;gap:8px}.assignment-form select{min-width:0;width:100%;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:11px;font-size:16px;padding:8px}.assignment-form button{font-size:11px;padding:8px 12px}.assignment-note{font-size:11px;color:var(--muted);margin:15px 0}
.action-dialog{background:var(--surface,#fff);color:var(--text,#172047);border:1px solid var(--line,#dfe3f0);width:calc(100% - 32px);max-width:380px;border-radius:26px;padding:24px;box-shadow:0 20px 80px #0004}.action-dialog::backdrop{background:#070e2966;backdrop-filter:blur(5px)}.action-dialog h2{font-size:23px;letter-spacing:-.6px;font-weight:600}.action-dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin:14px 0 22px}.action-dialog label{font-size:12px}.action-dialog select{display:block;width:100%;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:12px;padding:12px;margin:8px 0 20px;font-size:16px}.dialog-actions{display:flex;gap:10px}.dialog-actions>button{flex:1;font-size:12px}
[data-user-content]{overflow-wrap:anywhere}.admin-form input,.admin-form select,.admin-form textarea{font-size:16px;min-width:0}.admin-form .form-two{grid-template-columns:1fr 1fr}.admin-form .form-two.date-fields{grid-template-columns:1fr}.admin-form label{font-size:12px}.admin-form small{font-size:10px}
/* A complete dark palette, including elevated surfaces, editor and navigation. */
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] .app-body{--canvas:#0e1220;--bg:#0e1220;--surface:#181e30;--surface2:#222e50;--text:#eff2ff;--muted:#a0aac2;--line:#2d354e;--accent:#91abff;--cta:#4266f2;--oncta:#fff;--input:#121a2d;--nav:#181e30ed;--danger:#ff92a6;--positive:#a1bcff;background:#080c16}
html[data-theme=dark] .phone{background:var(--canvas);border-color:var(--line);box-shadow:0 18px 90px #0005}
html[data-theme=dark] .app-scroll,html[data-theme=dark] .theme-cobalt .app-scroll{background:var(--canvas)}
html[data-theme=dark] .product-card,html[data-theme=dark] .profile-menu,html[data-theme=dark] .custom-request{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .card-copy,html[data-theme=dark] .card-bottom{background:var(--surface);color:var(--text)}
html[data-theme=dark] .card-copy span,html[data-theme=dark] .section-heading>span{color:var(--muted)}
html[data-theme=dark] .product-visual:not(.product-photo){background:#24335c;color:#b7c9ff}
html[data-theme=dark] .visual-object{background:linear-gradient(130deg,#59688c,#33436c);border-color:#a4b4e47a;box-shadow:0 12px 22px #03091b3b;color:#dce6ff}
html[data-theme=dark] .visual-top,html[data-theme=dark] .visual-bottom,html[data-theme=dark] .visual-corner{color:#9ab0e4}
html[data-theme=dark] .small-glyph,html[data-theme=dark] .buy-small,html[data-theme=dark] .round-icon,html[data-theme=dark] .settings-row>.settings-icon,html[data-theme=dark] .profile-balance,html[data-theme=dark] .edit-product-link{background:var(--surface2);color:var(--accent);border-color:var(--line)}
html[data-theme=dark] .bottom-nav{background:var(--nav);border-color:var(--line);box-shadow:0 0 24px #0003}html[data-theme=dark] .bottom-nav>.nav-selection{background:var(--surface2)}html[data-theme=dark] .bottom-nav>button{color:var(--muted)}html[data-theme=dark] .bottom-nav>button.active{color:var(--accent)}html[data-theme=dark] #nav-root:not(:empty)::before{background:linear-gradient(0deg,#0e1220 12%,#0e1220f5 38%,#0e122000)}
html[data-theme=dark] .search-box,html[data-theme=dark] .filter-button{background:var(--input);color:var(--muted);border-color:var(--line)}html[data-theme=dark] .categories>button{color:var(--muted)}html[data-theme=dark] .categories>button.selected{background:var(--cta);color:#fff}
html[data-theme=dark] .profile-avatar{background:linear-gradient(145deg,#30477e,#1b2744);border-color:var(--line);color:var(--accent);box-shadow:0 5px 20px #0002}
html[data-theme=dark] .notice,html[data-theme=dark] .pending-deposit,html[data-theme=dark] .editor-preview{background:var(--surface2);border-color:var(--line);color:var(--text)}html[data-theme=dark] .editor-save{background:linear-gradient(180deg,#0e122000,#0e1220 22%)}html[data-theme=dark] .screen-cart .empty-cart>.icon{background:var(--surface2);color:var(--accent)}html[data-theme=dark] .payment-watch{color:var(--accent)}html[data-theme=dark] .form-error{color:var(--danger)}html[data-theme=dark] .transaction .positive{color:var(--positive)}html[data-theme=dark] .phone .toast{background:#dae4ff;color:#132144}html[data-theme=dark] button.is-added,html[data-theme=dark] .amount-presets button.selected{background:var(--surface2);border-color:var(--accent);color:var(--accent)}
html[data-theme=dark] .analytics-primary{background:#233d9b}.phone:has(.screen-support-chat) .toast{bottom:145px}
@media(max-width:359px){.admin-grid{gap:9px}.admin-tile{padding:17px 13px}.admin-tile strong{font-size:14px}.admin-tile small{font-size:10px}.preference-row{gap:7px;font-size:11px}.segmented button{padding:7px 8px;font-size:11px}.settings-section{padding:18px 13px 4px}.team-card{padding:15px}.team-stats b{font-size:16px}.analytics-primary>strong{font-size:36px}}