/* ZYREX SHOP — Human UI Polish
   Visual-only layer: no layout logic, forms, endpoints or JS behavior changed.
   Goal: restrained, editorial dark UI instead of excessive gradients/glows/pills.
*/
:root{
  --zx-polish-bg:#080a0d;
  --zx-polish-surface:#101419;
  --zx-polish-surface-2:#141920;
  --zx-polish-line:#252b33;
  --zx-polish-line-soft:#1c2229;
  --zx-polish-text:#f1f3f5;
  --zx-polish-muted:#89929d;
  --zx-polish-accent:#f2b51d;
  --zx-polish-accent-strong:#ffc83d;
}

/* Shared foundation */
body,
body.zx-theme{
  background:var(--zx-polish-bg)!important;
  color:var(--zx-polish-text)!important;
}
body.zx-theme{
  background-image:none!important;
}
body.zx-theme::before,
body.zx-theme::after{display:none!important}

/* Stop the “everything is a floating glass card” look. */
body.zx-theme .card,
body.zx-theme .section,
body.zx-theme .list,
body.zx-theme .history,
body.zx-theme .pending,
body.zx-theme .terms,
body.zx-theme .form-card,
body.zx-theme .service-card,
body.zx-theme .stat,
body.zx-theme .item,
body.zx-theme .codebox,
body.zx-theme .operator-card,
body.zx-theme .order-panel,
body.zx-theme .selected-service,
body.zx-theme .choice,
body.zx-theme .step,
body.zx-theme .table-wrap,
body.zx-theme .chat,
body.zx-theme .rule,
body.zx-theme .invited{
  background:var(--zx-polish-surface)!important;
  border:1px solid var(--zx-polish-line)!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
body.zx-theme .section{padding:18px!important}
body.zx-theme .card{padding:18px!important}

/* Typography: fewer giant headlines and less synthetic letter spacing. */
body.zx-theme .title h1,
body.zx-theme .title{letter-spacing:-.25px!important}
body.zx-theme .title h1{font-size:25px!important}
body.zx-theme .section h2,
body.zx-theme .section-head h2{letter-spacing:-.2px!important}
body.zx-theme label,
body.zx-theme .field label{letter-spacing:.45px!important}

/* Buttons: one clear primary treatment. */
body.zx-theme button,
body.zx-theme .btn,
body.zx-theme [type=submit]{
  background:var(--zx-polish-accent)!important;
  color:#17130a!important;
  border-radius:11px!important;
  box-shadow:none!important;
  min-height:44px!important;
}
body.zx-theme button:hover,
body.zx-theme .btn:hover,
body.zx-theme [type=submit]:hover{
  filter:none!important;
  transform:none!important;
  box-shadow:none!important;
  background:var(--zx-polish-accent-strong)!important;
}
body.zx-theme .dashboard-btn{
  min-height:38px!important;
  border-radius:10px!important;
  background:#11161c!important;
  border:1px solid #30363e!important;
  box-shadow:none!important;
}
body.zx-theme .dashboard-btn:hover{
  background:#171d24!important;
  border-color:#4a525d!important;
  color:#fff!important;
}

/* Inputs */
body.zx-theme input,
body.zx-theme select,
body.zx-theme textarea,
body.zx-theme .input,
body.zx-theme .select,
body.zx-theme .textarea{
  background:#0b0e12!important;
  border:1px solid #2a3038!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.zx-theme input:focus,
body.zx-theme select:focus,
body.zx-theme textarea:focus,
body.zx-theme .input:focus{
  border-color:#b98412!important;
  box-shadow:0 0 0 2px rgba(242,181,29,.10)!important;
}

/* Pills only for actual status/state information. */
body.zx-theme .badge,
body.zx-theme .status,
body.zx-theme .tag,
body.zx-theme .admin-status{
  border-radius:7px!important;
  padding:5px 8px!important;
}

/* Selection cards: crisp, not floating/glowing. */
body.zx-theme .choice:hover,
body.zx-theme .service-card:hover,
body.zx-theme .operator-card:hover{
  transform:none!important;
  background:#141a20!important;
  border-color:#3a414a!important;
}
body.zx-theme .choice.selected,
body.zx-theme .selected-service{
  border-color:#bd8b1b!important;
  box-shadow:inset 3px 0 0 #f2b51d!important;
}

/* Mobile OTP/service cards */
body.zx-theme .service-card,
body.zx-theme .choice,
body.zx-theme .operator-card{min-height:72px!important}

/* Header */
body.zx-theme .topbar,
body.zx-theme .top{
  border-bottom:1px solid var(--zx-polish-line-soft)!important;
  padding-bottom:12px!important;
  margin-bottom:18px!important;
}

/* Landing page — same visual language, flatter and quieter. */
body:not(.zx-theme){
  background:#080a0d!important;
}
body:not(.zx-theme) .topbar{
  background:#080a0d!important;
  border-bottom:1px solid #1c2229!important;
}
body:not(.zx-theme) .hero,
body:not(.zx-theme) .card,
body:not(.zx-theme) .stat-card,
body:not(.zx-theme) .rating-summary,
body:not(.zx-theme) .testimonial-card,
body:not(.zx-theme) .hero-panel{
  background:#101419!important;
  border-color:#252b33!important;
  box-shadow:none!important;
}
body:not(.zx-theme) .hero{border-radius:18px!important}
body:not(.zx-theme) .card,
body:not(.zx-theme) .stat-card,
body:not(.zx-theme) .rating-summary,
body:not(.zx-theme) .testimonial-card{border-radius:14px!important}
body:not(.zx-theme) .hero::before,
body:not(.zx-theme) .stat-card::before{display:none!important}
body:not(.zx-theme) .eyebrow,
body:not(.zx-theme) .trust{
  background:#151a20!important;
  border-color:#2a3037!important;
  box-shadow:none!important;
}
body:not(.zx-theme) .btn.primary{
  background:#f2b51d!important;
  box-shadow:none!important;
}
body:not(.zx-theme) .btn.ghost{
  background:#11161c!important;
  border-color:#30363e!important;
}
body:not(.zx-theme) .preview-row,
body:not(.zx-theme) .info-item,
body:not(.zx-theme) .service-point{
  background:#0d1116!important;
  border-color:#222930!important;
}
body:not(.zx-theme) .hero h1{letter-spacing:-1.8px!important}

/* Dashboard-specific shared pieces */
body:not(.zx-theme) .menu-balance,
body:not(.zx-theme) .dashboard-menu{
  box-shadow:none!important;
}
body:not(.zx-theme) .dashboard-menu{
  background:#0e1217!important;
  border-color:#2a3038!important;
}
body:not(.zx-theme) .dashboard-menu a:hover{background:#151a20!important}

/* Bottom navigation: compact, product-like, not oversized. */
.bottom-nav{
  background:#0d1116!important;
  border:1px solid #272e36!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  border-radius:16px!important;
}
.bottom-nav a:not(.plus){
  min-height:52px!important;
  border-radius:10px!important;
}
.bottom-nav a:not(.plus) .zx-icon{
  width:20px!important;height:20px!important;
  min-width:20px!important;min-height:20px!important;
  font-size:20px!important;
}
.bottom-nav a.plus{
  width:48px!important;height:48px!important;min-height:48px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
@media(max-width:430px){
  .bottom-nav{height:68px!important;bottom:7px!important;padding:5px!important;border-radius:15px!important}
  .bottom-nav a{min-height:56px!important}
  .bottom-nav a:not(.plus) .zx-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:20px!important}
  .bottom-nav a.plus{width:46px!important;height:46px!important;min-height:46px!important}
}

/* Reduce decorative glow across premium icon surfaces. */
.zx-icon::before{filter:none!important;text-shadow:none!important}

/* Respect reduced motion and keep interactions subtle. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* =========================================================
   V9 — Clean Admin / Product UI
   Purpose: simplify dense admin screens without changing behavior.
   ========================================================= */
body.zx-theme .wrap{max-width:860px!important;padding:18px 14px 56px!important}
body.zx-theme .topbar{gap:12px!important;margin-bottom:20px!important;padding:0 0 14px!important}
body.zx-theme .dashboard-back,body.zx-theme .menu-btn{min-height:38px!important;padding:8px 12px!important;border-radius:9px!important;background:#11161b!important;border:1px solid #2b323a!important;box-shadow:none!important;font-size:11px!important}
body.zx-theme .dashboard-back:hover,body.zx-theme .menu-btn:hover{transform:none!important;background:#171c22!important;border-color:#454d57!important}
body.zx-theme .head-copy .title{font-size:22px!important;letter-spacing:-.55px!important}
body.zx-theme .head-copy .sub{font-size:10px!important;margin-top:3px!important}
body.zx-theme .hero{text-align:left!important;margin:8px 2px 18px!important}
body.zx-theme .hero h1{font-size:28px!important;letter-spacing:-1px!important}
body.zx-theme .hero p{font-size:12px!important;margin-top:4px!important}
body.zx-theme .section{margin-top:14px!important;padding:0!important;background:transparent!important;border:0!important}
body.zx-theme .section-head{margin:0 2px 9px!important;align-items:center!important}
body.zx-theme .section-head h2{font-size:16px!important;letter-spacing:-.35px!important}
body.zx-theme .section-head span{font-size:10px!important}
body.zx-theme .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.zx-theme .stat{min-height:106px!important;padding:14px!important;border-radius:13px!important;background:#101419!important;border:1px solid #252b33!important}
body.zx-theme .stat-icon{font-size:19px!important}
body.zx-theme .stat-label{margin-top:8px!important;font-size:10px!important}
body.zx-theme .stat-value{font-size:18px!important;margin-top:3px!important}
body.zx-theme .stat-note{font-size:9px!important;margin-top:3px!important}
body.zx-theme .ref-card{padding:15px!important;border-radius:14px!important;background:#101419!important;border:1px solid #252b33!important}
body.zx-theme .ref-top{align-items:center!important}
body.zx-theme .eyebrow{font-size:8px!important;letter-spacing:1.1px!important}
body.zx-theme .ref-title{font-size:17px!important}
body.zx-theme .ref-count{padding:7px 10px!important;border-radius:9px!important;background:#0d1513!important}
body.zx-theme .code-box{margin-top:12px!important;padding:12px!important;border-radius:11px!important;background:#0b0e12!important}
body.zx-theme .code{font-size:22px!important;letter-spacing:1.5px!important}
body.zx-theme .link-row{margin-top:8px!important}
body.zx-theme .link-row input{font-size:10px!important;padding:10px!important}
body.zx-theme .ref-actions{margin-top:8px!important}
body.zx-theme .ref-actions a{padding:10px!important;border-radius:10px!important;background:#11161b!important;font-size:10px!important}
body.zx-theme .bonus{gap:7px!important;margin-top:8px!important}
body.zx-theme .bonus-row{padding:9px!important;border-radius:10px!important;background:#0d1116!important}
body.zx-theme .deposit-pause-admin{padding:13px!important;border-radius:13px!important;background:#101419!important;border:1px solid #252b33!important}
body.zx-theme .deposit-pause-admin-main{gap:10px!important}
body.zx-theme .deposit-pause-admin-icon{width:34px!important;height:34px!important;border-radius:9px!important;background:#171b20!important}
body.zx-theme .deposit-pause-admin b{font-size:12px!important}
body.zx-theme .deposit-pause-admin small{font-size:9px!important;line-height:1.45!important}
body.zx-theme .deposit-pause-admin button{min-height:40px!important;padding:8px!important;border-radius:9px!important;font-size:10px!important}
body.zx-theme .pending{padding:13px!important;border-radius:13px!important;background:#101419!important;border:1px solid #252b33!important}
body.zx-theme .pending-icon{width:34px!important;height:34px!important;border-radius:9px!important;background:#171b20!important;font-size:17px!important}
body.zx-theme .pending b{font-size:12px!important}
body.zx-theme .pending small{font-size:9px!important}
body.zx-theme .pending a{padding:9px 11px!important;border-radius:9px!important;background:#f2b51d!important;box-shadow:none!important;font-size:9px!important}
body.zx-theme .drawer{background:#0d1116!important;box-shadow:-18px 0 45px rgba(0,0,0,.32)!important}
body.zx-theme .drawer a{border-radius:9px!important;padding:12px 10px!important}
body.zx-theme .drawer a:hover{background:#151a20!important}

/* Generic admin list pages: one quiet surface, compact rows, no decorative gradients. */
body.zx-theme main.wrap>.list,
body.zx-theme main.wrap>.table-wrap,
body.zx-theme main.wrap>.card{background:#101419!important;border:1px solid #252b33!important;border-radius:14px!important;box-shadow:none!important}
body.zx-theme main.wrap>.list .row{padding:13px!important}
body.zx-theme main.wrap>.title{font-size:23px!important;letter-spacing:-.6px!important}
body.zx-theme main.wrap>.sub{font-size:10px!important;line-height:1.5!important;margin-bottom:14px!important}
body.zx-theme .filters{gap:6px!important;margin:-1px 0 12px!important}
body.zx-theme .filter-btn{min-height:36px!important;border-radius:9px!important;background:#0d1116!important;box-shadow:none!important}
body.zx-theme .filter-btn.active{background:#f2b51d!important;box-shadow:none!important}
body.zx-theme .status{border-radius:7px!important;background:#1b1810!important}

@media(max-width:620px){
  body.zx-theme .wrap{padding:14px 12px 52px!important}
  body.zx-theme .head-copy .title{font-size:18px!important}
  body.zx-theme .hero h1{font-size:25px!important}
  body.zx-theme .stats{gap:7px!important}
  body.zx-theme .stat{min-height:100px!important;padding:12px!important}
  body.zx-theme .stat-value{font-size:17px!important}
  body.zx-theme .ref-card{padding:13px!important}
  body.zx-theme .code{font-size:20px!important}
}