:root{--shbn-primary:#38008a;--shbn-primary-2:#6f27d9;--shbn-accent:#00b894;--shbn-bg:#f0edf7;--shbn-card:#f7f4fb;--shbn-text:#24143f;--shbn-muted:#7b6b93;--shbn-shadow-dark:#c9c2d8;--shbn-shadow-light:#ffffff}.shbn-wrap,.shbn-client{font-family:Vazirmatn,IRANSansX,Shabnam,Tahoma,sans-serif;color:var(--shbn-text)}.shbn-wrap{background:linear-gradient(135deg,#f4f1fb,#ebe5f6);padding:24px;border-radius:28px}.shbn-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px;border-radius:30px;background:linear-gradient(135deg,#fff,#eee8f8);box-shadow:14px 14px 34px var(--shbn-shadow-dark),-14px -14px 34px var(--shbn-shadow-light);margin-bottom:24px}.shbn-kicker{color:var(--shbn-primary);font-weight:900;letter-spacing:.08em}.shbn-hero h1{font-size:28px;margin:8px 0 10px}.shbn-hero p{color:var(--shbn-muted);font-size:15px}.shbn-badge{background:var(--shbn-primary);color:#fff;border-radius:999px;padding:12px 18px;font-weight:800}.shbn-grid.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.shbn-card,.shbn-panel,.shbn-login-card{background:var(--shbn-card);border-radius:24px;box-shadow:10px 10px 25px var(--shbn-shadow-dark),-10px -10px 25px var(--shbn-shadow-light)}.shbn-card{padding:22px}.shbn-card span{display:block;color:var(--shbn-muted);margin-bottom:10px}.shbn-card b{font-size:28px;color:var(--shbn-primary)}.shbn-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.shbn-tabs button,.shbn-btn,.shbn-link-btn{border:0;cursor:pointer;font-weight:800;transition:.2s ease}.shbn-tabs button{padding:12px 18px;border-radius:16px;background:#f1edf8;color:var(--shbn-primary);box-shadow:6px 6px 14px var(--shbn-shadow-dark),-6px -6px 14px #fff}.shbn-tabs button.active,.shbn-btn{background:linear-gradient(135deg,var(--shbn-primary),var(--shbn-primary-2));color:#fff;box-shadow:0 12px 24px rgba(56,0,138,.24)}.shbn-tab{display:none}.shbn-tab.active{display:block}.shbn-panel{padding:22px;margin-bottom:18px}.shbn-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid rgba(56,0,138,.12);padding-bottom:14px;margin-bottom:16px}.shbn-panel-head strong{font-size:18px}.shbn-panel-head small{display:block;color:var(--shbn-muted);direction:ltr;text-align:right}.shbn-switches{display:flex;gap:12px;flex-wrap:wrap}.shbn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shbn-wrap label,.shbn-client-form label{display:block;font-weight:800;margin:12px 0 8px;color:#3a245a}.shbn-wrap input,.shbn-wrap select,.shbn-wrap textarea,.shbn-client input{width:100%;border:0;border-radius:16px;padding:12px 14px;background:#f2eef8;box-shadow:inset 6px 6px 12px #d8d1e6,inset -6px -6px 12px #fff;color:var(--shbn-text);outline:none}.shbn-wrap textarea{resize:vertical}.shbn-btn{border-radius:16px;padding:12px 22px;margin-top:14px}.shbn-btn.ghost{background:#f2eef8;color:var(--shbn-primary);box-shadow:6px 6px 14px var(--shbn-shadow-dark),-6px -6px 14px #fff}.shbn-help{color:var(--shbn-muted);font-size:12px;margin-top:10px;line-height:1.9}.shbn-alert{padding:14px 16px;border-radius:18px;margin:14px 0;font-weight:800}.shbn-alert.ok{background:#e8fff8;color:#047857}.shbn-alert.err{background:#fff0f2;color:#be123c}.shbn-table-wrap{overflow:auto;border-radius:20px}.shbn-table{width:100%;border-collapse:separate;border-spacing:0 8px}.shbn-table th{text-align:right;color:var(--shbn-muted);font-size:12px}.shbn-table td{background:#faf8ff;padding:12px;border-top:1px solid #eee;border-bottom:1px solid #eee}.pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.pill.ok{background:#e8fff8;color:#047857}.pill.err{background:#fff0f2;color:#be123c}.shbn-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shbn-security-grid span{background:#f1edf8;border-radius:16px;padding:14px;box-shadow:inset 4px 4px 10px #d8d1e6,inset -4px -4px 10px #fff}.shbn-client{min-height:520px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 10%,rgba(56,0,138,.15),transparent 28%),linear-gradient(135deg,#f5f1fb,#eee9f8);border-radius:28px;padding:35px}.shbn-login-card{max-width:480px;width:100%;padding:34px;text-align:center}.shbn-login-icon{width:70px;height:70px;margin:0 auto 12px;border-radius:24px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#fff,#eee8f8);box-shadow:8px 8px 18px var(--shbn-shadow-dark),-8px -8px 18px #fff}.shbn-login-card h1{font-size:26px;margin:8px 0;color:var(--shbn-primary)}.shbn-login-card p{color:var(--shbn-muted);line-height:1.9}.shbn-client-form{text-align:right}.shbn-link-btn{background:transparent;color:var(--shbn-primary);margin-top:14px}.shbn-inline-form{text-align:center}@media(max-width:900px){.shbn-grid.stats,.shbn-form-grid,.shbn-security-grid{grid-template-columns:1fr}.shbn-hero,.shbn-panel-head{flex-direction:column;align-items:flex-start}}

.shbn-flow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.shbn-flow-tabs a{display:block;text-decoration:none;text-align:center;border-radius:16px;padding:11px 10px;color:var(--shbn-primary);font-weight:900;background:#f2eef8;box-shadow:6px 6px 14px var(--shbn-shadow-dark),-6px -6px 14px #fff}.shbn-flow-tabs a.active{background:linear-gradient(135deg,var(--shbn-primary),var(--shbn-primary-2));color:#fff;box-shadow:0 12px 24px rgba(56,0,138,.24)}.shbn-phone-field{display:block;position:relative}.shbn-phone-field input{direction:ltr!important;text-align:left!important}.shbn-client-form .shbn-phone-field input{margin:0;width:100%}.shbn-phone-field .iti,.shbn-phone-field .intl-tel-input{width:100%;display:block;direction:ltr}.shbn-phone-field .iti input,.shbn-phone-field .intl-tel-input input{width:100%}.shbn-phone-field .iti__selected-flag,.shbn-phone-field .selected-flag{direction:ltr}@media(max-width:480px){.shbn-flow-tabs{grid-template-columns:1fr}}
.shbn-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shbn-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.shbn-subtitle{margin:22px 0 8px;font-weight:950;color:var(--shbn-primary);font-size:16px}.shbn-setting-switches{margin:18px 0;padding:14px;border-radius:18px;background:#f2eef8;box-shadow:inset 5px 5px 12px #d8d1e6,inset -5px -5px 12px #fff}.shbn-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.shbn-chips span{border-radius:999px;background:#f2eef8;color:var(--shbn-primary);font-weight:900;padding:7px 11px;box-shadow:4px 4px 10px #d8d1e6,-4px -4px 10px #fff;direction:ltr}.shbn-live-preview{margin:14px 0;padding:14px;border-radius:18px;background:#f2eef8;box-shadow:inset 6px 6px 12px #d8d1e6,inset -6px -6px 12px #fff}.shbn-live-preview b{color:var(--shbn-primary)}.shbn-preview-output{white-space:pre-wrap;direction:rtl;text-align:right;margin:10px 0 0;font-family:Tahoma,monospace;line-height:1.9;color:#24143f;background:rgba(255,255,255,.55);border-radius:14px;padding:12px;max-height:210px;overflow:auto}.shbn-credit{display:grid;gap:5px;place-items:start}.shbn-credit b{font-size:34px;color:var(--shbn-primary)}.shbn-credit span{font-weight:900;color:#3a245a}.shbn-credit small{color:var(--shbn-muted)}.shbn-mini-danger{border:0;border-radius:10px;background:#fff0f2;color:#be123c;padding:8px 12px;font-weight:900;cursor:pointer}.shbn-variable-box{background:linear-gradient(135deg,#fbf9ff,#f0eaf8)}.shbn-table form{margin:0}.shbn-clean{margin:0 0 14px}.shbn-panel h3{margin-top:0;color:var(--shbn-primary)}@media(max-width:1200px){.shbn-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.shbn-grid.two,.shbn-grid-5{grid-template-columns:1fr}}
.shbn-secret-state{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;direction:ltr;background:#f2eef8;box-shadow:inset 3px 3px 7px #d8d1e6,inset -3px -3px 7px #fff}.shbn-secret-state.ok{color:#166534}.shbn-secret-state.err{color:#be123c}

/* v1.2.4 - Stable Iran mobile field: no WHMCS/intl-tel-input auto US flag, no shrink */
.shbn-client .shbn-login-card{max-width:520px!important;width:100%!important;box-sizing:border-box!important}.shbn-client .shbn-client-form{width:100%!important}.shbn-client .shbn-client-form label{display:block!important;text-align:right!important;width:100%!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field{width:100%!important;min-width:0!important;max-width:100%!important;min-height:58px!important;display:flex!important;align-items:center!important;gap:8px!important;box-sizing:border-box!important;direction:ltr!important;text-align:left!important;border:0!important;border-radius:18px!important;padding:0 14px!important;background:#f2eef8!important;box-shadow:inset 6px 6px 12px #d8d1e6,inset -6px -6px 12px #fff!important;overflow:hidden!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field .shbn-phone-flag{flex:0 0 auto!important;width:30px!important;height:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;background:#fff!important;box-shadow:4px 4px 10px rgba(56,0,138,.12),-4px -4px 10px #fff!important;line-height:1!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field .shbn-phone-code{flex:0 0 auto!important;color:#38008a!important;font-weight:900!important;font-size:15px!important;direction:ltr!important;unicode-bidi:isolate!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field input.shbn-ir-phone{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:auto!important;min-height:58px!important;margin:0!important;padding:12px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#24143f!important;font-size:15px!important;line-height:1.6!important;direction:ltr!important;text-align:left!important;box-sizing:border-box!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field .iti,.shbn-client .shbn-phone-field.shbn-iran-phone-field .intl-tel-input{display:contents!important;width:100%!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field .flag-container,.shbn-client .shbn-phone-field.shbn-iran-phone-field .iti__flag-container{display:none!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field .iti__selected-flag .iti__flag,.shbn-client .shbn-phone-field.shbn-iran-phone-field .selected-flag .iti-flag{background-image:none!important;background:none!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field .iti__selected-flag .iti__flag:before,.shbn-client .shbn-phone-field.shbn-iran-phone-field .selected-flag .iti-flag:before{content:'🇮🇷'!important;font-size:18px!important}.shbn-client .shbn-flow-tabs{width:100%!important}.shbn-client .shbn-btn{min-width:180px!important}@media(max-width:520px){.shbn-client{padding:18px!important}.shbn-client .shbn-login-card{padding:24px 18px!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field{min-height:54px!important}.shbn-client .shbn-phone-field.shbn-iran-phone-field input.shbn-ir-phone{min-height:54px!important}.shbn-client .shbn-btn{width:100%!important}}
.shbn-mini-table{margin-top:8px;padding:10px;border-radius:14px;background:#f2eef8;box-shadow:inset 4px 4px 10px #d8d1e6,inset -4px -4px 10px #fff;font-size:12px;line-height:1.8;color:#3a245a;overflow:auto}.shbn-mini-table div{white-space:nowrap}

/* Shabnam OTP Login channel UI */
.shbn-client .shbn-bale-guide{margin:18px 0 20px;padding:16px 18px;border-radius:20px;text-align:right;background:linear-gradient(135deg,#fbf9ff,#f0eaf8);box-shadow:inset 6px 6px 14px #d8d1e6,inset -6px -6px 14px #fff;color:#3a245a;line-height:1.9}.shbn-client .shbn-bale-guide strong{display:block;color:#38008a;font-size:15px;margin-bottom:6px}.shbn-client .shbn-bale-guide p{margin:0;color:#5f5176;font-size:13px;line-height:2}.shbn-client .shbn-bale-guide a{color:#38008a;font-weight:900;text-decoration:none}.shbn-client .shbn-bale-link{display:inline-flex!important;align-items:center;justify-content:center;margin-top:12px;padding:9px 14px;border-radius:14px;background:#f2eef8;box-shadow:5px 5px 12px #d8d1e6,-5px -5px 12px #fff;color:#38008a!important;font-weight:900}.shbn-secondary-link{margin-top:18px;text-align:center}.shbn-secondary-link a{color:#38008a;text-decoration:none;font-weight:900}.shbn-client .shbn-login-card h1{margin-top:10px}.shbn-client .shbn-flow-tabs{display:none!important}
.shbn-actions-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.shbn-btn.danger{background:linear-gradient(135deg,#be123c,#ef4444);color:#fff;box-shadow:0 12px 24px rgba(190,18,60,.2)}.shbn-mini{border:0;border-radius:10px;background:#ede7f7;color:#38008a;padding:8px 12px;font-weight:900;cursor:pointer;box-shadow:4px 4px 10px #d8d1e6,-4px -4px 10px #fff}.shbn-mini:hover{background:#e1d7f3}.shbn-inline-form{display:inline-block;margin:0!important}.shbn-table td{vertical-align:middle}

.shbn-test-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin:10px 0;padding:14px 18px;border-radius:18px;background:#f3eefc;box-shadow:8px 8px 18px rgba(56,0,138,.10),-8px -8px 18px rgba(255,255,255,.75)}
.shbn-test-row.ok{border-right:4px solid #0d8f62}.shbn-test-row.err{border-right:4px solid #c81e4a}.shbn-test-row span{display:block;line-height:1.9;color:#4d3572}.shbn-rule-table small{display:block;opacity:.55;margin-top:4px}.shbn-rule-table td,.shbn-rule-table th{text-align:center}.shbn-rule-table td:first-child,.shbn-rule-table th:first-child{text-align:right}.shbn-client-security-box{margin:24px 0;padding:22px;border-radius:24px;background:#f5f0fb;box-shadow:12px 12px 28px rgba(56,0,138,.12),-12px -12px 28px rgba(255,255,255,.75);color:#38008a}.shbn-client-security-box h3{margin:0 0 8px}.shbn-security-bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:16px}.shbn-security-bot{padding:16px;border-radius:18px;background:#fff;box-shadow:inset 4px 4px 10px rgba(56,0,138,.08),inset -4px -4px 10px rgba(255,255,255,.9)}.shbn-security-bot b,.shbn-security-bot span,.shbn-security-bot small{display:block}.shbn-security-bot.ok{border-right:4px solid #0d8f62}.shbn-security-bot.off{border-right:4px solid #c81e4a}.shbn-security-bot small{opacity:.75;margin-top:6px}

.shbn-pref-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 120px;gap:12px;align-items:center;padding:14px 16px;margin:10px 0;border-radius:18px;background:rgba(255,255,255,.55);box-shadow:inset 6px 6px 12px rgba(56,0,138,.08),inset -6px -6px 14px rgba(255,255,255,.8)}
.shbn-pref-row small{display:block;color:#735c91;margin-top:4px;line-height:1.8}
@media(max-width:720px){.shbn-pref-row{grid-template-columns:1fr}}

/* IPPanel + Bale login method selector */
.shbn-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:6px 0 16px}.shbn-method-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 12px;border:1px solid rgba(120,120,140,.22);border-radius:16px;cursor:pointer;text-align:center;transition:.2s ease;background:rgba(255,255,255,.32)}.shbn-method-card:hover{transform:translateY(-2px);border-color:rgba(80,70,180,.45)}.shbn-method-card input{position:absolute;top:10px;right:10px}.shbn-method-card:has(input:checked){box-shadow:inset 0 0 0 2px rgba(72,61,170,.55);border-color:transparent}.shbn-method-icon{font-size:26px}.shbn-method-card small{font-size:11px;line-height:1.7;opacity:.75}.shbn-selected-method{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:rgba(70,120,220,.08);text-align:center}.shbn-bale-guide.compact{margin-top:16px}.shbn-btn:disabled{opacity:.55;cursor:not-allowed}