/* Stage 10 — reference-first pass for Vision2026
   Goal: keep SMMXBOST reference CSS as the base and only bridge backend naming. */
:root{
  --main-color:#f34213;
  --main-opacity:#f59e0b26;
  --main-glow:rgba(243,66,19,.35);
  --secondary-color:#ffffff0a;
  --bg-color:#0a0f1b;
  --border-color:#2a3444;
  --text-main:#f9fafb;
  --text-light:#a0aec0;
  --shadow-color:#00000066;
  --card-bg:#11151c;
  --td-color:rgba(255,255,255,.04);
  --place-color:#9ca3af;
}
html,body{background:var(--bg-color)!important;color:var(--text-main)!important;font-family:'Alexandria','Tajawal',sans-serif!important;}
html.dark{background:var(--bg-color)!important;color:var(--text-main)!important;}
body.smmxbost-stage10{overflow-x:hidden;background:var(--bg-color)!important;}
body.smm-auth .content{padding:24px 24px 92px;background:var(--bg-color)!important;}
body.smm-auth .page-content{background:var(--bg-color)!important;}
body.smm-auth .card,
body.smm-auth .panel,
body.smm-auth .well{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;color:var(--text-main);}
body.smm-auth label,body.smm-auth .control-label{font-weight:800;color:var(--text-main);margin-bottom:8px;}
body.smm-auth .form-control,
body.smm-auth .form-select,
body.smm-auth select,
body.smm-auth textarea,
body.smm-auth input[type=text],
body.smm-auth input[type=password],
body.smm-auth input[type=email],
body.smm-auth input[type=number]{width:100%;background:var(--secondary-color)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;border-radius:14px!important;box-shadow:none!important;outline:0!important;}
body.smm-auth .form-control,body.smm-auth .form-select,body.smm-auth select,body.smm-auth input[type=text],body.smm-auth input[type=password],body.smm-auth input[type=email],body.smm-auth input[type=number]{height:45px!important;padding:10px 14px!important;}
body.smm-auth textarea.form-control,body.smm-auth textarea{min-height:118px;height:auto!important;}
body.smm-auth .btn,body.smm-auth .main-btn,body.smm-auth .btn-big-primary{border:0;border-radius:14px;background:var(--main-color)!important;color:#fff!important;font-weight:900;padding:12px 18px;transition:.25s ease;text-decoration:none!important;}
body.smm-auth .btn:hover,body.smm-auth .main-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px var(--main-glow);}
body.smm-auth .alert{border-radius:16px;border:1px solid var(--border-color);}

/* exact dashboard shell alignment */
.main-wrapper{min-height:100vh;}
.main-wrapper .page-content{background-color:var(--bg-color)!important;}
.page-header{min-height:70px;}
.header-right{gap:10px;}
.balance-box{min-width:145px;}
.sidebar .sidebar-header .brand img{max-height:48px;object-fit:contain;}

/* Select2 — one clean instance, same visual rhythm as reference */
.select2-container{width:100%!important;font-family:'Alexandria','Tajawal',sans-serif!important;z-index:2;}
.select2-container + .select2-container{display:none!important;}
.select2-container .select2-selection--single{height:45px!important;min-height:45px!important;background:var(--secondary-color)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;display:flex!important;align-items:center!important;padding:0 12px!important;box-shadow:none!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)!important;line-height:43px!important;padding:0 24px 0 0!important;width:100%;font-size:13px!important;font-weight:700;}
html[dir=ltr] .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 0 0 24px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:43px!important;top:0!important;left:10px!important;right:auto!important;}
html[dir=ltr] .select2-container--default .select2-selection--single .select2-selection__arrow{right:10px!important;left:auto!important;}
.select2-dropdown{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 24px 80px var(--shadow-color)!important;overflow:hidden!important;z-index:99999!important;}
.select2-search--dropdown{padding:10px!important;border-bottom:1px solid var(--border-color)!important;}
.select2-search__field{height:40px!important;background:var(--secondary-color)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;color:var(--text-main)!important;padding:8px 12px!important;outline:0!important;}
.select2-results__options{background:var(--card-bg)!important;max-height:330px!important;}
.select2-results__option{padding:10px 14px!important;color:var(--text-main)!important;border-bottom:1px solid rgba(255,255,255,.04)!important;font-size:13px!important;font-weight:700;}
.select2-results__option--highlighted,.select2-results__option:hover{background:var(--main-color)!important;color:#fff!important;}
.smm-select-option{display:inline-flex;align-items:center;gap:8px;max-width:100%;white-space:normal;}
.smm-select-option .select2-selection__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;}
.smm-select-option .select2-selection__icon img{width:22px!important;height:22px!important;object-fit:contain;border-radius:6px;}
.smm-select-option .select2-selection__icon i{font-size:18px;line-height:1;}
.smm-select-option .select2-selection__text{overflow:hidden;text-overflow:ellipsis;}

/* New order reference layout — remove pill/compact overrides and return to reference proportions */
.new-order{width:100%;}
.new-order .support-boxs{margin-bottom:20px;}
.new-order .support-boxs .cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;}
.new-order .main-boxes{margin-bottom:20px;}
.new-order .stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;}

