/* 4gozineh brand layer v3 — whole WHMCS client area + login (loaded by includes/hooks/msaas_ui.php) */
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--g4-blue:#2f6bff;--g4-blue-600:#255ee6;--g4-blue-50:#eef3ff;--g4-ink:#0f172a;--g4-muted:#64748b;--g4-line:#e2e8f0;--g4-bg:#f6f8fc;--g4-smile:#f26b35;--g4-ok:#0f9d58;--g4-r:1rem;--g4-sh:0 2px 4px rgba(15,23,42,.025),0 12px 32px rgba(15,23,42,.055)}
html body,body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class*="fa-"]):not([class*="icon"]):not(.glyphicon):not(code):not(pre){font-family:Vazirmatn,Tahoma,sans-serif!important}
html body{background:var(--g4-bg)!important;color:var(--g4-ink)!important;direction:rtl;text-align:right;line-height:1.9}
a{color:var(--g4-blue)}a:hover,a:focus{color:var(--g4-blue-600)}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{color:var(--g4-ink);font-weight:800!important}

/* header / navbar */
header,#header,.header,.topbar,.navbar,.navbar-main,.main-navbar-wrapper,#main-menu{background:#fff!important;border:0!important;box-shadow:0 1px 0 var(--g4-line),0 6px 20px rgba(15,23,42,.04)!important}
.topbar{background:var(--g4-ink)!important}.topbar,.topbar a,.topbar .btn{color:#e2e8f0!important}
.navbar a,.navbar .nav-link,#main-menu a,.navbar-nav>li>a{color:var(--g4-ink)!important;font-weight:600;border-radius:.6rem}
.navbar a:hover,.navbar .nav-link:hover,#main-menu a:hover,.navbar-nav>li>a:hover,.navbar-nav>.active>a,.navbar-nav .active>.nav-link{color:var(--g4-blue)!important;background:var(--g4-blue-50)!important}
.dropdown-menu{border:1px solid var(--g4-line)!important;border-radius:.9rem!important;box-shadow:var(--g4-sh)!important;padding:.4rem!important;text-align:right}
.dropdown-menu a,.dropdown-item{border-radius:.5rem;color:var(--g4-ink)!important}.dropdown-menu a:hover,.dropdown-item:hover{background:var(--g4-blue-50)!important;color:var(--g4-blue)!important}
#header .logo img,.navbar-brand img,.logo img,.logo-img{max-height:48px!important;width:auto!important}
.master-breadcrumb,.breadcrumb{background:transparent!important;border:0!important;padding:.75rem 0!important;font-size:.9rem}
.breadcrumb a{color:var(--g4-muted)!important}

/* surfaces */
.panel,.card,.well,.tiles,.client-home-panels .panel,.sidebar .panel,.sidebar .card,.list-group{border:1px solid var(--g4-line)!important;border-radius:var(--g4-r)!important;box-shadow:var(--g4-sh)!important;background:#fff!important;overflow:hidden}
.panel-heading,.card-header{background:#fff!important;border-bottom:1px solid var(--g4-line)!important;color:var(--g4-ink)!important;font-weight:800}
.panel-heading .panel-title,.card-title{font-weight:800!important;color:var(--g4-ink)!important}
.panel-footer,.card-footer{background:#fbfcff!important;border-top:1px solid var(--g4-line)!important}
.list-group-item{border-color:var(--g4-line)!important;color:var(--g4-ink)}
.list-group-item:hover{background:var(--g4-blue-50)!important}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:var(--g4-blue)!important;border-color:var(--g4-blue)!important;color:#fff!important}
.tiles .tile{border-color:var(--g4-line)!important}.tiles .tile .stat{color:var(--g4-blue)!important;font-weight:800}.tiles .tile .highlight{background:var(--g4-blue)!important}
.tiles .tile:hover{background:var(--g4-blue-50)!important}

/* buttons & forms */
.btn{border-radius:.75rem!important;font-weight:700!important;padding:.55rem 1.1rem}
.btn-lg{padding:.8rem 1.5rem!important}
.btn-primary,.btn-info,.btn-default.btn-primary,.btn-success.btn-checkout,.btn-order-now{background:var(--g4-blue)!important;border-color:var(--g4-blue)!important;color:#fff!important;box-shadow:0 8px 20px rgba(47,107,255,.18)}
.btn-primary:hover,.btn-primary:focus,.btn-info:hover{background:var(--g4-blue-600)!important;border-color:var(--g4-blue-600)!important}
.btn-default,.btn-secondary,.btn-light,.btn-outline-primary{background:#fff!important;border:1px solid var(--g4-blue)!important;color:var(--g4-blue)!important}
.btn-default:hover,.btn-secondary:hover,.btn-light:hover,.btn-outline-primary:hover{background:var(--g4-blue-50)!important}
.btn-success{background:var(--g4-ok)!important;border-color:var(--g4-ok)!important;color:#fff!important}
.btn-warning{background:var(--g4-smile)!important;border-color:var(--g4-smile)!important;color:#fff!important}
.form-control,.custom-select,select.form-control,.input-group-text,.input-group-addon{border-radius:.65rem!important;border-color:#cbd5e1!important;min-height:44px}
.form-control:focus{border-color:var(--g4-blue)!important;box-shadow:0 0 0 3px rgba(47,107,255,.15)!important}
label{font-weight:700;color:var(--g4-ink)}
.input-group>.form-control{border-radius:.65rem!important}

/* states */
.label,.badge{border-radius:99px!important;padding:.3em .75em!important;font-weight:700}
.label-info,.badge-info,.bg-primary,.label-primary,.badge-primary{background:var(--g4-blue)!important}
.label-success,.badge-success,.status-active,.status-paid{background:var(--g4-ok)!important;color:#fff!important}
.label-warning,.badge-warning,.status-pending,.status-unpaid{background:var(--g4-smile)!important;color:#fff!important}
.alert{border-radius:.85rem!important;border:0!important}
.alert-info{background:var(--g4-blue-50)!important;color:#003bb8!important}
.alert-success{background:#e7f6ee!important;color:var(--g4-ok)!important}
.alert-warning{background:#fff3ec!important;color:#b94a18!important}
.alert-danger{background:#fdecea!important;color:#c62828!important}
.pagination>.active>a,.pagination>.active>span,.page-item.active .page-link{background:var(--g4-blue)!important;border-color:var(--g4-blue)!important}
.nav-tabs{border-color:var(--g4-line)!important}
.nav-tabs>li.active>a,.nav-tabs .nav-link.active,.nav-pills>li.active>a,.nav-pills .nav-link.active{background:var(--g4-blue)!important;color:#fff!important;border-color:var(--g4-blue)!important;border-radius:.6rem .6rem 0 0}
.nav-pills>li.active>a,.nav-pills .nav-link.active{border-radius:.6rem!important}

/* tables */
.table{background:#fff}
table.table>thead>tr>th,.table thead th,.dataTables_wrapper table thead th{background:var(--g4-blue-50)!important;color:var(--g4-ink)!important;border-color:var(--g4-line)!important;font-weight:800}
.table>tbody>tr:hover{background:#fafcff}
.table td,.table th{border-color:var(--g4-line)!important;vertical-align:middle!important}

/* footer */
footer,#footer,.footer{background:var(--g4-ink)!important;color:#cbd5e1!important;border:0!important}
footer a,#footer a,.footer a{color:#e2e8f0!important}

/* login page */
body.g4-login{background:radial-gradient(1200px 500px at 85% -10%,#dbe6ff 0,transparent 60%),linear-gradient(180deg,#f6f8fc,#eef3ff)!important;min-height:100vh}
body.g4-login .sidebar,body.g4-login .master-breadcrumb,body.g4-login .breadcrumb{display:none!important}
body.g4-login .g4-login-card{max-width:440px!important;margin:2.5rem auto!important;float:none!important;background:#fff!important;border:1px solid var(--g4-line)!important;border-radius:1.4rem!important;box-shadow:0 20px 50px rgba(47,107,255,.12)!important;padding:2rem 1.6rem!important}
body.g4-login .g4-login-card .card,body.g4-login .g4-login-card .panel{box-shadow:none!important;border:0!important}
body.g4-login .g4-login-brand{text-align:center;margin-bottom:1.3rem}
body.g4-login .g4-login-brand img{max-height:56px;margin-bottom:.8rem}
body.g4-login .g4-login-brand h1{font-size:1.35rem;margin:0 0 .25rem}
body.g4-login .g4-login-brand p{color:var(--g4-muted);margin:0;font-size:.92rem}
body.g4-login .g4-login-card .form-control{height:50px!important;font-size:1rem}
body.g4-login .g4-login-card .btn-primary,body.g4-login .g4-login-card input[type=submit],body.g4-login .g4-login-card button[type=submit]{width:100%;height:52px;font-size:1.05rem!important;background:var(--g4-blue)!important;border:0!important;color:#fff!important;border-radius:.8rem!important}
body.g4-login .g4-login-card .header-lined{display:none}
body.g4-login .g4-login-card input[type=email],body.g4-login .g4-login-card input[type=password]{direction:ltr;text-align:left}

/* mobile */
@media (max-width:767px){.btn{width:auto}.panel,.card{border-radius:.85rem!important}body.g4-login .g4-login-card{margin:1rem!important;padding:1.4rem 1.1rem!important}}

/* ===== g4 header (restored) ===== */
/* 4gozineh brand layer for WHMCS (loaded by includes/hooks/msaas_ui.php) */
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--g4-blue:#2f6bff;--g4-blue-600:#255ee6;--g4-blue-700:#003bb8;--g4-blue-50:#eef3ff;--g4-blue-100:#dbe7ff;--g4-ink:#0f172a;--g4-slate:#2e3a47;--g4-muted:#64748b;--g4-line:#e2e8f0;--g4-bg:#fafafa;--g4-soft:#f1f5f9;--g4-smile:#f26b35;--g4-ok:#0f9d58;--g4-shadow:0 2px 4px rgba(15,23,42,.025),0 12px 32px rgba(15,23,42,.055)}
body,h1,h2,h3,h4,h5,h6,p,a,span,li,td,th,label,.btn,input,select,textarea,button,.tooltip,.popover,.dropdown-menu{font-family:Vazirmatn,Tahoma,sans-serif!important}
body{background:var(--g4-bg)!important;color:var(--g4-ink)}
a{color:var(--g4-blue)}a:hover,a:focus{color:var(--g4-blue-600)}
#main-body-holder,#main-body{background:transparent!important}

/* ---------- header (g4 theme) ---------- */
.g4-wrap{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.g4-header{position:sticky;top:0;z-index:1030;direction:rtl;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--g4-line);box-shadow:0 4px 20px rgba(15,23,42,.035)}
.g4-header-inner{display:flex;align-items:center;gap:1rem;min-height:4.25rem}
.g4-brand,.g4-footer-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none!important;font-weight:900;font-size:1.25rem}
.g4-brand{color:var(--g4-slate)!important}.g4-brand img{width:44px;height:auto}
.g4-nav{margin-inline-start:auto}
.g4-nav ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}
.g4-nav a{display:block;padding:.55rem .8rem;border-radius:.6rem;color:#334155!important;font-weight:600;text-decoration:none!important}
.g4-nav a:hover{background:var(--g4-blue-50);color:var(--g4-blue)!important}
.g4-actions{display:flex;align-items:center;gap:.5rem}
.g4-btn{display:inline-flex;align-items:center;gap:.45rem;height:42px;padding:0 1rem;border-radius:.75rem;font-weight:700;text-decoration:none!important;border:1px solid transparent;white-space:nowrap;font-size:.95rem}
.g4-btn-primary{background:var(--g4-blue);color:#fff!important;box-shadow:0 8px 24px rgba(47,107,255,.22)}.g4-btn-primary:hover{background:var(--g4-blue-600)}
.g4-btn-ghost{background:#fff;border-color:var(--g4-line);color:var(--g4-ink)!important}.g4-btn-ghost:hover{border-color:#b9c9e6}
.g4-icon-btn,.g4-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:.75rem;border:1px solid var(--g4-line);background:#fff;color:var(--g4-ink)!important;text-decoration:none!important;cursor:pointer}
.g4-badge{position:absolute;top:-6px;left:-6px;background:var(--g4-smile);color:#fff;border-radius:999px;font-size:.7rem;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 4px}
.g4-toggle{display:none}
.g4-sub{background:#fff;border-top:1px solid var(--g4-line)}
.g4-sub ul{display:flex;gap:.35rem;list-style:none;margin:0;padding:.5rem 0;overflow-x:auto;scrollbar-width:none}
.g4-sub a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;color:var(--g4-slate)!important;font-weight:600;font-size:.9rem;white-space:nowrap;text-decoration:none!important}
.g4-sub a i{color:var(--g4-blue)}.g4-sub a:hover{background:var(--g4-blue-50)}
.g4-sub a.on{background:var(--g4-blue);color:#fff!important}.g4-sub a.on i{color:#fff}
@media(max-width:991px){
 .g4-toggle{display:inline-flex}.g4-hide-sm{display:none!important}
 .g4-nav{position:fixed;inset:4.25rem 0 auto 0;background:#fff;display:none;padding:1rem 1.25rem 1.5rem;border-bottom:1px solid var(--g4-line);box-shadow:0 24px 64px rgba(15,23,42,.1);margin:0}
 .g4-nav ul{flex-direction:column}.g4-open .g4-nav{display:block}
 .g4-brand span{font-size:1.05rem}
}

/* ---------- footer (g4 theme) ---------- */
.g4-footer{direction:rtl;margin-top:3rem;background-color:var(--g4-ink);background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;color:#cbd5e1;padding-top:3.5rem;font-size:.9375rem}
.g4-footer-grid{display:grid;gap:2rem;padding-bottom:2.5rem}
@media(min-width:760px){.g4-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.g4-footer-logo{color:#fff!important;margin-bottom:.75rem}.g4-footer-logo img{width:44px;background:#fff;border-radius:.6rem;padding:.2rem}
.g4-footer p{color:#cbd5e1;line-height:2}
.g4-footer h2{color:#fff!important;font-size:1rem;font-weight:800;margin:0 0 .9rem}
.g4-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.g4-footer a{color:#dbe7ff!important;text-decoration:none}.g4-footer a:hover{color:#fff!important;text-decoration:underline}
.g4-footer-call{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem}
.g4-footer-contact li{display:flex;gap:.55rem;align-items:flex-start}.g4-footer-contact i{color:#8fb0ff;margin-top:.35rem}
.g4-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-block:1.25rem;font-size:.8125rem}
.g4-footer-bottom p{margin:0}
.g4-float{position:fixed;left:1rem;bottom:1rem;z-index:1040;display:inline-flex;align-items:center;gap:.6rem;background:var(--g4-blue);color:#fff!important;padding:.6rem 1rem;border-radius:999px;box-shadow:0 12px 32px rgba(47,107,255,.3);text-decoration:none!important;font-size:.8rem;line-height:1.5;direction:rtl}
.g4-float i{font-size:1.1rem}
@media(max-width:600px){.g4-float span{display:none}.g4-float{padding:.8rem}}

/* ---------- common components (all pages) ---------- */
.btn{border-radius:.75rem}
.btn-primary,.btn-info{background:var(--g4-blue)!important;border-color:var(--g4-blue)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-info:hover{background:var(--g4-blue-600)!important;border-color:var(--g4-blue-600)!important}
.btn-success{background:var(--g4-ok)!important;border-color:var(--g4-ok)!important}
.btn-warning{background:var(--g4-smile)!important;border-color:var(--g4-smile)!important;color:#fff!important}
.btn-default{background:#fff;border-color:var(--g4-line)}
.panel,.card,.well,.list-group{border:1px solid var(--g4-line)!important;border-radius:1rem!important;box-shadow:var(--g4-shadow);overflow:hidden}
.panel-heading,.card-header{background:#fff!important;border-bottom:1px solid var(--g4-line)!important;color:var(--g4-ink)!important;font-weight:800}
.panel-title,.card-title{font-weight:800}
.card-header i,.panel-heading i{color:var(--g4-blue)!important}
.form-control{border-radius:.6rem;border-color:#cbd5e1;min-height:42px}.form-control:focus{border-color:var(--g4-blue);box-shadow:0 0 0 3px rgba(47,107,255,.15)}
.label-info,.badge-info,.bg-primary{background:var(--g4-blue)!important}.label-success,.badge-success{background:var(--g4-ok)!important}
.list-group-item{border-color:var(--g4-line)}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:var(--g4-blue)!important;border-color:var(--g4-blue)!important;color:#fff!important}
.pagination>.active>a,.pagination>.active>span,.page-item.active .page-link{background:var(--g4-blue)!important;border-color:var(--g4-blue)!important}
.nav-tabs>li.active>a,.nav-pills>li.active>a,.nav-pills .nav-link.active{background:var(--g4-blue)!important;color:#fff!important;border-radius:.6rem}
table.table>thead>tr>th,.table thead th{background:var(--g4-blue-50)!important;color:var(--g4-ink)!important;border-color:var(--g4-line)!important;font-weight:700}
.alert{border-radius:.75rem}.alert-info{background:var(--g4-blue-50);border-color:var(--g4-blue-100);color:var(--g4-blue-700)}
.breadcrumb{background:transparent!important;padding:.75rem 0}
.header-lined h1,.page-header h1{font-weight:900;color:var(--g4-ink)}
/* Arash dashboard tiles */
.tiles .tile{background:#fff!important;border:1px solid var(--g4-line)!important;border-radius:1rem!important;box-shadow:var(--g4-shadow)!important;transition:.15s;cursor:pointer}
.tiles .tile:hover{transform:translateY(-2px);border-color:#b9c9e6!important}
.tiles .tile i,.tiles .tile .glassb,.tile [class*=icon]{color:var(--g4-blue)!important;border-color:var(--g4-blue-100)!important;background:var(--g4-blue-50)!important}
.tiles .tile h1,.tiles .tile h2,.tiles .tile h3,.tiles .tile h4,.tiles .tile .title,.tiles .tile [class*=title]{color:var(--g4-ink)!important;font-weight:800}
.tiles .tile .stat,.tiles .tile [class*=stat]{color:var(--g4-blue)!important}

/* ---------- v2: sizes, logo, legacy ---------- */
html{font-size:16px}body{font-size:1rem;line-height:1.9}
.g4-legacy{display:none!important}
.g4-brand img{height:40px;width:auto;max-width:190px}
.g4-footer-logo img{height:40px;width:auto;max-width:190px;padding:.35rem .6rem}
.ms .ms-hero h1{font-size:1.75rem}.ms .ms-hero p{font-size:1.1rem}
.ms h2{font-size:1.25rem!important}
.ms label.f{font-size:1.05rem!important}
.ms .ms-plan .t{font-size:1.35rem!important}
.ms .ms-plan .d{font-size:1rem!important;color:#475569!important}
.ms .ms-plan .p{font-size:1.05rem!important}.ms .ms-plan .p b{font-size:1.7rem!important}
.ms .hint{font-size:.95rem!important}
.ms .ms-sum dl{font-size:1.02rem!important}.ms .ms-total b{font-size:1.6rem!important}
.ms input[type=text],.ms input[type=password],.ms input[type=number],.ms select{height:50px!important;font-size:1.05rem!important}
.table td,.table th{font-size:.98rem}
/* auto: violet -> 4gozineh blue (50 rules) */
.g-box-shadow__blueviolet-v1{box-shadow:0 0 3.125rem 0 rgba(47,107,255,0.3)!important}
.g-color--blueviolet{color:#2f6bff!important}
.g-bg-color--blueviolet{background-color:#2f6bff!important}
.g-bg-color--primary-to-blueviolet-ltr{background-image:linear-gradient(145deg,rgba(19,177,205,0.95) 0%,rgba(47,107,255,0.95) 100%)!important}
.bg-market-main , .client-menu  .dropdown , .panel-sidebar>.panel-heading ,#main-menu .top-access-open-ticket , .btn-primary{background-color:#2f6bff!important}
.navbar-nav .open .dropdown-menu{background-color:#2f6bff!important}
.alert-primary hr{border-top-color:#2f6bff!important}
.alert-primary .alert-link{color:#2f6bff!important}
.navbar-main li.account{background-color:#2f6bff!important}
.home-shortcuts{background:#2f6bff!important}
div.credit-card .logo-visa{color:#2f6bff!important}
.bg-market-main{background-color: #2f6bff!important}
.products .fas.fa-cart-plus .row:nth-child(1) .col-md-4:nth-child(1) .tree-steps-hosting-plans.cart-whmcs-custom-hosting-order .tree-steps-hosting-plans-icon{background-color:#2f6bff!important}
.listtable .dataTables_filter .btn-search{background:#2f6bff!important}
.btn.ticket-action,.btn.service-action,.btn.invoice-action,.btn.domain-action{background:#2f6bff!important}
.client-menu .dropdown{background:#2f6bff!important}
.client-menu .dropdown:hover{background:#2f6bff!important}
.tiles .tile .icon2{color:#2f6bff!important;background-color:#2f6bff!important}
.tiles .tile .title1{color:#2f6bff!important}
#home-latest-announements .section-more-btn{background:#2f6bff!important}
.sidebar .list-group a:hover,.sidebar .list-group a.active{color:#2f6bff!important}
.price-list tbody tr td:first-child span{color:#2f6bff!important}
.price-list tbody tr td:first-child span .fa{color:#2f6bff!important}
strong{color:#2f6bff!important}
#order-standard_cart .products .product header{background:#2f6bff!important}
.breadcrumb{color:#2f6bff!important}
.fa.fa-circle.fa-stack-2x{color:#2f6bff!important}
.ticket-replies .replies-admin .replies-user-info .replies-user-type{background:#2f6bff!important;border:2px solid #2f6bff!important}
.ticket-replies .replies-admin .replies-attahcments{background:#2f6bff!important}
#modal-ticket-attachments ul li .fa{background:#2f6bff!important}
.ticket-status span{background-color:#2f6bff!important}
.card-title-link{color:#2f6bff!important}
.downloads{border-right:5px solid #2f6bff!important;color:#2f6bff!important}
.knowledge-base-cats .knowledge-cat .cat-title-container{background:#2f6bff!important}
.knowledge-base-cats .knowledge-cat .cat-badge{background:#2f6bff!important}
.knowledge-item .knowledge-item-info{background:#2f6bff!important}
.knowledge-item .knowledge-item-view-more{background:#2f6bff!important}
.announcements-3-col .announcement-item .announcement-date{background-color:#2f6bff!important}
#order-standard_cart .products .product div.product-pricing span.price{color:#2f6bff!important}
.full-width-img-text{background-color:#2f6bff!important}
.form-control.focus,.form-control:focus{border-color:#2f6bff!important}
.green-box .box{border:3px solid #2f6bff!important}
.line-under-text h3{color:#2f6bff!important}
section.index-counter.after_slider{background-color:#2f6bff!important}
.needs .item p{color:#2f6bff!important}
#products .btn-success{background-color: #2f6bff!important}
span.price{color: #2f6bff!important}
/* v3-start */
.g4-aff-hero{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2f6bff,#4d7cff);color:#fff;border-radius:1.25rem;padding:1.75rem;margin:1.25rem 0 0;box-shadow:0 12px 32px rgba(47,107,255,.22);direction:rtl}
.g4-aff-hero h2{color:#fff!important;font-size:1.5rem;font-weight:900;margin:.6rem 0}
.g4-aff-hero p{color:#eef3ff;font-size:1.05rem;line-height:2;margin:0 0 .8rem}
.g4-aff-hero ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.g4-aff-hero li{display:flex;gap:.5rem;align-items:center;font-size:1rem;color:#fff}.g4-aff-hero li i{color:#bfe0ff}
.g4-pill{display:inline-block;background:rgba(255,255,255,.18);border-radius:999px;padding:.25rem .8rem;font-size:.85rem;font-weight:700}
.g4-aff-badge{flex:0 0 150px;height:150px;border-radius:50%;background:#fff;color:var(--g4-blue);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(15,23,42,.18)}
.g4-aff-badge b{font-size:2.6rem;font-weight:900;line-height:1.2}.g4-aff-badge span{font-weight:700}
@media(max-width:760px){.g4-aff-hero{flex-direction:column-reverse;text-align:right}.g4-aff-badge{flex-basis:auto;width:120px;height:120px}}
.g4-tpl-affiliates #main-body [class*="affiliate"],.g4-tpl-affiliates #main-body [class*="stat"],.g4-tpl-affiliates #main-body [class*="gradient"],.g4-tpl-affiliates #main-body [class*="bg-"]{background:#fff!important;background-image:none!important;color:var(--g4-ink)!important;border:1px solid var(--g4-line)!important;border-radius:1rem!important;box-shadow:var(--g4-shadow)!important;margin-bottom:1rem}
.g4-tpl-affiliates #main-body [class*="stat"] i,.g4-tpl-affiliates #main-body [class*="affiliate"] i,.g4-tpl-affiliates #main-body [class*="gradient"] i{color:var(--g4-blue)!important;font-size:2.2rem}
.g4-tpl-affiliates #main-body [class*="stat"] span,.g4-tpl-affiliates #main-body [class*="stat"] h1,.g4-tpl-affiliates #main-body [class*="stat"] h2,.g4-tpl-affiliates #main-body [class*="stat"] h3{color:var(--g4-blue)!important;font-weight:900}
.g4-tpl-affiliates #main-body input[readonly],.g4-tpl-affiliates #main-body .form-control{direction:ltr;text-align:left;font-size:.95rem}
/* v3-end */
/* ===== g4 v3.5 overrides (softer blue, panels, tickets, affiliates) ===== */
:root{--g4-blue:#2f6bff;--g4-blue-600:#255ee6;--g4-blue-50:#eef3ff}
.btn-primary,.btn-info,.btn-default.btn-primary,.btn-order-now{background:#2f6bff!important;border-color:#2f6bff!important;box-shadow:0 6px 16px rgba(47,107,255,.18)!important}
.btn-primary:hover,.btn-info:hover{background:#255ee6!important;border-color:#255ee6!important}
.g4-usage{direction:rtl;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.1rem;margin:0 0 1.25rem;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.g4u-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.g4u-box{background:#f8faff;border:1px solid #e6ecfb;border-radius:.9rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.g4u-box span{color:#64748b;font-size:.92rem}.g4u-box b{font-size:1.35rem;color:#0f172a}.g4u-box small{color:#64748b;font-size:.85rem}
.g4u-bar{height:9px;background:#e6ecfb;border-radius:99px;overflow:hidden;margin:.3rem 0}.g4u-bar i{display:block;height:100%;background:#2f6bff;border-radius:99px}
.g4u-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.g4u-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.1rem;border-radius:.75rem;background:#2f6bff;color:#fff!important;font-weight:700;text-decoration:none!important;border:1px solid #2f6bff}
.g4u-btn.o{background:#fff;color:#2f6bff!important}.g4u-btn:hover{background:#255ee6;color:#fff!important}
.g4t,.g4a{direction:rtl;font-family:Vazirmatn,Tahoma,sans-serif;color:#0f172a;max-width:1000px;margin:0 auto 2rem}
.g4t-head,.g4a-head{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;margin-bottom:1rem}
.g4t-head h1,.g4a-head h1{font-size:1.35rem;font-weight:800;margin:0}
.g4t-search{flex:1;min-width:200px;max-width:360px;height:44px;border:1px solid #cbd5e1;border-radius:.75rem;padding:0 .9rem;font:inherit}
.g4t-list{display:flex;flex-direction:column;gap:.6rem}
.g4t-item{display:flex;gap:1rem;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;padding:.9rem 1rem;text-decoration:none!important;color:inherit!important;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.g4t-item:hover{border-color:#b9ccff;background:#fbfcff}
.g4t-item .s{font-weight:700;font-size:1.02rem}.g4t-item .m{color:#64748b;font-size:.85rem;margin-top:.2rem}
.g4t-item.unread .s:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#f26b35;margin-left:.4rem}
.g4t-st{white-space:nowrap;border-radius:99px;padding:.3rem .8rem;font-size:.82rem;font-weight:700;color:#fff}
.g4t-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:1rem;padding:2rem;text-align:center;color:#64748b}
.g4a-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}
.g4a-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.g4a-card span{display:block;color:#64748b;font-size:.88rem}.g4a-card b{display:block;font-size:1.35rem;margin-top:.25rem}
.g4a-card.hi{background:linear-gradient(135deg,#2f6bff,#6b93ff);border:0;color:#fff}.g4a-card.hi span{color:#e6edff}
.g4a-box{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.1rem;margin-bottom:1rem}
.g4a-box h2{font-size:1.05rem;font-weight:800;margin:0 0 .7rem}
.g4a-link{display:flex;gap:.5rem;flex-wrap:wrap}.g4a-link input{flex:1;min-width:220px;height:46px;border:1px solid #cbd5e1;border-radius:.75rem;padding:0 .8rem;direction:ltr;font:inherit;background:#f8faff}
.g4a table{width:100%;border-collapse:collapse;font-size:.92rem}.g4a th{background:#eef3ff;padding:.6rem;font-weight:700}.g4a td{border-top:1px solid #e2e8f0;padding:.6rem;text-align:center}
.g4a-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.g4a-steps div{background:#f8faff;border-radius:.8rem;padding:.8rem;font-size:.92rem;line-height:1.9}.g4a-steps b{color:#2f6bff}
.g4home{direction:rtl;margin:0 0 1.5rem}.g4home-head{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;margin-bottom:.9rem}.g4home-head h2{font-size:1.25rem;font-weight:800;margin:0}
.g4c{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.1rem;margin-bottom:1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.g4c-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.8rem}
.g4c-t{font-weight:800;font-size:1.15rem;direction:ltr;text-align:right}.g4c-p{color:#64748b;font-size:.9rem;margin-top:.15rem}
.g4c-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}
.g4s-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;padding:.9rem 1rem;margin-bottom:.6rem;text-decoration:none!important;color:inherit!important}
.g4s-item .s{font-weight:700}.g4s-item .m{color:#64748b;font-size:.85rem;margin-top:.2rem}
.g4c-res{background:#f8faff;border:1px solid #dbe5ff;border-radius:1rem;padding:1rem;margin-top:1rem}
.g4c-res-h{font-weight:800;font-size:1.05rem;margin-bottom:.7rem}
.g4c-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}
.g4c-tile{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:2px solid #dbe5ff;border-radius:.9rem;padding:.9rem 1rem;text-decoration:none!important;color:#0f172a!important;transition:.15s}
.g4c-tile:hover{border-color:#2f6bff;box-shadow:0 8px 20px rgba(47,107,255,.12)}
.g4c-tile i{font-style:normal;font-size:1.4rem}.g4c-tile b{font-size:1.02rem;color:#2f6bff}.g4c-tile span{color:#64748b;font-size:.88rem}
.g4c-note{color:#64748b;font-size:.85rem;line-height:1.9;margin-top:.7rem}
/* markdown editor: hide empty icon buttons, keep preview */
.md-editor .md-header .btn[data-handler]:not([data-handler*="Preview"]){display:none!important}
.md-editor .md-header .btn{border:1px solid #cbd5e1!important;background:#fff!important;color:#2f6bff!important;box-shadow:none!important}
.g4q{background:#f8faff;border:1px solid #dbe5ff;border-radius:1rem;padding:1rem;margin-top:1rem}
.g4q-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 0;border-bottom:1px dashed #dbe5ff}
.g4q-l{font-weight:700}.g4q-l small{display:block;font-weight:400;color:#64748b;font-size:.85rem}
.g4q-plans{display:flex;flex-wrap:wrap;gap:.4rem}.g4q-plan{margin:0;border:2px solid #dbe5ff;border-radius:99px;padding:.35rem .9rem;cursor:pointer;background:#fff;font-weight:600}
.g4q-plan input{display:none}.g4q-plan.on{border-color:#2f6bff;background:#2f6bff;color:#fff}
.g4q-step{display:flex;align-items:center;gap:.4rem}.g4q-step button{width:44px;height:44px;border-radius:.7rem;border:1px solid #cbd5e1;background:#fff;font-size:1.25rem;font-weight:800;color:#2f6bff}
.g4q-step output{min-width:70px;text-align:center;font-size:1.3rem;font-weight:800}
.g4q-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.8rem}.g4q-sum{line-height:1.9}.g4q-sum b{color:#2f6bff}
.g4q-go:disabled{opacity:.5}