:root{
  --sn-primary:#0a58ff;
  --sn-primary-2:#6d28d9;
  --sn-dark:#061a3a;
  --sn-muted:#64748b;
  --sn-soft:#f4f7fb;
  --sn-soft-2:#eef5ff;
  --sn-border:#e5eaf2;
  --sn-success:#16a34a;
  --sn-warning:#f59e0b;
  --sn-danger:#ef4444;
  --sn-card:#ffffff;
  --sn-shadow:0 16px 40px rgba(15, 23, 42, .08);
  --sn-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Vazirmatn', Tahoma, Arial, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  background:#fff;
  color:#0f172a;
  direction:rtl;
  text-align:right;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.ltr{direction:ltr;text-align:left;unicode-bidi:embed}
.text-muted-2{color:var(--sn-muted)!important}
.bg-soft{background:var(--sn-soft)}
.rounded-4{border-radius:var(--sn-radius)!important}
.shadow-soft{box-shadow:var(--sn-shadow)}
.border-soft{border:1px solid var(--sn-border)}

/* bootstrap overrides */
.btn{border-radius:14px;padding:.78rem 1.15rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.btn-sm{padding:.48rem .8rem;border-radius:11px}
.btn-primary{background:linear-gradient(135deg,var(--sn-primary),#003ebd);border:0;box-shadow:0 10px 24px rgba(10,88,255,.25)}
.btn-primary:hover{filter:brightness(.97);transform:translateY(-1px)}
.btn-outline-primary{border-color:#c7d8ff;color:#0a58ff;background:#fff}
.btn-outline-primary:hover{background:#eff5ff;color:#0a58ff;border-color:#a8c2ff}
.btn-light{background:#fff;border:1px solid var(--sn-border)}
.form-control,.form-select{border-radius:14px;border-color:var(--sn-border);padding:.85rem 1rem;box-shadow:none!important}
.form-control:focus,.form-select:focus{border-color:#8bb0ff;box-shadow:0 0 0 .25rem rgba(10,88,255,.08)!important}
.badge{font-weight:800;border-radius:999px;padding:.48rem .65rem}
.table>:not(caption)>*>*{padding:1rem .85rem;border-bottom-color:#eef2f7;vertical-align:middle}
.dropdown-menu{border:1px solid var(--sn-border);box-shadow:var(--sn-shadow);border-radius:18px;padding:.5rem}
.dropdown-item{border-radius:12px;padding:.65rem .8rem}

/* site header */
.site-navbar{
  position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(226,232,240,.8)
}
.brand{display:flex;align-items:center;gap:.72rem;font-weight:950;color:var(--sn-dark);font-size:1.35rem;letter-spacing:-.5px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#1e8bff,#1037c8);display:grid;place-items:center;box-shadow:0 12px 30px rgba(10,88,255,.25);color:#fff;position:relative;overflow:hidden}
.brand-mark::after{content:"";position:absolute;inset:-18px -5px auto auto;width:38px;height:85px;border-radius:28px;background:rgba(255,255,255,.24);transform:rotate(35deg)}
.nav-link{font-weight:800;color:#334155!important;padding:.95rem 1rem!important;border-radius:14px}
.nav-link.active,.nav-link:hover{color:var(--sn-primary)!important;background:#eff5ff}

.hero-card{background:linear-gradient(135deg,#fff 0%,#f7fbff 58%,#eef5ff 100%);border:1px solid var(--sn-border);border-radius:32px;overflow:hidden;position:relative}
.hero-card::before{content:"";position:absolute;inset:auto -120px -160px auto;width:430px;height:430px;background:radial-gradient(circle,rgba(10,88,255,.12),transparent 60%)}
.hero-title{font-size:clamp(2rem,4vw,4rem);line-height:1.38;font-weight:950;letter-spacing:-1px;color:#0b1736}
.hero-title span{display:block;color:var(--sn-primary);font-size:.78em}
.hero-subtitle{font-size:1.08rem;line-height:2;color:#475569;max-width:760px}
.hero-visual{min-height:330px;position:relative;background:radial-gradient(circle at center,#d9eaff 0,rgba(255,255,255,0) 60%)}
.map-dots{position:absolute;inset:6% 0 0 0;opacity:.55;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 420"><path fill="%23d6e4f5" d="M78 116c38-52 106-52 154-44 41 7 96 18 135-5 26-15 58-37 95-22 42 17 45 59 86 74 47 17 86-21 142-8 66 15 110 76 96 133-13 54-79 81-134 84-63 4-103-22-162-6-74 20-93 79-160 81-68 1-112-59-154-92-60-48-150-17-187-87-20-38-3-77 89-108z"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center}
.vpn-shield{position:absolute;right:12%;top:22%;width:118px;height:138px;border-radius:38px 38px 52px 52px;background:linear-gradient(145deg,#1168ff,#082d9b);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:950;box-shadow:0 25px 50px rgba(10,88,255,.28)}
.device-card{position:absolute;right:32%;top:29%;width:275px;border-radius:24px;background:#fff;border:1px solid var(--sn-border);box-shadow:0 25px 55px rgba(15,23,42,.15);padding:1.1rem}
.phone-card{position:absolute;left:14%;top:31%;width:110px;border-radius:28px;background:#061a3a;color:#fff;padding:.8rem;box-shadow:0 25px 55px rgba(15,23,42,.25);text-align:center}
.hero-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--sn-border);background:#fff;border-radius:14px;padding:.72rem 1rem;color:#334155;font-weight:800}

.section-title{font-weight:950;letter-spacing:-.5px;color:#0f172a}
.plan-card{border:1px solid var(--sn-border);background:#fff;border-radius:24px;padding:1.45rem;transition:.25s;position:relative;overflow:hidden;height:100%}
.plan-card:hover{transform:translateY(-5px);box-shadow:var(--sn-shadow);border-color:#c5d7ff}
.plan-card.featured{border-color:#7aa4ff;box-shadow:0 20px 50px rgba(10,88,255,.13)}
.icon-circle{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eff5ff;color:var(--sn-primary);font-size:1.35rem}
.icon-circle.green{background:#ecfdf3;color:#16a34a}.icon-circle.orange{background:#fff7ed;color:#f59e0b}.icon-circle.purple{background:#f4efff;color:#7c3aed}.icon-circle.red{background:#fff1f2;color:#e11d48}.icon-circle.dark{background:#edf2ff;color:#0f3bbf}
.price{font-size:2rem;font-weight:950;color:#0f172a;letter-spacing:-1px}
.tick-list{list-style:none;margin:0;padding:0}.tick-list li{display:flex;gap:.55rem;align-items:center;margin:.62rem 0;color:#475569}.tick-list i{color:var(--sn-primary)}
.custom-box{border:1px solid var(--sn-border);border-radius:28px;background:#fff;box-shadow:var(--sn-shadow)}
.range-wrap input[type=range]{accent-color:var(--sn-primary);width:100%;height:7px}
.duration-chip{border:1px solid var(--sn-border);background:#fff;border-radius:14px;padding:.72rem 1.1rem;font-weight:850;min-width:88px;text-align:center;cursor:pointer;color:#475569;transition:.2s}
.duration-chip.active,.duration-chip:hover{border-color:#82a9ff;color:var(--sn-primary);background:#eff5ff}
.faq-item{border:1px solid var(--sn-border);border-radius:18px;background:#fff;padding:1rem 1.2rem;font-weight:850}
.footer{background:#061a3a;color:#dbeafe;border-radius:34px 34px 0 0}.footer a{color:#dbeafe}.footer small,.footer p{color:#a9b9d5}.footer .brand{color:#fff}

/* app layouts */
.app-shell{min-height:100vh;background:#f6f8fc}
.app-header{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--sn-border);position:sticky;top:0;z-index:900;backdrop-filter:blur(16px)}
.app-sidebar{position:fixed;top:0;right:0;width:292px;height:100vh;background:#fff;border-left:1px solid var(--sn-border);z-index:1000;padding:1.05rem;display:flex;flex-direction:column;transition:.25s}
.app-main{margin-right:292px;min-height:100vh;padding:1.25rem 1.5rem 2rem}
.app-content{padding-top:84px}
.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.sidebar-link{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:16px;color:#475569;font-weight:850;transition:.2s}.sidebar-link i{font-size:1.25rem}.sidebar-link.active,.sidebar-link:hover{background:#eff5ff;color:var(--sn-primary)}
.sidebar-help{margin-top:auto;background:linear-gradient(135deg,#f6fbff,#edf5ff);border:1px solid var(--sn-border);border-radius:22px;padding:1rem}
.mobile-overlay{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:990;display:none}.mobile-overlay.show{display:block}
.metric-card{border:1px solid var(--sn-border);background:#fff;border-radius:24px;padding:1.1rem;height:100%;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.metric-value{font-size:1.75rem;font-weight:950;color:#0f172a;direction:ltr;display:inline-block}.metric-label{color:#64748b;font-weight:800;font-size:.9rem}.stat-trend{font-size:.78rem;font-weight:800}.stat-up{color:#16a34a}.stat-down{color:#ef4444}
.alert-soft-warning{background:#fff7e8;border:1px solid #ffd89b;color:#6d4300;border-radius:22px;padding:1rem 1.25rem}.alert-soft-info{background:#eef6ff;border:1px solid #cfe4ff;color:#063a75;border-radius:22px;padding:1rem 1.25rem}
.card-ui{border:1px solid var(--sn-border);background:#fff;border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.05)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid #eef2f7}.card-body-ui{padding:1.15rem}.service-progress{height:10px;border-radius:99px;background:#eaf0f8;overflow:hidden}.service-progress span{display:block;height:100%;background:linear-gradient(90deg,#0a58ff,#56a0ff);border-radius:inherit}
.status{display:inline-flex;align-items:center;gap:.35rem;font-weight:850;border-radius:999px;padding:.42rem .72rem;font-size:.82rem}.status.success{background:#eafbea;color:#15803d}.status.warning{background:#fff7e2;color:#b45309}.status.danger{background:#fff1f2;color:#be123c}.status.info{background:#eff5ff;color:#0a58ff}.status.gray{background:#f1f5f9;color:#475569}
.copy-box{direction:ltr;text-align:left;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:.95rem;word-break:break-all;color:#334155;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}
.qr-placeholder{width:190px;height:190px;border-radius:22px;background:repeating-linear-gradient(45deg,#0f172a 0 8px,#fff 8px 16px);border:10px solid #fff;box-shadow:0 0 0 1px #e2e8f0, var(--sn-shadow)}
.timeline{position:relative;padding-right:1.6rem}.timeline::before{content:"";position:absolute;right:.43rem;top:.35rem;bottom:.35rem;width:2px;background:#e2e8f0}.timeline-item{position:relative;margin-bottom:1rem}.timeline-item::before{content:"";position:absolute;right:-1.5rem;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--sn-primary);box-shadow:0 0 0 4px #eaf1ff}
.admin-table{min-width:760px}.server-load{width:94px;height:7px;background:#e2e8f0;border-radius:99px;overflow:hidden}.server-load span{display:block;height:100%;border-radius:inherit;background:#22c55e}.server-load.warn span{background:#f59e0b}.server-load.danger span{background:#ef4444}
.search-input{max-width:420px}.avatar{width:42px;height:42px;border-radius:15px;object-fit:cover;background:#eff5ff;display:grid;place-items:center;color:var(--sn-primary);font-weight:950}.avatar.sm{width:34px;height:34px;border-radius:12px}.avatar.lg{width:62px;height:62px;border-radius:22px}
.switch-card{border:1px solid var(--sn-border);border-radius:20px;padding:1rem;background:#fff}.form-switch .form-check-input{width:3em;height:1.5em}

/* process / checkout */
.stepper{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.stepper .step{display:flex;align-items:center;gap:.55rem;color:#64748b;font-weight:850}.stepper .dot{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#edf2f7;color:#64748b}.stepper .step.active .dot{background:var(--sn-primary);color:#fff}.stepper .step.active{color:var(--sn-primary)}.step-line{width:50px;height:2px;background:#e2e8f0}
.payment-method{border:1px solid var(--sn-border);border-radius:22px;padding:1.1rem;cursor:pointer;transition:.2s;background:#fff}.payment-method:hover,.payment-method.active{border-color:#82a9ff;background:#f6f9ff;box-shadow:0 12px 32px rgba(10,88,255,.08)}

@media (max-width:1199px){
  .app-sidebar{transform:translateX(105%)}.app-sidebar.show{transform:translateX(0)}.app-main{margin-right:0;padding:1rem}.app-content{padding-top:84px}.app-header{height:68px}.device-card{right:26%;width:240px}.vpn-shield{right:6%}.phone-card{left:8%}
}
@media (max-width:767px){
  .hero-card{border-radius:24px}.hero-visual{min-height:260px}.device-card{right:24%;top:34%;width:205px}.vpn-shield{width:88px;height:104px;font-size:1.5rem;right:4%;top:24%}.phone-card{display:none}.hero-pill{width:100%;justify-content:center}.duration-chip{flex:1;min-width:0}.table-responsive{border-radius:20px}.app-main{padding:.75rem}.card-head{align-items:flex-start;flex-direction:column}.qr-placeholder{width:155px;height:155px}.step-line{display:none}.search-input{max-width:none}.metric-value{font-size:1.45rem}.footer{border-radius:24px 24px 0 0}
}
@media (max-width:575px){
  .btn{width:100%}.nav-actions .btn{width:auto}.plan-card,.custom-box,.card-ui,.metric-card{border-radius:20px}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.98rem}.app-header .brand span{display:none}.mobile-hide{display:none!important}
}


/* v2 fixes */
.app-sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;max-height:100vh}.app-sidebar::-webkit-scrollbar{width:8px}.app-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.sidebar-help{margin-top:1rem!important;flex-shrink:0}.sidebar-nav{flex-shrink:0}.hero-visual-img{width:100%;max-width:590px;display:block;margin-inline:auto;filter:drop-shadow(0 24px 36px rgba(15,23,42,.15))}.auth-bg{min-height:100vh;display:grid;align-items:center;background:linear-gradient(135deg,#f8fbff,#eef5ff);padding:2rem}.auth-card{max-width:520px;margin-inline:auto;width:100%}.app-content-actions .card-ui{transition:.2s}.app-content-actions .card-ui:hover{transform:translateY(-3px);box-shadow:var(--sn-shadow)}
@media(max-width:1199px){.app-sidebar{max-width:88vw}.hero-visual-img{max-width:480px}}
@media(max-width:767px){.hero-visual-img{max-width:360px}.auth-bg{padding:1rem}.btn.w-mobile-100{width:100%}}


/* v3 typography and layout polish */
html{font-size:16px}
body{font-size:1rem;line-height:1.75;text-rendering:optimizeLegibility}
.fw-black{font-weight:900!important}
h1,.h1{font-size:clamp(1.75rem,3vw,3rem);line-height:1.35}
h2,.h2{font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.4}
h3,.h3{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.45}
h4,.h4{font-size:1.25rem;line-height:1.55}
h5,.h5{font-size:1.08rem;line-height:1.6}
p,.form-control,.form-select,.btn,.nav-link,.sidebar-link,.table{font-size:1rem}
small,.small{font-size:.875rem}.badge,.status{font-size:.82rem}.metric-card{height:auto}.contact-page .metric-card{min-height:90px}.contact-info-card{min-height:150px}.footer{position:relative;z-index:2}.hero-visual-img{max-height:420px;object-fit:contain}.tutorial-card:hover{transform:translateY(-4px)}.tutorial-step{display:flex;gap:1rem;padding:1rem;border:1px solid var(--sn-border);border-radius:18px;background:#fff}.tutorial-step .step-num{width:38px;height:38px;border-radius:14px;background:#eff5ff;color:#0a58ff;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.detail-item{border:1px solid var(--sn-border);border-radius:18px;background:#fff;padding:1rem}.admin-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ticket-row,.order-row,.payment-row{transition:.2s}.ticket-row:hover,.order-row:hover,.payment-row:hover{background:#f8fbff}.mini-tabs .nav-link{background:#fff;border:1px solid var(--sn-border);margin-left:.5rem}.mini-tabs .nav-link.active{background:#eff5ff;border-color:#a8c2ff;color:#0a58ff!important}@media(max-width:767px){html{font-size:15px}.hero-title{text-align:center}.hero-subtitle{text-align:center}.hero-card .btn-lg{width:100%}.hero-visual-img{max-height:270px}.detail-grid{grid-template-columns:1fr}.site-navbar .navbar-collapse{padding-top:1rem}.site-navbar .nav-actions{flex-direction:column}.site-navbar .nav-actions .btn{width:100%}.contact-info-card{min-height:auto}}

/* Hero image replacement - v4 */
.hero-visual-img{
  width:100%;
  max-width:760px;
  height:auto;
  display:block;
  margin-inline:auto;
  object-fit:contain;
}
@media (max-width: 991.98px){
  .hero-visual-img{
    max-width:560px;
    margin-top:1rem;
  }
}
@media (max-width: 575.98px){
  .hero-visual-img{
    max-width:100%;
  }
}

/* v5 hero image blend fix */
.hero-visual-frame{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  min-height:420px;
  border-radius:28px;
  background: radial-gradient(circle at 50% 50%, rgba(84,139,255,.10), rgba(84,139,255,0) 62%);
}
.hero-visual-frame::before{
  content:"";
  position:absolute;
  inset:6% 8%;
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.72), rgba(255,255,255,0) 70%);
  filter: blur(8px);
  pointer-events:none;
}
.hero-visual-img{
  position:relative;
  z-index:1;
  width:100%;
  max-width:720px;
  height:auto;
  display:block;
  margin-inline:auto;
  filter: drop-shadow(0 22px 36px rgba(15,23,42,.14));
}
@media(max-width:1199px){
  .hero-visual-frame{min-height:360px}
  .hero-visual-img{max-width:560px}
}
@media(max-width:767px){
  .hero-visual-frame{min-height:auto;padding:8px}
  .hero-visual-img{max-width:100%}
}


/* v6 engineering additions */
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}
.config-note{border:1px dashed #bfd2ff;background:#f8fbff;border-radius:18px;padding:1rem;color:#334155}
.table .form-control,.table .form-select{min-width:110px}
.upload-security-note{border:1px solid #cfe4ff;background:#eef6ff;border-radius:18px;padding:1rem;color:#063a75}
@media(max-width:767px){.table .form-control,.table .form-select{min-width:150px}.input-group>.btn{width:auto}}


/* v8 centered logo + theme system */
.brand-mark{
  background:url('../img/logo-mark.svg') center/100% 100% no-repeat!important;
  color:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.brand-mark i{display:none!important}
.brand-mark::after{display:none!important}
.vpn-shield{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.theme-toggle{width:42px;height:42px;border-radius:14px!important;padding:0!important;flex:0 0 auto}
.theme-toggle i{font-size:1.05rem}

.log-event{border:1px solid var(--sn-border);background:var(--sn-card);border-radius:18px;padding:1rem;display:flex;gap:1rem;align-items:flex-start}
.log-event .log-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;background:#eff5ff;color:#0a58ff}
.report-card{border:1px solid var(--sn-border);background:var(--sn-card);border-radius:22px;padding:1.1rem;height:100%;transition:.2s}
.report-card:hover{transform:translateY(-3px);box-shadow:var(--sn-shadow)}
.report-chart{min-height:230px;border-radius:22px;border:1px dashed var(--sn-border);background:linear-gradient(180deg,rgba(10,88,255,.08),rgba(10,88,255,.02));position:relative;overflow:hidden}
.report-chart::before{content:"";position:absolute;inset:25% 5% 18% 5%;background:linear-gradient(90deg,transparent 0 8%,rgba(10,88,255,.18) 8% 10%,transparent 10% 20%,rgba(10,88,255,.38) 20% 23%,transparent 23% 35%,rgba(10,88,255,.22) 35% 38%,transparent 38% 49%,rgba(10,88,255,.55) 49% 53%,transparent 53% 64%,rgba(10,88,255,.3) 64% 67%,transparent 67% 77%,rgba(10,88,255,.45) 77% 80%,transparent 80%);border-radius:14px;filter:blur(.2px)}
.report-chart::after{content:"نمودار نمونه فروش و تمدید";position:absolute;inset:auto 1rem 1rem 1rem;color:var(--sn-muted);font-weight:800;text-align:center}
.filter-toolbar{border:1px solid var(--sn-border);background:var(--sn-card);border-radius:22px;padding:1rem}
.kpi-mini{border:1px solid var(--sn-border);background:var(--sn-card);border-radius:18px;padding:1rem;height:100%}

html[data-theme="dark"]{
  color-scheme:dark;
  --sn-primary:#6ea2ff;
  --sn-primary-2:#a78bfa;
  --sn-dark:#eaf2ff;
  --sn-muted:#a8b3c7;
  --sn-soft:#0d1626;
  --sn-soft-2:#101d31;
  --sn-border:#263449;
  --sn-card:#111c2e;
  --sn-shadow:0 16px 40px rgba(0,0,0,.34);
  --bs-body-bg:#08111f;
  --bs-body-color:#eaf2ff;
  --bs-border-color:#263449;
  --bs-secondary-color:#a8b3c7;
}
html[data-theme="dark"] body{background:#08111f;color:#eaf2ff}
html[data-theme="dark"] .site-navbar,
html[data-theme="dark"] .app-header{background:rgba(9,17,31,.86);border-color:#22324a;backdrop-filter:blur(18px)}
html[data-theme="dark"] .app-sidebar{background:#0b1424;border-color:#22324a}
html[data-theme="dark"] .hero-card{background:linear-gradient(135deg,#111c2e 0%,#0d1626 64%,#0a1323 100%);border-color:#263449}
html[data-theme="dark"] .hero-card::before{background:radial-gradient(circle,rgba(110,162,255,.12),transparent 60%)}
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .fw-black,
html[data-theme="dark"] .brand,
html[data-theme="dark"] strong,
html[data-theme="dark"] .price{color:#f8fbff!important}
html[data-theme="dark"] .hero-subtitle,
html[data-theme="dark"] .text-muted-2,
html[data-theme="dark"] .metric-label,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] small{color:#a8b3c7!important}
html[data-theme="dark"] .card-ui,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .custom-box,
html[data-theme="dark"] .payment-method,
html[data-theme="dark"] .switch-card,
html[data-theme="dark"] .detail-item,
html[data-theme="dark"] .tutorial-step,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .filter-toolbar,
html[data-theme="dark"] .kpi-mini,
html[data-theme="dark"] .report-card,
html[data-theme="dark"] .log-event{background:#111c2e!important;border-color:#263449!important;color:#eaf2ff!important}
html[data-theme="dark"] .bg-soft,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .rounded-4.bg-soft{background:#0d1626!important}
html[data-theme="dark"] .border-soft{border-color:#263449!important}
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-primary{background:#14223a;border-color:#2d3e58;color:#d8e8ff!important}
html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-outline-primary:hover{background:#1a2b47;border-color:#41618d;color:#fff!important}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input-group-text{background:#0c1626!important;border-color:#2a3a51!important;color:#eef6ff!important}
html[data-theme="dark"] .form-control::placeholder{color:#75849a!important}
html[data-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:#eaf2ff;--bs-table-border-color:#263449;color:#eaf2ff}
html[data-theme="dark"] .table>:not(caption)>*>*{border-color:#263449;color:#eaf2ff}
html[data-theme="dark"] .dropdown-item{color:#eaf2ff}
html[data-theme="dark"] .dropdown-item:hover{background:#17263e;color:#fff}
html[data-theme="dark"] .sidebar-link{color:#c8d4e6}
html[data-theme="dark"] .sidebar-link:hover,
html[data-theme="dark"] .sidebar-link.active,
html[data-theme="dark"] .nav-link.active,
html[data-theme="dark"] .nav-link:hover{background:#172a47!important;color:#86b2ff!important}
html[data-theme="dark"] .nav-link{color:#c8d4e6!important}
html[data-theme="dark"] .hero-pill,
html[data-theme="dark"] .duration-chip,
html[data-theme="dark"] .text-bg-light{background:#14223a!important;border-color:#2d3e58!important;color:#d8e8ff!important}
html[data-theme="dark"] .duration-chip.active{background:#1c3f7d!important;border-color:#6ea2ff!important;color:#fff!important}
html[data-theme="dark"] .alert-soft-info{background:#10243d;border-color:#234971;color:#d8e8ff}
html[data-theme="dark"] .alert-soft-warning{background:#2a210d;border-color:#5c4515;color:#fff3d2}
html[data-theme="dark"] .upload-security-note,
html[data-theme="dark"] .config-note{background:#10243d!important;border-color:#234971!important;color:#d8e8ff!important}
html[data-theme="dark"] .footer{background:#050b16!important;color:#cbd8ea}
html[data-theme="dark"] .footer a{color:#dceaff}
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button{background:#111c2e;color:#eaf2ff;border-color:#263449}
html[data-theme="dark"] .accordion-button:not(.collapsed){background:#172a47;color:#fff}
html[data-theme="dark"] .service-progress{background:#21304a}
html[data-theme="dark"] .server-load{background:#21304a}
html[data-theme="dark"] .ticket-row:hover,
html[data-theme="dark"] .order-row:hover,
html[data-theme="dark"] .payment-row:hover{background:#14223a}
html[data-theme="dark"] .status.success{background:#0f3a24;color:#86efac}
html[data-theme="dark"] .status.warning{background:#3a2a0c;color:#fcd68a}
html[data-theme="dark"] .status.danger{background:#3b1421;color:#fda4af}
html[data-theme="dark"] .status.info{background:#12315a;color:#93c5fd}
html[data-theme="dark"] .status.gray{background:#1f2937;color:#cbd5e1}
html[data-theme="dark"] .icon-circle{background:#172a47;color:#86b2ff}
html[data-theme="dark"] .icon-circle.green{background:#0f3a24;color:#86efac}
html[data-theme="dark"] .icon-circle.orange{background:#3a2a0c;color:#fcd68a}
html[data-theme="dark"] .icon-circle.purple{background:#27184b;color:#c4b5fd}
html[data-theme="dark"] .icon-circle.red{background:#3b1421;color:#fda4af}
html[data-theme="dark"] .report-chart{background:linear-gradient(180deg,rgba(110,162,255,.14),rgba(110,162,255,.04));border-color:#334863}


/* v9 dark-mode contrast, full-page backgrounds, and centered logo refinements */
.brand-mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  background-image:url('../img/logo-mark.svg')!important;
  background-position:center center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  box-shadow:0 10px 26px rgba(10,88,255,.22)!important;
}
.brand.justify-content-center .brand-mark{margin-inline:auto .72rem}

html[data-theme="dark"] body,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .app-main,
html[data-theme="dark"] .app-content{
  background:#08111f!important;
  color:#eaf2ff!important;
}
html[data-theme="dark"] .auth-bg{
  background:
    radial-gradient(circle at 50% -10%, rgba(110,162,255,.16), transparent 35%),
    linear-gradient(135deg,#08111f,#0c1626 60%,#101d31)!important;
}
html[data-theme="dark"] .auth-card .brand{color:#f8fbff!important}
html[data-theme="dark"] .site-navbar,
html[data-theme="dark"] .app-header{
  background:rgba(9,17,31,.92)!important;
  border-color:#22324a!important;
}
html[data-theme="dark"] .app-sidebar,
html[data-theme="dark"] .sidebar-help{
  background:#0b1424!important;
  border-color:#22324a!important;
}
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-ui,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .custom-box,
html[data-theme="dark"] .payment-method,
html[data-theme="dark"] .switch-card,
html[data-theme="dark"] .detail-item,
html[data-theme="dark"] .tutorial-step,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .filter-toolbar,
html[data-theme="dark"] .kpi-mini,
html[data-theme="dark"] .report-card,
html[data-theme="dark"] .log-event,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .copy-box,
html[data-theme="dark"] .p-3.border-soft,
html[data-theme="dark"] .admin-action-grid > a,
html[data-theme="dark"] .admin-action-grid > div{
  background:#111c2e!important;
  border-color:#263449!important;
  color:#eaf2ff!important;
}
html[data-theme="dark"] .bg-soft,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-body-tertiary,
html[data-theme="dark"] section.bg-soft,
html[data-theme="dark"] .rounded-4.bg-soft{
  background:#0d1626!important;
  color:#eaf2ff!important;
}
html[data-theme="dark"] .card-head{
  border-color:#263449!important;
  background:transparent!important;
  color:#f8fbff!important;
}
html[data-theme="dark"] .card-body-ui,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .tab-pane{
  background:transparent!important;
  color:#eaf2ff!important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .h1,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .h3,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] .h6,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .fw-black,
html[data-theme="dark"] .fw-bold,
html[data-theme="dark"] .brand,
html[data-theme="dark"] strong,
html[data-theme="dark"] label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] .metric-value,
html[data-theme="dark"] .price,
html[data-theme="dark"] th,
html[data-theme="dark"] td{
  color:#f8fbff!important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-muted-2,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .metric-label,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] small,
html[data-theme="dark"] .small,
html[data-theme="dark"] .tick-list li,
html[data-theme="dark"] .hero-subtitle{
  color:#a8b3c7!important;
}
html[data-theme="dark"] a:not(.btn):not(.sidebar-link):not(.nav-link):not(.dropdown-item){
  color:#93c5fd;
}
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .mini-tabs .nav-link,
html[data-theme="dark"] .duration-chip,
html[data-theme="dark"] .hero-pill,
html[data-theme="dark"] .text-bg-light,
html[data-theme="dark"] .badge.text-bg-light{
  background:#14223a!important;
  border-color:#2d3e58!important;
  color:#d8e8ff!important;
}
html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .mini-tabs .nav-link.active,
html[data-theme="dark"] .duration-chip.active{
  background:#1d3763!important;
  border-color:#6ea2ff!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input-group-text{
  background:#0c1626!important;
  border-color:#2a3a51!important;
  color:#eef6ff!important;
}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .form-select:invalid{color:#75849a!important}
html[data-theme="dark"] option{background:#0c1626;color:#eef6ff}
html[data-theme="dark"] .table,
html[data-theme="dark"] .table>:not(caption)>*>*{
  --bs-table-bg:transparent!important;
  --bs-table-color:#eaf2ff!important;
  --bs-table-border-color:#263449!important;
  color:#eaf2ff!important;
  border-color:#263449!important;
}
html[data-theme="dark"] .table-light,
html[data-theme="dark"] thead,
html[data-theme="dark"] tbody,
html[data-theme="dark"] tr{
  --bs-table-bg:transparent!important;
  background:transparent!important;
  color:#eaf2ff!important;
}
html[data-theme="dark"] .ticket-row:hover,
html[data-theme="dark"] .order-row:hover,
html[data-theme="dark"] .payment-row:hover,
html[data-theme="dark"] tbody tr:hover{background:#14223a!important}
html[data-theme="dark"] .dropdown-item{color:#eaf2ff!important}
html[data-theme="dark"] .dropdown-item:hover{background:#17263e!important;color:#fff!important}
html[data-theme="dark"] .sidebar-link{color:#c8d4e6!important}
html[data-theme="dark"] .sidebar-link:hover,
html[data-theme="dark"] .sidebar-link.active,
html[data-theme="dark"] .nav-link.active,
html[data-theme="dark"] .nav-link:hover{
  background:#172a47!important;
  color:#86b2ff!important;
}
html[data-theme="dark"] .nav-link{color:#c8d4e6!important}
html[data-theme="dark"] .icon-circle{background:#172a47!important;color:#86b2ff!important}
html[data-theme="dark"] .icon-circle.green{background:#0f3a24!important;color:#86efac!important}
html[data-theme="dark"] .icon-circle.orange{background:#3a2a0c!important;color:#fcd68a!important}
html[data-theme="dark"] .icon-circle.purple{background:#27184b!important;color:#c4b5fd!important}
html[data-theme="dark"] .icon-circle.red{background:#3b1421!important;color:#fda4af!important}
html[data-theme="dark"] .alert-soft-info,
html[data-theme="dark"] .upload-security-note,
html[data-theme="dark"] .config-note{
  background:#10243d!important;
  border-color:#234971!important;
  color:#d8e8ff!important;
}
html[data-theme="dark"] .alert-soft-warning{
  background:#2a210d!important;
  border-color:#5c4515!important;
  color:#fff3d2!important;
}
html[data-theme="dark"] .service-progress,
html[data-theme="dark"] .server-load{background:#21304a!important}
html[data-theme="dark"] hr{border-color:#263449!important;opacity:1}
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-start,
html[data-theme="dark"] .border-end,
html[data-theme="dark"] .border-soft{border-color:#263449!important}
html[data-theme="dark"] .avatar{background:#14223a!important;color:#d8e8ff!important;border-color:#2d3e58!important}
html[data-theme="dark"] .footer{background:#050b16!important;color:#cbd8ea!important}
html[data-theme="dark"] .footer a{color:#dceaff!important}
html[data-theme="dark"] .report-chart{background:linear-gradient(180deg,rgba(110,162,255,.14),rgba(110,162,255,.04))!important;border-color:#334863!important}
html[data-theme="dark"] .text-danger{color:#fda4af!important}
html[data-theme="dark"] .text-success{color:#86efac!important}
html[data-theme="dark"] .text-warning{color:#fcd68a!important}
html[data-theme="dark"] .text-primary{color:#93c5fd!important}
html[data-theme="dark"] .shadow-soft{box-shadow:0 18px 48px rgba(0,0,0,.36)!important}


/* v10 dark hero asset refinements */
.hero-visual-img.theme-asset{transition:filter .2s ease, transform .2s ease, opacity .2s ease}
html[data-theme="dark"] .hero-visual-frame{
  background:
    radial-gradient(circle at 50% 42%, rgba(78,124,214,.22), rgba(33,53,92,.10) 34%, rgba(14,24,42,0) 68%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
html[data-theme="dark"] .hero-visual-frame::before{
  inset:8% 10%;
  background:radial-gradient(circle at 50% 50%, rgba(84,139,255,.18), rgba(84,139,255,0) 68%);
  filter:blur(18px);
  opacity:.95;
}
html[data-theme="dark"] .hero-visual-img.theme-asset{
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.48)) saturate(.96) contrast(1.02) brightness(.95);
}
html[data-theme="dark"] .hero-card .hero-subtitle,
html[data-theme="dark"] .hero-card .tick-list li,
html[data-theme="dark"] .hero-card p{
  color:#b6c2d8!important;
}


/* v11 hero theme pairing + no-flash blend */
.hero-visual-frame{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  min-height:420px;
  border-radius:28px;
  background:transparent;
  overflow:hidden;
}
.hero-visual-frame::before{
  content:"";
  position:absolute;
  inset:12% 8%;
  border-radius:32px;
  background:radial-gradient(circle at 50% 50%, rgba(84,139,255,.10), rgba(84,139,255,0) 68%);
  filter:blur(18px);
  pointer-events:none;
}
.hero-visual-img.theme-asset{
  position:relative;
  z-index:1;
  width:100%;
  max-width:760px;
  height:auto;
  display:block;
  margin-inline:auto;
  filter:drop-shadow(0 18px 32px rgba(15,23,42,.10));
}
html[data-theme="light"] .hero-visual-frame::before{
  background:radial-gradient(circle at 50% 50%, rgba(88,145,255,.12), rgba(88,145,255,0) 70%);
}
html[data-theme="dark"] .hero-visual-frame::before{
  background:radial-gradient(circle at 50% 50%, rgba(61,116,235,.16), rgba(61,116,235,0) 68%);
}
html[data-theme="dark"] .hero-visual-img.theme-asset{
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.38));
}
html[data-theme="light"] .hero-visual-img.theme-asset{
  filter:drop-shadow(0 20px 34px rgba(42,85,160,.12));
}
@media(max-width:1199px){
  .hero-visual-frame{min-height:360px}
  .hero-visual-img.theme-asset{max-width:560px}
}
@media(max-width:767px){
  .hero-visual-frame{min-height:auto;padding:0}
  .hero-visual-img.theme-asset{max-width:100%}
}


/* v12 no-flash hero loading */
.hero-visual-img.theme-asset{opacity:0;transition:opacity .18s ease, filter .2s ease, transform .2s ease}
.hero-visual-img.theme-asset.is-ready{opacity:1}


/* v13 blended transparent hero artwork */
.hero-visual-frame{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
}
.hero-visual-frame::before{
  inset:16% 10%;
  opacity:.78;
}
.hero-card{
  overflow:hidden;
}
html[data-theme="light"] .hero-visual-img.theme-asset{
  filter:drop-shadow(0 18px 30px rgba(69,110,180,.10));
}
html[data-theme="dark"] .hero-visual-img.theme-asset{
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.34));
}


/* v14 mobile menu icon visibility fix */
.navbar-toggler i,
#sidebarToggle i{color:inherit}
html[data-theme="dark"] .navbar-toggler{
  color:#eef6ff!important;
  border-color:#2d3e58!important;
  background:#14223a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .navbar-toggler:hover,
html[data-theme="dark"] .navbar-toggler:focus{
  color:#ffffff!important;
  border-color:#6ea2ff!important;
  background:#1d3763!important;
  box-shadow:0 0 0 .18rem rgba(110,162,255,.18)!important;
}
html[data-theme="dark"] .navbar-toggler i,
html[data-theme="dark"] #sidebarToggle,
html[data-theme="dark"] #sidebarToggle i,
html[data-theme="dark"] .d-xl-none .bi-list,
html[data-theme="dark"] .d-xl-none .bi-x-lg{
  color:#eef6ff!important;
}


/* v15 additional static pages: refund/status/knowledge/payment states */
.kb-search-card{border:1px solid var(--sn-border);border-radius:24px;background:var(--sn-card);box-shadow:var(--sn-shadow)}
.server-health-dot{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.server-health-dot.warning{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}
.server-health-dot.danger{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
html[data-theme="dark"] .kb-search-card{background:#111f35;border-color:#243855}


/* v17 completion pages: sales disabled, email verification, empty states, message templates */
.state-hero{min-height:calc(100vh - 92px);display:flex;align-items:center;justify-content:center;padding:3rem 0;background:linear-gradient(135deg,var(--sn-soft),#fff)}
.state-card{max-width:760px;margin:auto;border:1px solid var(--sn-border);border-radius:30px;background:var(--sn-card);box-shadow:var(--sn-shadow);padding:2rem}
.state-icon{width:84px;height:84px;border-radius:28px;display:grid;place-items:center;margin:0 auto 1rem;font-size:2.4rem;background:#eff5ff;color:var(--sn-primary)}
.state-icon.success{background:#eafbea;color:#16a34a}.state-icon.warning{background:#fff7e2;color:#b45309}.state-icon.danger{background:#fff1f2;color:#be123c}.state-icon.gray{background:#f1f5f9;color:#475569}
.empty-state{border:1px dashed #cbd5e1;border-radius:24px;background:linear-gradient(135deg,#fff,#f8fbff);padding:2rem;text-align:center;height:100%}
.empty-state .empty-icon{width:68px;height:68px;border-radius:24px;display:grid;place-items:center;margin:0 auto 1rem;background:#eff5ff;color:var(--sn-primary);font-size:1.9rem}
.product-disabled{position:relative;opacity:.82;filter:grayscale(.08)}
.product-disabled::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.38);pointer-events:none}
.template-token{direction:ltr;text-align:left;display:inline-flex;padding:.28rem .52rem;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;margin:.15rem}
.template-preview{border:1px solid var(--sn-border);border-radius:22px;background:#fff;padding:1rem;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.channel-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--sn-border);border-radius:999px;padding:.5rem .7rem;background:#fff;font-weight:800;color:#475569}
html[data-theme="dark"] .state-hero{background:linear-gradient(135deg,#0b1220,#101d31)}
html[data-theme="dark"] .state-card,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .template-preview{background:#111f35;border-color:#243855}
html[data-theme="dark"] .empty-state{background:linear-gradient(135deg,#111f35,#0e1a2d)}
html[data-theme="dark"] .template-token{background:#14243a;border-color:#2a3e5c;color:#dbeafe}


/* v5 hotfix: visible service code badge and QR image */
.service-code-badge{background:#f8fbff!important;color:#0f172a!important;border-color:#dbe7ff!important;font-weight:800}
html[data-theme="dark"] .service-code-badge{background:#13233b!important;color:#e8f1ff!important;border-color:#28415f!important}
.qr-image{width:240px;height:240px;border-radius:22px;border:1px solid var(--sn-border);background:#fff;padding:10px;box-shadow:0 10px 24px rgba(15,23,42,.06)}


/* v8: RTL checkbox/radio alignment fix for all multi-checkbox areas */
.form-check{
  direction: rtl;
  text-align: right;
  padding-right: 1.75rem;
  padding-left: 0;
  min-height: 1.6rem;
}
.form-check .form-check-input{
  float: right;
  margin-right: -1.75rem;
  margin-left: .55rem;
}
.form-check label,
.form-check .form-check-label{margin-right:.35rem;margin-left:0;}
.form-check-inline{margin-right:0;margin-left:1rem;padding-right:1.75rem;padding-left:0;}
.form-check-inline .form-check-input{float:none;margin-right:-1.75rem;margin-left:.55rem;}
.form-switch{padding-right:3.25rem;padding-left:0;}
.form-switch .form-check-input{float:right;margin-right:-3.25rem;margin-left:.65rem;}
.switch-card .form-check,
.switch-card.form-check{padding-right:1.75rem;padding-left:0;}
.switch-card .form-check-input,
.switch-card.form-check .form-check-input{float:right;margin-right:0;margin-left:.75rem;}
.switch-card.d-flex .form-check-input{float:none;margin-right:.75rem;margin-left:0;}
.d-flex.gap-3.flex-wrap .form-check,
.d-flex.gap-2.flex-wrap .form-check{display:inline-flex;align-items:center;gap:.5rem;padding-right:0;padding-left:0;margin:0 0 .5rem .8rem;}
.d-flex.gap-3.flex-wrap .form-check .form-check-input,
.d-flex.gap-2.flex-wrap .form-check .form-check-input{float:none;margin:0;}
html[dir="rtl"] .input-group > .form-control{direction:rtl;}

/* v11 plan groups + user service UI */
.mini-qr-box{border:1px dashed var(--sn-border);border-radius:18px;padding:1rem;background:rgba(248,251,255,.72)}
.qr-image-sm{width:150px!important;height:150px!important;border-radius:18px;padding:8px}
.service-list-card .card-head{align-items:flex-start}
.searchable-service-select option[hidden]{display:none}
.plan-card .price{line-height:1.35}
html[data-theme="dark"] .mini-qr-box{background:rgba(19,35,59,.55)}

/* v12 RTL form and searchable select fixes */
.badge.text-bg-light,
.text-bg-light.border,
.service-code-badge{
  color:#0f172a!important;
  background:#f8fafc!important;
  border-color:#dbe3ef!important;
}
[data-theme="dark"] .badge.text-bg-light,
[data-theme="dark"] .text-bg-light.border,
[data-theme="dark"] .service-code-badge{
  color:#f8fafc!important;
  background:#1f2937!important;
  border-color:#334155!important;
}
.form-check,
.form-check-inline{
  direction:rtl;
  text-align:right;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding-right:0!important;
  padding-left:0!important;
  margin-left:1rem;
  margin-right:0!important;
}
.form-check .form-check-input,
.form-check-inline .form-check-input{
  float:none!important;
  margin:0!important;
  flex:0 0 auto;
}
.form-switch{
  padding-right:0!important;
  padding-left:0!important;
}
.form-switch .form-check-input{
  margin:0!important;
}
.permission-grid .form-check,
.server-tags .form-check,
.checkbox-grid .form-check,
.multi-check-row .form-check{
  display:flex;
  margin:0!important;
}
.sn-searchable-select{position:relative;direction:rtl}.sn-select-native{position:absolute!important;inset:auto 0 0 auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.sn-select-button{min-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right!important;padding-left:2.25rem}.sn-select-menu{position:absolute;z-index:1080;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid var(--sn-border,#e2e8f0);border-radius:18px;padding:.75rem;display:none;max-height:320px;overflow:hidden}.sn-searchable-select.open .sn-select-menu{display:block}.sn-select-search{margin-bottom:.65rem}.sn-select-options{max-height:235px;overflow:auto;display:grid;gap:.25rem}.sn-select-option{border:0;background:transparent;text-align:right;padding:.65rem .75rem;border-radius:12px;color:#334155;font-weight:700}.sn-select-option:hover,.sn-select-option.active{background:#eff5ff;color:#0a58ff}.sn-select-empty{color:#64748b;padding:.75rem;text-align:center}.qr-image{max-width:100%;height:auto}.qr-image-sm{max-width:150px}.mini-qr-box{border:1px dashed #cbd5e1;border-radius:18px;padding:1rem;background:#f8fafc}
[data-theme="dark"] .sn-select-menu{background:#111827;border-color:#334155}.sn-select-option{color:inherit}[data-theme="dark"] .sn-select-option:hover,[data-theme="dark"] .sn-select-option.active{background:#1f2937;color:#8db4ff}[data-theme="dark"] .mini-qr-box{background:#111827;border-color:#334155}

/* v13 checkout discount + mobile auth fixes */
.coupon-box{
  display:flex;
  align-items:stretch;
  gap:.5rem;
  direction:rtl;
}
.coupon-box .form-control{
  flex:1 1 auto;
  min-width:0;
  border-radius:14px!important;
  height:auto;
}
.coupon-box .btn{
  flex:0 0 auto;
  white-space:nowrap;
  border-radius:14px!important;
}
.discount-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  background:#eefbf2;
  border:1px solid #c9f0d4;
  color:#14532d;
  border-radius:16px;
  padding:.75rem .9rem;
  font-weight:850;
}
.discount-summary-row small{font-weight:800;color:#166534}
html[data-theme="dark"] .discount-summary-row{
  background:#0f2a1a;
  border-color:#245b36;
  color:#b7f7ca;
}
html[data-theme="dark"] .discount-summary-row small{color:#bbf7d0}
.auth-card .brand.justify-content-center{
  justify-content:center!important;
  width:100%;
  gap:.72rem;
  flex-direction:row-reverse;
}
.auth-card .brand.justify-content-center .brand-mark{
  margin:0!important;
  flex:0 0 42px!important;
}
@media(max-width:575.98px){
  .auth-bg{padding:1rem .75rem;align-items:center;min-height:100svh;overflow-x:hidden}
  .auth-card{max-width:100%;width:100%}
  .auth-card .card-ui{border-radius:22px}
  .auth-card .card-body-ui{padding:1.25rem!important}
  .auth-card .brand{font-size:1.25rem;justify-content:center!important}
  .auth-card .brand-mark{width:42px;height:42px;min-width:42px}
  .auth-card .form-control{width:100%;font-size:1rem}
  .auth-card .d-flex.justify-content-between{gap:1rem;align-items:center}
  .coupon-box{flex-direction:column}
  .coupon-box .btn{width:100%}
}

/* v17 table pagination */
.sn-table-pager .btn{min-width:42px;border-radius:12px;font-weight:800}.sn-table-pager{background:rgba(248,250,252,.55)}
html[data-theme="dark"] .sn-table-pager{background:rgba(15,23,42,.45)}


/* v27 global typography normalization */
@media (min-width: 768px){
  html{font-size:15px}
}
body{line-height:1.68}
.app-shell{font-size:.94rem}
.app-header{height:66px}
.app-content{padding-top:76px}
.app-main{padding:1rem 1.2rem 1.75rem}
.app-shell .section-title{font-size:clamp(1.45rem,2.15vw,2.15rem);line-height:1.35}
.app-shell h1,.app-shell .h1{font-size:clamp(1.45rem,2.15vw,2.15rem)}
.app-shell h2,.app-shell .h2{font-size:clamp(1.3rem,1.9vw,1.8rem)}
.app-shell h3,.app-shell .h3{font-size:clamp(1.16rem,1.55vw,1.45rem)}
.app-shell h4,.app-shell .h4{font-size:1.08rem}
.app-shell h5,.app-shell .h5{font-size:1rem}
.app-shell .btn{font-size:.92rem;padding:.62rem .95rem;border-radius:12px}
.app-shell .btn-sm{font-size:.84rem;padding:.42rem .7rem;border-radius:10px}
.app-shell .btn-lg{font-size:1rem;padding:.72rem 1.05rem}
.app-shell .form-control,.app-shell .form-select{font-size:.92rem;padding:.66rem .82rem;border-radius:12px}
.app-shell textarea.form-control{line-height:1.75}
.app-shell .form-label{font-size:.9rem;margin-bottom:.38rem}
.app-shell .form-text,.app-shell small,.app-shell .small{font-size:.8rem;line-height:1.65}
.sidebar-link{font-size:.91rem;padding:.72rem .85rem;border-radius:14px}
.sidebar-link i{font-size:1.08rem}.app-sidebar{width:278px;padding:.9rem}.app-main{margin-right:278px}
.card-head{padding:.82rem 1rem}.card-body-ui{padding:1rem}.card-ui{border-radius:20px}.metric-card{border-radius:20px;padding:.95rem}.metric-value{font-size:1.45rem}.metric-label{font-size:.82rem}.table{font-size:.9rem}.table>:not(caption)>*>*{padding:.72rem .65rem}.status{font-size:.76rem;padding:.34rem .58rem}.badge{font-size:.76rem;padding:.36rem .55rem}.dropdown-item{font-size:.9rem;padding:.52rem .7rem}
.tg-message-title{font-size:.98rem!important}.tg-message-text{font-size:.9rem!important;line-height:1.75!important}.tg-time-row{font-size:.8rem!important}.tg-panel-head{padding:15px 17px!important}.tg-panel-body{padding:16px!important}.tg-form-section{padding:14px!important;border-radius:18px!important}.tg-help-box{font-size:.88rem!important;line-height:1.8!important}
@media(max-width:1199px){.app-main{margin-right:0}.app-sidebar{width:292px}}
@media(max-width:767px){html{font-size:14.5px}.app-header{height:62px}.app-content{padding-top:70px}.app-main{padding:.85rem}.app-shell .btn{width:auto}.app-shell .section-title{font-size:1.55rem}}

/* v28 width cap + cleaner notification header */
:root{--sn-public-max:1560px;--sn-app-content-max:1420px}
.site-navbar>.container-fluid,
.footer>.container-fluid,
body>main.container-fluid,
body>main>section.container-fluid,
.state-hero>.container,
.auth-bg>.container{max-width:var(--sn-public-max);margin-inline:auto;width:100%}
@media(min-width:1200px){
  .app-main{max-width:var(--sn-app-content-max);margin-right:278px;margin-left:auto;width:calc(100% - 278px)}
  .app-header{border-radius:0 0 18px 18px}
}
@media(max-width:1199px){.app-main{max-width:none;width:auto}}
.app-header .btn[title="اعلان ها"]{min-width:42px}

/* v30 user/admin panel cleanup + responsive user pages */
.app-content{padding-top:30px!important}
.app-header .btn[title="اعلان ها"]{display:none!important}
.app-content>.alert{border-radius:18px;margin-bottom:1rem;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.dashboard-latest-notice{align-items:center!important;padding:1rem 1.1rem}.dashboard-latest-notice .icon-circle{width:42px;height:42px;border-radius:14px;font-size:1.1rem}
.vpn-shield.is-inactive,.vpn-shield.inactive,.vpn-shield.disabled{background:linear-gradient(145deg,#cbd5e1,#64748b)!important;color:#f8fafc!important;box-shadow:0 18px 36px rgba(100,116,139,.22)!important;filter:saturate(.45)}
.vpn-shield.is-inactive::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 8px,rgba(255,255,255,0) 8px 16px);pointer-events:none}
.app-content .card-ui:has(.vpn-shield){overflow:hidden}.app-content .card-ui:has(.vpn-shield) .card-body-ui{padding:1.15rem}.app-content .card-ui:has(.vpn-shield) .row.g-3>[class*="col-"]{background:#f8fbff;border:1px solid #edf2f7;border-radius:16px;padding:.9rem;text-align:center}.app-content .card-ui:has(.vpn-shield) .row.g-3>[class*="col-"] .text-muted-2{display:block;font-size:.82rem;margin-bottom:.2rem}.app-content .card-ui:has(.vpn-shield) .service-progress{margin-top:.25rem}
.app-content-actions .card-ui{border-radius:22px}.app-content-actions .card-body-ui{min-height:145px}.app-content-actions h5{font-size:1.05rem}.app-content-actions p{font-size:.9rem}
.app-shell .form-select{cursor:pointer;background-position:left .85rem center!important;padding-left:2.4rem!important}.sn-select-button{cursor:pointer;position:relative;background:#fff!important}.sn-select-button::after{content:"⌄";position:absolute;left:.9rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#64748b}.sn-searchable-select.open .sn-select-button{border-color:#8bb0ff;box-shadow:0 0 0 .25rem rgba(10,88,255,.08)!important}.sn-select-menu{box-shadow:0 18px 42px rgba(15,23,42,.12)!important}.sn-select-option{line-height:1.65}
.user-orders-list .mobile-record-card{background:#fff;border:1px solid var(--sn-border);border-radius:18px;padding:1rem;box-shadow:0 8px 22px rgba(15,23,42,.04)}.mobile-record-grid{display:grid;grid-template-columns:auto 1fr;gap:.55rem .9rem;align-items:center}.mobile-record-grid span{color:#64748b;font-size:.86rem}.mobile-record-grid strong{justify-self:end;text-align:left;direction:ltr}
.app-content .table-responsive{border-radius:18px;max-width:100%;overflow:auto}.app-content .table{white-space:nowrap}.app-content .table th{font-weight:900;color:#334155}.app-content .table td,.app-content .table th{vertical-align:middle}
.app-content .card-head{gap:.75rem}.app-content .card-head .btn{white-space:nowrap}.app-content .section-title{margin-top:0}.app-content .row.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}
@media(max-width:991.98px){
  .app-content .card-ui:has(.vpn-shield) .row.g-4{--bs-gutter-y:1rem}.app-content .card-ui:has(.vpn-shield) .col-lg-3{text-align:center!important}.app-content .card-ui:has(.vpn-shield) .vpn-shield{width:104px!important;height:120px!important;font-size:1.7rem!important}.app-content .card-ui:has(.vpn-shield) .row.g-2>.col-sm .btn{width:100%!important}.app-content .card-ui:has(.vpn-shield) .row.g-2{gap:.5rem 0}.card-head{align-items:flex-start!important;flex-wrap:wrap}.card-head>div:first-child{min-width:0}.service-code-badge{max-width:100%;white-space:normal;word-break:break-word;line-height:1.65}.copy-box{font-size:.86rem;line-height:1.85}.qr-image{max-width:220px!important;height:auto!important}
}
@media(max-width:767.98px){
  .app-main{padding:.75rem .85rem 1.25rem!important}.app-content{padding-top:24px!important}.app-header{height:62px}.app-header .brand{font-size:1.12rem}.app-header .dropdown-toggle{padding:.5rem .65rem}.app-header .theme-toggle{min-width:42px;height:42px;padding:0}.app-content>.d-flex.flex-column.flex-md-row .btn,.app-content>.d-flex.flex-column.flex-md-row a.btn{width:100%!important}.app-content .section-title{font-size:1.5rem!important;line-height:1.45;margin-bottom:.35rem!important}.metric-card{padding:1rem;border-radius:18px}.metric-card .d-flex{align-items:center}.card-ui,.plan-card{border-radius:18px!important}.card-body-ui{padding:.95rem!important}.card-head{padding:.9rem .95rem!important}.app-content .card-ui:has(.vpn-shield) .row.g-3>[class*="col-"]{text-align:right;padding:.75rem .85rem}.app-content .card-ui:has(.vpn-shield) .row.g-3>[class*="col-"] strong{font-size:1rem}.app-content .card-ui:has(.vpn-shield) .col-lg-3{padding-top:.25rem}.app-content .card-ui:has(.vpn-shield) .vpn-shield{margin-top:.35rem!important}.app-content .row.g-3,.app-content .row.g-4{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}.app-content .btn{min-height:42px}.app-content .btn.w-100{justify-content:center}.sn-select-menu{position:fixed;right:12px!important;left:12px!important;top:auto!important;bottom:14px!important;max-height:65vh;border-radius:22px;z-index:2000}.sn-select-options{max-height:46vh}.dashboard-latest-notice{padding:.85rem;align-items:flex-start!important}.dashboard-latest-notice .icon-circle{width:38px;height:38px}.mobile-record-grid{grid-template-columns:1fr;gap:.25rem}.mobile-record-grid strong{justify-self:stretch;text-align:right;direction:rtl;margin-bottom:.45rem}.table-responsive .table{min-width:760px}.sidebar-help{display:none}.app-sidebar{padding:.8rem!important}.sidebar-link{padding:.74rem .85rem!important}.qr-image{max-width:190px!important}.mini-qr-box{padding:.85rem}.form-control,.form-select{min-height:44px}
}
@media(max-width:420px){.app-main{padding-left:.65rem!important;padding-right:.65rem!important}.app-content .card-ui:has(.vpn-shield) .row.g-3>[class*="col-"]{padding:.65rem}.metric-value{font-size:1.25rem!important}.app-content-actions .card-body-ui{min-height:auto}.btn{font-size:.9rem}}


/* v31 email throttle, cleaner service cards, Telegram keyboard and admin responsive polish */
.app-header .btn:has(.bi-bell),
.app-header button[title*="اعلان"]{display:none!important}

.service-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:1rem!important;
  margin:0!important;
}
.service-stat-grid>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  background:#f8fbff!important;
  border:1px solid #e7eef8!important;
  border-radius:18px!important;
  padding:1rem!important;
  text-align:center!important;
  min-width:0!important;
}
.service-stat-grid .text-muted-2{display:block;font-size:.86rem;margin-bottom:.25rem;color:#64748b!important}
.service-stat-grid strong{font-size:1.05rem;line-height:1.45;word-break:break-word}
.app-content .card-ui:has(.vpn-shield) .row.g-3:not(.service-stat-grid)>[class*="col-"]{
  background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;text-align:inherit!important;
}
.sn-user-panel .service-list-card{overflow:hidden}
.sn-user-panel .service-list-card .card-body-ui{padding:1.2rem!important}

.sn-panel .app-content{max-width:100%;overflow-x:hidden}
.sn-panel .form-control,.sn-panel .form-select,.sn-panel .btn{line-height:1.55}
.sn-panel select.form-select{appearance:auto!important;-webkit-appearance:auto!important}
.sn-panel .table-responsive{box-shadow:0 8px 24px rgba(15,23,42,.03)}
.sn-admin-panel .app-content .row.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}
.sn-admin-panel .card-ui{overflow:hidden}
.sn-admin-panel .card-body-ui{overflow-x:auto}
.sn-admin-panel .table-responsive{border:1px solid var(--sn-border);background:#fff}
.sn-admin-panel .table{min-width:760px}
.sn-admin-panel .admin-action-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.sn-admin-panel .permission-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}

@media(max-width:991.98px){
  .service-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem!important}
  .service-stat-grid>[class*="col-"]{padding:.85rem!important;text-align:right!important}
}
@media(max-width:575.98px){
  .sn-panel .app-main{padding-left:.85rem!important;padding-right:.85rem!important}
  .sn-panel .app-content{padding-top:24px!important}
  .sn-panel .section-title{text-align:right!important}
  .service-stat-grid{grid-template-columns:1fr!important;gap:.7rem!important}
  .service-stat-grid>[class*="col-"]{border-radius:16px!important;padding:.85rem .95rem!important}
  .service-stat-grid strong{font-size:1rem}
  .sn-panel .card-ui{margin-left:0!important;margin-right:0!important}
  .sn-panel .card-head{gap:.65rem!important}
  .sn-admin-panel .app-content .d-flex.flex-column.flex-md-row .btn,
  .sn-admin-panel .app-content .d-flex.flex-column.flex-md-row a.btn{width:100%!important}
  .sn-admin-panel .table{min-width:720px}
  .sn-admin-panel .form-control,.sn-admin-panel .form-select{min-height:44px}
}

/* v32 security auth UI + Telegram keyboard polish */
.auth-modern-bg{
  min-height:100svh;
  align-items:center;
  background:
    radial-gradient(circle at 15% 18%, rgba(10,88,255,.13), transparent 30%),
    radial-gradient(circle at 86% 15%, rgba(109,40,217,.12), transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);
}
.auth-modern-wrap{
  width:min(1080px,100%);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1fr);
  gap:1.25rem;
  align-items:stretch;
}
.auth-modern-wrap-narrow{grid-template-columns:minmax(0,.9fr) minmax(390px,.85fr);width:min(980px,100%)}
.auth-modern-hero{
  border:1px solid rgba(199,216,255,.75);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,245,255,.78));
  padding:2rem;
  box-shadow:0 22px 55px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.auth-modern-hero::after{content:"";position:absolute;left:-90px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:rgba(10,88,255,.10)}
.auth-modern-brand{position:relative;z-index:1;margin-bottom:2rem}
.auth-modern-hero h1{position:relative;z-index:1;font-size:clamp(1.75rem,3.2vw,3rem);font-weight:950;line-height:1.35;margin-bottom:.8rem;color:#0b1736}
.auth-modern-hero p{position:relative;z-index:1;color:#475569;font-size:1.02rem;line-height:2;margin-bottom:1.2rem}
.auth-feature-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.65rem}
.auth-feature-list span{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid #e5eaf2;border-radius:999px;padding:.55rem .75rem;font-weight:800;color:#334155;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.auth-feature-list i{color:#0a58ff}
.auth-modern-card{border-radius:30px!important;box-shadow:0 24px 60px rgba(15,23,42,.10)!important;border-color:#dfe8f6!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)}
.auth-card-icon{width:54px;height:54px;border-radius:18px;background:#eff5ff;color:#0a58ff;display:grid;place-items:center;font-size:1.35rem;margin-bottom:1rem}
.auth-form-modern .auth-input-wrap{position:relative}
.auth-form-modern .auth-input-wrap>i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;z-index:2}
.auth-form-modern .auth-input-wrap>.form-control{padding-right:2.8rem!important;background:#fbfdff;border-color:#dfe8f6;min-height:52px}
.auth-form-modern .auth-input-wrap>.form-control.ltr{padding-right:2.8rem!important;padding-left:1rem!important}
.auth-link-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-weight:850}
.auth-link-row a{color:#0a58ff}
.auth-modern-card .alert{border-radius:16px}
html[data-theme="dark"] .auth-modern-bg{background:linear-gradient(135deg,#08111f,#0d1626)}
html[data-theme="dark"] .auth-modern-hero,
html[data-theme="dark"] .auth-modern-card{background:rgba(17,28,46,.88)!important;border-color:#263449!important}
html[data-theme="dark"] .auth-modern-hero h1{color:#eaf2ff}
html[data-theme="dark"] .auth-modern-hero p{color:#a8b3c7}
html[data-theme="dark"] .auth-feature-list span{background:#111c2e;border-color:#263449;color:#eaf2ff}
html[data-theme="dark"] .auth-form-modern .auth-input-wrap>.form-control{background:#0d1626;border-color:#263449;color:#eaf2ff}
@media(max-width:991.98px){
  .auth-modern-wrap,.auth-modern-wrap-narrow{grid-template-columns:1fr;width:min(620px,100%)}
  .auth-modern-hero{padding:1.5rem;border-radius:24px}
  .auth-modern-brand{margin-bottom:1rem}
}
@media(max-width:575.98px){
  .auth-modern-bg{padding:1rem .85rem!important}
  .auth-modern-hero{padding:1.15rem;border-radius:22px}
  .auth-modern-card{border-radius:22px!important}
  .auth-feature-list span{width:100%;justify-content:flex-start}
  .auth-link-row{flex-direction:column;align-items:center;text-align:center}
  .auth-form-modern .row.g-3{--bs-gutter-y:.65rem}
}


/* v33 stronger auth anti-spam + admin internal polish */
.sn-admin-panel .app-content{padding-inline:clamp(.25rem,1vw,1rem)}
.sn-admin-panel .app-content>.d-flex.justify-content-between,
.sn-admin-panel .app-content>.d-flex.flex-column.flex-md-row,
.sn-admin-panel .app-content>.page-hero{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.78));
  border:1px solid #e6edf8;
  border-radius:24px;
  padding:1.15rem 1.25rem;
  box-shadow:0 18px 42px rgba(15,23,42,.055);
  margin-bottom:1rem!important;
}
.sn-admin-panel .section-title{letter-spacing:-.02em;font-weight:950;color:#0f172a}
.sn-admin-panel .section-title+p,
.sn-admin-panel .text-muted-2{color:#64748b!important}
.sn-admin-panel .card-ui{
  border:1px solid #e5edf8!important;
  box-shadow:0 18px 45px rgba(15,23,42,.055)!important;
  background:rgba(255,255,255,.96)!important;
}
.sn-admin-panel .card-head{
  background:linear-gradient(180deg,#fff,#f8fbff);
  border-bottom:1px solid #edf2f7;
}
.sn-admin-panel .card-head h5,
.sn-admin-panel .card-head .fw-black{color:#0f172a}
.sn-admin-panel .table-responsive{border-radius:20px!important;overflow:auto!important}
.sn-admin-panel .admin-table thead th,
.sn-admin-panel .table thead th{
  background:#f8fbff!important;
  color:#334155!important;
  font-weight:950!important;
  border-bottom:1px solid #dbe5f2!important;
}
.sn-admin-panel .admin-table tbody tr,
.sn-admin-panel .table tbody tr{transition:background .18s ease, transform .18s ease}
.sn-admin-panel .admin-table tbody tr:hover,
.sn-admin-panel .table tbody tr:hover{background:#f8fbff!important}
.sn-admin-panel .form-control,
.sn-admin-panel .form-select{
  border-color:#dfe8f6!important;
  background-color:#fbfdff!important;
  box-shadow:none!important;
}
.sn-admin-panel .form-control:focus,
.sn-admin-panel .form-select:focus{
  border-color:#8bb0ff!important;
  box-shadow:0 0 0 .22rem rgba(10,88,255,.08)!important;
  background:#fff!important;
}
.sn-admin-panel .form-check{
  border:1px solid #e7eef8;
  border-radius:16px;
  padding:.9rem 2.5rem .9rem .9rem;
  background:#fbfdff;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:.5rem;
}
.sn-admin-panel .form-check-input{margin-top:0!important}
.sn-admin-panel .btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:850}
.sn-admin-panel .metric-card{border:1px solid #e7eef8;background:linear-gradient(145deg,#fff,#f8fbff)}
.sn-admin-panel .status,.sn-admin-panel .badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}
.sn-admin-panel .dropdown-menu{border-radius:16px;border-color:#e7eef8;box-shadow:0 18px 42px rgba(15,23,42,.10)}
.sn-admin-panel .search-input .form-control{min-width:260px;background:#fff!important}
.sn-admin-panel .card-body-ui>.table-responsive:first-child{margin:-1rem;border-radius:0 0 20px 20px!important}
.sn-admin-panel .row>[class*="col-"]>.card-ui{height:100%}
.sn-admin-panel .pagination,.sn-admin-panel .sn-table-pager{gap:.35rem;flex-wrap:wrap}
.sn-admin-panel .copy-box,.sn-admin-panel pre,.sn-admin-panel code{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word}

html[data-theme="dark"] .sn-admin-panel .app-content>.d-flex.justify-content-between,
html[data-theme="dark"] .sn-admin-panel .app-content>.d-flex.flex-column.flex-md-row,
html[data-theme="dark"] .sn-admin-panel .app-content>.page-hero,
html[data-theme="dark"] .sn-admin-panel .card-ui,
html[data-theme="dark"] .sn-admin-panel .card-head{
  background:#111827!important;border-color:#263449!important;
}
html[data-theme="dark"] .sn-admin-panel .section-title,
html[data-theme="dark"] .sn-admin-panel .card-head h5{color:#eaf2ff!important}
html[data-theme="dark"] .sn-admin-panel .form-control,
html[data-theme="dark"] .sn-admin-panel .form-select,
html[data-theme="dark"] .sn-admin-panel .form-check{background:#0d1626!important;border-color:#263449!important;color:#eaf2ff!important}
html[data-theme="dark"] .sn-admin-panel .table thead th{background:#0d1626!important;color:#eaf2ff!important;border-color:#263449!important}

@media(max-width:991.98px){
  .sn-admin-panel .app-content>.d-flex.justify-content-between,
  .sn-admin-panel .app-content>.d-flex.flex-column.flex-md-row,
  .sn-admin-panel .app-content>.page-hero{padding:1rem;border-radius:20px;align-items:stretch!important}
  .sn-admin-panel .app-content>.d-flex.justify-content-between{flex-direction:column;gap:.8rem}
  .sn-admin-panel .card-head{flex-direction:column;align-items:stretch!important}
  .sn-admin-panel .card-head form,
  .sn-admin-panel .card-head .d-flex{width:100%;flex-direction:column!important;align-items:stretch!important}
  .sn-admin-panel .card-head .form-control,
  .sn-admin-panel .card-head .form-select,
  .sn-admin-panel .card-head .btn{max-width:none!important;width:100%!important}
  .sn-admin-panel .search-input{display:none!important}
}
@media(max-width:575.98px){
  .sn-admin-panel .app-main{background:#f3f7fc}
  .sn-admin-panel .app-content{padding-inline:0!important}
  .sn-admin-panel .section-title{font-size:1.42rem!important}
  .sn-admin-panel .card-ui{border-radius:18px!important}
  .sn-admin-panel .card-head{padding:.85rem!important}
  .sn-admin-panel .card-body-ui{padding:.9rem!important}
  .sn-admin-panel .table{min-width:680px!important;font-size:.86rem}
  .sn-admin-panel .table>:not(caption)>*>*{padding:.62rem .55rem!important}
  .sn-admin-panel .btn{min-height:42px}
  .sn-admin-panel .form-check{padding:.8rem 2.25rem .8rem .75rem}
  .sn-admin-panel .dropdown .mobile-hide{display:none!important}
  .sn-admin-panel .dropdown-toggle{padding:.5rem!important;min-width:52px}
}


/* v34 admin detail pages, no framed-looking cards, and registration protection UI */
.sn-hp-field{position:absolute!important;right:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.sn-admin-panel .card-body-ui{overflow-x:visible!important}
.sn-admin-panel .table-responsive{overflow:auto!important;max-width:100%}
.sn-admin-panel .table{width:100%}
.sn-admin-panel .app-content{max-width:100%;overflow-x:visible!important}
.admin-page-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.admin-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:#0a58ff;background:#eff5ff;border:1px solid #dbe8ff;border-radius:999px;padding:.42rem .7rem;font-weight:900;font-size:.82rem;margin-bottom:.75rem}
.admin-hero-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.admin-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:1rem;align-items:start}
.admin-side-stack{display:grid;gap:1rem;align-content:start}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}
.payment-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.admin-kpi{border:1px solid #e6edf8;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:18px;padding:1rem;min-width:0;box-shadow:0 10px 24px rgba(15,23,42,.035)}
.admin-kpi span{display:block;color:#64748b;font-weight:850;font-size:.82rem;margin-bottom:.35rem}
.admin-kpi strong{display:block;color:#0f172a;font-size:1.02rem;line-height:1.65;word-break:break-word}
.admin-kpi small{display:block;color:#64748b;font-size:.78rem;margin-top:.2rem;line-height:1.7;word-break:break-word}
.admin-kpi .small-code{font-size:.84rem;direction:ltr;text-align:left;unicode-bidi:plaintext}
.admin-link-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #e6edf8;border-radius:18px;padding:.9rem;background:#fbfdff;text-decoration:none;color:#0f172a;transition:.18s;min-width:0}
.admin-link-card:hover{background:#eff5ff;border-color:#bcd3ff;transform:translateY(-1px)}
.admin-link-card strong{font-weight:950;white-space:nowrap}.admin-link-card small{color:#64748b;direction:ltr;unicode-bidi:plaintext}
.empty-mini{border:1px dashed #d8e3f3;border-radius:16px;background:#f8fbff;color:#64748b;padding:1rem;text-align:center;font-weight:800}
.admin-timeline .timeline-item{border-right:3px solid #0a58ff;padding:.15rem .85rem .9rem 0;margin-bottom:.6rem}
.receipt-file-preview{border:1px dashed #c8d8f4;background:#f8fbff;border-radius:18px;padding:1.35rem;display:grid;place-items:center;gap:.7rem;color:#334155;min-height:150px}
.receipt-file-preview i{font-size:2.2rem;color:#0a58ff}.receipt-file-preview strong{word-break:break-word}
.admin-time-list{display:grid;gap:.65rem}.admin-time-list>div{display:flex;justify-content:space-between;gap:.8rem;border:1px solid #e6edf8;background:#fbfdff;border-radius:14px;padding:.75rem .85rem}.admin-time-list span{color:#64748b;font-weight:800}.admin-time-list strong{direction:ltr;unicode-bidi:plaintext;text-align:left}
.admin-form-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #dbe8ff;background:#eff6ff;border-radius:18px;padding:1rem}
.sn-admin-panel .admin-detail-main .card-body-ui{padding:1.15rem!important}
.sn-admin-panel .admin-action-form .btn{min-height:46px}
@media(min-width:1400px){.sn-admin-panel .app-main{max-width:1480px}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payment-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991.98px){.admin-detail-grid{grid-template-columns:1fr}.admin-side-stack{grid-template-columns:1fr 1fr}.admin-hero-actions{width:100%}.admin-hero-actions .btn{flex:1 1 180px}.admin-page-hero{align-items:stretch}}
@media(max-width:575.98px){.admin-side-stack{grid-template-columns:1fr}.admin-kpi-grid,.payment-kpi-grid{grid-template-columns:1fr}.admin-link-card{flex-direction:column;align-items:flex-start}.admin-page-hero{padding:1rem!important}.admin-time-list>div{flex-direction:column}.sn-admin-panel .table{min-width:640px!important}.admin-form-section{align-items:flex-start;flex-direction:column}.sn-admin-panel .app-content{overflow-x:hidden!important}}

/* v35 admin dashboard/detail real cleanup */
:root{--sn-admin-max:1680px}
@media(min-width:1200px){
  .sn-admin-panel .app-main{max-width:var(--sn-admin-max);width:calc(100% - 278px);margin-right:278px;margin-left:auto;padding-left:1.4rem;padding-right:1.4rem}
}
@media(min-width:1600px){.sn-admin-panel .app-main{max-width:1740px}}
.sn-admin-panel .app-content{padding-inline:0!important}
.sn-admin-panel .card-body-ui>.table-responsive:first-child{margin:0!important;border-radius:0!important}
.sn-admin-panel .table-responsive{border:1px solid #e8eef7;border-radius:18px!important;background:#fff}
.sn-admin-panel .admin-table,.sn-admin-panel .table{margin-bottom:0!important}
.sn-admin-panel .admin-table th,.sn-admin-panel .admin-table td{line-height:1.75}

.admin-dashboard-page{display:block;width:100%;min-width:0}
.admin-dashboard-hero{margin-bottom:1rem!important}
.admin-date-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #dbe8ff;background:#fff;border-radius:999px;padding:.58rem .82rem;font-weight:900;color:#334155;white-space:nowrap}
.admin-metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.admin-metric-tile{display:grid;gap:.42rem;align-content:start;text-decoration:none;color:#0f172a;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e5edf8;border-radius:22px;padding:1rem;min-height:126px;box-shadow:0 16px 36px rgba(15,23,42,.055);transition:.18s ease;min-width:0}
.admin-metric-tile:hover{transform:translateY(-2px);border-color:#bcd3ff;box-shadow:0 22px 44px rgba(15,23,42,.08)}
.admin-metric-tile small{color:#64748b;font-weight:900;font-size:.84rem;line-height:1.5;white-space:nowrap}
.admin-metric-tile strong{font-size:1.55rem;font-weight:950;line-height:1.35;letter-spacing:-.02em;direction:ltr;text-align:right;word-break:break-word;color:#0f172a}
.admin-metric-tile em{font-style:normal;color:#16a34a;font-weight:850;font-size:.8rem;line-height:1.45;white-space:normal}
.metric-icon{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;margin-bottom:.1rem;font-size:1.15rem}
.metric-icon.primary{background:#eff5ff;color:#0a58ff}.metric-icon.success{background:#eafbea;color:#15803d}.metric-icon.warning{background:#fff7e2;color:#b45309}.metric-icon.info{background:#edf7ff;color:#0369a1}.metric-icon.danger{background:#fff1f2;color:#be123c}.metric-icon.gray{background:#f1f5f9;color:#475569}
.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:1rem;align-items:start}
.admin-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.admin-dashboard-card{overflow:hidden}
.admin-list-body{display:grid;gap:.72rem;padding:1rem}
.admin-list-body.compact{padding:0;gap:.65rem}
.admin-order-row,.admin-server-row{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(150px,.8fr) minmax(170px,.8fr);gap:1rem;align-items:center;text-decoration:none;color:#0f172a;border:1px solid #e7eef8;border-radius:18px;background:#fff;padding:.9rem 1rem;transition:.18s ease;min-width:0}
.admin-order-row:hover,.admin-server-row:hover{background:#f8fbff;border-color:#bcd3ff;transform:translateY(-1px)}
.order-row-main,.order-row-user,.order-row-money,.admin-server-row>div{min-width:0}.order-row-main strong,.order-row-user b,.admin-server-row strong{display:block;font-weight:950;color:#0f172a;line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-row-main span,.order-row-user small,.admin-server-row small{display:block;color:#64748b;font-weight:750;line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-row-money{text-align:left}.order-row-money strong{display:block;font-weight:950;line-height:1.6;margin-bottom:.35rem;white-space:nowrap}.server-row-load span{display:block;color:#475569;font-weight:850;margin-bottom:.35rem;direction:ltr;text-align:left}.server-load i{display:block;height:100%;border-radius:99px;background:#22c55e}.server-load.warn i{background:#f59e0b}.server-load.danger i{background:#ef4444}.admin-mini-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e7eef8;background:#fbfdff;border-radius:16px;padding:.85rem}.admin-mini-row span:first-child{font-weight:850;color:#334155}.admin-compact-timeline{max-height:305px;overflow:auto;padding-left:.25rem}

.admin-clean-detail{display:block;min-width:0}.admin-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:1rem;align-items:start}.admin-detail-side{display:grid;gap:1rem}.admin-clean-panel{background:#fff;border:1px solid #e5edf8;border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.055);padding:1.15rem;min-width:0;overflow:hidden}.admin-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid #edf2f7;padding-bottom:.9rem;margin-bottom:1rem}.admin-panel-title h2{font-size:1.08rem;font-weight:950;margin:0;color:#0f172a;line-height:1.7}.admin-panel-title p{margin:.15rem 0 0;color:#64748b;font-size:.86rem;font-weight:750;line-height:1.7}.clean-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.admin-row-list{display:grid;gap:.72rem}.admin-data-row{display:grid;gap:1rem;align-items:center;border:1px solid #e7eef8;border-radius:18px;background:#fbfdff;padding:1rem;min-width:0}.admin-data-row.four-col{grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(120px,.7fr))}.admin-data-row>div{min-width:0}.admin-data-row span{display:block;color:#64748b;font-weight:850;font-size:.82rem;margin-bottom:.25rem}.admin-data-row strong{display:block;color:#0f172a;font-weight:950;line-height:1.7;word-break:break-word}.admin-data-row .row-action{text-align:left}.clean-timeline{padding:.15rem .15rem 0 0}.admin-clean-detail .table-responsive{border:0!important;border-radius:0!important;background:transparent!important}.admin-clean-detail .admin-kpi{box-shadow:none;background:#fbfdff}.admin-clean-detail .admin-link-card{box-shadow:none}.small-code{direction:ltr;unicode-bidi:plaintext;text-align:left}

@media(max-width:1399.98px){.admin-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-dashboard-grid{grid-template-columns:1fr}.admin-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991.98px){.admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-order-row,.admin-server-row{grid-template-columns:1fr;align-items:flex-start}.order-row-money{text-align:right}.order-row-money .d-flex{justify-content:flex-start!important}.admin-detail-layout{grid-template-columns:1fr}.admin-detail-side{grid-template-columns:1fr 1fr}.admin-data-row.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-title{flex-direction:column}.admin-panel-title .btn{width:100%}}
@media(max-width:575.98px){.admin-dashboard-page .admin-page-hero{border-radius:18px!important}.admin-metrics-grid{grid-template-columns:1fr}.admin-bottom-grid{grid-template-columns:1fr}.admin-metric-tile{min-height:auto;padding:.95rem}.admin-metric-tile strong{font-size:1.35rem}.admin-list-body{padding:.85rem}.admin-order-row,.admin-server-row,.admin-data-row{padding:.85rem;border-radius:16px}.admin-detail-side{grid-template-columns:1fr}.admin-data-row.four-col{grid-template-columns:1fr}.admin-clean-panel{border-radius:18px;padding:.9rem}.admin-date-pill{width:100%;justify-content:center}.admin-clean-detail .admin-hero-actions .btn{width:100%}}


/* v36 admin UX overhaul, cards, tables, selects, spam-safe forms */
.sn-admin-panel .app-main{background:#f3f7fc!important}
.sn-admin-panel .app-content{display:block;max-width:1500px;margin-inline:auto;padding-top:26px!important}
.sn-admin-panel .card-ui{height:auto!important;min-height:0!important;border:1px solid #e4ebf5!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(15,23,42,.045)!important;background:#fff!important;overflow:hidden!important}
.sn-admin-panel .row>[class*="col-"]>.card-ui{height:auto!important;min-height:0!important}
.sn-admin-panel .card-body-ui{overflow:visible!important;padding:1.15rem!important}
.sn-admin-panel .card-head{padding:1rem 1.15rem!important;background:linear-gradient(180deg,#fff,#fbfdff);border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:auto!important}
.sn-admin-panel .card-head h5{font-size:1.02rem;line-height:1.65;margin:0}.sn-admin-panel .card-head p{margin:.15rem 0 0}
.sn-admin-panel select.form-select:not([multiple]){appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-position:left .85rem center!important;padding-left:2.45rem!important;background-size:14px 10px!important}
.sn-admin-panel .sn-select-button{appearance:none!important;-webkit-appearance:none!important;background-image:none!important}
.sn-admin-panel .sn-select-button::after{content:"⌄"!important;line-height:1;top:50%;left:.95rem;transform:translateY(-50%);font-size:1.05rem;color:#475569}
.sn-admin-panel .form-control,.sn-admin-panel .form-select{border-color:#dfe8f5!important;background-color:#fbfdff!important;min-height:46px;box-shadow:none!important}
.sn-admin-panel textarea.form-control{min-height:112px;resize:vertical}
.sn-admin-panel .form-control:focus,.sn-admin-panel .form-select:focus{background:#fff!important;border-color:#86aaf7!important;box-shadow:0 0 0 .22rem rgba(10,88,255,.08)!important}
.sn-admin-panel .form-check{background:#fbfdff;border:1px solid #e5edf8;border-radius:16px;padding:.85rem 2.35rem .85rem .9rem;min-height:46px;display:flex;align-items:center;gap:.55rem}
.sn-admin-panel .form-check-input{float:none!important;margin:0!important;flex:0 0 auto}.sn-admin-panel .form-check-label{line-height:1.7}
.sn-admin-panel .switch-card{background:#fbfdff;border:1px solid #e5edf8;border-radius:18px;padding:1rem;min-height:auto!important}
.admin-page-hero,.sn-admin-panel .app-content>.d-flex.justify-content-between,.sn-admin-panel .app-content>.d-flex.flex-column.flex-md-row{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e4ebf5;border-radius:24px;padding:1.15rem 1.25rem;box-shadow:0 16px 38px rgba(15,23,42,.045);margin-bottom:1rem!important}
.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:1rem!important}
.admin-metric-tile{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"label icon" "value icon" "meta icon";align-items:center;min-height:138px!important;padding:1.15rem 1.2rem!important;text-align:right!important;background:radial-gradient(circle at 0 0,rgba(10,88,255,.08),transparent 38%),linear-gradient(145deg,#fff,#f8fbff)!important}
.admin-metric-tile .metric-icon{grid-area:icon;width:54px!important;height:54px!important;border-radius:19px!important;margin:0 1rem 0 0!important;font-size:1.35rem!important;box-shadow:0 12px 24px rgba(15,23,42,.06)}
.admin-metric-tile small{grid-area:label;font-size:.9rem!important;white-space:normal!important;color:#64748b!important}
.admin-metric-tile strong{grid-area:value;font-size:1.75rem!important;text-align:right!important;direction:rtl!important;color:#0f172a!important;line-height:1.35!important}
.admin-metric-tile em{grid-area:meta;font-size:.88rem!important;color:#15803d!important;line-height:1.65!important}
.sn-admin-panel .table-responsive{border:1px solid #e4ebf5!important;border-radius:18px!important;background:#fff!important;overflow:auto!important;box-shadow:none!important;margin:0!important}
.sn-admin-panel .table{min-width:820px}.sn-admin-panel .table thead th,.sn-admin-panel .table tr:first-child th{background:#f8fbff!important;color:#334155!important;font-size:.86rem;font-weight:950!important;border-bottom:1px solid #e4ebf5!important;white-space:nowrap}.sn-admin-panel .table td{font-size:.9rem;color:#0f172a;vertical-align:middle!important;white-space:nowrap}.sn-admin-panel .table tbody tr:hover td{background:#fbfdff!important}
.admin-table-tools{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 1rem;border-bottom:1px solid #edf2f7;background:#fbfdff}.admin-table-tools .admin-live-search{max-width:320px;min-width:220px}.admin-table-tools .small{font-weight:800;color:#64748b}
.admin-number-col{width:70px;color:#64748b!important;font-weight:900!important;text-align:center!important}.admin-number-badge{display:inline-grid;place-items:center;min-width:34px;height:30px;border-radius:999px;background:#eff5ff;color:#0a58ff;font-weight:950;font-size:.8rem}
.admin-pro-list{display:grid;gap:.75rem}.admin-pro-item{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.7fr) minmax(120px,.7fr) auto;gap:1rem;align-items:center;border:1px solid #e6edf8;border-radius:18px;background:#fbfdff;padding:1rem}.admin-pro-item>div{min-width:0}.admin-pro-item span{display:block;color:#64748b;font-size:.82rem;font-weight:850;margin-bottom:.25rem}.admin-pro-item strong{display:block;color:#0f172a;font-weight:950;line-height:1.65;word-break:break-word}.admin-pro-item .ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}
.admin-form-card{max-width:1180px}.admin-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.admin-form-grid>.span-12{grid-column:span 12}.admin-form-grid>.span-8{grid-column:span 8}.admin-form-grid>.span-6{grid-column:span 6}.admin-form-grid>.span-4{grid-column:span 4}.admin-form-grid>.span-3{grid-column:span 3}.admin-form-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start;border-top:1px solid #edf2f7;padding-top:1rem;margin-top:.25rem}
.admin-side-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e5edf8;border-radius:22px;padding:1.1rem;box-shadow:0 14px 34px rgba(15,23,42,.045)}.admin-side-card .icon-circle{width:46px;height:46px;border-radius:17px}
.admin-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.8rem}.admin-summary-grid .admin-kpi{box-shadow:none!important;background:#fbfdff!important;border-radius:16px!important;padding:.9rem!important}
.admin-message-thread{display:grid;gap:.85rem}.admin-message-bubble{border:1px solid #e5edf8;border-radius:20px;padding:1rem;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.035)}.admin-message-bubble.admin{background:#f7fbff;border-color:#dbe8ff}.admin-message-bubble.note{background:#fff9eb;border-color:#ffe1a6}.admin-message-meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#64748b;font-size:.82rem;font-weight:800;margin-bottom:.45rem}.admin-message-bubble p{line-height:1.9;margin-bottom:.7rem;color:#334155}
.admin-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.admin-ticket-side{position:sticky;top:90px}.admin-ticket-info p{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px dashed #e5edf8;padding:.55rem 0;margin:0}.admin-ticket-info span{color:#64748b;font-weight:800}.admin-ticket-info strong{font-weight:950;text-align:left;word-break:break-word}
.admin-xui-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1rem;align-items:start}.xui-debug-list{max-height:420px;overflow:auto}.sn-admin-panel details{background:#fbfdff;border:1px solid #e5edf8!important;border-radius:16px!important}.sn-admin-panel details summary{cursor:pointer;font-weight:900;padding:.35rem}
.admin-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.admin-report-grid .card-ui{height:auto!important}
@media(max-width:1199.98px){.sn-admin-panel .app-content{max-width:none}.admin-xui-grid,.admin-ticket-layout{grid-template-columns:1fr}.admin-ticket-side{position:static}.admin-pro-item{grid-template-columns:1fr 1fr}.admin-pro-item .row-action{grid-column:span 2;text-align:right}.admin-form-grid>.span-8,.admin-form-grid>.span-6,.admin-form-grid>.span-4,.admin-form-grid>.span-3{grid-column:span 12}}
@media(max-width:575.98px){.admin-metric-tile{grid-template-columns:1fr auto;min-height:auto!important}.admin-metric-tile strong{font-size:1.45rem!important}.admin-pro-item{grid-template-columns:1fr}.admin-pro-item .row-action{grid-column:auto}.admin-table-tools{align-items:stretch}.admin-table-tools .admin-live-search{max-width:none;width:100%}.sn-admin-panel .table{min-width:760px!important}.sn-admin-panel .card-head{align-items:stretch!important}.sn-admin-panel .card-head .btn{width:100%}.admin-ticket-info p{display:block}.admin-ticket-info strong{text-align:right;display:block;margin-top:.25rem}.admin-form-actions .btn{width:100%}}

/* v37 targeted admin UI repair: real cards, safe checkboxes, detail forms, tables */
.sn-admin-panel .app-content{max-width:1540px!important;margin-inline:auto!important;padding-inline:clamp(.75rem,1.6vw,1.4rem)!important}
.sn-admin-panel .admin-page-hero,
.sn-admin-panel .app-content>.d-flex.justify-content-between,
.sn-admin-panel .app-content>.d-flex.flex-column.flex-md-row{align-items:center!important;min-height:auto!important}
.sn-admin-panel .card-ui{overflow:visible!important}
.sn-admin-panel .card-body-ui{overflow:visible!important}
.sn-admin-panel .row{min-width:0}.sn-admin-panel [class*="col-"]{min-width:0}
.sn-admin-panel .form-check,
.sn-admin-panel label.form-check,
.sn-admin-panel .sn-check-card{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.7rem!important;
  width:100%;max-width:100%;min-width:0;padding:.85rem 1rem!important;margin:0!important;
  border:1px solid #e5edf8!important;border-radius:17px!important;background:#fbfdff!important;line-height:1.75!important;overflow:hidden!important;text-align:right!important
}
.sn-admin-panel .form-check-input{
  position:static!important;float:none!important;margin:0!important;transform:none!important;flex:0 0 auto!important;align-self:center!important;z-index:2
}
.sn-admin-panel .form-switch.form-check{padding-inline:1rem!important}
.sn-admin-panel .form-switch .form-check-input{width:2.75em!important;flex-basis:2.75em!important;height:1.45em!important}
.sn-admin-panel .form-check-label,
.sn-admin-panel .form-check span,
.sn-admin-panel .sn-check-card span{min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.75}
.sn-admin-panel .d-flex.flex-wrap > label.form-check{width:auto;min-width:150px;max-width:100%}
.sn-admin-panel .card-head .form-check{width:auto;min-width:140px;background:#f8fbff!important}
.sn-admin-panel .switch-card{overflow:hidden!important;min-height:0!important}
.sn-admin-panel label.switch-card{display:flex!important;align-items:center!important;gap:.75rem!important;justify-content:space-between!important}
.sn-admin-panel select.form-select:not([multiple]){background-image:none!important;padding-left:1rem!important;padding-right:1rem!important}
.sn-admin-panel .sn-select-button{background-image:none!important;position:relative!important;padding-left:2.6rem!important;text-align:right!important}
.sn-admin-panel .sn-select-button::after{content:"⌄"!important;position:absolute!important;left:1rem!important;top:50%!important;transform:translateY(-50%)!important;color:#475569!important}
.sn-admin-panel .sn-searchable-select select.sn-select-native{display:none!important}
.sn-admin-panel input[type="file"].form-control{padding:.6rem 1rem!important;direction:ltr;text-align:left}
.sn-admin-panel .admin-form-card{max-width:none!important}
.sn-admin-panel .admin-form-card .card-body-ui{padding:1.25rem!important}
.sn-admin-panel .admin-form-actions{justify-content:flex-end!important;background:transparent!important}
.sn-admin-panel .admin-settings-page .card-ui{height:auto!important}
.sn-admin-panel .admin-settings-page .admin-side-card{height:auto!important}
.sn-admin-panel .table-responsive{overflow:auto!important;max-width:100%!important}
.sn-admin-panel .admin-table td,.sn-admin-panel .table td{max-width:320px;overflow:hidden;text-overflow:ellipsis}
.sn-admin-panel .admin-table td .ltr,.sn-admin-panel .table td .ltr{white-space:normal;word-break:break-word}
.sn-admin-panel .admin-report-grid,.sn-admin-panel .reports-modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;align-items:start}
.sn-admin-panel .report-card{height:auto!important;min-height:0!important}.sn-admin-panel .report-card .table{min-width:0!important}.sn-admin-panel .report-card .table td,.sn-admin-panel .report-card .table th{white-space:normal!important}
.sn-admin-panel .admin-email-settings .provider-card{height:100%;background:linear-gradient(145deg,#fff,#f8fbff)}
.sn-admin-panel .route-matrix td{text-align:center}.sn-admin-panel .route-matrix td:first-child{text-align:right}.sn-admin-panel .route-matrix .form-check-input{display:inline-block!important}
.sn-admin-panel .template-list .template-row{display:grid;grid-template-columns:minmax(0,1.2fr) 130px minmax(0,1fr) 110px 130px auto;gap:.85rem;align-items:center;border:1px solid #e6edf8;background:#fff;border-radius:18px;padding:.9rem;margin-bottom:.75rem}
.sn-admin-panel .template-row .muted{color:#64748b;font-size:.82rem}.sn-admin-panel .template-row strong{font-weight:950}.sn-admin-panel .template-row .ltr{direction:ltr;text-align:left}
.sn-admin-panel .template-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.sn-admin-panel .template-stats .metric-card{min-height:96px}
.sn-admin-panel .admin-metric-tile{grid-template-columns:auto 1fr!important;grid-template-areas:"icon label" "icon value" "icon meta"!important;column-gap:1rem!important}
.sn-admin-panel .admin-metric-tile .metric-icon{margin:0!important}.sn-admin-panel .admin-metric-tile strong,.sn-admin-panel .admin-metric-tile small,.sn-admin-panel .admin-metric-tile em{text-align:right!important}
.plans-modern .plan-card{padding:1.35rem 1.35rem 1.15rem!important;text-align:right!important;min-height:330px;display:flex;flex-direction:column;align-items:stretch}
.plans-modern .plan-card .icon-circle{position:absolute;left:1.15rem;top:1.15rem;margin:0!important;box-shadow:0 12px 24px rgba(15,23,42,.07)}
.plans-modern .plan-card h5{padding-left:4.2rem;line-height:1.7}.plans-modern .plan-card p{min-height:54px;line-height:1.9}.plans-modern .plan-card .price{margin-top:auto}.plans-modern .tick-list li{justify-content:flex-start;text-align:right}.plans-modern .plan-card .btn{margin-top:auto!important}
@media(max-width:991.98px){.sn-admin-panel .app-content{padding-inline:.75rem!important}.sn-admin-panel .template-list .template-row{grid-template-columns:1fr}.sn-admin-panel .route-matrix .table{min-width:780px!important}}
@media(max-width:575.98px){.sn-admin-panel .form-check,.sn-admin-panel label.form-check,.sn-admin-panel .sn-check-card{padding:.8rem .85rem!important}.sn-admin-panel .app-content{padding-inline:.5rem!important}.plans-modern .plan-card{min-height:auto}.plans-modern .plan-card h5{padding-left:3.8rem}}
.sn-admin-panel .template-stats > [class*="col-"]{width:auto!important;max-width:none!important;flex:none!important}


/* v38 focused UI cleanup: admin forms, selects, email/templates/reports, auth and plan cards */
:root{--sn-admin-card-border:#dbe6f5;--sn-admin-card-bg:#ffffff;--sn-admin-soft:#f7fbff;--sn-blue:#0a58ff;}
.sn-admin-panel .app-content{max-width:1580px!important;margin-inline:auto!important;}
.sn-admin-panel .card-ui{border-color:var(--sn-admin-card-border)!important;border-radius:24px!important;overflow:hidden!important;background:rgba(255,255,255,.98)!important;}
.sn-admin-panel .card-head{padding:1.05rem 1.2rem!important;gap:1rem!important;align-items:center!important;}
.sn-admin-panel .card-body-ui{padding:1.15rem!important;overflow:visible!important;}
.sn-admin-panel .row.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem;}
.sn-admin-panel .form-control,.sn-admin-panel .form-select{min-height:52px!important;border-radius:16px!important;font-weight:700;color:#0f172a;}
.sn-admin-panel textarea.form-control{min-height:auto!important;line-height:1.9;}
.sn-admin-panel select.form-select:not([multiple]){
  -webkit-appearance:none!important;appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-size:18px 18px!important;background-position:left 1rem center!important;
  padding-left:3rem!important;padding-right:1rem!important;
}
.sn-admin-panel select.form-select[multiple]{background-image:none!important;min-height:120px!important;}
.sn-admin-panel .sn-select-button::after{content:"⌄"!important;left:1rem!important;font-size:1.1rem;color:#475569;}
.sn-admin-panel .form-check,
.sn-admin-panel label.form-check,
.sn-admin-panel .sn-check-card,
.sn-admin-panel .sn-checkline{
  box-sizing:border-box!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.78rem!important;
  padding:.9rem 1.15rem!important;margin:0!important;border:1px solid #e2ebf7!important;border-radius:18px!important;
  background:#fbfdff!important;overflow:visible!important;text-align:right!important;line-height:1.8!important;
}
.sn-admin-panel .form-check-input[type="checkbox"],
.sn-admin-panel .form-check-input[type="radio"]{
  position:relative!important;float:none!important;inset:auto!important;margin:0!important;transform:none!important;
  flex:0 0 1.18rem!important;width:1.18rem!important;height:1.18rem!important;display:inline-block!important;align-self:center!important;
}
.sn-admin-panel .form-check-input:checked{background-color:#0d6efd!important;border-color:#0d6efd!important;}
.sn-admin-panel .form-check-label,.sn-admin-panel .form-check span,.sn-admin-panel .sn-check-card span,.sn-admin-panel .sn-checkline span{display:block;min-width:0;flex:1 1 auto;line-height:1.8;overflow-wrap:anywhere;}
.sn-admin-panel .form-switch.form-check{justify-content:space-between!important;}
.sn-admin-panel .form-switch .form-check-input{width:2.75em!important;height:1.45em!important;flex-basis:2.75em!important;}
.sn-admin-panel .switch-card{
  border:1px solid #e2ebf7!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;
  padding:1.1rem!important;box-shadow:0 14px 34px rgba(15,23,42,.04)!important;overflow:visible!important;min-height:auto!important;
}
.sn-admin-panel label.switch-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;}
.sn-admin-panel .switch-card .form-check{background:#fff!important;border-color:#e7eef8!important;margin-top:.65rem!important;}
.sn-admin-panel .d-flex.flex-wrap>label.form-check{width:auto!important;min-width:150px!important;}
.sn-admin-panel .admin-form-actions{justify-content:flex-end!important;}
.sn-admin-panel .admin-page-hero{background:linear-gradient(135deg,#fff,#f5f9ff)!important;border:1px solid #dfe8f6!important;border-radius:28px!important;padding:1.35rem 1.45rem!important;box-shadow:0 18px 44px rgba(15,23,42,.055)!important;}

/* Payment settings */
.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch;}
.payment-method-card{border:1px solid #dfe8f6;border-radius:24px;background:linear-gradient(145deg,#fff,#f7fbff);padding:1.15rem;box-shadow:0 18px 42px rgba(15,23,42,.04);}
.payment-method-card .method-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;}
.payment-method-card .method-head h5{font-weight:950;margin:0;color:#0f172a;}
.payment-option-list{display:grid;gap:.75rem;margin-top:1rem;}
.payment-settings-page .client-behavior-card{display:none!important;}

/* Template manager */
.template-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;}
.template-stat-card{position:relative;border:1px solid #e1eaf7;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbff);padding:1.15rem 1.2rem;box-shadow:0 18px 42px rgba(15,23,42,.05);overflow:hidden;min-height:116px;}
.template-stat-card::after{content:"";position:absolute;left:-34px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:rgba(10,88,255,.07)}
.template-stat-card .stat-icon{width:46px;height:46px;border-radius:16px;background:#eff5ff;color:#0a58ff;display:grid;place-items:center;margin-bottom:.7rem;}
.template-stat-card strong{font-size:1.7rem;font-weight:950;color:#0f172a;display:block;line-height:1;}
.template-stat-card span{color:#64748b;font-weight:850;}
.template-row-card{border:1px solid #e1eaf7;border-radius:20px;background:#fff;padding:1rem;margin-bottom:.8rem;display:grid;grid-template-columns:minmax(0,1.3fr) 140px minmax(0,1fr) 120px 150px auto;gap:.9rem;align-items:center;box-shadow:0 10px 26px rgba(15,23,42,.035)}
.template-row-card .row-label{font-size:.78rem;color:#94a3b8;font-weight:800;margin-bottom:.25rem}.template-row-card strong{font-weight:950}.template-row-card .ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}
.template-tokens-box{display:flex;flex-wrap:wrap;gap:.55rem}.template-token{border-radius:999px!important;background:#f1f5f9!important;color:#334155!important;padding:.45rem .7rem!important;font-weight:800!important;direction:ltr;unicode-bidi:plaintext;}

/* Reports */
.reports-modern-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;align-items:start!important;}
.reports-modern-grid .report-card{border-radius:24px!important;overflow:hidden!important;height:auto!important;min-height:0!important;}
.reports-modern-grid .report-card .card-body-ui{padding:1rem!important;}
.reports-modern-grid .table-responsive{border:1px solid #e8eef7!important;border-radius:18px!important;overflow:auto!important;}
.reports-modern-grid .table{min-width:0!important;width:100%!important;}
.reports-modern-grid th,.reports-modern-grid td{white-space:normal!important;vertical-align:middle!important;}
.reports-modern-grid .report-card:nth-child(3){grid-column:1 / -1;max-width:720px;}

/* Email settings */
.admin-email-settings .email-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.admin-email-settings .provider-card{border-radius:24px!important;overflow:hidden!important;}
.admin-email-settings .route-matrix th,.admin-email-settings .route-matrix td{text-align:center!important;vertical-align:middle!important;}
.admin-email-settings .route-matrix th:first-child,.admin-email-settings .route-matrix td:first-child{text-align:right!important;min-width:220px;}
.admin-email-settings .route-matrix .form-check-input{position:static!important;margin:auto!important;display:inline-block!important;}
.admin-email-settings .route-matrix select.form-select{min-width:150px;}
.admin-email-settings .test-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem;align-items:end;}

/* Auth pages: avoid all visual weight stuck on right */
.auth-modern-hero{align-items:center!important;text-align:center!important;}
.auth-modern-brand{justify-content:center!important;margin-inline:auto!important;}
.auth-feature-list{justify-content:center!important;}
.auth-card-icon{margin-inline:auto!important;}
.auth-modern-card h2,.auth-modern-card p{text-align:center;}
.auth-form-modern label{text-align:right;display:block;}
.auth-link-row{justify-content:center!important;}

/* Public plan cards */
.plans-modern .plan-card{position:relative!important;text-align:right!important;isolation:isolate;overflow:hidden!important;padding:1.35rem!important;}
.plans-modern .plan-card::before{content:"";position:absolute;left:-50px;top:-50px;width:145px;height:145px;border-radius:50%;background:rgba(10,88,255,.08);z-index:-1;}
.plans-modern .plan-card .icon-circle{position:absolute!important;left:1.1rem!important;right:auto!important;top:1.1rem!important;margin:0!important;}
.plans-modern .plan-card h5,.plans-modern .plan-card p{padding-left:4.6rem!important;}
.plans-modern .tick-list li{justify-content:flex-start!important;gap:.5rem!important;}

@media(max-width:1199.98px){
  .payment-method-grid,.admin-email-settings .email-provider-grid,.reports-modern-grid{grid-template-columns:1fr!important;}
  .reports-modern-grid .report-card:nth-child(3){grid-column:auto;max-width:none;}
  .template-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .template-row-card{grid-template-columns:1fr 1fr;}
}
@media(max-width:575.98px){
  .sn-admin-panel .admin-page-hero{padding:1rem!important;border-radius:22px!important;}
  .sn-admin-panel .card-body-ui{padding:.9rem!important;}
  .template-stats{grid-template-columns:1fr!important;}
  .template-row-card{grid-template-columns:1fr;}
  .admin-email-settings .test-grid{grid-template-columns:1fr;}
  .plans-modern .plan-card h5,.plans-modern .plan-card p{padding-left:3.8rem!important;}
}


/* v39 final UI fixes: user selects, payment/report/template polish, track order */
/* یک فلش واضح برای همه selectها در سایت، پنل کاربر و پنل ادمین */
.form-select:not([multiple]){
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:18px 18px!important;
  background-position:left 1rem center!important;
  padding-left:3rem!important;
}
.form-select[multiple]{background-image:none!important;}
html[dir="ltr"] .form-select:not([multiple]){background-position:right 1rem center!important;padding-right:3rem!important;padding-left:1rem!important;}

/* تنظیمات پرداخت: حذف حالت کارت داخل کارت و فاصله گذاری گزینه ها */
.payment-settings-page .payment-method-grid{align-items:stretch!important;}
.payment-settings-page .payment-method-card{display:flex!important;flex-direction:column!important;gap:.8rem!important;min-height:0!important;}
.payment-settings-page .payment-method-card .switch-card{
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-height:0!important;height:auto!important;
}
.payment-settings-page .payment-method-card .form-switch{background:#fff!important;border:1px solid #e2ebf7!important;border-radius:18px!important;padding:1rem!important;margin:0 0 .75rem 0!important;}
.payment-settings-page .payment-option-list{display:grid!important;gap:.75rem!important;margin-top:.75rem!important;}
.payment-settings-page .payment-option-list .form-check{min-height:58px!important;align-items:center!important;}
.payment-settings-page .row.g-3.mt-1{margin-top:1rem!important;}
.payment-settings-page + .row.g-3.mt-1{margin-top:1rem!important;}
.payment-settings-page .client-behavior-card{display:none!important;}

/* قالب پیام ها: آیکون ها سمت چپ کارت، متن سمت راست */
.template-stat-card{padding:1.2rem 5.4rem 1.2rem 1.2rem!important;min-height:118px!important;display:block!important;}
.template-stat-card .stat-icon{position:absolute!important;left:1.2rem!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:52px!important;height:52px!important;border-radius:18px!important;}
.template-stat-card strong{display:inline-block!important;margin-left:.45rem!important;vertical-align:baseline!important;}
.template-stat-card span{display:inline-block!important;vertical-align:baseline!important;}
.template-stat-card::after{left:-32px!important;right:auto!important;}

/* گزارش ها: کارت های هم استاندارد و بدون کادر تو در تو */
.reports-modern-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.1rem!important;align-items:start!important;}
.reports-modern-grid .report-card{height:auto!important;min-height:0!important;max-width:none!important;grid-column:auto!important;box-shadow:0 16px 38px rgba(15,23,42,.045)!important;}
.reports-modern-grid .report-card:nth-child(3){grid-column:auto!important;max-width:none!important;}
.reports-modern-grid .card-head{min-height:74px!important;align-items:center!important;}
.reports-modern-grid .table-responsive{border:0!important;border-radius:0!important;background:transparent!important;}
.reports-modern-grid table{min-width:0!important;width:100%!important;}
.reports-modern-grid th,.reports-modern-grid td{white-space:normal!important;line-height:1.75!important;}
@media(max-width:1399.98px){.reports-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.reports-modern-grid .report-card:nth-child(3){grid-column:1 / -1!important;}}
@media(max-width:767.98px){.reports-modern-grid{grid-template-columns:1fr!important;}.reports-modern-grid .report-card:nth-child(3){grid-column:auto!important;}}

/* سفارش های کاربر: تاریخ زیر محصول */
.user-orders-list .order-product-title{display:block;font-weight:850;color:#0f172a;line-height:1.7;}
.user-orders-list .order-time-under{display:block;color:#64748b;font-size:.86rem;font-weight:800;direction:ltr;text-align:right;margin-top:.15rem;}
.mobile-record-card .order-time-under{text-align:right;margin-bottom:.4rem;}

/* فرم پیگیری سفارش */
.track-order-card .track-help{border:1px solid #dbeafe;background:#eff6ff;color:#0b3b75;border-radius:18px;padding:.9rem 1rem;font-weight:800;line-height:1.9;}
.track-order-card .track-search-grid{align-items:end;}

@media(max-width:767.98px){
  .payment-method-grid{grid-template-columns:1fr!important;}
  .template-stat-card{padding:1.05rem 4.6rem 1.05rem 1rem!important;}
  .template-stat-card .stat-icon{width:46px!important;height:46px!important;left:1rem!important;}
}

/* v40 focused fix: template cards and user-side select arrows only */
.sn-admin-panel .template-stat-card{
  padding:1.2rem 1.2rem 1.2rem 5.4rem!important;
  text-align:right!important;
  display:block!important;
}
.sn-admin-panel .template-stat-card .stat-icon{
  position:absolute!important;
  left:1.2rem!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
}
.sn-admin-panel .template-stat-card strong,
.sn-admin-panel .template-stat-card span{
  text-align:right!important;
}
@media(max-width:767.98px){
  .sn-admin-panel .template-stat-card{padding:1.05rem 1rem 1.05rem 4.8rem!important;}
  .sn-admin-panel .template-stat-card .stat-icon{left:1rem!important;}
}

body:not(.sn-admin-panel) select.form-select:not([multiple]):not(.sn-select-native){
  -webkit-appearance:auto!important;
  -moz-appearance:auto!important;
  appearance:auto!important;
  background-image:none!important;
  background-position:initial!important;
  background-size:auto!important;
  padding-left:1rem!important;
}
body:not(.sn-admin-panel) .sn-select-button.form-select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-image:none!important;
  padding-left:2.8rem!important;
  position:relative!important;
}
body:not(.sn-admin-panel) .sn-select-button::after{
  content:"⌄"!important;
  position:absolute!important;
  left:1rem!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#475569!important;
  font-size:1.1rem!important;
  line-height:1!important;
  pointer-events:none!important;
}


/* v41 multi-gateway payment settings */
.gateway-config-row{border:1px solid #dfe8f6;border-radius:20px;background:#fff;padding:1rem;box-shadow:0 12px 28px rgba(15,23,42,.035)}
.gateway-config-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.gateway-title{display:flex;align-items:center;gap:.65rem;font-weight:950;color:#0f172a;margin:0}
.gateway-title .form-check-input{float:none;margin:0!important;position:static!important;flex:0 0 auto}
.gateway-sort{max-width:86px;text-align:center}
.payment-settings-page .gateway-config-row .form-label{color:#52627a;margin-bottom:.35rem}
.payment-settings-page .payment-method-grid{align-items:stretch}
@media(max-width:767px){.gateway-config-top{align-items:flex-start}.gateway-sort{max-width:100%;width:100%}}

/* v44 checkout coupon feedback */
.coupon-box.is-valid .form-control{border-color:#22c55e!important;box-shadow:0 0 0 .18rem rgba(34,197,94,.12)!important;background:#f0fdf4}
.coupon-box.is-invalid .form-control{border-color:#ef4444!important;box-shadow:0 0 0 .18rem rgba(239,68,68,.12)!important;background:#fff7f7}
.coupon-box.coupon-locked .form-control{cursor:not-allowed;color:#166534;font-weight:800}
.coupon-box.shake{animation:sn-shake .36s ease-in-out}
@keyframes sn-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(3px)}}

/* v45 payment gateway log redesign */
.gateway-logs-hero .btn{min-width:190px;justify-content:center}
.gateway-log-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.gateway-stat-card{border:1px solid #e5edf8;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:24px;padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.05);display:grid;gap:.4rem;min-height:118px;align-content:start}
.gateway-stat-card .stat-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;font-size:1.15rem;margin-bottom:.1rem}
.gateway-stat-card .stat-icon.danger{background:#fff1f2;color:#be123c}.gateway-stat-card .stat-icon.warning{background:#fff7e2;color:#b45309}.gateway-stat-card .stat-icon.info{background:#eff5ff;color:#0a58ff}.gateway-stat-card .stat-icon.gray{background:#f1f5f9;color:#475569}
.gateway-stat-card small{font-weight:900;color:#64748b}.gateway-stat-card strong{font-weight:950;font-size:1.5rem;color:#0f172a;line-height:1.4}
.gateway-filter-card{padding:1rem}.gateway-filter-form{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr auto;gap:.85rem;align-items:end}.gateway-filter-actions{display:flex;gap:.5rem;align-items:center}.gateway-filter-actions .btn{min-width:120px}
.gateway-log-panel{overflow:hidden}.gateway-log-list-v45{display:grid;gap:.85rem;padding:1rem}.gateway-log-card-v45{border:1px solid #dfe8f6;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.gateway-log-card-v45[open]{border-color:#bfd3ff;box-shadow:0 16px 36px rgba(15,23,42,.06)}.gateway-log-card-v45 summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;list-style:none}.gateway-log-card-v45 summary::-webkit-details-marker{display:none}
.gateway-log-card-v45[open] summary .bi-chevron-down{transform:rotate(180deg)}.gateway-log-card-v45 summary .bi-chevron-down{transition:.18s;color:#64748b}.log-main{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;min-width:0}.log-main strong{font-weight:950;color:#0f172a}.log-side{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.log-http{font-weight:950;color:#475569;background:#f1f5f9;border-radius:999px;padding:.32rem .62rem}.log-http.is-bad{background:#fff1f2;color:#be123c}
.gateway-log-body-v45{border-top:1px solid #eef3fb;background:#f8fbff;padding:1rem;display:grid;gap:1rem}.log-message-box{background:#fff;border:1px solid #e5edf8;border-radius:18px;padding:1rem}.log-message-box b,.log-box-v45 b{display:block;margin-bottom:.45rem;color:#0f172a;font-weight:950}.log-message-box p{color:#334155}
.log-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.log-meta-grid>div{background:#fff;border:1px solid #e5edf8;border-radius:16px;padding:.75rem}.log-meta-grid small{display:block;color:#64748b;font-weight:850;margin-bottom:.25rem}.log-meta-grid strong{font-weight:950;color:#0f172a;word-break:break-word}
.log-actions-row{display:flex;gap:.5rem;flex-wrap:wrap}.log-payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.log-box-v45{border:1px solid #e5edf8;border-radius:16px;background:#fff;padding:.85rem;min-width:0}.log-box-v45 pre{white-space:pre-wrap;word-break:break-word;max-height:310px;overflow:auto;background:#f8fafc;border:1px dashed #dbe5f2;border-radius:14px;padding:.75rem}
@media(max-width:1199px){.gateway-log-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-filter-form{grid-template-columns:1fr 1fr}.gateway-filter-actions{grid-column:1/-1}.gateway-filter-actions .btn{flex:1}}
@media(max-width:767px){.gateway-log-stats{grid-template-columns:1fr}.gateway-filter-form{grid-template-columns:1fr}.gateway-filter-actions{flex-direction:column}.gateway-filter-actions .btn{width:100%}.gateway-log-card-v45 summary{align-items:flex-start;flex-direction:column}.log-side{width:100%;justify-content:space-between}.log-meta-grid,.log-payload-grid{grid-template-columns:1fr}.gateway-logs-hero .btn{width:100%;min-width:0}}

/* v46 focused fix: payment gateway log stat cards icon alignment */
.gateway-log-stats .gateway-stat-card{
  position:relative!important;
  display:block!important;
  min-height:122px!important;
  padding:1.15rem 1.2rem 1.15rem 5.35rem!important;
  text-align:right!important;
  overflow:hidden!important;
}
.gateway-log-stats .gateway-stat-card .stat-icon{
  position:absolute!important;
  left:1.15rem!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  width:54px!important;
  height:54px!important;
  border-radius:19px!important;
  font-size:1.35rem!important;
  box-shadow:0 14px 28px rgba(15,23,42,.055)!important;
}
.gateway-log-stats .gateway-stat-card small,
.gateway-log-stats .gateway-stat-card strong{
  display:block!important;
  text-align:right!important;
  max-width:100%!important;
}
.gateway-log-stats .gateway-stat-card small{
  margin-top:.2rem!important;
  margin-bottom:.35rem!important;
  line-height:1.7!important;
}
.gateway-log-stats .gateway-stat-card strong{
  line-height:1.35!important;
  word-break:break-word!important;
}
@media(max-width:767px){
  .gateway-log-stats .gateway-stat-card{
    min-height:112px!important;
    padding:1rem 1.05rem 1rem 4.85rem!important;
  }
  .gateway-log-stats .gateway-stat-card .stat-icon{
    left:1rem!important;
    width:48px!important;
    height:48px!important;
    border-radius:17px!important;
    font-size:1.2rem!important;
  }
}

/* v49: stronger gateway log stat cards - icon left, text right on all widths */
.gateway-log-stats{direction:rtl!important}
.gateway-log-stats .gateway-stat-card{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-height:128px!important;padding:1.15rem 5.5rem 1.15rem 1.2rem!important;text-align:right!important;overflow:hidden!important}
.gateway-log-stats .gateway-stat-card .stat-icon{position:absolute!important;left:1.15rem!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:56px!important;height:56px!important;border-radius:20px!important;display:grid!important;place-items:center!important}
.gateway-log-stats .gateway-stat-card small,.gateway-log-stats .gateway-stat-card strong{width:100%!important;display:block!important;text-align:right!important}
@media(max-width:767px){.gateway-log-stats .gateway-stat-card{padding:1.05rem 5rem 1.05rem 1.05rem!important;min-height:116px!important}.gateway-log-stats .gateway-stat-card .stat-icon{left:1rem!important;width:50px!important;height:50px!important}}

/* v51 payment routing UI */
.payment-settings-page .setting-toggle-row,.payment-settings-page .setting-check-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e6edf7;background:#f8fbff;border-radius:16px;padding:13px 14px;margin-bottom:10px}.payment-settings-page .setting-toggle-row small{display:block;color:#64748b;font-size:12px;margin-top:4px}.payment-settings-page .setting-check-row span{font-weight:800}.payment-settings-page .form-check-input{float:none;margin:0;width:1.15rem;height:1.15rem;flex:0 0 auto}.payment-settings-page .gateway-admin-card{border:1px solid #e5edf8;background:linear-gradient(180deg,#fff,#f9fbff);border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.05)}.payment-settings-page .gateway-card-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.payment-settings-page .gateway-brand{display:flex;align-items:center;gap:12px}.payment-settings-page .gateway-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#edf5ff;color:#0b63f6;font-size:22px;flex:0 0 auto}.payment-settings-page .gateway-brand strong{display:block;font-weight:950}.payment-settings-page .gateway-brand small{display:block;color:#64748b;margin-top:3px}.payment-settings-page .gateway-enable{display:flex;align-items:center;gap:10px;border:1px solid #e6edf7;background:#fff;border-radius:14px;padding:10px 12px;font-weight:900}.payment-settings-page .gateway-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-settings-page .gateway-context-grid .setting-check-row{margin:0;padding:10px 12px;background:#fff}.payment-settings-page .gateway-context-grid .setting-check-row span{font-size:12.5px}.link-domains-page .sticky-lg-top{z-index:2!important}@media(max-width:992px){.payment-settings-page .gateway-context-grid{grid-template-columns:1fr 1fr}}@media(max-width:576px){.payment-settings-page .gateway-card-title{align-items:flex-start}.payment-settings-page .gateway-context-grid{grid-template-columns:1fr}.payment-settings-page .setting-toggle-row,.payment-settings-page .setting-check-row{padding:11px 12px}.payment-settings-page .gateway-admin-card{padding:13px;border-radius:18px}}
.payment-settings-page .card-context-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.payment-settings-page .card-context-mini>small{grid-column:1/-1}.payment-settings-page .card-context-mini .setting-check-row{margin:0;padding:9px 10px;background:#fff}.payment-settings-page .card-context-mini .setting-check-row span{font-size:12px}@media(max-width:576px){.payment-settings-page .card-context-mini{grid-template-columns:1fr}}


/* v58: admin orders table readability and spacing */
.sn-admin-panel .admin-orders-card{overflow:hidden!important}
.sn-admin-panel .admin-orders-card .admin-table-toolbar{align-items:center!important;justify-content:space-between!important;gap:12px!important}
.sn-admin-panel .admin-orders-search{width:min(360px,100%)!important;max-width:360px!important}
.sn-admin-panel .admin-orders-status-filter{width:min(230px,100%)!important;max-width:230px!important}
.sn-admin-panel .admin-orders-table-wrap{overflow-x:auto!important;overflow-y:hidden!important}
.sn-admin-panel .admin-orders-table{min-width:1320px!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}
.sn-admin-panel .admin-orders-table th,
.sn-admin-panel .admin-orders-table td{vertical-align:middle!important}
.sn-admin-panel .admin-orders-table td{max-width:none!important;overflow:visible!important;text-overflow:clip!important}
.sn-admin-panel .admin-orders-table .order-no-col,
.sn-admin-panel .admin-orders-table .order-no-cell{width:184px!important;min-width:184px!important;max-width:184px!important}
.sn-admin-panel .admin-orders-table .order-user-col,
.sn-admin-panel .admin-orders-table .order-user-cell{width:200px!important;min-width:200px!important;max-width:230px!important}
.sn-admin-panel .admin-orders-table .order-product-col,
.sn-admin-panel .admin-orders-table .order-product-cell{width:310px!important;min-width:310px!important;max-width:330px!important}
.sn-admin-panel .admin-orders-table .order-amount-col,
.sn-admin-panel .admin-orders-table .order-amount-cell{width:136px!important;min-width:136px!important;text-align:center!important;white-space:nowrap!important}
.sn-admin-panel .admin-orders-table .order-date-col,
.sn-admin-panel .admin-orders-table .order-date-cell{width:170px!important;min-width:170px!important;text-align:center!important;white-space:nowrap!important;direction:ltr!important;unicode-bidi:isolate!important}
.sn-admin-panel .admin-orders-table .order-status-col,
.sn-admin-panel .admin-orders-table .order-status-cell,
.sn-admin-panel .admin-orders-table .order-delivery-col,
.sn-admin-panel .admin-orders-table .order-delivery-cell{width:142px!important;min-width:142px!important;text-align:center!important;white-space:nowrap!important}
.sn-admin-panel .admin-orders-table .order-actions-col,
.sn-admin-panel .admin-orders-table .order-actions-cell{width:112px!important;min-width:112px!important;text-align:center!important;white-space:nowrap!important}
.sn-admin-panel .order-no-text{display:inline-block!important;direction:ltr!important;text-align:left!important;white-space:nowrap!important;font-weight:900!important;letter-spacing:.01em}
.sn-admin-panel .order-user-cell strong,
.sn-admin-panel .order-product-cell strong{display:block!important;font-weight:950!important;line-height:1.75!important;color:#0f172a!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sn-admin-panel .order-user-cell small,
.sn-admin-panel .order-product-cell small{display:block!important;margin-top:.12rem!important;color:#64748b!important;line-height:1.65!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sn-admin-panel .order-product-cell strong,
.sn-admin-panel .order-product-cell small{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}
.sn-admin-panel .order-date-cell span,
.sn-admin-panel .order-date-cell small{display:block!important;direction:ltr!important;text-align:center!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.35!important;unicode-bidi:isolate!important}
.sn-admin-panel .order-date-cell span{font-weight:900!important;color:#0f172a!important}
.sn-admin-panel .order-date-cell small{font-size:.82rem!important;color:#64748b!important;margin-top:.18rem!important}
.sn-admin-panel .admin-orders-table .status{white-space:nowrap!important}
@media(max-width:575.98px){
  .sn-admin-panel .admin-orders-card .admin-table-toolbar>div{width:100%!important;align-items:stretch!important}
  .sn-admin-panel .admin-orders-search,
  .sn-admin-panel .admin-orders-status-filter{max-width:none!important;width:100%!important}
}

/* v59: admin orders final column order and compact spacing */
.sn-admin-panel .admin-orders-table{
  min-width:1120px!important;
  width:max-content!important;
  table-layout:fixed!important;
}
.sn-admin-panel .admin-orders-table .order-no-col,
.sn-admin-panel .admin-orders-table .order-no-cell{width:160px!important;min-width:160px!important;max-width:160px!important}
.sn-admin-panel .admin-orders-table .order-date-col,
.sn-admin-panel .admin-orders-table .order-date-cell{width:132px!important;min-width:132px!important;max-width:132px!important;text-align:center!important;white-space:nowrap!important;direction:ltr!important;unicode-bidi:isolate!important}
.sn-admin-panel .admin-orders-table .order-user-col,
.sn-admin-panel .admin-orders-table .order-user-cell{width:180px!important;min-width:180px!important;max-width:180px!important}
.sn-admin-panel .admin-orders-table .order-product-col,
.sn-admin-panel .admin-orders-table .order-product-cell{width:230px!important;min-width:230px!important;max-width:230px!important}
.sn-admin-panel .admin-orders-table .order-amount-col,
.sn-admin-panel .admin-orders-table .order-amount-cell{width:116px!important;min-width:116px!important;max-width:116px!important;text-align:center!important;white-space:nowrap!important}
.sn-admin-panel .admin-orders-table .order-status-col,
.sn-admin-panel .admin-orders-table .order-status-cell,
.sn-admin-panel .admin-orders-table .order-delivery-col,
.sn-admin-panel .admin-orders-table .order-delivery-cell{width:128px!important;min-width:128px!important;max-width:128px!important;text-align:center!important;white-space:nowrap!important}
.sn-admin-panel .admin-orders-table .order-actions-col,
.sn-admin-panel .admin-orders-table .order-actions-cell{width:92px!important;min-width:92px!important;max-width:92px!important;text-align:center!important;white-space:nowrap!important}
.sn-admin-panel .admin-orders-table th,
.sn-admin-panel .admin-orders-table td{padding-inline:14px!important}
.sn-admin-panel .order-product-cell strong,
.sn-admin-panel .order-product-cell small{max-width:100%!important}
.sn-admin-panel .order-amount-cell strong{display:inline-block!important;white-space:nowrap!important}
@media(min-width:1400px){
  .sn-admin-panel .admin-orders-table{min-width:1180px!important}
}