/* LEFT unified orange mobile UI - 2026-09-18 */
body.left-premium{
  --accent:#ff9f1a;
  --accent-glow:rgba(255,159,26,.22);
  --bg:#090a0d;
  --bg-dark:#090a0d;
  --surface:#11141a;
  --surface-dark:#11141a;
  --card:#151920;
  --card-dark:#151920;
  --card-soft:#0f1217;
  --card-soft-dark:#0f1217;
  --border:#252b34;
  --border-dark:#252b34;
  --muted:#9da6b2;
  --muted-dark:#9da6b2;
  --text:#f7f8fa;
  --text-dark:#f7f8fa;
  background:
    radial-gradient(circle at 88% -10%,rgba(255,159,26,.10),transparent 30%),
    linear-gradient(180deg,#0d0f13 0%,#090a0d 100%) !important;
  color:#f7f8fa;
}
body.left-premium::before{
  background:radial-gradient(circle at 18% 28%,rgba(255,159,26,.035),transparent 45%) !important;
}
body.left-premium .topbar{
  background:rgba(10,12,16,.88) !important;
  border-bottom:1px solid rgba(255,159,26,.12) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(16px) saturate(135%) !important;
}
body.left-premium .logo,
body.left-premium .page-title{color:#fff !important;}
body.left-premium .logo i,
body.left-premium .card-header i,
body.left-premium .back-btn i,
body.left-premium .back-link i{color:#ff9f1a !important;}
body.left-premium .container{
  max-width:760px !important;
  padding:14px 12px 28px !important;
}
body.left-premium .glass-card,
body.left-premium .card,
body.left-premium .balance-card,
body.left-premium .credit-card,
body.left-premium .stat-card,
body.left-premium .order-card-compact,
body.left-premium .modal-container{
  border:1px solid rgba(255,255,255,.07) !important;
  background:linear-gradient(180deg,rgba(23,27,34,.98),rgba(14,17,22,.98)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}
body.left-premium .glass-card,
body.left-premium .card,
body.left-premium .balance-card,
body.left-premium .credit-card{border-radius:20px !important;}
body.left-premium .card-header{
  border-color:rgba(255,159,26,.38) !important;
}
body.left-premium input,
body.left-premium select,
body.left-premium textarea{
  background:#0f1318 !important;
  color:#f7f8fa !important;
  border:1px solid #2b313a !important;
  border-radius:12px !important;
}
body.left-premium input:focus,
body.left-premium select:focus,
body.left-premium textarea:focus{
  outline:none !important;
  border-color:rgba(255,159,26,.45) !important;
  box-shadow:0 0 0 3px rgba(255,159,26,.08) !important;
}
body.left-premium button,
body.left-premium .btn,
body.left-premium .empty-btn{
  border-radius:12px !important;
}
body.left-premium .back-link,
body.left-premium .back-btn,
body.left-premium .theme-toggle,
body.left-premium .topbar-balance{
  border:1px solid rgba(255,255,255,.07) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
body.left-premium .back-link,
body.left-premium .back-btn{color:#ffb13b !important;}
body.left-premium .filter-tab.active,
body.left-premium .tab.active{
  color:#ffd27a !important;
  background:rgba(255,159,26,.11) !important;
  border-color:rgba(255,159,26,.20) !important;
  box-shadow:none !important;
}
body.left-premium .status-badge{box-shadow:none !important;}
body.left-premium .loading i{color:#ff9f1a !important;}
body.left-premium .empty-btn{
  color:#211406 !important;
  background:linear-gradient(135deg,#ffd66b,#ff9f1a) !important;
  box-shadow:0 7px 16px rgba(255,159,26,.12) !important;
}
body.left-premium .method-card-3d,
body.left-premium .game-card,
body.left-premium .product-card{
  transform:none !important;
  border:1px solid rgba(255,255,255,.07) !important;
  background:linear-gradient(180deg,#171b22,#101319) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
}
body.left-premium .method-card-3d:hover,
body.left-premium .game-card:hover,
body.left-premium .product-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,159,26,.20) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.25) !important;
}
body.left-premium .method-card-3d:active,
body.left-premium .game-card:active,
body.left-premium .product-card:active{
  transform:scale(.985) !important;
}
body.left-premium .method-card-name i,
body.left-premium .game-card i,
body.left-premium .product-card i{
  color:#ff9f1a !important;
  text-shadow:none !important;
}
body.left-premium .auto-badge{
  background:rgba(16,185,129,.90) !important;
  box-shadow:none !important;
}
body.left-premium .bottom-nav{
  right:8px !important;
  left:8px !important;
  bottom:max(8px,env(safe-area-inset-bottom)) !important;
  width:auto !important;
  padding:5px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(14,17,22,.92) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;
}
body.left-premium .bottom-nav .nav-item{
  min-height:46px !important;
  padding:5px 4px !important;
  border-radius:13px !important;
  color:#aeb5bf !important;
}
body.left-premium .bottom-nav .nav-item i{
  color:#929aa5 !important;
  font-size:16px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.left-premium .bottom-nav .nav-item.active{
  color:#ffd36a !important;
  background:rgba(255,159,26,.12) !important;
  border:1px solid rgba(255,159,26,.18) !important;
  box-shadow:0 4px 14px rgba(255,159,26,.07) !important;
}
body.left-premium .bottom-nav .nav-item.active i{
  color:#ffad1f !important;
}
@media(max-width:560px){
  body.left-premium{padding-bottom:92px !important;}
  body.left-premium .container{padding:12px 10px 24px !important;}
  body.left-premium .topbar{min-height:58px !important;}
  body.left-premium .methods-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  body.left-premium .method-card-3d{border-radius:16px !important;}
  body.left-premium .method-card-name{
    min-height:42px;
    padding:8px 5px !important;
    font-size:11px !important;
  }
  body.left-premium .stats-grid{gap:7px !important;}
  body.left-premium .stat-card{
    padding:10px 5px !important;
    border-radius:14px !important;
  }
  body.left-premium .stat-value{font-size:15px !important;}
  body.left-premium .stat-label{font-size:8px !important;}
  body.left-premium .order-card-compact{border-radius:16px !important;}
  body.left-premium .game-card,
  body.left-premium .product-card{border-radius:16px !important;}
}
@media(prefers-reduced-motion:reduce){
  body.left-premium *,body.left-premium *::before,body.left-premium *::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}
body.left-premium .bottom-nav .nav-items{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  width:100% !important;
}
body.left-premium .bottom-nav .nav-item{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  text-decoration:none !important;
  font-size:9px !important;
  font-weight:700 !important;
}
/* Outline icon refinement */
body.left-premium .logo i,
body.left-premium .card-header i,
body.left-premium .back-btn i,
body.left-premium .back-link i,
body.left-premium .method-card-name i,
body.left-premium .game-card i,
body.left-premium .product-card i,
body.left-premium .theme-toggle i,
body.left-premium .topbar-balance i{
  color:#cfd5dd !important;
  text-shadow:none !important;
  filter:none !important;
}

body.left-premium .back-link:hover i,
body.left-premium .back-btn:hover i,
body.left-premium .method-card-3d:hover .method-card-name i,
body.left-premium .game-card:hover i,
body.left-premium .product-card:hover i{
  color:#ff9f1a !important;
}

body.left-premium .bottom-nav .nav-item i{
  width:auto !important;
  height:auto !important;
  display:inline-block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#aab2bd !important;
  font-size:16px !important;
  line-height:1 !important;
  filter:none !important;
}

body.left-premium .bottom-nav .nav-item.active i{
  color:#ffad1f !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 4px rgba(255,159,26,.14)) !important;
}

body.left-premium .bottom-nav .nav-item:hover i{
  color:#ffb13b !important;
  transform:translateY(-1px);
}

body.left-premium .btn i,
body.left-premium button i,
body.left-premium .empty-btn i{
  color:inherit;
}
/* Softer active blocks */
body.left-premium .bottom-nav .nav-item.active{
  background:rgba(255,159,26,.055) !important;
  border-color:rgba(255,159,26,.10) !important;
  box-shadow:none !important;
}
body.left-premium .bottom-nav .nav-item.active i{
  color:#ffad1f !important;
  filter:none !important;
}
body.left-premium .filter-tab.active,
body.left-premium .tab.active{
  background:rgba(255,159,26,.055) !important;
  border-color:rgba(255,159,26,.10) !important;
  box-shadow:none !important;
}