.filter-row{width:100%;margin:0 0 20px!important;}
.filter-row .filter-wrapper{background-color:var(--secondary-color)!important;border:1px solid var(--border-color)!important;border-radius:24px!important;padding:20px 30px 20px!important;box-shadow:none!important;}
.filter-row .filter-wrapper h4{font-weight:800;color:var(--text-main);margin:0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:17px;}
.filter-row .hide-filter{background-color:var(--bg-color)!important;border:none!important;font-size:14px;font-weight:700;color:var(--text-main)!important;border-radius:10px!important;padding:5px 12px!important;display:flex;align-items:center;height:30px;cursor:pointer;gap:4px;}
.filter-row .filter-list{margin:15px 0 0!important;padding:0!important;list-style:none!important;display:flex!important;flex-wrap:wrap!important;max-height:500px;transition:max-height .3s ease,margin-top .3s ease;gap:10px!important;overflow:visible!important;}
.filter-row .filter-list.open{max-height:0;margin-top:0!important;overflow:hidden!important;}
.filter-row .filter-list li{flex:1 1 calc(100% / 7 - 10px)!important;box-sizing:border-box!important;min-width:0!important;}
.filter-row .filter-list li .brand-category{padding:10px 22px!important;background-color:var(--bg-color)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;display:flex!important;width:100%!important;align-items:center!important;justify-content:flex-start!important;cursor:pointer!important;transition:all .3s ease-in-out!important;color:var(--text-main)!important;text-decoration:none!important;font-weight:700!important;white-space:nowrap!important;}
html[dir=rtl] .filter-row .filter-list li .brand-category{justify-content:flex-start!important;text-align:right!important;}
.filter-row .filter-list li .brand-category.active{background-color:var(--main-color)!important;color:#fff!important;border-color:var(--main-color)!important;}
.filter-row .filter-list li .brand-category:hover{box-shadow:0 5px 10px var(--shadow-color);transform:translateY(-3px);}
.filter-row .filter-text{font-size:14px;font-weight:700;color:inherit;overflow:hidden;text-overflow:ellipsis;}
.filter-row .filter-icon{width:24px;height:24px;margin-inline-end:6px;display:flex;align-items:center;justify-content:center;flex:0 0 24px;}
.filter-row .filter-icon img{width:100%;height:100%;object-fit:contain;border-radius:5px;}
.filter-row .filter-icon i{color:inherit;font-size:16px;}
.filter-chip{all:unset;}

.instructions{margin-top:20px!important;width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:15px!important;direction:inherit!important;}
.instructions>div{width:50%!important;flex:1 1 0!important;background:var(--bg-color)!important;border:1px solid var(--border-color)!important;border-radius:18px!important;padding:24px!important;box-shadow:0 10px 30px var(--shadow-color)!important;min-width:0!important;}
.instructions .order{overflow:visible!important;}
.order .order-nav{margin-bottom:18px!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:0!important;border:0!important;background:transparent!important;}
.order .order-nav-item{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:9px 13px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--secondary-color),rgba(0,0,0,0))!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;font-size:12px!important;font-weight:800!important;box-shadow:0 10px 30px var(--shadow-color)!important;cursor:pointer!important;outline:0!important;flex:0 0 auto!important;}
.order .order-nav-item i{font-size:20px;color:var(--main-color);}
.order .order-nav-item.active{border-color:var(--main-color)!important;box-shadow:0 0 0 3px var(--main-opacity),0 12px 40px var(--shadow-color)!important;background:linear-gradient(135deg,var(--secondary-color),rgba(0,0,0,0))!important;color:var(--text-main)!important;}
.order .order-content{display:flex!important;flex-direction:column!important;width:100%!important;gap:15px!important;padding:0!important;}
.order .order-content .form-group{margin:0!important;}
.search-dropdown{display:flex!important;align-items:center!important;background:var(--secondary-color)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;height:45px!important;overflow:hidden!important;}
.search-dropdown .input-group-text{width:45px!important;height:45px!important;border:0!important;background:transparent!important;color:var(--text-light)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.search-dropdown input{height:43px!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.order .main-btn{width:100%!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:var(--main-color)!important;color:#fff!important;border:0!important;font-weight:900!important;}
.order-info{position:relative!important;font-size:14px!important;line-height:1.9!important;color:var(--text-main)!important;}
.instructions .order-info h5{font-size:15px!important;font-weight:900!important;margin:8px 0 12px!important;color:var(--text-main)!important;}
.instructions .order-info p{margin:0!important;padding-inline-start:14px!important;position:relative!important;color:var(--text-main)!important;}
.instructions .order-info p::before{content:"•";position:absolute;inset-inline-start:0;top:0;color:var(--main-color);font-weight:700;}
.instructions .order-info p.no-dot{padding-inline-start:0!important;}
.instructions .order-info p.no-dot::before{display:none!important;}
.neworder-dynamic-fields .panel-body,
.neworder-dynamic-fields #service_description,
#neworder_fields .panel-body,
#neworder_fields #service_description{background:var(--secondary-color)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;color:var(--text-main)!important;padding:14px!important;line-height:1.8!important;}
#neworder_fields .form-group{margin-bottom:0!important;}
#charge_div{display:block;}

/* Public login must follow the reference landing page classes, not Vision2026 legacy cards */
body.smm-public{background:var(--bg-color)!important;}
.smm-public .smm-public-header{background:radial-gradient(circle at 10% 20%,var(--main-opacity),transparent 40%);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:15px 0;position:sticky;top:0;z-index:1000;}
.smm-public .logo img{max-height:52px;width:auto;object-fit:contain;}
.smm-public .hero{position:relative;padding:40px 0;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 20%,var(--main-opacity),transparent 40%);}
.smm-public .hero .content{display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap;width:100%;}
.smm-public .hero .text{flex:1;min-width:300px;}
.smm-public .hero .text h1{font-size:3.5rem;margin-bottom:20px;line-height:1.2;font-weight:900;}
.smm-public .hero .text .highlight{color:var(--main-color);}
.smm-public .hero .text>p{color:var(--text-light);max-width:500px;margin-bottom:30px;}
.smm-public .hero .badge{background:var(--main-opacity);color:var(--main-color);padding:6px 18px;border-radius:20px;font-size:14px;margin-bottom:15px;display:inline-block;}
.smm-public .hero .stats{display:flex;gap:40px;margin-bottom:30px;border-right:3px solid var(--main-color);padding-right:20px;}
.smm-public .hero .stats .item h3{font-size:24px;font-weight:900;margin:0;}
.smm-public .hero .stats .item p{color:var(--text-light);font-size:14px;margin:0;}
.smm-public .hero .card{flex:0 0 400px;height:fit-content;backdrop-filter:blur(10px);padding:40px;border-radius:20px;box-shadow:0 20px 50px var(--shadow-color);border:1px solid var(--border-color);position:relative;top:0;transition:top .3s;background:rgba(17,21,28,.7);}
.smm-public .hero .card:hover{top:-5px;}
.smm-public .hero .card .form-header{text-align:center;margin-bottom:30px;}
.smm-public .hero .card .form-header h3{font-size:24px;margin:0 0 6px;font-weight:900;}
.smm-public .hero .card .form-header p{color:var(--text-light);margin:0;}
.smm-public .hero form .input-group{position:relative;margin-bottom:16px;display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;height:48px;overflow:hidden;}
.smm-public .hero form .input-group i{width:46px;text-align:center;color:var(--main-color);}
.smm-public .hero form .input-group input{flex:1;height:100%;border:0;background:transparent;color:#fff;outline:0;padding:0 12px;}
.smm-public .form-options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-light);font-size:13px;}
.smm-public .form-options a{color:var(--main-color);}
.smm-public .auth-switch{text-align:center;margin:14px 0 0;color:var(--text-light);}
.smm-public .auth-switch a{color:var(--main-color);font-weight:800;}
.smm-public .google-login-wrap{margin-top:14px;display:grid;gap:10px;}
.smm-public .google-login-wrap iframe{width:100%!important;}
.smm-public .google-login-wrap:empty{display:none;}
.smm-public .microsoft-login,.smm-public [href*="microsoft"],.smm-public [href*="hotmail"]{display:none!important;}

@media (max-width:1199px){
  .new-order .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .instructions{flex-direction:column!important;}
  .instructions>div{width:100%!important;flex:0 0 auto!important;}
}
@media (max-width:991px){
  body.smm-auth .content{padding:16px 14px 92px!important;}
  .new-order .support-boxs .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .smm-public .hero{padding:20px 0;}
  .smm-public .nav-links{display:none;}
  .smm-public .hero .text h1{font-size:2.5rem;}
  .smm-public .hero .content{flex-direction:column;text-align:center;}
  .smm-public .hero .stats{justify-content:center;border:none;padding:0;}
  .smm-public .hero .card{width:100%;flex:auto;padding:30px 25px;}
  .smm-public .menu-toggle{display:flex!important;align-items:center;cursor:pointer;justify-content:center;}
}
@media (max-width:768px){
  .filter-row .filter-wrapper{padding:15px 10px!important;}
  .filter-row .filter-wrapper h4{font-size:15px!important;}
  .filter-row .filter-btn-text{font-size:12px!important;}
  .filter-row .filter-text{display:none!important;}
  .filter-row .filter-list{gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:5px!important;}
  .filter-row .filter-list li{width:fit-content!important;flex:0 0 auto!important;}
  .filter-row .filter-list li .brand-category{padding:10px!important;}
  .filter-row .filter-icon{margin-inline-end:0!important;}
  .new-order .support-boxs .cards,.new-order .stats-grid{grid-template-columns:1fr!important;}
  .instructions>div{padding:18px!important;border-radius:18px!important;}
  .order .order-nav-item{font-size:12px!important;padding:9px 10px!important;}
}
@media (max-width:600px){
  .balance-box{min-width:auto;}
  .header-title{display:none!important;}
}