@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:100;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:300;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:400;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:500;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:700;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:800;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';font-style:normal;font-weight:900;src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');}
@font-face{font-family:'Lahzeh Variable';src:url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2-variations'),url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff-variations');font-weight:100 900;font-style:normal;font-display:swap;}

:root{
--brand:#1565c0;--brand-dark:#0d47a1;--brand-light:#42a5f5;--brand-soft:#e3f2fd;
--brand-gradient:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);
--accent:#00bcd4;
--bg-page:#f5f7fa;--text-dark:#1a2332;--text-body:#374151;--text-muted2:#6b7280;
--border-soft:#e5e7eb;--footer-bg:#0f172a;--footer-bg-2:#0a1120;
--footer-text:#cbd5e1;--footer-muted:#94a3b8;
--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow-md:0 4px 14px rgba(15,23,42,.08);--shadow-lg:0 12px 32px rgba(15,23,42,.12);
--radius:12px;--radius-sm:8px;--transition:all .25s ease;
}

html,body{direction:rtl;font-family:'Lahzeh Variable','Vazirmatn',Tahoma,sans-serif!important;color:var(--text-body);background-color:var(--bg-page);}
h1,h2,h3,h4,h5,h6{font-family:'Lahzeh Variable','Vazirmatn',Tahoma,sans-serif!important;color:var(--text-dark);font-weight:800!important;}
h4,h5,h6{font-weight:700!important;font-size:18px;}
p,button,a,li,input,textarea,select{font-family:'Lahzeh Variable','Vazirmatn',Tahoma,sans-serif!important;}
a{color:var(--brand);text-decoration:none;}a:hover{color:var(--brand-dark);text-decoration:none;}
section#main-body{background-color:var(--bg-page);padding:32px 0;}

