/* Digitoma V110 — Global reference UI layer
   Visual-only design system aligned to the user's compact Persian admin reference.
   No runtime/API/business logic is defined here. */

:root{
  --dui-bg:#f7f8fa;
  --dui-surface:#ffffff;
  --dui-text:#1f2937;
  --dui-heading:#111827;
  --dui-muted:#667085;
  --dui-subtle:#98a2b3;
  --dui-line:#e4e9f0;
  --dui-line-strong:#d4dbe5;
  --dui-primary:#1687ea;
  --dui-primary-hover:#0f78d1;
  --dui-primary-soft:#eef6ff;
  --dui-success:#168a59;
  --dui-warning:#9a6b16;
  --dui-danger:#c33e49;
  --dui-radius:9px;
  --dui-radius-sm:7px;
  --dui-shadow:0 1px 2px rgba(16,24,40,.025);
}

html{background:var(--dui-bg)}
body:not(.portal-page):not(.mobile-app),
body:not(.portal-page):not(.mobile-app) button,
body:not(.portal-page):not(.mobile-app) input,
body:not(.portal-page):not(.mobile-app) select,
body:not(.portal-page):not(.mobile-app) textarea{
  font-family:"IRANSansX","IRANYekanX","IRANYekan","Yekan Bakh","Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:not(.portal-page):not(.mobile-app){
  background:var(--dui-bg)!important;
  color:var(--dui-text);
  font-size:13px;
  line-height:1.8;
}
body:not(.portal-page):not(.mobile-app) h1,
body:not(.portal-page):not(.mobile-app) h2,
body:not(.portal-page):not(.mobile-app) h3,
body:not(.portal-page):not(.mobile-app) h4,
body:not(.portal-page):not(.mobile-app) b,
body:not(.portal-page):not(.mobile-app) strong{
  color:var(--dui-heading);
  letter-spacing:-.25px;
}
body:not(.portal-page):not(.mobile-app) p{color:var(--dui-muted)}
body:not(.portal-page):not(.mobile-app) .container{width:min(1160px,calc(100% - 36px))}