/* TOP BAR */
.top-bar{background:var(--brand-gradient);color:rgba(255,255,255,.92);font-size:13px;padding:8px 0;}
.top-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.top-bar-contact{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.top-bar-contact a,.top-bar-contact span{color:rgba(255,255,255,.88);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.top-bar-contact a:hover{color:#fff;}.top-bar-contact i{font-size:12px;opacity:.85;}
.top-bar-actions{display:flex;align-items:center;gap:8px;}
.top-bar-btn{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:5px 12px;font-size:13px;line-height:1.2;display:inline-flex;align-items:center;gap:6px;transition:var(--transition);cursor:pointer;}
.top-bar-btn:hover{background:rgba(255,255,255,.22);color:#fff;}
.top-bar-btn .badge-count{background:#ff5252;color:#fff;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.4;}
.top-bar-btn .iti-flag{display:inline-block;width:18px;height:12px;box-shadow:none;}

/* HEADER */
.header{background:#fff;}
.main-header{background:#fff;padding:16px 0;box-shadow:var(--shadow-sm);position:relative;z-index:30;}
.main-header-inner{display:flex;align-items:center;gap:24px;}
.main-header .navbar-brand{margin:0;padding:0;flex-shrink:0;}
.logo-img{max-height:56px;max-width:220px;}
.logo-text{font-size:24px;font-weight:900;color:var(--brand);}
.header-search{flex:1;max-width:520px;margin:0 auto;}
.header-search .input-group{background:#f3f6fb;border:1px solid var(--border-soft);border-radius:40px;overflow:hidden;transition:var(--transition);}
.header-search .input-group:focus-within{border-color:var(--brand-light);background:#fff;box-shadow:0 0 0 4px rgba(21,101,192,.08);}
.header-search .form-control{background:transparent;border:0;padding:10px 18px;font-size:14px;box-shadow:none;}
.header-search .form-control:focus{box-shadow:none;background:transparent;}
.header-search .input-group-append .btn{background:transparent;border:0;color:var(--brand);padding:0 18px;font-size:15px;}
.header-tools{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.tool-btn{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#f3f6fb;border:1px solid var(--border-soft);color:var(--text-dark);font-size:17px;transition:var(--transition);cursor:pointer;}
.tool-btn:hover{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-light);}
.tool-btn .badge-count{position:absolute;top:-6px;left:-6px;background:#ff5252;color:#fff;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700;min-width:18px;text-align:center;}

/* NAVBAR */
.main-navbar-wrapper{background:#fff;border-top:1px solid var(--border-soft);border-bottom:3px solid var(--brand);position:sticky;top:0;z-index:25;box-shadow:var(--shadow-sm);}
.main-navbar-wrapper .navbar{padding:0;}
#nav{gap:4px;margin:0;}
.main-navbar-wrapper .navbar-nav .nav-link{color:var(--text-dark)!important;font-size:15px;font-weight:600;padding:14px 16px!important;position:relative;transition:var(--transition);border-radius:0;}
.main-navbar-wrapper .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;right:50%;transform:translateX(50%);width:0;height:3px;background:var(--brand);transition:width .25s ease;border-radius:3px 3px 0 0;}
.main-navbar-wrapper .navbar-nav .nav-link:hover,.main-navbar-wrapper .navbar-nav .nav-link.active{color:var(--brand)!important;background:var(--brand-soft);}
.main-navbar-wrapper .navbar-nav .nav-link:hover::after,.main-navbar-wrapper .navbar-nav .nav-link.active::after{width:60%;}
.main-navbar-wrapper .dropdown-menu{border:0;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:8px 0;margin-top:0;text-align:right;}
.main-navbar-wrapper .dropdown-item{padding:9px 18px;font-size:14px;color:var(--text-body);}
.main-navbar-wrapper .dropdown-item:hover{background:var(--brand-soft);color:var(--brand);}
.main-navbar-wrapper .dropdown-item.active{background:var(--brand);color:#fff;}

/* HERO */
.hero-section{position:relative;background:var(--brand-gradient);color:#fff;padding:90px 0 130px;overflow:hidden;}
.hero-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.10) 0,transparent 42%),radial-gradient(circle at 85% 80%,rgba(0,188,212,.18) 0,transparent 45%);pointer-events:none;}
.hero-content{position:relative;z-index:2;max-width:680px;}
.hero-title{color:#fff!important;font-size:42px;font-weight:900!important;line-height:1.45;margin-bottom:18px;}
.hero-title span{color:#bbdefb;}
.hero-subtitle{font-size:17px;line-height:1.9;color:rgba(255,255,255,.88);margin-bottom:30px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.btn-hero-primary,.btn-hero-outline{padding:13px 32px;border-radius:40px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);border:2px solid transparent;}
.btn-hero-primary{background:#fff;color:var(--brand)!important;}
.btn-hero-primary:hover{background:#e3f2fd;transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--brand-dark)!important;}
.btn-hero-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55);}
.btn-hero-outline:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff!important;}
.hero-decor{position:absolute;border-radius:50%;filter:blur(2px);opacity:.14;pointer-events:none;}
.hero-decor-1{width:380px;height:380px;background:#fff;top:-120px;left:-100px;}
.hero-decor-2{width:260px;height:260px;background:var(--accent);bottom:-110px;right:-60px;}

.domain-search-wrapper{position:relative;z-index:5;margin-top:-70px;}
.home-domain-search{background:#fff;border-radius:var(--radius);padding:26px 28px!important;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}
.home-domain-search h2{font-size:20px;margin-bottom:6px;}
.home-domain-search .input-group-wrapper{background:#f3f6fb!important;border:2px solid var(--border-soft)!important;border-radius:40px!important;padding:5px 6px!important;margin:16px 0!important;transition:var(--transition);}
.home-domain-search .input-group-wrapper:focus-within{border-color:var(--brand-light)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(21,101,192,.08);}
.home-domain-search .input-group-wrapper .form-control{border:0!important;background:transparent!important;padding:10px 16px;font-size:15px;}
.home-domain-search .input-group-wrapper .btn{border-radius:40px!important;padding:10px 24px!important;margin:0 2px!important;font-weight:600;}
.home-domain-search .tld-logos{display:none;}

/* SECTIONS */
.home-section{padding:70px 0;}
.home-section:nth-child(even){background:#fff;}
.section-head{text-align:center;margin-bottom:46px;}
.section-title{position:relative;display:inline-block;font-size:28px;margin-bottom:10px;padding-bottom:14px;}
.section-title::after{content:"";position:absolute;bottom:0;right:50%;transform:translateX(50%);width:60px;height:4px;border-radius:4px;background:var(--brand-gradient);}
.section-subtitle{color:var(--text-muted2);font-size:15px;margin:0;}

.services-grid>[class*="col-"]{margin-bottom:24px;}
.service-card{position:relative;height:100%;background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);padding:34px 26px 28px;text-align:center;transition:var(--transition);overflow:hidden;}
.service-card::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--brand-gradient);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}
.service-card:hover::before{transform:scaleX(1);}
.service-icon{width:74px;height:74px;margin:0 auto 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--brand);background:var(--brand-soft);transition:var(--transition);}
.service-card:hover .service-icon{background:var(--brand-gradient);color:#fff;transform:rotate(-6deg) scale(1.05);}
.service-title{font-size:18px;margin-bottom:10px;}
.service-desc{color:var(--text-muted2);font-size:14px;line-height:1.85;min-height:52px;margin-bottom:20px;}
.btn-service{display:inline-flex;align-items:center;gap:8px;background:var(--brand-soft);color:var(--brand)!important;border-radius:30px;padding:9px 22px;font-size:14px;font-weight:700;transition:var(--transition);}
.btn-service:hover{background:var(--brand);color:#fff!important;}
.btn-service i{transition:transform .25s ease;}
.btn-service:hover i{transform:translateX(-4px);}

.features-section{background:#fff;}
.feature-box{text-align:center;padding:30px 20px;border-radius:var(--radius);transition:var(--transition);height:100%;}
.feature-box:hover{background:var(--bg-page);transform:translateY(-4px);}
.feature-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:var(--brand-gradient);box-shadow:0 8px 20px rgba(21,101,192,.30);}
.feature-box h4{font-size:16px;margin-bottom:8px;}
.feature-box p{color:var(--text-muted2);font-size:13.5px;line-height:1.85;margin:0;}

.stats-section{background:var(--brand-gradient)!important;color:#fff;padding:50px 0;}
.stat-item{text-align:center;padding:10px;}
.stat-num{display:block;font-size:34px;font-weight:900;color:#fff;line-height:1.2;}
.stat-label{display:block;margin-top:6px;font-size:14px;color:rgba(255,255,255,.85);}

.action-icon-btns{margin:0 -8px;}
.action-icon-btns>[class*="col-"]{margin-bottom:16px;}
.action-icon-btns a{display:block;height:100%;padding:26px 14px;text-align:center;background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--text-body);font-weight:600;font-size:14px;transition:var(--transition);text-decoration:none;}
.action-icon-btns a .ico-container{margin:0 auto 14px;width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--bg-page);color:var(--brand);transition:var(--transition);}
.action-icon-btns a:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-light);color:var(--brand);}
.action-icon-btns a:hover .ico-container{background:var(--brand-gradient);color:#fff;}

/* CARDS / BUTTONS / FORMS */
body .primary-content .card,body .primary-content .mc-promo-manage,body .primary-content .mc-promo-login{border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;}
body .primary-content .card .card-body{padding:26px;}
body .primary-content .card-title{font-size:20px;margin-bottom:16px;}
.btn{border-radius:var(--radius-sm);font-weight:600;}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;color:#fff!important;}
.btn-outline-primary{color:var(--brand)!important;border-color:var(--brand)!important;background:transparent;}
.btn-outline-primary:hover{background:var(--brand)!important;color:#fff!important;}
.btn-default{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:#fff;color:var(--text-body);}
.btn-default:hover{background:var(--brand-soft);border-color:var(--brand-light);color:var(--brand);}
.form-control{border-radius:var(--radius-sm);border:1px solid var(--border-soft);padding:10px 14px;font-size:14px;transition:var(--transition);}
.form-control:focus{border-color:var(--brand-light);box-shadow:0 0 0 4px rgba(21,101,192,.08);}

/* BREADCRUMB */
.master-breadcrumb{background:#fff;border-bottom:1px solid var(--border-soft);}
.master-breadcrumb .breadcrumb{background:transparent;margin:0;padding:14px 0;font-size:13.5px;}
.master-breadcrumb .breadcrumb a{color:var(--text-muted2);}
.master-breadcrumb .breadcrumb a:hover{color:var(--brand);}
.master-breadcrumb .breadcrumb .breadcrumb-item.active{color:var(--brand);font-weight:600;}

/* FOOTER */
.footer{background:var(--footer-bg);color:var(--footer-text);margin:0;padding:0;}
.footer-main{padding:60px 0 30px;}
.footer-brand{margin-bottom:16px;}
.footer-logo{max-height:50px;max-width:200px;}
.footer-logo-text{font-size:22px;font-weight:900;color:#fff;}
.footer-about{color:var(--footer-muted);font-size:14px;line-height:1.9;margin-bottom:18px;}
.footer-contact div{color:var(--footer-muted);font-size:13.5px;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.footer-contact i{color:var(--brand-light);width:16px;text-align:center;}
.footer-contact a{color:var(--footer-muted);}
.footer-contact a:hover{color:#fff;}
.footer-title{color:#fff;font-size:16px;margin-bottom:20px;position:relative;padding-bottom:10px;}
.footer-title::after{content:"";position:absolute;bottom:0;right:0;width:36px;height:3px;border-radius:3px;background:var(--brand-light);}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:var(--footer-muted);font-size:14px;transition:var(--transition);display:inline-flex;align-items:center;gap:6px;}
.footer-links a:hover{color:#fff;}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--footer-muted)!important;margin-left:6px;transition:var(--transition);}
.footer-social a:hover{background:var(--brand);color:#fff!important;transform:translateY(-3px);}
.footer-bottom{background:var(--footer-bg-2);border-top:1px solid rgba(255,255,255,.06);padding:16px 0;}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.footer-bottom .copyright{color:var(--footer-muted);font-size:13px;margin:0;}
.footer-lang-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--footer-text)!important;border-radius:6px;padding:6px 12px;font-size:13px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition);}
.footer-lang-btn:hover{background:rgba(255,255,255,.12);}
.footer-lang-btn .iti-flag{display:inline-block;width:18px;height:12px;}

/* RTL FIXES */
.dropdown-menu{text-align:right;}
.dropdown-toggle::after{margin-right:.255em;margin-left:0;}
.modal-header .close{margin:-1rem -1rem -1rem auto;}
.client-alerts .message{margin-right:28px;}

/* RESPONSIVE */
@media(max-width:1199.98px){
.main-navbar-wrapper{position:static;}
.main-navbar-wrapper .navbar-nav .nav-link{padding:10px 14px!important;}
#nav{margin-bottom:8px;}
}
@media(max-width:991.98px){
.hero-title{font-size:30px;}
.hero-section{padding:60px 0 110px;}
.home-section{padding:50px 0;}
.section-title{font-size:23px;}
.stat-num{font-size:26px;}
}
@media(max-width:767.98px){
.top-bar-contact{gap:12px;font-size:12px;}
.top-bar-actions{width:100%;justify-content:flex-end;}
.hero-title{font-size:26px;}
.hero-subtitle{font-size:15px;}
.btn-hero-primary,.btn-hero-outline{padding:11px 22px;font-size:14px;}
.domain-search-wrapper{margin-top:-50px;}
.home-domain-search{padding:20px 18px!important;}
.footer-main{padding:40px 0 20px;}
.footer-bottom-inner{justify-content:center;text-align:center;}
}
@media(max-width:575.98px){
.top-bar-inner{flex-direction:column;align-items:stretch;gap:8px;}
.top-bar-contact{justify-content:center;}
.top-bar-actions{justify-content:center;flex-wrap:wrap;}
.header-tools .cart-btn{display:none;}
.main-header-inner{gap:12px;}
.hero-actions{flex-direction:column;}
.hero-actions .btn{width:100%;justify-content:center;}
}
/* Homepage refresh: polished RTL sections using WHMCS product-group data. */
:root {
  --brand: #1265d8;
  --brand-dark: #0d4eb0;
  --brand-light: #55a9ff;
  --brand-soft: #eaf4ff;
  --brand-gradient: linear-gradient(135deg, #1676eb 0%, #0757c7 100%);
  --accent: #01a8ba;
}

.home-section { padding: 58px 0; }
.home-section:nth-child(even) { background: #fff; }
.section-head { margin-bottom: 30px; }
.section-head-right { text-align: right; }
.section-kicker { display: inline-block; margin-bottom: 7px; color: #01a8ba; font-size: 13px; font-weight: 800; }
.section-head-right .section-title::after { right: 0; transform: none; }
.section-title { color: #142b50; }

.services-section { padding-top: 46px; }
.services-grid > [class*="col-"] { margin-bottom: 18px; }
.services-grid .service-card {
  display: flex;
  min-height: 244px;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 20px;
  text-align: right;
  border: 1px solid #e8eef7;
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(19, 67, 125, .07);
}
.services-grid .service-card::before { display: none; }
.services-grid .service-card:hover { border-color: #b9d8ff; box-shadow: 0 14px 30px rgba(19, 67, 125, .12); }
.services-grid .service-icon { width: 48px; height: 48px; margin: 0 0 14px; border-radius: 14px; color: #1265d8; background: #eaf4ff; font-size: 21px; }
.services-grid .service-card:hover .service-icon { color: #fff; background: var(--brand-gradient); transform: none; }
.services-grid .service-title { margin-bottom: 6px; font-size: 17px; }
.services-grid .service-desc { min-height: 48px; margin-bottom: 13px; font-size: 13px; }
.services-grid .btn-service { align-self: stretch; justify-content: center; margin-top: auto; padding: 8px 12px; border: 1px solid #cfe2ff; border-radius: 8px; background: #fff; }
.services-grid .btn-service:hover { color: #fff!important; background: #1265d8; }

.home-benefits { padding-top: 30px; padding-bottom: 36px; background: #f5f9ff; }
.benefit-grid > [class*="col-"] { margin-bottom: 12px; }
.benefit-box { height: 100%; padding: 18px 12px; text-align: center; background: #fff; border: 1px solid #edf2f8; border-radius: 14px; }
.benefit-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 8px; color: #1265d8; background: #eaf4ff; border-radius: 50%; font-size: 19px; }
.benefit-box h3 { margin: 0 0 5px; color: #142b50; font-size: 14px; }
.benefit-box p { margin: 0; color: #75849a; font-size: 12px; line-height: 1.7; }

.home-pricing { background: linear-gradient(180deg,#f1f7ff,#fff 60%); }
.pricing-links > [class*="col-"] { margin-bottom: 14px; }
.pricing-link-card { display: flex; min-height: 106px; align-items: center; gap: 14px; padding: 17px; color: #142b50; background: #fff; border: 1px solid #e6edf7; border-radius: 14px; box-shadow: 0 6px 20px rgba(19,67,125,.06); transition: var(--transition); }
.pricing-link-card:hover { color: #1265d8; border-color: #9fc7ff; transform: translateY(-3px); }
.pricing-link-icon { display: inline-flex; width: 46px; height: 46px; flex: 0 0 46px; align-items: center; justify-content: center; color: #1265d8; background: #eaf4ff; border-radius: 13px; font-size: 19px; }
.pricing-link-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 5px; }
.pricing-link-copy strong { font-size: 15px; }
.pricing-link-copy small { overflow: hidden; color: #75849a; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.pricing-link-arrow { color: #01a8ba; }
.pricing-empty { padding: 25px; text-align: center; background: #fff; border-radius: 14px; }

.home-why { padding-top: 50px; background: #fff; }
.why-grid > [class*="col-"] { margin-bottom: 14px; }
.why-card { height: 100%; min-height: 145px; padding: 19px; background: #fff; border: 1px solid #e8eef7; border-radius: 13px; box-shadow: 0 5px 18px rgba(19,67,125,.05); }
.why-card > i { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 10px; color: #1265d8; background: #eaf4ff; border-radius: 12px; font-size: 17px; }
.why-card h3 { margin: 0 0 6px; color: #142b50; font-size: 15px; }
.why-card p { margin: 0; color: #75849a; font-size: 12px; line-height: 1.75; }

.home-cta { padding: 12px 0 36px; }
.home-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; overflow: hidden; padding: 27px 34px; color: #fff; background: linear-gradient(110deg,#073b84,#1265d8 68%,#1689df); border-radius: 15px; box-shadow: 0 12px 28px rgba(18,101,216,.2); }
.home-cta-inner .section-kicker { color: #aeefff; }
.home-cta-inner h2 { margin: 0 0 5px; color: #fff; font-size: 22px; }
.home-cta-inner p { margin: 0; color: rgba(255,255,255,.82); font-size: 13px; }
.home-cta-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 8px; }
.home-cta-actions .btn { min-width: 135px; }
.home-cta-actions .btn-light { color: #1265d8; }

.home-stats { padding: 18px 0; background: #fff; border-top: 1px solid #edf2f8; border-bottom: 1px solid #edf2f8; }
.quick-stat { display: flex; min-height: 72px; align-items: center; gap: 12px; padding: 12px; color: #142b50; }
.quick-stat:hover { color: #1265d8; }
.quick-stat > i { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; color: #1265d8; background: #eaf4ff; border-radius: 50%; font-size: 17px; }
.quick-stat span { display: flex; flex-direction: column; gap: 3px; }
.quick-stat strong { font-size: 13px; }
.quick-stat small { color: #75849a; font-size: 11px; }

.home-help { padding-top: 42px; }
.help-grid > [class*="col-"] { margin-bottom: 12px; }
.help-card { display: flex; min-height: 118px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 12px; color: #142b50; text-align: center; background: #fff; border: 1px solid #e8eef7; border-radius: 13px; transition: var(--transition); }
.help-card:hover { color: #1265d8; border-color: #b9d8ff; transform: translateY(-3px); }
.help-card i { color: #1265d8; font-size: 22px; }
.help-card strong { font-size: 13px; }
.help-card small { color: #75849a; font-size: 11px; }

@media (max-width: 767.98px) {
  .home-section { padding: 38px 0; }
  .services-section { padding-top: 28px; }
  .section-title { font-size: 22px; }
  .section-head { margin-bottom: 22px; }
  .services-grid .service-card { min-height: 225px; padding: 16px 13px; }
  .services-grid .service-title { font-size: 15px; }
  .services-grid .service-desc { font-size: 11px; }
  .home-cta-inner { align-items: stretch; flex-direction: column; padding: 23px 20px; }
  .home-cta-actions { width: 100%; }
  .home-cta-actions .btn { flex: 1 1 130px; }
  .quick-stat { gap: 8px; padding: 8px 2px; }
  .quick-stat strong { font-size: 11px; }
  .quick-stat small { font-size: 10px; }
}

/* Sticky navigation, consistent item spacing, and reliable desktop hover dropdowns. */
@media (min-width: 1200px) {
  .top-bar { position: relative; z-index: 50; }
  #header + .main-navbar-wrapper {
    position: sticky;
    top: 0;
    z-index: 45;
  }

  .main-navbar-wrapper > .container > nav.navbar > #mainNavbar {
    display: flex !important;
    flex-basis: auto;
  }

  #mainNavbar > ul.navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
  }

  #mainNavbar > ul.navbar-nav > li {
    position: relative;
    margin: 0;
  }

  #mainNavbar > ul.navbar-nav > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 14px !important;
    white-space: nowrap;
  }

  #mainNavbar > ul.navbar-nav > li.dropdown > .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    top: 100%;
    right: 0;
    left: auto;
    margin: 0;
    transform: translateY(8px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  #mainNavbar > ul.navbar-nav > li.dropdown:hover > .dropdown-menu,
  #mainNavbar > ul.navbar-nav > li.dropdown:focus-within > .dropdown-menu,
  #mainNavbar > ul.navbar-nav > li.dropdown.show > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* Bring the footer in line with the dark navy and bright blue reference artwork. */
.footer {
  color: #dce8f5;
  background: #0c1d38;
}
.footer-main {
  background: linear-gradient(135deg, #102746 0%, #0b1b35 100%);
}
.footer-logo-text { color: #1676eb; }
.footer-about,
.footer-contact div,
.footer-contact a,
.footer-links a,
.footer-bottom .copyright { color: #aabbd1; }
.footer-title { color: #f5f8ff; }
.footer-title::after { background-color: #42a5ff; }
.footer-contact i { color: #42a5ff; }
.footer-links a:hover,
.footer-contact a:hover { color: #fff; }
.footer-social a { color: #d7e5f7 !important; background: rgba(255,255,255,.08); }
.footer-social a:hover { color: #fff !important; background: #1265d8; }
.footer-bottom {
  background: #08162d;
  border-top: 1px solid rgba(177,205,240,.14);
}
.footer-lang-btn {
  color: #dce8f5 !important;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.15);
}

/* Client services list page */
body.clientarea-services-page #main-body > div > .row { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:16px; align-items:start; margin:0; direction:rtl; }
body.clientarea-services-page .primary-content { width:100%; max-width:none; padding:0; flex:none; }
.client-services-page { display:flex; flex-direction:column; gap:14px; color:var(--dash-text,#172b4d); }
.client-services-hero { position:relative; display:flex; min-height:200px; align-items:center; overflow:hidden; padding:24px 30px; background:#eaf3ff; border:1px solid #d9e9fb; border-radius:15px; }
.client-services-hero::before { position:absolute; inset:0; content:''; background:linear-gradient(270deg,rgba(234,243,255,.98) 0%,rgba(224,239,255,.88) 42%,rgba(174,211,250,.22) 100%),url('../img/box_bg.jpg') left center/cover no-repeat; }
.client-services-hero-copy { position:relative; z-index:1; width:100%; text-align:right; }
.client-services-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:20px; color:#5e7ca4; font-size:11px; }
.client-services-breadcrumb a { color:#5e7ca4; }
.client-services-breadcrumb i { font-size:9px; }
.client-services-hero h1 { margin:0 0 7px; color:#102d5a; font-size:28px; font-weight:800; }
.client-services-hero p { margin:0 0 7px; color:#526f96; font-size:13px; }
.client-services-hero-note { color:#617d9f; font-size:12px; }
.client-services-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.client-services-stat { display:flex; min-width:0; min-height:94px; align-items:center; gap:14px; padding:14px 16px; background:#fff; border:1px solid var(--dash-border,#e3ecf7); border-radius:14px; box-shadow:0 5px 16px rgba(20,68,126,.045); }
.service-stat-icon { display:flex; width:56px; height:56px; flex:0 0 56px; align-items:center; justify-content:center; border-radius:13px; font-size:22px; }
.client-services-stat > div { display:flex; min-width:0; flex-direction:column; gap:4px; }
.client-services-stat strong { color:#102d5a; font-size:23px; font-weight:800; line-height:1.2; }
.client-services-stat > div span { color:#6b7f9c; font-size:12px; }
.service-stat-active .service-stat-icon { color:#11ad78; background:#e1f7ee; }
.service-stat-total .service-stat-icon { color:#0873ed; background:#e7f2ff; }
.service-stat-pending .service-stat-icon { color:#ed9d16; background:#fff2da; }
.service-stat-suspended .service-stat-icon { color:#e6424b; background:#ffe7e9; }
.client-services-table-card { min-width:0; padding:16px; background:#fff; border:1px solid var(--dash-border,#e3ecf7); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
.client-services-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.client-services-search { position:relative; display:block; width:min(100%,340px); margin:0; }
.client-services-search .form-control { height:41px; padding:8px 13px 8px 40px; border:1px solid #d3e1f2; border-radius:9px; box-shadow:none; text-align:right; }
.client-services-search .form-control:focus { border-color:#83b7f2; box-shadow:0 0 0 3px rgba(8,115,237,.09); }
.client-services-search > i { position:absolute; top:13px; left:13px; color:#8095b4; }
.client-services-order { display:inline-flex; min-height:40px; align-items:center; gap:7px; padding:8px 13px; color:#0873ed!important; background:#eef6ff; border:1px solid #d5e8ff; border-radius:9px; font-size:12px; font-weight:700; }
.client-services-table-wrap,.client-services-table-wrap .table-container { min-width:0; overflow-x:auto; border:0; border-radius:11px; }
.client-services-table-wrap #tableServicesList { width:100%!important; margin:0!important; border-collapse:separate; border-spacing:0 6px; color:#18345e; }
.client-services-table-wrap #tableServicesList thead th { padding:13px 11px; color:#24466f; background:#f0f6fd; border:0; font-size:12px; font-weight:800; white-space:nowrap; }
.client-services-table-wrap #tableServicesList thead th:first-child { border-radius:0 10px 10px 0; }
.client-services-table-wrap #tableServicesList thead th:last-child { border-radius:10px 0 0 10px; }
.client-services-table-wrap #tableServicesList tbody tr { background:#fff; box-shadow:0 3px 11px rgba(22,60,105,.045); cursor:pointer; }
.client-services-table-wrap #tableServicesList tbody td { padding:12px 11px; vertical-align:middle; border-top:1px solid #edf2f8; border-bottom:1px solid #edf2f8; font-size:12px; }
.client-services-table-wrap #tableServicesList tbody td:first-child { border-right:1px solid #edf2f8; border-radius:0 10px 10px 0; }
.client-services-table-wrap #tableServicesList tbody td:last-child { border-left:1px solid #edf2f8; border-radius:10px 0 0 10px; }
.client-services-table-wrap #tableServicesList tbody tr:hover td { background:#f8fbff; border-color:#dceafb; }
.client-services-table-wrap #tableServicesList tbody td strong { color:#153665; font-size:13px; }
.client-services-table-wrap #tableServicesList tbody td a { color:#637fa6; direction:ltr; font-size:11px; }
.client-services-table-wrap #tableServicesList .label.status { display:inline-block; min-width:78px; padding:7px 10px; border:0; border-radius:8px; font-size:11px; font-weight:700; }
.client-services-table-wrap #tableServicesList .status-active { color:#07996c; background:#e2f8ef; }
.client-services-table-wrap #tableServicesList .status-pending { color:#d98908; background:#fff2d9; }
.client-services-table-wrap #tableServicesList .status-suspended,.client-services-table-wrap #tableServicesList .status-terminated { color:#d8323d; background:#ffe6e8; }
.client-services-table-wrap .dataTables_wrapper .dataTables_info,.client-services-table-wrap .dataTables_wrapper .dataTables_length,.client-services-table-wrap .dataTables_wrapper .dataTables_paginate { padding-top:12px; color:#617b9e; font-size:11px; }
.client-services-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button { margin:0 2px; padding:7px 10px; color:#38577e!important; background:#fff!important; border:1px solid #dce7f4!important; border-radius:8px; }
.client-services-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current { color:#fff!important; background:#0873ed!important; border-color:#0873ed!important; }
.client-services-table-wrap .dataTables_wrapper .dataTables_filter,.client-services-table-wrap .dataTables_wrapper .dataTables_length select { display:none; }
@media (max-width: 991.98px) {
  .client-services-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-services-hero { min-height:175px; }
}
@media (max-width: 575.98px) {
  .client-services-hero { min-height:160px; padding:18px; }
  .client-services-hero h1 { font-size:23px; }
  .client-services-breadcrumb { margin-bottom:15px; }
  .client-services-stats { gap:8px; }
  .client-services-stat { min-height:78px; gap:9px; padding:10px; }
  .service-stat-icon { width:42px; height:42px; flex-basis:42px; font-size:18px; }
  .client-services-stat strong { font-size:19px; }
  .client-services-stat > div span { font-size:10px; }
  .client-services-table-card { padding:10px; }
  .client-services-toolbar { align-items:stretch; flex-direction:column; }
  .client-services-search { width:100%; }
  .client-services-order { justify-content:center; }
}
@media (max-width: 1199.98px) {
  #header + .main-navbar-wrapper { position: static; }
  #mainNavbar > ul.navbar-nav > li > a { min-height: 0; }
}

/* Header layout: logo, navigation, compact search and tools on one desktop row. */
@media (min-width: 1200px) {
  #header { position: sticky; top: 0; z-index: 45; }
  .main-header-inner { gap: 14px; }
  .main-navbar-wrapper {
    position: static;
    flex: 1 1 auto;
    min-width: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .main-navbar-wrapper > .container { width: 100%; max-width: none; margin: 0; padding: 0; }
  .main-navbar-wrapper .navbar { width: 100%; min-width: 0; }
  .main-navbar-wrapper .navbar-collapse,
  .main-navbar-wrapper .navbar-collapse:not(.show) {
    display: flex !important;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
  }
  #mainNavbar > ul.navbar-nav { flex-wrap: nowrap; gap: 2px; }
  #mainNavbar > ul.navbar-nav > li > a { padding: 10px 8px !important; font-size: 14px; white-space: nowrap; }
  .header-search { flex: 0 1 350px; width: 350px; max-width: 350px; margin: 0; }
  .main-header .header-tools { margin-inline-start: 0; }
}
/* Client services list page */
body.clientarea-services-page #main-body > div > .row { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:16px; align-items:start; margin:0; direction:rtl; }
body.clientarea-services-page .primary-content { width:100%; max-width:none; padding:0; flex:none; }
.client-services-page { display:flex; flex-direction:column; gap:14px; color:var(--dash-text,#172b4d); }
.client-services-hero { position:relative; display:flex; min-height:200px; align-items:center; overflow:hidden; padding:24px 30px; background:#eaf3ff; border:1px solid #d9e9fb; border-radius:15px; }
.client-services-hero::before { position:absolute; inset:0; content:''; background:linear-gradient(270deg,rgba(234,243,255,.98) 0%,rgba(224,239,255,.88) 42%,rgba(174,211,250,.22) 100%),url('../img/box_bg.jpg') left center/cover no-repeat; }
.client-services-hero-copy { position:relative; z-index:1; width:100%; text-align:right; }
.client-services-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:20px; color:#5e7ca4; font-size:11px; }
.client-services-breadcrumb a { color:#5e7ca4; }
.client-services-breadcrumb i { font-size:9px; }
.client-services-hero h1 { margin:0 0 7px; color:#102d5a; font-size:28px; font-weight:800; }
.client-services-hero p { margin:0 0 7px; color:#526f96; font-size:13px; }
.client-services-hero-note { color:#617d9f; font-size:12px; }
.client-services-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.client-services-stat { display:flex; min-width:0; min-height:94px; align-items:center; gap:14px; padding:14px 16px; background:#fff; border:1px solid var(--dash-border,#e3ecf7); border-radius:14px; box-shadow:0 5px 16px rgba(20,68,126,.045); }
.service-stat-icon { display:flex; width:56px; height:56px; flex:0 0 56px; align-items:center; justify-content:center; border-radius:13px; font-size:22px; }
.client-services-stat > div { display:flex; min-width:0; flex-direction:column; gap:4px; }
.client-services-stat strong { color:#102d5a; font-size:23px; font-weight:800; line-height:1.2; }
.client-services-stat > div span { color:#6b7f9c; font-size:12px; }
.service-stat-active .service-stat-icon { color:#11ad78; background:#e1f7ee; }
.service-stat-total .service-stat-icon { color:#0873ed; background:#e7f2ff; }
.service-stat-pending .service-stat-icon { color:#ed9d16; background:#fff2da; }
.service-stat-suspended .service-stat-icon { color:#e6424b; background:#ffe7e9; }
.client-services-table-card { min-width:0; padding:16px; background:#fff; border:1px solid var(--dash-border,#e3ecf7); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
.client-services-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.client-services-search { position:relative; display:block; width:min(100%,340px); margin:0; }
.client-services-search .form-control { height:41px; padding:8px 13px 8px 40px; border:1px solid #d3e1f2; border-radius:9px; box-shadow:none; text-align:right; }
.client-services-search .form-control:focus { border-color:#83b7f2; box-shadow:0 0 0 3px rgba(8,115,237,.09); }
.client-services-search > i { position:absolute; top:13px; left:13px; color:#8095b4; }
.client-services-order { display:inline-flex; min-height:40px; align-items:center; gap:7px; padding:8px 13px; color:#0873ed!important; background:#eef6ff; border:1px solid #d5e8ff; border-radius:9px; font-size:12px; font-weight:700; }
.client-services-table-wrap,.client-services-table-wrap .table-container { min-width:0; overflow-x:auto; border:0; border-radius:11px; }
.client-services-table-wrap #tableServicesList { width:100%!important; margin:0!important; border-collapse:separate; border-spacing:0 6px; color:#18345e; }
.client-services-table-wrap #tableServicesList thead th { padding:13px 11px; color:#24466f; background:#f0f6fd; border:0; font-size:12px; font-weight:800; white-space:nowrap; }
.client-services-table-wrap #tableServicesList thead th:first-child { border-radius:0 10px 10px 0; }
.client-services-table-wrap #tableServicesList thead th:last-child { border-radius:10px 0 0 10px; }
.client-services-table-wrap #tableServicesList tbody tr { background:#fff; box-shadow:0 3px 11px rgba(22,60,105,.045); cursor:pointer; }
.client-services-table-wrap #tableServicesList tbody td { padding:12px 11px; vertical-align:middle; border-top:1px solid #edf2f8; border-bottom:1px solid #edf2f8; font-size:12px; }
.client-services-table-wrap #tableServicesList tbody td:first-child { border-right:1px solid #edf2f8; border-radius:0 10px 10px 0; }
.client-services-table-wrap #tableServicesList tbody td:last-child { border-left:1px solid #edf2f8; border-radius:10px 0 0 10px; }
.client-services-table-wrap #tableServicesList tbody tr:hover td { background:#f8fbff; border-color:#dceafb; }
.client-services-table-wrap #tableServicesList tbody td strong { color:#153665; font-size:13px; }
.client-services-table-wrap #tableServicesList tbody td a { color:#637fa6; direction:ltr; font-size:11px; }
.client-services-table-wrap #tableServicesList .label.status { display:inline-block; min-width:78px; padding:7px 10px; border:0; border-radius:8px; font-size:11px; font-weight:700; }
.client-services-table-wrap #tableServicesList .status-active { color:#07996c; background:#e2f8ef; }
.client-services-table-wrap #tableServicesList .status-pending { color:#d98908; background:#fff2d9; }
.client-services-table-wrap #tableServicesList .status-suspended,.client-services-table-wrap #tableServicesList .status-terminated { color:#d8323d; background:#ffe6e8; }
.client-services-table-wrap .dataTables_wrapper .dataTables_info,.client-services-table-wrap .dataTables_wrapper .dataTables_length,.client-services-table-wrap .dataTables_wrapper .dataTables_paginate { padding-top:12px; color:#617b9e; font-size:11px; }
.client-services-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button { margin:0 2px; padding:7px 10px; color:#38577e!important; background:#fff!important; border:1px solid #dce7f4!important; border-radius:8px; }
.client-services-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current { color:#fff!important; background:#0873ed!important; border-color:#0873ed!important; }
.client-services-table-wrap .dataTables_wrapper .dataTables_filter,.client-services-table-wrap .dataTables_wrapper .dataTables_length select { display:none; }
@media (max-width: 991.98px) {
  .client-services-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-services-hero { min-height:175px; }
}
@media (max-width: 575.98px) {
  .client-services-hero { min-height:160px; padding:18px; }
  .client-services-hero h1 { font-size:23px; }
  .client-services-breadcrumb { margin-bottom:15px; }
  .client-services-stats { gap:8px; }
  .client-services-stat { min-height:78px; gap:9px; padding:10px; }
  .service-stat-icon { width:42px; height:42px; flex-basis:42px; font-size:18px; }
  .client-services-stat strong { font-size:19px; }
  .client-services-stat > div span { font-size:10px; }
  .client-services-table-card { padding:10px; }
  .client-services-toolbar { align-items:stretch; flex-direction:column; }
  .client-services-search { width:100%; }
  .client-services-order { justify-content:center; }
}
@media (max-width: 1199.98px) {
  #header { position: relative; z-index: 45; }
  .main-header-inner { position: relative; }
  .main-navbar-wrapper {
    position: absolute;
    top: 100%;
    right: 15px;
    left: 15px;
    z-index: 46;
    width: auto;
    background: #fff;
    border: 1px solid var(--border-soft);
    border-top: 0;
    box-shadow: var(--shadow-lg);
  }
  .main-navbar-wrapper > .container { width: 100%; max-width: none; padding: 0; }
  .main-navbar-wrapper .navbar { display: block; padding: 8px 14px; }
  .main-navbar-wrapper .navbar-collapse { width: 100%; }
  .main-navbar-wrapper .navbar-collapse.show { display: block !important; }
  .main-navbar-wrapper #nav,
  .main-navbar-wrapper .navbar-nav { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
  .main-navbar-wrapper .navbar-nav .nav-link { display: flex; min-height: 42px; align-items: center; }
  .main-navbar-wrapper .dropdown-menu { position: static; float: none; width: 100%; box-shadow: none; }
  .header-search { display: none !important; }
}

@media (min-width: 1200px) { #mainNavbar > ul.navbar-nav { margin: 0 !important; } }

/* Login page: isolated split-panel layout, scoped only to the login route. */
body.page-login { min-height: 100vh; background: #eaf5ff; background-image: radial-gradient(ellipse at 12% 12%, #fff 0, #e7f4ff 48%, #dceeff 100%); }
body.page-login #main-body { min-height: 100vh; padding: 5vh 0; background: transparent; }
body.page-login #main-body > .container { width: 100%; max-width: none; padding: 0 24px; }
body.page-login #main-body > .container > .row { margin: 0; }
body.page-login .primary-content { width: 100%; padding: 0; }
.login-page-shell { display: flex; width: min(1180px, 100%); min-height: min(680px, 90vh); margin: 0 auto; overflow: hidden; direction: ltr; background: #fff; border-radius: 30px; box-shadow: 0 24px 70px rgba(20, 78, 145, .18); }
.login-promo-panel { position: relative; display: flex; width: 54%; flex: 0 0 54%; align-items: center; overflow: hidden; padding: 56px; color: #fff; background: linear-gradient(115deg, rgba(3, 34, 83, .94), rgba(5, 78, 166, .62) 62%, rgba(12, 105, 207, .3)), url('../img/banner.jpg') center/cover no-repeat; }
.login-promo-panel::after { position: absolute; right: -16%; bottom: -48%; width: 90%; aspect-ratio: 1; content: ''; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.035), 0 0 0 75px rgba(255,255,255,.025); pointer-events: none; }
.login-promo-content { position: relative; z-index: 1; max-width: 470px; direction: rtl; }
.login-promo-brand { display: inline-flex; min-height: 44px; align-items: center; margin-bottom: 34px; color: #fff; font-size: 30px; font-weight: 900; }
.login-promo-brand:hover { color: #fff; }
.login-promo-brand img { max-width: 185px; max-height: 54px; object-fit: contain; }
.login-promo-kicker { display: block; margin-bottom: 18px; color: #d8ecff; font-size: 14px; font-weight: 700; }
.login-promo-content h2 { margin: 0 0 18px; color: #fff; font-size: clamp(32px, 3vw, 46px); line-height: 1.45; }
.login-promo-content > p { max-width: 440px; margin: 0 0 28px; color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.9; }
.login-promo-benefits { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.login-promo-benefits li { display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 700; }
.login-promo-benefits i { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; color: #fff; background: rgba(255,255,255,.17); border-radius: 12px; font-size: 18px; }
.login-form-panel { display: flex; width: 46%; flex: 0 0 46%; flex-direction: column; justify-content: center; padding: 54px clamp(30px, 4vw, 60px); direction: rtl; background: rgba(255,255,255,.98); }
.login-heading { display: flex; align-items: center; gap: 15px; margin-bottom: 30px; }
.login-heading-icon { display: inline-flex; width: 54px; height: 54px; flex: 0 0 54px; align-items: center; justify-content: center; color: #1265d8; background: #e8f3ff; border-radius: 50%; font-size: 21px; }
.login-heading h1 { margin: 0 0 4px; color: #102750; font-size: 28px; }
.login-heading p { margin: 0; color: #7183a2; font-size: 14px; }
.login-form .form-group { margin-bottom: 18px; }
.login-form .form-group > label { display: block; margin-bottom: 8px; color: #142b50; font-weight: 700; }
.login-input-wrap { position: relative; }
.login-input-wrap > i { position: absolute; top: 50%; right: 16px; z-index: 2; color: #334b73; transform: translateY(-50%); }
.login-input-wrap .form-control { height: 50px; padding: 10px 46px 10px 44px; border: 1px solid #d4dfed; border-radius: 10px; box-shadow: none; }
.login-input-wrap .form-control:focus { border-color: #1265d8; box-shadow: 0 0 0 3px rgba(18,101,216,.1); }
.login-password-wrap .btn-reveal-pw { position: absolute; top: 50%; left: 8px; padding: 6px; color: #425b81; background: transparent; border: 0; transform: translateY(-50%); }
.login-password-wrap .btn-reveal-pw:focus { outline: 2px solid rgba(18,101,216,.35); outline-offset: 2px; }
.page-login #default-captcha-domainchecker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; margin: 0; padding: 0 0 12px; }
.page-login #default-captcha-domainchecker > p { width: 100%; margin: 0 0 4px; text-align: right; }
.page-login #default-captcha-domainchecker .captchaimage,
.page-login #default-captcha-domainchecker > div:last-child { display: flex; min-height: 48px; align-items: center; }
.page-login #default-captcha-domainchecker .captchaimage { justify-content: flex-start; }
.page-login #default-captcha-domainchecker .captchaimage img { max-width: 100%; height: auto; }
.page-login #default-captcha-domainchecker .captcha-input { min-width: 0; height: 48px; direction: ltr; text-align: center; }
.login-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0 20px; font-size: 13px; }
.login-remember { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.login-submit,.login-register { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; gap: 9px; border-radius: 10px; font-weight: 800; }
.login-submit { background: #0865df; border-color: #0865df; }
.login-separator { display: flex; align-items: center; gap: 14px; margin: 20px 0; color: #7788a4; }
.login-separator::before,.login-separator::after { height: 1px; flex: 1; content: ''; background: #dbe4ef; }
.login-register { color: #1265d8; background: #fff; border: 1px solid #1265d8; }
.login-register:hover { color: #fff; background: #1265d8; }
.login-back-home { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 24px; color: #1265d8; font-weight: 700; }
.page-login .providerLinkingFeedback { margin-bottom: 10px; }

/* Registration form styling is limited to the registration route; its site header and footer remain. */
body.page-register #main-body { min-height: 70vh; background: #f3f8ff; }
body.page-register #main-body > .container > .row { justify-content: center; }
body.page-register .primary-content { max-width: 980px; margin: 0 auto; }
body.page-register #registration { max-width: 920px; margin: 0 auto; }
body.page-register #registration .card { margin-bottom: 22px; overflow: hidden; background: #fff; border: 1px solid #e0eaf6; border-radius: 16px; box-shadow: 0 10px 28px rgba(24,70,125,.07); }
body.page-register #registration .card-body { padding: 26px 30px !important; }
body.page-register #registration .card-title { margin: 0 0 22px; padding-bottom: 14px; color: #102750; border-bottom: 1px solid #e7eef8; font-size: 20px; }
body.page-register #registration .form-group { margin-bottom: 16px; }
body.page-register #registration .field,
body.page-register #registration .form-control { min-height: 46px; border: 1px solid #d7e2f0; border-radius: 9px; box-shadow: none; }
body.page-register #registration .field:focus,
body.page-register #registration .form-control:focus { border-color: #1265d8; box-shadow: 0 0 0 3px rgba(18,101,216,.1); }
body.page-register #registration .prepend-icon { position: relative; }
body.page-register #registration .prepend-icon .field-icon { position: absolute; top: 50%; right: 14px; z-index: 2; color: #6880a2; transform: translateY(-50%); }
body.page-register #registration .prepend-icon .field { padding-right: 42px; }
body.page-register #registration .password-strength-meter { margin: 8px 0 18px; }
body.page-register #registration .accepttos { margin-left: 6px; }
body.page-register #registration input[type='submit'] { min-width: 230px; min-height: 50px; border-radius: 9px; font-weight: 800; }

@media (max-width: 767.98px) {
  body.page-login #main-body { padding: 20px 0; }
  body.page-login #main-body > .container { padding: 0 14px; }
  .login-page-shell { min-height: 0; border-radius: 20px; }
  .login-promo-panel { display: none; }
  .login-form-panel { width: 100%; flex-basis: 100%; padding: 34px 24px; }
  .login-heading h1 { font-size: 23px; }
  body.page-register #registration .card-body { padding: 20px 17px !important; }
  body.page-register #registration .card-title { font-size: 18px; }
}

/* Registration mirrors the login split card while retaining the regular site header and footer. */
body.page-register { background: #eaf5ff; background-image: radial-gradient(ellipse at 12% 12%, #fff 0, #e7f4ff 48%, #dceeff 100%); }
body.page-register #main-body { padding: 34px 0; background: transparent; }
body.page-register #main-body > .container { width: 100%; max-width: none; padding: 0 24px; }
body.page-register #main-body > .container > .row { margin: 0; }
body.page-register .primary-content { width: 100%; max-width: none; flex: 0 0 100%; padding: 0; }
.register-page-shell { display: flex; width: min(1180px, 100%); align-items: stretch; margin: 0 auto; overflow: visible; direction: ltr; background: #fff; border-radius: 26px; box-shadow: 0 24px 70px rgba(20,78,145,.18); }
.register-promo-panel { position: sticky; top: 22px; display: flex; width: 50%; min-height: min(780px, calc(100vh - 44px)); flex: 0 0 50%; align-self: flex-start; align-items: center; overflow: hidden; padding: 54px; color: #fff; background: linear-gradient(115deg, rgba(3,34,83,.94), rgba(5,78,166,.62) 62%, rgba(12,105,207,.3)), url('../img/banner.jpg') center/cover no-repeat; border-radius: 26px 0 0 26px; }
.register-promo-panel::after { position: absolute; right: -16%; bottom: -48%; width: 90%; aspect-ratio: 1; content: ''; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.035), 0 0 0 75px rgba(255,255,255,.025); pointer-events: none; }
.register-promo-content { position: relative; z-index: 1; max-width: 470px; direction: rtl; }
.register-promo-content h2 { margin: 0 0 18px; color: #fff; font-size: clamp(31px, 3vw, 44px); line-height: 1.5; }
.register-promo-content > p { max-width: 440px; margin: 0 0 28px; color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.9; }
.register-form-panel { width: 50%; min-width: 0; flex: 0 0 50%; padding: 38px 42px; direction: rtl; background: #fff; border-radius: 0 26px 26px 0; }
.register-heading { margin: 0 0 22px; }
.register-heading h1 { font-size: 28px; }
body.page-register #registration { max-width: none; margin: 0; }
body.page-register #registration .card { margin: 0; overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.page-register #registration .card-body { padding: 12px 0 18px !important; }
body.page-register #registration .card-title { margin-bottom: 16px; padding-bottom: 10px; font-size: 18px; }
body.page-register #registration .form-group { margin-bottom: 12px; }
body.page-register #registration .field,
body.page-register #registration .form-control { width: 100%; min-height: 46px; padding-top: 9px; padding-bottom: 9px; }
body.page-register #registration .prepend-icon .field { padding-right: 40px; }
body.page-register #registration input[type='submit'] { min-width: 230px; min-height: 50px; }
@media (max-width: 991.98px) {
  .register-form-panel { padding: 30px 25px; }
  .register-promo-panel { padding: 34px; }
}
@media (max-width: 767.98px) {
  body.page-register #main-body { padding: 20px 0; }
  body.page-register #main-body > .container { padding: 0 14px; }
  .register-page-shell { border-radius: 20px; }
  .register-promo-panel { display: none; }
  .register-form-panel { width: 100%; flex-basis: 100%; padding: 30px 22px; border-radius: 20px; }
  .register-heading h1 { font-size: 23px; }
}

/* Registration-only final typography and account prompt adjustments. */
body.page-register { font-size: 14px; }
body.page-register .top-bar,
body.page-register .top-bar-btn { font-size: 11px; }
body.page-register .main-navbar-wrapper .navbar-nav .nav-link { font-size: 13px; }
body.page-register .header-search .form-control { font-size: 12px; }
body.page-register .register-promo-content .login-promo-brand { font-size: 28px; }
body.page-register .register-promo-content .login-promo-kicker { font-size: 12px; }
body.page-register .register-promo-content h2 { font-size: clamp(29px, 3vw, 42px); }
body.page-register .register-promo-content > p { font-size: 13px; }
body.page-register .register-promo-content .login-promo-benefits li { font-size: 14px; }
body.page-register .register-heading h1 { font-size: 26px; }
body.page-register .register-heading p { font-size: 12px; }
body.page-register #registration { font-size: 14px; }
body.page-register #registration .card-title { font-size: 16px; }
body.page-register #registration label,
body.page-register #registration p,
body.page-register #registration .field,
body.page-register #registration .form-control,
body.page-register #registration .btn,
body.page-register #registration input[type='submit'] { font-size: 14px; }
body.page-register #registration .small,
body.page-register #registration .field-help-text { font-size: 12px; }
body.page-register .register-existing-account { margin-top: 8px; text-align: center; color: #536985; font-size: 12px; }
body.page-register .register-existing-account .login-register { margin-top: 9px; font-size: 14px; }
body.page-register .login-back-home { margin-top: 18px; font-size: 14px; }
body.page-register .footer-title { font-size: 14px; }
body.page-register .footer-about,
body.page-register .footer-contact,
body.page-register .footer-contact a,
body.page-register .footer-links a,
body.page-register .copyright { font-size: 12px; }

/* Registration FAQ accordions belong in the right form column above the home link. */
body.page-register .register-faq-list { display: grid; gap: 12px; margin-top: 24px; }
body.page-register .register-faq { overflow: hidden; background: #fff; border: 1px solid #d9e2ec; }
body.page-register .register-faq summary { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 15px; color: #102750; cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
body.page-register .register-faq summary::-webkit-details-marker { display: none; }
body.page-register .register-faq summary::marker { content: ''; }
body.page-register .register-faq summary i { flex: 0 0 auto; font-size: 11px; }
body.page-register .register-faq:not([open]) summary i { transform: rotate(180deg); }
body.page-register .register-faq-answer { padding: 10px 15px 14px; border-top: 1px solid #e5ebf2; color: #243d60; font-size: 12px; line-height: 1.65; }
body.page-register .register-faq-answer p { margin: 0 0 10px; font-size: 12px; line-height: 1.65; }
body.page-register .register-faq-answer a { display: flex; align-items: center; gap: 7px; width: fit-content; margin-top: 8px; color: #243d60; font-size: 12px; }
body.page-register .register-faq-answer a:hover { color: #1265d8; }
body.page-register .login-back-home { margin-top: 20px; }

/* Vazir font files shipped with this theme; loaded only once and used on the client dashboard. */
@font-face { font-family: 'Vazir'; src: url('./vazir/Vazir.woff2') format('woff2'), url('./vazir/Vazir.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Vazir'; src: url('./vazir/Vazir-Light.woff2') format('woff2'), url('./vazir/Vazir-Light.woff') format('woff'); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: 'Vazir'; src: url('./vazir/Vazir-Medium.woff2') format('woff2'), url('./vazir/Vazir-Medium.woff') format('woff'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'Vazir'; src: url('./vazir/Vazir-Bold.woff2') format('woff2'), url('./vazir/Vazir-Bold.woff') format('woff'); font-style: normal; font-weight: 700 900; font-display: swap; }
@font-face { font-family: 'Vazir'; src: url('./vazir/Vazir-Thin.woff2') format('woff2'), url('./vazir/Vazir-Thin.woff') format('woff'); font-style: normal; font-weight: 100; font-display: swap; }

/* Shared WHMCS client-area dashboard shell. */
body.clientarea-shell { --dash-blue:#1565c0; --dash-blue-dark:#0d47a1; --dash-pale:#eaf3ff; --dash-bg:#f4f8ff; --dash-navy:#102d5a; --dash-text:#172b4d; --dash-muted:#6b7c98; --dash-border:#e3ecf7; margin:0; color:var(--dash-text); background:var(--dash-bg); font-family:'Vazir',Tahoma,sans-serif!important; }
body.clientarea-shell h1,body.clientarea-shell h2,body.clientarea-shell h3,body.clientarea-shell h4,body.clientarea-shell h5,body.clientarea-shell h6,body.clientarea-shell p,body.clientarea-shell a,body.clientarea-shell button,body.clientarea-shell input,body.clientarea-shell select,body.clientarea-shell textarea,body.clientarea-shell li,body.clientarea-shell span,body.clientarea-shell label { font-family:'Vazir',Tahoma,sans-serif!important; }
.client-dashboard-shell { min-height:100vh; }
.client-dashboard-sidebar { position:fixed; top:0; right:0; bottom:0; z-index:100; display:flex!important; width:245px; flex-direction:column; overflow:hidden; padding:18px 14px 14px; color:#fff; background:linear-gradient(180deg,#102d5a 0%,#0d2850 72%,#092144 100%); box-shadow:-8px 0 30px rgba(13,43,83,.12); }
.client-dashboard-brand { display:flex; min-height:48px; align-items:center; justify-content:center; margin:0 4px 18px; color:#fff!important; font-size:27px; font-weight:800; }
.client-dashboard-brand img { max-width:150px; max-height:44px; object-fit:contain; }
.client-dashboard-nav { min-height:0; flex:1 1 auto; overflow-y:auto; padding:0 0 12px; }
.client-dashboard-nav ul { margin:0; padding:0; list-style:none; }
.client-dashboard-nav > ul > li { margin:3px 0; }
.client-dashboard-nav > ul > li > a,.client-dashboard-nav-toggle { display:flex; width:100%; min-height:48px; align-items:center; gap:13px; padding:10px 12px; color:rgba(255,255,255,.88)!important; background:transparent; border:0; border-radius:11px; font-size:14px; font-weight:500; text-align:right; text-decoration:none; transition:background .18s ease,color .18s ease; }
.client-dashboard-nav > ul > li > a > i:first-child,.client-dashboard-nav-toggle > i:first-child { width:23px; color:#b9d9ff; font-size:17px; text-align:center; }
.client-dashboard-nav > ul > li > a:hover,.client-dashboard-nav-toggle:hover,.client-dashboard-nav > ul > li.active > a,.client-dashboard-nav > ul > li.active > .client-dashboard-nav-toggle { color:#fff!important; background:#0873ed; }
.client-dashboard-nav .nav-chevron { margin-right:auto; color:#cfe4ff; font-size:11px; }
.client-dashboard-nav .collapse { padding:3px 0 5px; }
.client-dashboard-nav .collapse li a { display:flex; min-height:38px; align-items:center; gap:9px; padding:7px 20px 7px 10px; color:#c7d8ef!important; border-radius:8px; font-size:12px; text-decoration:none; }
.client-dashboard-nav .collapse li a:hover,.client-dashboard-nav .collapse li.active a { color:#fff!important; background:rgba(255,255,255,.1); }
.client-dashboard-nav .collapse li a i { width:18px; text-align:center; }
.client-dashboard-nav .badge { margin-right:auto; color:#0d2850; background:#d9ebff; }
.client-dashboard-support { display:flex; flex:0 0 auto; flex-direction:column; gap:8px; margin-top:10px; padding:14px 12px; color:#e9f3ff; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:13px; text-align:center; }
.client-dashboard-support > i { font-size:22px; }
.client-dashboard-support strong { font-size:13px; }
.client-dashboard-support span { color:#b9cce5; font-size:11px; line-height:1.6; }
.client-dashboard-support a { display:flex; min-height:38px; align-items:center; justify-content:center; gap:8px; color:#fff!important; border:1px solid rgba(255,255,255,.75); border-radius:8px; font-size:12px; }
.client-dashboard-main { min-width:0; min-height:100vh; margin-right:245px; }
body.clientarea-ticket-page .client-dashboard-main-ticket { margin-right:245px; }
.client-dashboard-toolbar { position:sticky; top:0; z-index:80; display:flex; min-height:60px; align-items:center; gap:16px; padding:8px 20px; background:rgba(244,248,255,.94); border-bottom:1px solid rgba(227,236,247,.75); backdrop-filter:blur(12px); }
.client-dashboard-search { position:relative; display:flex; min-width:150px; max-width:430px; height:40px; flex:1 1 430px; align-items:center; margin:0; }
.client-dashboard-search .form-control { height:40px; padding:8px 15px 8px 42px; color:var(--dash-text); background:#fff; border:1px solid #d7e3f2; border-radius:10px; box-shadow:none; font-size:12px; }
.client-dashboard-search > button { position:absolute; left:8px; display:flex; width:30px; height:30px; align-items:center; justify-content:center; color:#8295b3; background:transparent; border:0; }
.client-dashboard-toolbar-actions { display:flex; align-items:center; gap:10px; }
.client-dashboard-icon-btn { position:relative; display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; color:var(--dash-navy)!important; background:transparent; border:0; border-radius:9px; font-size:17px; }
.client-dashboard-icon-btn:hover { background:#e5f0ff; }
.client-dashboard-icon-btn .badge-count { position:absolute; top:1px; right:0; min-width:9px; height:9px; overflow:hidden; color:transparent; background:#ef4444; border-radius:50%; }
.client-dashboard-language,.client-dashboard-account > button { display:flex; min-height:38px; align-items:center; gap:8px; padding:6px 10px; color:var(--dash-text); background:#fff; border:1px solid #d7e3f2; border-radius:9px; font-size:12px; }
.client-dashboard-language .iti-flag { display:inline-block; width:18px; height:12px; }
.client-dashboard-language i { font-size:10px; }
.client-dashboard-account > button { border:0; background:transparent; }
.client-dashboard-account .dropdown-menu { z-index:120; text-align:right; }
.client-dashboard-account .dropdown-item { font-size:12px; }
.client-dashboard-sidebar-toggle { display:none; width:38px; height:38px; align-items:center; justify-content:center; color:var(--dash-navy); background:#fff; border:1px solid var(--dash-border); border-radius:9px; }
body.clientarea-home #main-body { min-height:calc(100vh - 60px); padding:12px 0 28px; background:transparent; }
body.clientarea-home #main-body > .container { width:100%; max-width:none; padding:0 18px; }
body.clientarea-home #main-body > .container > .row { display:block; margin:0; }
body.clientarea-home .primary-content { width:100%; max-width:none; padding:0; }
body.clientarea-shell:not(.clientarea-home) #main-body { min-height:calc(100vh - 60px); padding:20px 0 36px; background:transparent; }
body.clientarea-shell:not(.clientarea-home) #main-body > div { width:100%; max-width:none; padding:0 22px; }
body.clientarea-shell:not(.clientarea-home) #main-body > div > .row { display:grid; grid-template-columns:minmax(0,1fr) ; gap:16px; align-items:start; margin:0; direction:rtl; }
body.clientarea-shell:not(.clientarea-home) .primary-content { width:auto; min-width:0; max-width:none; grid-column:1; padding:0; flex:none; }
body.clientarea-shell:not(.clientarea-home) .client-dashboard-left { min-width:0; grid-column:2; }
body.clientarea-shell:not(.clientarea-home) .client-dashboard-page-title { margin:0 22px; padding:20px 0 0; }
body.clientarea-shell:not(.clientarea-home) .client-dashboard-page-title h1 { margin:0; color:var(--dash-navy); font-size:23px; font-weight:800; }
body.clientarea-shell:not(.clientarea-home) .primary-content > h1,
body.clientarea-shell:not(.clientarea-home) .primary-content > h2 { margin:0 0 16px; color:var(--dash-navy); font-size:23px; font-weight:800; }
body.clientarea-shell:not(.clientarea-home) .primary-content .panel { background:#fff; border:1px solid var(--dash-border); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
body.clientarea-shell:not(.clientarea-home) .primary-content .card { background:#fff; border:1px solid var(--dash-border); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
body.clientarea-shell:not(.clientarea-home) .primary-content .card-header,
body.clientarea-shell:not(.clientarea-home) .primary-content .panel-heading { padding:13px 16px; color:var(--dash-navy); background:#f2f7fd; border-bottom:1px solid var(--dash-border); font-weight:700; }
body.clientarea-shell:not(.clientarea-home) .primary-content .card-title { color:var(--dash-navy); font-size:16px; font-weight:800; }
body.clientarea-shell:not(.clientarea-home) .primary-content .card-body,
body.clientarea-shell:not(.clientarea-home) .primary-content .panel-body { padding:18px; }
body.clientarea-shell:not(.clientarea-home) .primary-content .table-responsive { overflow-x:auto; border:1px solid var(--dash-border); border-radius:11px; background:#fff; }
body.clientarea-shell:not(.clientarea-home) .primary-content .table-container { overflow-x:auto; margin-bottom:16px; border:1px solid var(--dash-border); border-radius:11px; background:#fff; }
body.clientarea-shell:not(.clientarea-home) .primary-content .table { margin-bottom:0; color:var(--dash-text); }
body.clientarea-shell:not(.clientarea-home) .primary-content .table thead th { color:#355479; background:#f2f7fd; border-bottom:1px solid var(--dash-border); font-size:12px; font-weight:700; }
body.clientarea-shell:not(.clientarea-home) .primary-content .table td { vertical-align:middle; border-color:#edf2f8; font-size:13px; }
body.clientarea-shell:not(.clientarea-home) .primary-content .table tbody tr:hover { background:#f7faff; }
body.clientarea-shell:not(.clientarea-home) .primary-content .form-control,
body.clientarea-shell:not(.clientarea-home) .primary-content .custom-select { min-height:40px; border-color:#d8e4f2; border-radius:8px; box-shadow:none; }
body.clientarea-shell:not(.clientarea-home) .primary-content .form-control:focus,
body.clientarea-shell:not(.clientarea-home) .primary-content .custom-select:focus { border-color:#78aef0; box-shadow:0 0 0 3px rgba(21,101,192,.1); }
body.clientarea-shell:not(.clientarea-home) .primary-content .btn-primary { background:#0873ed; border-color:#0873ed; border-radius:8px; font-weight:700; }
body.clientarea-shell:not(.clientarea-home) .primary-content .alert { border-radius:10px; }
body.clientarea-shell:not(.clientarea-home) .primary-content .nav-tabs { margin-bottom:16px; border-bottom-color:var(--dash-border); }
body.clientarea-shell:not(.clientarea-home) .primary-content .nav-tabs .nav-link { color:#587294; border-radius:9px 9px 0 0; }
body.clientarea-shell:not(.clientarea-home) .primary-content .nav-tabs .nav-link.active { color:var(--dash-blue); background:#fff; border-color:var(--dash-border) var(--dash-border) #fff; font-weight:700; }
body.clientarea-ticket-page #main-body > div > .row { display:block; grid-template-columns: minmax(0, 1fr); margin:0; }
body.clientarea-ticket-page .primary-content { width:100%; max-width:none; padding:0; flex:none; }
.ticket-page { --dash-blue:#1565c0; --dash-navy:#102d5a; --dash-text:#172b4d; --dash-muted:#6b7c98; --dash-border:#e3ecf7; display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; color:var(--dash-text); }
body.clientarea-ticket-page .ticket-page { grid-template-columns:minmax(0,1fr) 276px; direction:rtl; }
.ticket-page-content { display:flex; min-width:0; flex-direction:column; gap:16px; grid-column:1; }
.ticket-page > .client-dashboard-left { grid-column:2; grid-row:1; }
.ticket-page-hero { position:relative; display:flex; min-height:180px; align-items:center; overflow:hidden; padding:24px 30px; background:#eaf3ff; border:1px solid #d9e9fb; border-radius:15px; }
.ticket-page-hero::before { position:absolute; inset:0; content:''; background:linear-gradient(90deg,rgba(10,72,145,.08) 0%,rgba(210,230,255,.28) 40%,rgba(234,243,255,.94) 76%,#eaf3ff 100%),url('../img/box_bg.jpg') left center/cover no-repeat; }
.ticket-page-hero-copy { position:relative; z-index:1; max-width:68%; }
.ticket-page-eyebrow { display:block; margin-bottom:7px; color:#4775b2; font-size:12px; font-weight:700; }
.ticket-page-hero h1 { margin:0 0 8px; color:#102d5a; font-size:27px; font-weight:800; }
.ticket-page-hero p { margin:0; color:#506e96; font-size:13px; line-height:1.9; }
.ticket-page-hero-art { position:absolute; top:50%; left:7%; display:flex; width:112px; height:112px; align-items:center; justify-content:center; color:#0873ed; background:rgba(255,255,255,.48); border:1px solid rgba(255,255,255,.72); border-radius:28px; box-shadow:0 12px 30px rgba(27,103,190,.12); font-size:64px; transform:translateY(-50%) rotate(-5deg); }
.ticket-page-hero-art > span { position:absolute; right:-10px; top:-9px; display:flex; width:42px; height:42px; align-items:center; justify-content:center; color:#fff; background:#1685f5; border:4px solid #eaf3ff; border-radius:50%; font-size:17px; }
.ticket-department-panel,.ticket-form-panel,.ticket-guide-panel,.ticket-guide-help { min-width:0; padding:17px; background:#fff; border:1px solid var(--dash-border); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
.ticket-section-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; padding-bottom:12px; border-bottom:1px solid #edf2f8; }
.ticket-section-heading > div { display:flex; align-items:center; gap:11px; }
.ticket-heading-icon { display:flex; width:38px; height:38px; flex:0 0 38px; align-items:center; justify-content:center; color:#0873ed; background:#eaf4ff; border-radius:11px; font-size:18px; }
.ticket-section-heading h2 { margin:0; color:var(--dash-navy); font-size:17px; font-weight:800; }
.ticket-section-heading p { margin:3px 0 0; color:var(--dash-muted); font-size:12px; }
.ticket-department-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ticket-department-card { display:flex; min-width:0; min-height:210px; flex-direction:column; align-items:center; padding:17px 14px 13px; color:var(--dash-text)!important; background:#fff; border:1px solid #e1eaf5; border-radius:12px; text-align:center; text-decoration:none!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.ticket-department-card:hover { transform:translateY(-2px); border-color:#9ac4f3; box-shadow:0 9px 22px rgba(20,85,155,.09); }
.ticket-department-icon { display:flex; width:52px; height:52px; align-items:center; justify-content:center; margin-bottom:11px; color:#0873ed; background:#e9f4ff; border-radius:14px; font-size:22px; }
.ticket-department-card h3 { margin:0 0 7px; color:var(--dash-navy); font-size:14px; font-weight:800; }
.ticket-department-card p { flex:1; margin:0 0 12px; color:var(--dash-muted); font-size:12px; line-height:1.8; }
.ticket-department-action { display:flex; width:100%; min-height:38px; align-items:center; justify-content:center; gap:8px; color:#0873ed; background:#edf6ff; border-radius:9px; font-size:12px; font-weight:700; }
.ticket-department-empty { grid-column:1/-1; }
.ticket-submit-layout { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(240px,.9fr); gap:14px; align-items:start; direction:rtl; }
.ticket-submit-form { min-width:0; margin:0; }
.ticket-form-panel { padding:17px; }
.ticket-form-panel .form-group { min-width:0; margin-bottom:13px; }
.ticket-form-panel label { display:block; margin-bottom:6px; color:#203b61; font-size:12px; font-weight:700; }
.ticket-form-panel .form-control { min-height:41px; }
.ticket-fields-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
.ticket-field-wide { grid-column:1/-1; }
.ticket-message-group textarea { min-height:160px; resize:vertical; }
.ticket-attachment-group .attachment-group { min-height:44px; }
.ticket-attachment-group .custom-file { min-width:0; }
.ticket-attachment-group .custom-file-label { overflow:hidden; border-color:#d8e4f2; border-radius:8px; text-align:right; }
.ticket-attachment-group .custom-file-label::after { right:auto; left:0; content:'انتخاب فایل'; }
.ticket-upload-limits { display:block; margin-top:7px; color:var(--dash-muted); font-size:11px; }
.ticket-captcha { margin:12px 0; }
.ticket-form-actions { display:flex; gap:9px; margin-top:12px; }
.ticket-form-actions .btn { min-height:45px; padding:10px 18px; border-radius:9px; font-weight:700; }
.ticket-form-actions .btn-primary { flex:1; }
.ticket-form-actions .btn-default { color:#496483; background:#f5f8fc; border:1px solid #dce6f1; }
.ticket-guide-panel { padding:15px; }
.ticket-guide-panel .ticket-section-heading { margin-bottom:8px; }
.guide-icon { color:#f1a100; background:#fff5dc; }
.ticket-guide-steps { display:flex; flex-direction:column; margin:0; padding:0; list-style:none; }
.ticket-guide-steps li { display:flex; gap:10px; padding:12px 3px; border-bottom:1px solid #edf2f8; }
.ticket-guide-steps li:last-child { border-bottom:0; }
.guide-step-icon { display:flex; width:42px; height:42px; flex:0 0 42px; align-items:center; justify-content:center; color:#11ae7b; background:#e6f8f1; border-radius:11px; font-size:18px; }
.guide-blue { color:#0873ed; background:#e8f3ff; }
.guide-purple { color:#8060ec; background:#f0edff; }
.guide-orange { color:#e39b18; background:#fff3da; }
.ticket-guide-steps strong { display:block; margin:0 0 4px; color:var(--dash-navy); font-size:12px; }
.ticket-guide-steps p { margin:0; color:var(--dash-muted); font-size:11px; line-height:1.75; }
.ticket-guide-help { margin-top:12px; padding:15px; background:#eef6ff; text-align:center; }
.ticket-help-icon { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; color:#fff; background:#0873ed; border-radius:50%; }
.ticket-guide-help h3 { margin:8px 0 4px; color:var(--dash-navy); font-size:14px; font-weight:800; }
.ticket-guide-help p { margin:0 0 10px; color:var(--dash-muted); font-size:11px; }
.ticket-guide-help .btn { width:100%; color:#0873ed; background:#fff; border-color:#8bbcf1; border-radius:8px; font-size:12px; font-weight:700; }
.client-dashboard-layout { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:16px; direction:rtl; align-items:start; }
.client-dashboard-center,.client-dashboard-left { min-width:0; }
.client-dashboard-welcome { position:relative; display:flex; min-height:185px; align-items:center; overflow:hidden; margin-bottom:16px; padding:25px 32px; background:#e5f1ff; border:1px solid #d9e9fb; border-radius:15px; }
.client-dashboard-welcome::before { position:absolute; inset:0; content:''; background:linear-gradient(90deg,rgba(10,72,145,.08) 0%,rgba(210,230,255,.24) 38%,rgba(234,243,255,.88) 68%,#eaf3ff 100%),url('../img/box_bg.jpg') left center/cover no-repeat; opacity:1; }
.client-dashboard-welcome::after { position:absolute; right:35%; top:-80%; width:45%; height:260%; content:''; background:rgba(255,255,255,.22); border-radius:50%; transform:rotate(24deg); }
.client-dashboard-welcome-copy { position:relative; z-index:1; max-width:64%; }
.client-dashboard-eyebrow { display:block; margin-bottom:8px; color:#4775b2; font-size:11px; font-weight:700; }
.client-dashboard-welcome h1 { margin:0 0 4px; color:#102d5a; font-size:28px; font-weight:800!important; }
.client-dashboard-welcome p { max-width:570px; margin:0; color:#45658f; font-size:13px; line-height:1.8; }
.client-dashboard-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.client-dashboard-stat { position:relative; display:grid; min-height:104px; grid-template-columns:54px 1fr 18px; grid-template-rows:1fr auto; align-items:center; gap:0 12px; padding:14px; color:var(--dash-text)!important; background:#fff; border:1px solid var(--dash-border); border-radius:13px; box-shadow:0 5px 16px rgba(20,68,126,.045); text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease; }
.client-dashboard-stat:hover { transform:translateY(-2px); box-shadow:0 9px 22px rgba(20,68,126,.1); }
.client-dashboard-stat .stat-icon { display:flex; width:52px; height:52px; grid-row:1 / span 2; align-items:center; justify-content:center; color:#0873ed; background:#e8f3ff; border-radius:13px; font-size:20px; }
.client-dashboard-stat .stat-value { align-self:end; color:#102d5a; font-size:24px; font-weight:800; line-height:1.2; }
.client-dashboard-stat .stat-label { align-self:start; color:#657d9e; font-size:12px; }
.client-dashboard-stat > .stat-link { grid-column:2 / 4; display:flex; align-items:center; gap:6px; margin-top:7px; color:#0873ed; font-size:11px; font-weight:700; }
.stat-domain .stat-icon { color:#1686df; background:#e5f4ff; }
.stat-invoice .stat-icon { color:#e29b16; background:#fff4dc; }
.stat-ticket .stat-icon { color:#7961e8; background:#f0edff; }
.client-dashboard-section,.client-dashboard-card { min-width:0; padding:15px; background:#fff; border:1px solid var(--dash-border); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
.client-dashboard-section { margin-bottom:16px; }
.client-dashboard-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.client-dashboard-section-heading h2,.client-dashboard-card h2 { margin:0; color:var(--dash-navy); font-size:16px; font-weight:800!important; }
.client-dashboard-outline-link { display:inline-flex; min-height:31px; align-items:center; gap:7px; padding:5px 10px; color:var(--dash-blue)!important; border:1px solid #84b6f7; border-radius:7px; font-size:11px; font-weight:700; }
.client-dashboard-widgets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.client-dashboard-widget { min-width:0; margin:0!important; overflow:hidden; background:#fff; border:1px solid var(--dash-border); border-radius:11px; box-shadow:none; }
.client-dashboard-widget.dashboard-widget-wide { grid-column:1 / -1; }
.client-dashboard-widget .card-header { padding:11px 13px; background:#f2f7fd; border-bottom:1px solid var(--dash-border); }
.client-dashboard-widget .card-title { display:flex; align-items:center; gap:7px; color:#17365f; font-size:13px; font-weight:700; }
.client-dashboard-widget .card-body { padding:13px; font-size:12px; }
.client-dashboard-widget .card-footer { padding:8px 13px; background:#fff; border-top:1px solid var(--dash-border); }
.client-dashboard-widget .list-group-item { padding:9px 12px; border-color:#edf2f8; font-size:12px; }
.client-dashboard-widget-action { margin-right:auto; color:var(--dash-blue)!important; font-size:11px; }
.client-dashboard-empty { grid-column:1 / -1; padding:24px 15px; color:var(--dash-muted); background:#f7faff; border:1px dashed #ccdaea; border-radius:10px; text-align:center; }
.client-dashboard-empty > i { color:#72a6e4; font-size:24px; }
.client-dashboard-empty p { margin:8px 0 12px; font-size:12px; }
.client-dashboard-left { display:flex; flex-direction:column; gap:12px; }
.client-dashboard-card { padding:15px; }
.account-summary { text-align:center; }
.account-avatar { display:flex; width:62px; height:62px; align-items:center; justify-content:center; margin:2px auto 8px; color:#0873ed; background:#e4f1ff; border-radius:50%; font-size:25px; }
.account-summary h2 { margin:5px 0; color:#102d5a; font-size:15px; }
.account-email { margin:0 0 10px; color:#7084a3; direction:ltr; font-size:11px; }
.client-dashboard-soft-link { display:flex; min-height:37px; align-items:center; justify-content:center; gap:8px; color:#0873ed!important; background:#edf6ff; border-radius:8px; font-size:12px; font-weight:700; }
.client-dashboard-soft-link i { font-size:11px; }
.account-credit { background:#f0fbf7; border-color:#d9f2e7; }
.credit-heading { display:flex; align-items:center; gap:11px; margin-bottom:11px; }
.credit-heading > span { display:flex; width:44px; height:44px; align-items:center; justify-content:center; color:#0eaa78; background:#d9f6ea; border-radius:11px; font-size:18px; }
.credit-heading > div { display:flex; flex:1; flex-direction:column; gap:4px; text-align:right; }
.credit-heading strong { color:#244e4a; font-size:13px; }
.credit-heading b { color:#123d50; font-size:20px; }
.quick-access h2 { margin-bottom:8px; }
.quick-access > a { display:flex; min-height:42px; align-items:center; gap:10px; color:#426188!important; border-top:1px solid #edf2f8; font-size:12px; }
.quick-access > a > i:first-child { width:20px; color:#4575b4; text-align:center; font-size:15px; }
.quick-access > a > span { flex:1; }
.quick-access > a > i:last-child { color:#9aacc4; font-size:10px; }
.client-dashboard-sidebar-widgets .card-sidebar { margin:0 0 12px!important; overflow:hidden; border:1px solid var(--dash-border); border-radius:13px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
.client-dashboard-sidebar-widgets .card-sidebar .card-header { padding:11px 14px; background:#fff; border-bottom:1px solid #edf2f8; }
.client-dashboard-sidebar-widgets .card-sidebar .card-title { color:#17365f; font-size:13px; }
.client-dashboard-sidebar-widgets .card-sidebar .list-group-item { padding:9px 12px; font-size:12px; }
.client-dashboard-sidebar-widgets .card-sidebar .card-body { font-size:12px; }
.client-dashboard-addon { margin-bottom:12px; }
/* Client services list page */
body.clientarea-services-page #main-body > div > .row { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:16px; align-items:start; margin:0; direction:rtl; }
body.clientarea-services-page .primary-content { width:100%; max-width:none; padding:0; flex:none; }
.client-services-page { display:flex; flex-direction:column; gap:14px; color:var(--dash-text,#172b4d); }
.client-services-hero { position:relative; display:flex; min-height:200px; align-items:center; overflow:hidden; padding:24px 30px; background:#eaf3ff; border:1px solid #d9e9fb; border-radius:15px; }
.client-services-hero::before { position:absolute; inset:0; content:''; background:linear-gradient(270deg,rgba(234,243,255,.98) 0%,rgba(224,239,255,.88) 42%,rgba(174,211,250,.22) 100%),url('../img/box_bg.jpg') left center/cover no-repeat; }
.client-services-hero-copy { position:relative; z-index:1; width:100%; text-align:right; }
.client-services-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:20px; color:#5e7ca4; font-size:11px; }
.client-services-breadcrumb a { color:#5e7ca4; }
.client-services-breadcrumb i { font-size:9px; }
.client-services-hero h1 { margin:0 0 7px; color:#102d5a; font-size:28px; font-weight:800; }
.client-services-hero p { margin:0 0 7px; color:#526f96; font-size:13px; }
.client-services-hero-note { color:#617d9f; font-size:12px; }
.client-services-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.client-services-stat { display:flex; min-width:0; min-height:94px; align-items:center; gap:14px; padding:14px 16px; background:#fff; border:1px solid var(--dash-border,#e3ecf7); border-radius:14px; box-shadow:0 5px 16px rgba(20,68,126,.045); }
.service-stat-icon { display:flex; width:56px; height:56px; flex:0 0 56px; align-items:center; justify-content:center; border-radius:13px; font-size:22px; }
.client-services-stat > div { display:flex; min-width:0; flex-direction:column; gap:4px; }
.client-services-stat strong { color:#102d5a; font-size:23px; font-weight:800; line-height:1.2; }
.client-services-stat > div span { color:#6b7f9c; font-size:12px; }
.service-stat-active .service-stat-icon { color:#11ad78; background:#e1f7ee; }
.service-stat-total .service-stat-icon { color:#0873ed; background:#e7f2ff; }
.service-stat-pending .service-stat-icon { color:#ed9d16; background:#fff2da; }
.service-stat-suspended .service-stat-icon { color:#e6424b; background:#ffe7e9; }
.client-services-table-card { min-width:0; padding:16px; background:#fff; border:1px solid var(--dash-border,#e3ecf7); border-radius:14px; box-shadow:0 5px 18px rgba(20,68,126,.045); }
.client-services-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.client-services-search { position:relative; display:block; width:min(100%,340px); margin:0; }
.client-services-search .form-control { height:41px; padding:8px 13px 8px 40px; border:1px solid #d3e1f2; border-radius:9px; box-shadow:none; text-align:right; }
.client-services-search .form-control:focus { border-color:#83b7f2; box-shadow:0 0 0 3px rgba(8,115,237,.09); }
.client-services-search > i { position:absolute; top:13px; left:13px; color:#8095b4; }
.client-services-order { display:inline-flex; min-height:40px; align-items:center; gap:7px; padding:8px 13px; color:#0873ed!important; background:#eef6ff; border:1px solid #d5e8ff; border-radius:9px; font-size:12px; font-weight:700; }
.client-services-table-wrap,.client-services-table-wrap .table-container { min-width:0; overflow-x:auto; border:0; border-radius:11px; }
.client-services-table-wrap #tableServicesList { width:100%!important; margin:0!important; border-collapse:separate; border-spacing:0 6px; color:#18345e; }
.client-services-table-wrap #tableServicesList thead th { padding:13px 11px; color:#24466f; background:#f0f6fd; border:0; font-size:12px; font-weight:800; white-space:nowrap; }
.client-services-table-wrap #tableServicesList thead th:first-child { border-radius:0 10px 10px 0; }
.client-services-table-wrap #tableServicesList thead th:last-child { border-radius:10px 0 0 10px; }
.client-services-table-wrap #tableServicesList tbody tr { background:#fff; box-shadow:0 3px 11px rgba(22,60,105,.045); cursor:pointer; }
.client-services-table-wrap #tableServicesList tbody td { padding:12px 11px; vertical-align:middle; border-top:1px solid #edf2f8; border-bottom:1px solid #edf2f8; font-size:12px; }
.client-services-table-wrap #tableServicesList tbody td:first-child { border-right:1px solid #edf2f8; border-radius:0 10px 10px 0; }
.client-services-table-wrap #tableServicesList tbody td:last-child { border-left:1px solid #edf2f8; border-radius:10px 0 0 10px; }
.client-services-table-wrap #tableServicesList tbody tr:hover td { background:#f8fbff; border-color:#dceafb; }
.client-services-table-wrap #tableServicesList tbody td strong { color:#153665; font-size:13px; }
.client-services-table-wrap #tableServicesList tbody td a { color:#637fa6; direction:ltr; font-size:11px; }
.client-services-table-wrap #tableServicesList .label.status { display:inline-block; min-width:78px; padding:7px 10px; border:0; border-radius:8px; font-size:11px; font-weight:700; }
.client-services-table-wrap #tableServicesList .status-active { color:#07996c; background:#e2f8ef; }
.client-services-table-wrap #tableServicesList .status-pending { color:#d98908; background:#fff2d9; }
.client-services-table-wrap #tableServicesList .status-suspended,.client-services-table-wrap #tableServicesList .status-terminated { color:#d8323d; background:#ffe6e8; }
.client-services-table-wrap .dataTables_wrapper .dataTables_info,.client-services-table-wrap .dataTables_wrapper .dataTables_length,.client-services-table-wrap .dataTables_wrapper .dataTables_paginate { padding-top:12px; color:#617b9e; font-size:11px; }
.client-services-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button { margin:0 2px; padding:7px 10px; color:#38577e!important; background:#fff!important; border:1px solid #dce7f4!important; border-radius:8px; }
.client-services-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current { color:#fff!important; background:#0873ed!important; border-color:#0873ed!important; }
.client-services-table-wrap .dataTables_wrapper .dataTables_filter,.client-services-table-wrap .dataTables_wrapper .dataTables_length select { display:none; }
@media (max-width: 991.98px) {
  .client-services-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-services-hero { min-height:175px; }
}
@media (max-width: 575.98px) {
  .client-services-hero { min-height:160px; padding:18px; }
  .client-services-hero h1 { font-size:23px; }
  .client-services-breadcrumb { margin-bottom:15px; }
  .client-services-stats { gap:8px; }
  .client-services-stat { min-height:78px; gap:9px; padding:10px; }
  .service-stat-icon { width:42px; height:42px; flex-basis:42px; font-size:18px; }
  .client-services-stat strong { font-size:19px; }
  .client-services-stat > div span { font-size:10px; }
  .client-services-table-card { padding:10px; }
  .client-services-toolbar { align-items:stretch; flex-direction:column; }
  .client-services-search { width:100%; }
  .client-services-order { justify-content:center; }
}
@media (max-width: 1199.98px) {
  .client-dashboard-sidebar { width:230px; }
  .client-dashboard-main { margin-right:230px; }
  body.clientarea-ticket-page .client-dashboard-main-ticket { margin-right:230px; }
  body.clientarea-shell:not(.clientarea-home) #main-body > div > .row { grid-template-columns:minmax(0,1fr) 245px; }
  .client-dashboard-layout { grid-template-columns:minmax(0,1fr) 245px; gap:12px; }
  .client-dashboard-stat { grid-template-columns:44px 1fr 12px; gap:0 8px; padding:11px; }
  .client-dashboard-stat .stat-icon { width:44px; height:44px; }
  .ticket-submit-layout { grid-template-columns:minmax(0,1fr); }
  .ticket-submit-guide { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .ticket-guide-help { align-self:start; margin-top:0; }
  body.clientarea-ticket-page .ticket-page { grid-template-columns:minmax(0,1fr) 245px; }
}
@media (max-width: 991.98px) {
  .client-dashboard-layout { grid-template-columns:minmax(0,1fr); }
  .client-dashboard-left { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .client-dashboard-sidebar-widgets { min-width:0; }
  .client-dashboard-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.clientarea-shell:not(.clientarea-home) #main-body > div > .row { grid-template-columns:minmax(0,1fr); }
  body.clientarea-shell:not(.clientarea-home) .client-dashboard-left { grid-column:1; grid-row:2; }
  body.clientarea-shell:not(.clientarea-home) .primary-content { grid-column:1; grid-row:1; }
  body.clientarea-ticket-page .ticket-page { grid-template-columns:minmax(0,1fr); }
  body.clientarea-ticket-page .ticket-page-content { grid-column:1; grid-row:1; }
  body.clientarea-ticket-page .ticket-page > .client-dashboard-left { grid-column:1; grid-row:2; }
}
@media (max-width: 767.98px) {
  .client-dashboard-sidebar-toggle { display:inline-flex; flex:0 0 38px; }
  .client-dashboard-sidebar { right:0; width:265px; transform:translateX(100%); transition:transform .22s ease; }
  .client-dashboard-sidebar.collapse:not(.show) { display:flex!important; transform:translateX(100%); }
  .client-dashboard-sidebar.show { transform:translateX(0); }
  .client-dashboard-main { margin-right:0; }
  body.clientarea-ticket-page .client-dashboard-main-ticket { margin-right:0; }
  .client-dashboard-toolbar { min-height:58px; gap:8px; padding:8px 12px; }
  .client-dashboard-search { flex:1 1 auto; }
  .client-dashboard-search .form-control { font-size:11px; }
  .client-dashboard-toolbar-actions { gap:4px; }
  .client-dashboard-account > button span,.client-dashboard-language span:first-child { display:none; }
  .client-dashboard-language,.client-dashboard-account > button { padding:6px; }
  body.clientarea-home #main-body > .container { padding:0 12px; }
  body.clientarea-shell:not(.clientarea-home) #main-body > div { padding:0 12px; }
  body.clientarea-shell:not(.clientarea-home) .client-dashboard-page-title { margin:0 12px; padding-top:15px; }
  body.clientarea-shell:not(.clientarea-home) .client-dashboard-page-title h1 { font-size:20px; }
  .client-dashboard-welcome { min-height:165px; padding:20px; }
  .client-dashboard-welcome-copy { max-width:82%; }
  .client-dashboard-welcome h1 { font-size:22px; }
  .client-dashboard-welcome p { font-size:12px; }
  .client-dashboard-stats { gap:8px; }
  .client-dashboard-stat { min-height:94px; padding:10px; }
  .client-dashboard-stat .stat-value { font-size:21px; }
  .client-dashboard-widgets { grid-template-columns:minmax(0,1fr); }
  .client-dashboard-widget.dashboard-widget-wide { grid-column:auto; }
  .client-dashboard-left { grid-template-columns:minmax(0,1fr); }
  .ticket-page-hero { min-height:150px; padding:20px; }
  .ticket-page-hero-copy { max-width:100%; }
  .ticket-page-hero h1 { font-size:22px; }
  .ticket-page-hero-art { left:4%; width:78px; height:78px; opacity:.28; font-size:43px; }
  .ticket-department-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ticket-fields-two { grid-template-columns:minmax(0,1fr); }
  .ticket-guide-steps { grid-template-columns:minmax(0,1fr); }
  .ticket-submit-guide { grid-template-columns:minmax(0,1fr); }
  .ticket-form-panel,.ticket-department-panel { padding:13px; }
  .ticket-section-heading h2 { font-size:15px; }
}
@media (max-width: 480px) {
  .ticket-department-grid { grid-template-columns:minmax(0,1fr); }
  .ticket-department-card { min-height:180px; }
  .ticket-page-hero-art { display:none; }
  .ticket-form-actions { flex-direction:column; }
  .ticket-form-actions .btn { width:100%; }
}
@media (max-width: 420px) {
  .client-dashboard-toolbar { flex-wrap:wrap; }
  .client-dashboard-sidebar-toggle { order:0; }
  .client-dashboard-search { min-width:calc(100% - 48px); order:1; }
  .client-dashboard-toolbar-actions { width:100%; justify-content:flex-end; order:2; }
  .client-dashboard-welcome-copy { max-width:100%; }
  .client-dashboard-welcome::before { background:linear-gradient(90deg,rgba(10,72,145,.16),rgba(220,236,255,.62) 48%,#eaf3ff 100%),url('../img/box_bg.jpg') left center/cover no-repeat; }
}
/* Order configuration page refresh */
.store-order-container { max-width: 1120px; margin: 24px auto 48px; color:#102a56; }
.store-order-container #frmAddToCart > .row:first-of-type { margin:0 0 24px; padding:30px; border:1px solid #d8e8fb; border-radius:22px; background:linear-gradient(115deg,#e7f3ff,#fff 70%); box-shadow:0 12px 32px rgba(34,91,160,.08); align-items:center; }
.store-order-container h2 { color:#0c2c65; font-weight:800; }
.store-order-container h4 { color:#15366d; font-weight:750; margin-bottom:14px; }
.store-order-container .payment-term { padding:18px; background:#fff; border:1px solid #dce9f8; border-radius:16px; }
.store-order-container .form-control,.store-order-container .custom-select { border:1px solid #d4e2f3; border-radius:10px; min-height:46px; }
.store-order-container .store-domain-tabs { display:flex; gap:10px; flex-wrap:wrap; border:0; }
.store-order-container .store-domain-tabs .nav-link { border:1px solid #dce9f8; border-radius:12px; background:#f3f8ff; color:#31598e; padding:14px 20px!important; }
.store-order-container .store-domain-tabs .nav-link.active,.store-order-container .store-domain-tabs li.active .nav-link { color:#fff; background:#0866ee; border-color:#0866ee; }
.store-order-container .store-domain-tab-content { padding:24px; border:1px solid #dce9f8; border-radius:0 0 18px 18px; box-shadow:0 10px 28px rgba(34,91,160,.06); }
.store-order-container .btn-primary { background:#0866ee; border-color:#0866ee; border-radius:11px; padding:12px 24px; font-weight:700; }
@media(max-width:767px){.store-order-container{margin:12px auto 28px}.store-order-container #frmAddToCart > .row:first-of-type{padding:20px 16px}.store-order-container .store-domain-tabs{display:grid;grid-template-columns:1fr 1fr}.store-order-container .store-domain-tabs .nav-link{padding:11px!important;text-align:center}.store-order-container .store-domain-tab-content{padding:16px}}
/* Support tickets list */
.clientarea-shell .table-container:has(#tableTicketsList) { padding:18px; border:1px solid #e3ecf7; border-radius:16px; background:#fff; box-shadow:0 8px 26px rgba(30,79,140,.055); }
.clientarea-shell .ticket-list-heading { position:relative; display:flex; min-height:205px; justify-content:space-between; align-items:center; gap:20px; overflow:hidden; margin:0 0 14px; padding:25px 28px; border:1px solid #d5e8fb; border-radius:16px; background:linear-gradient(100deg,#d9ebff,#eaf4ff 57%,#f5faff); }
.clientarea-shell .ticket-list-heading-copy { position:relative; z-index:1; max-width:56%; margin-right:auto; text-align:right; }
.clientarea-shell .ticket-list-heading h2 { margin:5px 0 8px; color:#102d66; font-weight:800; }
.clientarea-shell .ticket-list-heading p { margin:0; color:#5876a6; }
.clientarea-shell .ticket-list-eyebrow { color:#0965e9; font-size:12px; font-weight:800; }
.clientarea-shell .ticket-list-heading-art { position:absolute; left:20%; top:50%; display:flex; align-items:center; gap:10px; transform:translateY(-50%); color:rgba(0,100,238,.82); }
.clientarea-shell .ticket-list-heading-art .fa-headset { font-size:108px; filter:drop-shadow(0 8px 10px rgba(0,85,190,.18)); }
.clientarea-shell .ticket-list-heading-art .fa-comment-dots { position:absolute; top:-13px; right:-28px; font-size:40px; }
.clientarea-shell .ticket-list-heading .ticket-list-new { position:absolute; z-index:2; bottom:16px; left:16px; border-radius:9px; padding:11px 17px; white-space:nowrap; }
.clientarea-shell .ticket-list-toolbar { display:flex; gap:10px; align-items:center; margin:0 0 16px; padding:12px; border:1px solid #e3ecf7; border-radius:12px; background:#fff; }
.clientarea-shell .ticket-list-search,.clientarea-shell .ticket-list-sort { display:flex; min-width:150px; height:40px; align-items:center; gap:8px; margin:0; padding:0 11px; border:1px solid #d8e5f4; border-radius:8px; color:#52709e; }
.clientarea-shell .ticket-list-search { flex:1; color:#1265dc; }
.clientarea-shell .ticket-list-search input { width:100%; border:0; outline:0; color:#173669; background:transparent; }
.clientarea-shell .ticket-list-sort select { min-width:120px; border:0; outline:0; color:#31598e; background:transparent; }
.clientarea-shell .ticket-list-reset { height:40px; padding:0 12px; border:1px solid #d8e5f4; border-radius:8px; color:#31598e; background:#fff; cursor:pointer; }
.clientarea-shell #tableTicketsList { width:100%; border-collapse:separate; border-spacing:0 5px; }
.clientarea-shell #tableTicketsList thead th { padding:12px 10px; border:0; color:#173669; font-weight:800; background:#eff6ff; }
.clientarea-shell #tableTicketsList thead th:first-child { border-radius:0 9px 9px 0; }
.clientarea-shell #tableTicketsList thead th:last-child { border-radius:9px 0 0 9px; }
.clientarea-shell #tableTicketsList tbody tr { background:#fff; }
.clientarea-shell #tableTicketsList tbody td { padding:12px 10px; vertical-align:middle; border-top:1px solid #edf2f9; border-bottom:1px solid #edf2f9; color:#45628f; }
.clientarea-shell #tableTicketsList tbody td:first-child { border-right:1px solid #edf2f9; border-radius:0 9px 9px 0; }
.clientarea-shell #tableTicketsList tbody td:last-child { border-left:1px solid #edf2f9; border-radius:9px 0 0 9px; }
.clientarea-shell #tableTicketsList tbody tr:hover td { background:#f7faff; }
.clientarea-shell #tableTicketsList .ticket-subject { color:#173669; font-weight:650; }
.clientarea-shell #tableTicketsList .ticket-view-link { display:inline-block; padding:6px 10px; border:1px solid #cfe1fb; border-radius:7px; color:#0866ee; white-space:nowrap; }
.clientarea-shell #tableTicketsList .label.status { display:inline-block; padding:6px 12px; border-radius:7px; }
.clientarea-shell #tableTicketsList tbody .ticket-list-empty-row td { padding:32px 12px; text-align:center; color:#6b7c98; }
.clientarea-shell .ticket-list-empty-row i { display:block; margin-bottom:8px; color:#7ca4d8; font-size:25px; }
.clientarea-shell #tableTicketsList_wrapper .dataTables_length,.clientarea-shell #tableTicketsList_wrapper .dataTables_info,.clientarea-shell #tableTicketsList_wrapper .dataTables_paginate { margin-top:12px; color:#6b7c98; }
.clientarea-shell #tableTicketsList_wrapper .paginate_button { margin:0 2px; padding:7px 11px!important; border:1px solid #dbe7f5!important; border-radius:8px!important; color:#52709e!important; background:#fff!important; }
.clientarea-shell #tableTicketsList_wrapper .paginate_button.current { border-color:#0866ee!important; color:#fff!important; background:#0866ee!important; }
@media(max-width:767px){.clientarea-shell .table-container:has(#tableTicketsList){padding:12px}.clientarea-shell .ticket-list-heading{min-height:205px;align-items:flex-start;padding:19px}.clientarea-shell .ticket-list-heading-copy{max-width:75%;margin-right:0}.clientarea-shell .ticket-list-heading-art{left:4%;opacity:.42}.clientarea-shell .ticket-list-heading-art .fa-headset{font-size:75px}.clientarea-shell .ticket-list-toolbar{align-items:stretch;flex-wrap:wrap}.clientarea-shell .ticket-list-search{flex-basis:100%}.clientarea-shell .ticket-list-sort{flex:1}.clientarea-shell #tableTicketsList_wrapper{overflow-x:auto}.clientarea-shell #tableTicketsList{min-width:690px}.clientarea-shell #tableTicketsList_wrapper .dataTables_length,.clientarea-shell #tableTicketsList_wrapper .dataTables_info{float:none;text-align:right}}