/* Header + navigation */
body:not(.portal-page):not(.mobile-app) .site-header{
  background:#fff!important;
  backdrop-filter:none!important;
  border-bottom:1px solid var(--dui-line)!important;
  box-shadow:none!important;
}
body:not(.portal-page):not(.mobile-app) .header-shell,
body:not(.portal-page):not(.mobile-app) .nav{min-height:62px;height:auto}
body:not(.portal-page):not(.mobile-app) .brand{height:58px;font-size:16px;font-weight:650}
body:not(.portal-page):not(.mobile-app) .brand-logo{height:46px!important;max-width:150px;filter:none!important}
body:not(.portal-page):not(.mobile-app) .nav-links,
body:not(.portal-page):not(.mobile-app) .nav-links-v19{gap:20px!important}
body:not(.portal-page):not(.mobile-app) .nav-links a,
body:not(.portal-page):not(.mobile-app) .nav-links-v19 a{
  color:#344054!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
body:not(.portal-page):not(.mobile-app) .nav-links a:hover,
body:not(.portal-page):not(.mobile-app) .nav-links-v19 a:hover,
body:not(.portal-page):not(.mobile-app) .nav-links a.active,
body:not(.portal-page):not(.mobile-app) .nav-links-v19 a.active{color:#1677c8!important}
body:not(.portal-page):not(.mobile-app) .nav-links-v19 a::after{background:#1687ea!important;height:2px!important}
body:not(.portal-page):not(.mobile-app) .cart-link,
body:not(.portal-page):not(.mobile-app) .cart-link-v19{
  min-height:36px!important;
  height:36px!important;
  border-radius:7px!important;
  border:1px solid var(--dui-line)!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#344054!important;
  font-size:11.5px!important;
}
body:not(.portal-page):not(.mobile-app) .cart-link-v19{width:auto!important;padding:0 10px!important;gap:6px!important}
body:not(.portal-page):not(.mobile-app) .cart-icon{font-size:15px!important;filter:grayscale(1);opacity:.72}
body:not(.portal-page):not(.mobile-app) .cart-link b{box-shadow:none!important}

/* Buttons */
body:not(.portal-page):not(.mobile-app) .btn,
body:not(.portal-page):not(.mobile-app) button.btn{
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  font-size:11.75px!important;
  font-weight:600!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease!important;
}
body:not(.portal-page):not(.mobile-app) .btn-sm{min-height:32px!important;padding:0 11px!important;font-size:10.75px!important}
body:not(.portal-page):not(.mobile-app) .btn-primary{
  background:var(--dui-primary)!important;
  border-color:var(--dui-primary)!important;
  color:#fff!important;
}
body:not(.portal-page):not(.mobile-app) .btn-primary:hover{background:var(--dui-primary-hover)!important;border-color:var(--dui-primary-hover)!important}
body:not(.portal-page):not(.mobile-app) .btn-light,
body:not(.portal-page):not(.mobile-app) .btn-ghost,
body:not(.portal-page):not(.mobile-app) .btn-white{
  background:#fff!important;
  border-color:var(--dui-line-strong)!important;
  color:#344054!important;
}
body:not(.portal-page):not(.mobile-app) .btn-light:hover,
body:not(.portal-page):not(.mobile-app) .btn-ghost:hover{background:#f8fafc!important;border-color:#c8d0dc!important}
body:not(.portal-page):not(.mobile-app) .btn-outline{background:transparent!important;border-color:#cfd6df!important;color:#475467!important}

/* Pills and labels */
body:not(.portal-page):not(.mobile-app) .kicker,
body:not(.portal-page):not(.mobile-app) .status-pill,
body:not(.portal-page):not(.mobile-app) .account-chip,
body:not(.portal-page):not(.mobile-app) .admin-status-pill,
body:not(.portal-page):not(.mobile-app) .owner-card-kicker{
  border-radius:6px!important;
  padding:3px 7px!important;
  font-size:9.75px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body:not(.portal-page):not(.mobile-app) .kicker{background:#f2f7fd!important;border:1px solid #dbeaf8!important;color:#47769f!important}

/* Hero/page headings — calmer and denser */
body:not(.portal-page):not(.mobile-app) .hero,
body:not(.portal-page):not(.mobile-app) .page-hero{
  background:#fff!important;
  box-shadow:none!important;
}
body:not(.portal-page):not(.mobile-app) .hero{padding:56px 0 48px!important}
body:not(.portal-page):not(.mobile-app) .page-hero{padding:46px 0 34px!important}
body:not(.portal-page):not(.mobile-app) .hero-grid{gap:42px!important}
body:not(.portal-page):not(.mobile-app) .hero h1{font-size:38px!important;line-height:1.45!important;letter-spacing:-.7px!important;margin:10px 0!important}
body:not(.portal-page):not(.mobile-app) .page-hero h1{font-size:30px!important;line-height:1.55!important;margin:9px auto!important}
body:not(.portal-page):not(.mobile-app) .hero-text,
body:not(.portal-page):not(.mobile-app) .page-hero p{font-size:13px!important;line-height:1.9!important;color:var(--dui-muted)!important}
body:not(.portal-page):not(.mobile-app) .glow{display:none!important}
body:not(.portal-page):not(.mobile-app) .hero-actions{gap:7px!important;margin-top:18px!important}
body:not(.portal-page):not(.mobile-app) .mini-benefits{margin-top:15px!important;font-size:10.5px!important;gap:11px!important}
body:not(.portal-page):not(.mobile-app) .hero-panel,
body:not(.portal-page):not(.mobile-app) .final-cta,
body:not(.portal-page):not(.mobile-app) .quote{
  border-radius:10px!important;
  box-shadow:none!important;
}

/* Sections and headings */
body:not(.portal-page):not(.mobile-app) .section{padding:50px 0!important}
body:not(.portal-page):not(.mobile-app) .section-head{margin-bottom:22px!important;gap:22px!important}
body:not(.portal-page):not(.mobile-app) .section-head h2,
body:not(.portal-page):not(.mobile-app) .split h2,
body:not(.portal-page):not(.mobile-app) .security-grid h2,
body:not(.portal-page):not(.mobile-app) .center-head h2{font-size:25px!important;line-height:1.55!important;margin:7px 0!important}
body:not(.portal-page):not(.mobile-app) .section-head p,
body:not(.portal-page):not(.mobile-app) .body-copy,
body:not(.portal-page):not(.mobile-app) .security-grid p,
body:not(.portal-page):not(.mobile-app) .center-head p{font-size:12px!important;line-height:1.9!important;color:var(--dui-muted)!important}
body:not(.portal-page):not(.mobile-app) .center-head{margin-bottom:22px!important}

/* Cards / panels / forms */
body:not(.portal-page):not(.mobile-app) .card,
body:not(.portal-page):not(.mobile-app) .price-card,
body:not(.portal-page):not(.mobile-app) .contact-box,
body:not(.portal-page):not(.mobile-app) .contact-form,
body:not(.portal-page):not(.mobile-app) .legal-box,
body:not(.portal-page):not(.mobile-app) .cart-card,
body:not(.portal-page):not(.mobile-app) .checkout-form,
body:not(.portal-page):not(.mobile-app) .order-summary,
body:not(.portal-page):not(.mobile-app) .agreement-card,
body:not(.portal-page):not(.mobile-app) .auth-card,
body:not(.portal-page):not(.mobile-app) .auth-main,
body:not(.portal-page):not(.mobile-app) .sms-login-box,
body:not(.portal-page):not(.mobile-app) .account-panel,
body:not(.portal-page):not(.mobile-app) .account-orders-card,
body:not(.portal-page):not(.mobile-app) .account-launch-card,
body:not(.portal-page):not(.mobile-app) .onboarding-form,
body:not(.portal-page):not(.mobile-app) .partner-card,
body:not(.portal-page):not(.mobile-app) .partner-login-card,
body:not(.portal-page):not(.mobile-app) .partner-progress-card,
body:not(.portal-page):not(.mobile-app) .owner-dashboard-card,
body:not(.portal-page):not(.mobile-app) .platform-admin-card,
body:not(.portal-page):not(.mobile-app) .finance-card,
body:not(.portal-page):not(.mobile-app) .sales-card,
body:not(.portal-page):not(.mobile-app) .payment-card,
body:not(.portal-page):not(.mobile-app) .payout-card,
body:not(.portal-page):not(.mobile-app) .provision-card,
body:not(.portal-page):not(.mobile-app) .template-builder-card,
body:not(.portal-page):not(.mobile-app) .infra-card{
  background:#fff!important;
  border:1px solid var(--dui-line)!important;
  border-radius:var(--dui-radius)!important;
  box-shadow:var(--dui-shadow)!important;
}
body:not(.portal-page):not(.mobile-app) .card{padding:17px!important;transform:none!important}
body:not(.portal-page):not(.mobile-app) .card:hover{transform:none!important;border-color:#ccd5e0!important;box-shadow:var(--dui-shadow)!important}
body:not(.portal-page):not(.mobile-app) .card h3{font-size:14px!important;margin:8px 0 4px!important}
body:not(.portal-page):not(.mobile-app) .card p{font-size:11.25px!important;line-height:1.85!important}
body:not(.portal-page):not(.mobile-app) .icon{font-size:20px!important}
body:not(.portal-page):not(.mobile-app) .home-service-cards .card .icon{
  width:38px!important;height:38px!important;margin:0 0 9px auto!important;
  border-radius:7px!important;background:#f6f8fa!important;border:1px solid var(--dui-line)!important;
  box-shadow:none!important;font-size:18px!important;
}
body:not(.portal-page):not(.mobile-app) .steps>div,
body:not(.portal-page):not(.mobile-app) .security-cards>div,
body:not(.portal-page):not(.mobile-app) .industry-grid>div,
body:not(.portal-page):not(.mobile-app) .modules-light>div,
body:not(.portal-page):not(.mobile-app) .about-audience-grid>div{
  border-radius:var(--dui-radius)!important;
  box-shadow:none!important;
  border:1px solid var(--dui-line)!important;
  background:#fff!important;
  padding:15px!important;
}
body:not(.portal-page):not(.mobile-app) .site-preview,
body:not(.portal-page):not(.mobile-app) .ux-demo-browser{border-radius:10px!important;box-shadow:none!important;border:1px solid var(--dui-line)!important;background:#eef1f5!important}

/* Inputs / fields */
body:not(.portal-page):not(.mobile-app) input:not([type="checkbox"]):not([type="radio"]),
body:not(.portal-page):not(.mobile-app) select,
body:not(.portal-page):not(.mobile-app) textarea{
  min-height:38px;
  border:1px solid #d5dce5!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#263244!important;
  padding:8px 10px!important;
  font-size:12px!important;
  box-shadow:none!important;
  outline:none;
}
body:not(.portal-page):not(.mobile-app) textarea{min-height:88px}
body:not(.portal-page):not(.mobile-app) input:focus,
body:not(.portal-page):not(.mobile-app) select:focus,
body:not(.portal-page):not(.mobile-app) textarea:focus{
  border-color:#8fc4f2!important;
  box-shadow:0 0 0 2px rgba(22,135,234,.08)!important;
}
body:not(.portal-page):not(.mobile-app) label{font-size:11px!important;color:#475467}
body:not(.portal-page):not(.mobile-app) input[type="checkbox"],
body:not(.portal-page):not(.mobile-app) input[type="radio"]{accent-color:var(--dui-primary)}

/* Account/onboarding density */
.account-page main>.section{padding-top:36px!important}
.account-page .account-panel{padding:22px!important;max-width:1080px!important}
.account-page .account-profile-grid{gap:9px!important}
.account-page .account-profile-item{min-height:64px!important;padding:10px 12px!important;border-radius:7px!important;border:1px solid var(--dui-line)!important;background:#fbfcfd!important}
.account-page .account-profile-item b{font-size:13px!important}
.account-page .profile-completion{margin-top:16px!important;padding-top:15px!important}
.onboarding-page .onboarding-shell{padding-top:30px!important;padding-bottom:40px!important}
.onboarding-page .onboarding-form{padding:20px!important}

/* Admin — compact neutral console */
.admin-page .admin-shell{background:var(--dui-bg)!important;color:var(--dui-text)!important}
.admin-page .admin-head{background:#fff!important;border:1px solid var(--dui-line)!important;border-radius:9px!important;box-shadow:none!important;padding:12px 15px!important}
.admin-page .admin-head h1{font-size:17px!important}
.admin-page .admin-head p{font-size:10.5px!important;margin:2px 0 0!important}
.admin-page .admin-tabs{background:#fff!important;border:1px solid var(--dui-line)!important;border-radius:9px!important;box-shadow:none!important;padding:8px!important}
.admin-page .admin-tabs button,
.admin-page .admin-nav-group-toggle,
.admin-page .admin-nav-group-items button{
  min-height:32px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:500!important;box-shadow:none!important;
}
.admin-page .admin-nav-group-toggle{background:#fbfcfd!important;border:1px solid #edf0f4!important;color:#475467!important}
.admin-page .admin-nav-group-items button.active,
.admin-page .admin-tabs>button.active{background:#eef6ff!important;color:#176cae!important;border-color:#d8eaf9!important}
.admin-page .admin-tab-panel{background:transparent!important}
.admin-page .admin-toolbar{padding:12px 14px!important;border-radius:9px!important;background:#fff!important;border:1px solid var(--dui-line)!important;box-shadow:none!important}
.admin-page .admin-toolbar h2{font-size:15px!important}
.admin-page .admin-hint{font-size:10.5px!important;color:var(--dui-muted)!important}
.admin-page .owner-dashboard-card,
.admin-page .admin-dashboard-section,
.admin-page .finance-card,
.admin-page .sales-card,
.admin-page .payment-card,
.admin-page .payout-card{padding:13px!important}
.admin-page .owner-card-head h3{font-size:13.5px!important}
.admin-page .owner-kpi-grid{gap:8px!important}

/* Tables / lists */
body:not(.portal-page):not(.mobile-app) table{border-collapse:collapse}
body:not(.portal-page):not(.mobile-app) th,
body:not(.portal-page):not(.mobile-app) td{font-size:11px!important}
body:not(.portal-page):not(.mobile-app) th{font-weight:500!important;color:#697586!important;background:#fbfcfd!important}
body:not(.portal-page):not(.mobile-app) .admin-list,
body:not(.portal-page):not(.mobile-app) .owner-actions-list,
body:not(.portal-page):not(.mobile-app) .owner-activity-list{gap:7px!important}

/* Footer — compact, aligned, light, reference-like */
body:not(.portal-page):not(.mobile-app) .site-footer{
  margin-top:46px!important;
  padding:34px 0 16px!important;
  background:linear-gradient(180deg,#f1f7fc 0%,#eaf3fa 100%)!important;
  color:#344054!important;
  border-top:1px solid #d8e7f3!important;
}
body:not(.portal-page):not(.mobile-app) .footer-main{
  grid-template-columns:1.45fr .78fr .9fr .9fr!important;
  gap:30px!important;
  align-items:start!important;
}
body:not(.portal-page):not(.mobile-app) .footer-logo-panel{
  display:inline-flex!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  background:#fff!important;
  border:1px solid var(--dui-line)!important;
  box-shadow:none!important;
}
body:not(.portal-page):not(.mobile-app) .footer-logo .brand-logo{height:62px!important;max-width:150px!important;filter:none!important}
body:not(.portal-page):not(.mobile-app) .footer-brand-block p,
body:not(.portal-page):not(.mobile-app) .footer-col a,
body:not(.portal-page):not(.mobile-app) .footer-col span{
  color:#667085!important;
  font-size:10.5px!important;
  line-height:1.8!important;
  margin:4px 0!important;
}
body:not(.portal-page):not(.mobile-app) .footer-brand-block p{max-width:300px}
body:not(.portal-page):not(.mobile-app) .footer-col b{color:#344054!important;font-size:11.75px!important;font-weight:600!important;margin-bottom:7px!important}
body:not(.portal-page):not(.mobile-app) .footer-social-col{
  align-items:flex-start!important;
  text-align:right!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid #d9e6f0!important;
  border-radius:10px!important;
  padding:12px 13px!important;
}
body:not(.portal-page):not(.mobile-app) .footer-social-col>b{width:auto!important;text-align:right!important}
body:not(.portal-page):not(.mobile-app) .footer-social-links{
  width:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,40px)!important;
  justify-content:start!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:9px!important;
  direction:rtl!important;
}
body:not(.portal-page):not(.mobile-app) .social-link{
  width:40px!important;height:40px!important;
  min-width:40px!important;min-height:40px!important;
  border-radius:9px!important;
  margin:0!important;padding:0!important;
  background:#fff!important;
  border:1px solid var(--dui-line)!important;
  box-shadow:none!important;
  transform:none!important;
}
body:not(.portal-page):not(.mobile-app) .social-link:hover{background:#f7f9fb!important;border-color:#cbd4df!important;transform:none!important}
body:not(.portal-page):not(.mobile-app) .social-link svg{
  width:19px!important;height:19px!important;
  display:block!important;
  fill:currentColor!important;
  stroke:none!important;
}
body:not(.portal-page):not(.mobile-app) .social-link.telegram{color:#229ed9!important}
body:not(.portal-page):not(.mobile-app) .social-link.whatsapp{color:#20b858!important}
body:not(.portal-page):not(.mobile-app) .social-link.website{color:#667085!important}
body:not(.portal-page):not(.mobile-app) .social-link.bale img{
  width:23px!important;height:23px!important;margin:auto!important;object-fit:contain!important;
}
body:not(.portal-page):not(.mobile-app) .trust-strip-footer{
  grid-template-columns:minmax(0,1fr) auto!important;
  margin-top:22px!important;padding:13px 14px!important;
  border:1px solid #d8e7f3!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.62)!important;
  gap:16px!important;
}
body:not(.portal-page):not(.mobile-app) .trust-strip-footer .trust-label .kicker{background:#f2f7fd!important;color:#47769f!important;border-color:#dbeaf8!important}
body:not(.portal-page):not(.mobile-app) .trust-strip-footer .trust-label p{color:#7a8496!important;font-size:10px!important}
body:not(.portal-page):not(.mobile-app) .mini-license{
  background:#fff!important;border:1px solid #d9e3ec!important;border-radius:9px!important;
  min-height:82px!important;min-width:118px!important;padding:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body:not(.portal-page):not(.mobile-app) .enamad-official-code img{max-width:88px!important;max-height:72px!important;object-fit:contain!important}
body:not(.portal-page):not(.mobile-app) .footer-bottom{
  margin-top:14px!important;padding-top:12px!important;border-top:1px solid #d8e7f3!important;
  color:#7c8da0!important;font-size:9.5px!important;
}

/* Remove decorative gradients/shadows where they conflict with compact reference. */
body:not(.portal-page):not(.mobile-app) .popular{border:1px solid #b9d9f4!important;box-shadow:none!important}
body:not(.portal-page):not(.mobile-app) .popular small{background:var(--dui-primary)!important}
body:not(.portal-page):not(.mobile-app) .contact-message-box,
body:not(.portal-page):not(.mobile-app) .about-audience-grid>div,
body:not(.portal-page):not(.mobile-app) .partner-step,
body:not(.portal-page):not(.mobile-app) .payout-batch{background:#fff!important;box-shadow:none!important}

@media(max-width:980px){
  body:not(.portal-page):not(.mobile-app) .footer-main{grid-template-columns:1fr 1fr!important}
  body:not(.portal-page):not(.mobile-app) .hero-grid{gap:26px!important}
  body:not(.portal-page):not(.mobile-app) .hero h1{font-size:33px!important}
}
@media(max-width:640px){
  body:not(.portal-page):not(.mobile-app){font-size:12.5px}
  body:not(.portal-page):not(.mobile-app) .container{width:min(100% - 22px,1160px)}
  body:not(.portal-page):not(.mobile-app) .hero{padding:38px 0!important}
  body:not(.portal-page):not(.mobile-app) .page-hero{padding:34px 0 26px!important}
  body:not(.portal-page):not(.mobile-app) .hero h1{font-size:29px!important}
  body:not(.portal-page):not(.mobile-app) .page-hero h1{font-size:25px!important}
  body:not(.portal-page):not(.mobile-app) .section{padding:38px 0!important}
  body:not(.portal-page):not(.mobile-app) .footer-main{grid-template-columns:1fr!important;gap:18px!important}
  body:not(.portal-page):not(.mobile-app) .footer-social-links{justify-content:flex-start!important}
  body:not(.portal-page):not(.mobile-app) .trust-strip-footer{grid-template-columns:1fr!important}
}

/* Final light-surface pass: keep the entire public web experience in the same calm visual language. */
body:not(.portal-page):not(.mobile-app) .benefit-strip,
body:not(.portal-page):not(.mobile-app) .dark-section,
body:not(.portal-page):not(.mobile-app) .security-section{
  background:#f8fafc!important;
  color:var(--dui-text)!important;
  border-top:1px solid var(--dui-line)!important;
  border-bottom:1px solid var(--dui-line)!important;
}
body:not(.portal-page):not(.mobile-app) .benefit-grid>div{border-left:1px solid var(--dui-line)!important;padding:15px 18px!important}
body:not(.portal-page):not(.mobile-app) .benefit-grid b{color:#344054!important;font-size:12px!important;font-weight:600!important}
body:not(.portal-page):not(.mobile-app) .benefit-grid span{color:#7a8496!important;font-size:9.75px!important}
body:not(.portal-page):not(.mobile-app) .dark-section .section-head h2,
body:not(.portal-page):not(.mobile-app) .dark-section .section-head.light h2,
body:not(.portal-page):not(.mobile-app) .dark-section h2,
body:not(.portal-page):not(.mobile-app) .dark-section h3{color:var(--dui-heading)!important}
body:not(.portal-page):not(.mobile-app) .dark-section .section-head p,
body:not(.portal-page):not(.mobile-app) .dark-section .section-head.light p,
body:not(.portal-page):not(.mobile-app) .dark-section p{color:var(--dui-muted)!important}
body:not(.portal-page):not(.mobile-app) .dark-section .kicker-dark{background:#f2f7fd!important;color:#47769f!important;border:1px solid #dbeaf8!important}
body:not(.portal-page):not(.mobile-app) .modules>div{
  background:#fff!important;
  color:#344054!important;
  border:1px solid var(--dui-line)!important;
  border-radius:8px!important;
  padding:12px!important;
}
body:not(.portal-page):not(.mobile-app) .modules b{color:#344054!important;font-size:11.5px!important;font-weight:600!important}
body:not(.portal-page):not(.mobile-app) .modules span{color:#7a8496!important;font-size:9.5px!important}
body:not(.portal-page):not(.mobile-app) .dark-cta,
body:not(.portal-page):not(.mobile-app) .final-cta,
body:not(.portal-page):not(.mobile-app) .quote,
body:not(.portal-page):not(.mobile-app) .hero-panel{
  background:#fff!important;
  color:var(--dui-text)!important;
  border:1px solid var(--dui-line)!important;
  box-shadow:none!important;
}
body:not(.portal-page):not(.mobile-app) .final-cta{padding:24px!important}
body:not(.portal-page):not(.mobile-app) .final-cta h2{color:var(--dui-heading)!important;font-size:22px!important}
body:not(.portal-page):not(.mobile-app) .final-cta p,
body:not(.portal-page):not(.mobile-app) .quote p,
body:not(.portal-page):not(.mobile-app) .dark-cta p{color:var(--dui-muted)!important}
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-head strong,
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-footer b,
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-item b{color:#344054!important}
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-head small,
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-item small{color:#7a8496!important}
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-item,
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-footer{
  background:#fbfcfd!important;
  border:1px solid var(--dui-line)!important;
  border-radius:7px!important;
}
body:not(.portal-page):not(.mobile-app) .hero-panel .panel-footer span{background:#f2f4f7!important;color:#667085!important}


/* V110 footer polish pass — visual only. */
body:not(.portal-page):not(.mobile-app) .footer-social-col>b{color:#26384b!important;font-size:12px!important}
body:not(.portal-page):not(.mobile-app) .footer-social-links .social-link{transition:background .15s ease,border-color .15s ease,transform .15s ease!important}
body:not(.portal-page):not(.mobile-app) .footer-social-links .social-link:hover{transform:translateY(-1px)!important;background:#fff!important;border-color:#bfcfdd!important}
body:not(.portal-page):not(.mobile-app) .footer-social-links .social-link.telegram{color:#229ed9!important}
body:not(.portal-page):not(.mobile-app) .footer-social-links .social-link.whatsapp{color:#20b858!important}
body:not(.portal-page):not(.mobile-app) .footer-social-links .social-link.website{color:#596b7f!important}
@media(max-width:640px){
  body:not(.portal-page):not(.mobile-app) .footer-social-col{width:100%!important}
  body:not(.portal-page):not(.mobile-app) .footer-social-links{grid-template-columns:repeat(4,40px)!important;justify-content:start!important}
}

/* Official trust-seal fallback when the remote ENAMAD image is unavailable in local/dev networks. */
body:not(.portal-page):not(.mobile-app) .enamad-official-code>a.seal-fallback{
  min-width:100px;min-height:62px;padding:8px 10px;border:1px dashed #c7d8e6;border-radius:7px;
  background:#f8fbfe;color:#55738e;align-items:center;justify-content:center;text-align:center;
}
body:not(.portal-page):not(.mobile-app) .enamad-official-code>a.seal-fallback::after{
  content:"مشاهده نماد اعتماد رسمی";font-size:9.5px;font-weight:600;line-height:1.7;
}